@charset "utf-8";

/*
========================================

Item
	Order
	User
	
========================================
*/

@import url(contents.css);

/* Main
========================================*/
#mainarea .mainhead{
margin:0 0 26px 20px;
}

.itemcatch{
margin:0 0 15px 0;
padding:0 0 0 20px;
}

.itemcatch.magazine{
margin:0 0 33px 0;
}

#topcenter{
width:380px;
float:left;
}

#topsub{
width:290px;
float:right;
}

#topcenter h2.title02{
width:380px;
}

#topsub h2.title02{
width:290px;
}

#topcenter #history{
margin:0 0 20px 0;
position:relative;
width:380px;
}

#history .listbtn{
position:absolute;
top:6px;
left:337px;
width:36px;
}

#history dl{
margin:0 0 0 20px;
width:350px;
}

#history dt{
font-weight:bold;
font-size:85%;
}

#history dd{
margin:0 0 4px 0;
padding:0 0 4px 0;
background:transparent url(../images/line_dotted.gif) left bottom no-repeat;
}

#tvcm{
margin:0 0 20px 0;
width:378px;
height:200px;
border:1px solid #dedede;
background:#eaeaea;
position:relative;
}

#tvcm #movie{
width:238px;
height:170px;
position:absolute;
top:18px;
left:15px;
}

#tvcm h2{
position:absolute;
top:20px;
left:265px;
}

#tvcm .catch{
position:absolute;
top:156px;
left:265px;
}

#seriessummary{
width:380px;
}

#seriessummary .section{
margin:0 0 10px 20px;
width:350px;
}

#seriessummary .section img{
padding:0 0 0 15px;
float:right;
background:#fff;
}

#seriessummary .section dt{
margin:0 0 5px 0;
padding:0 0 4px 0;
background:transparent url(../images/line_dotted.gif) left bottom repeat-x;
font-weight:bold;
}

#seriessummary .section .more{
clear:both;
text-align:right;
}

#seriessummary .section .more a{
padding:0 5px 0 0;
background:transparent url(../images/ico/icon.gif) 133% -998px no-repeat;
}

#currentnumber{
margin:0 0 20px 0;
width:295px;
}

#currentnumber .image{
width:150px;
float:left;
margin: 0 5px 0 0;
}

#currentnumber .extext{
width:140px;
float:right;
}

#currentnumber .extext dt{
margin:0 0 3px 0;
font-weight:bold;
}

#currentnumber .extext li{
margin:0 0 3px 0;
}

#campaignbnr{
margin:0 0 10px 0;
width:290px;
}

#campaignbnr ul{
margin:0 0 0 20px;
width:257px;
}

#campaignbnr li{
margin:0 0 10px 0;
}

#mobile{
margin:0 0 15px 0;
width:290px;
height:97px;
position:relative;
background:#73996d;
}

#mobile h2,
#mobile p{
position:absolute;
top:16px;
}

#mobile h2{
left:14px;
}

#mobile p{
left:213px;
}

#recommend{
width:290px;
}

#recommend .recitem{
margin:0 0 5px 0;
width:290px;
background:transparent url(../images/line_dotted.gif) left bottom repeat-x;
display:inline-table;
}

/* \*/
#recommend .recitem{
display:block;
}
/* */

#recommend .recitem:after{
content:"";
display:block;
clear:both;
visibility:hidden;
height:1px;
line-height:0;
font-size:0;
}


#recommend .image{
padding:0 0 5px 0;
width:95px;
float:left;
}

#recommend .image p{
margin:0 0 0 20px;
}

#recommend .extext{
width:185px;
float:right;
}

#recommend .extext dl,
#recommend .extext p{
width:165px;
}

#recommend .extext dt,
#recommend .extext dd{
padding:0 0 5px 0;
}

#recommend .extext p{
font-size:85%;
}

.credit{
clear:both;
margin:0 0 0 235px;
padding:10px 0 0 0;
width:680px;
border-top:1px solid #ccc;
font-size:85%;
color:#ccc;
}

.creditw{
clear:both;
padding:10px 0 0 0;
width:908px;
border-top:1px solid #ccc;
font-size:85%;
color:#ccc;
text-align:left;
}

.credit p{
width:680px;
}

.credit img.logo{
margin:0 10px 0 0;
float:left;
}

.seriesmain{
margin:0 0 25px 20px;
width:680px;
}

.chapter,
.chaptersec,
.series{
width:700px;
}

.chapter{
padding:0 0 20px 0;
}

.chaptersec{
padding:0 0 20px 0;
}

.exsec{
margin:0 0 20px 20px;
width:640px;
}

.seriesmain .exsec{
margin:0 0 20px 20px;
width:640px;
}

.chaptersec .exsec{
margin:0;
padding:0 0 0 20px;
width:330px;
float:left;
}

.magazinedetail .chaptersec .exsec p{
padding:0 0 0 165px;
width:165px;
}

.chaptersec .series .exsec{
padding:0 0 0 290px;
width:405px;
}

.chapter .exsec{
margin:0;
width:350px;
float:left;
}

.exsec img{
float:left;
margin:0 15px 5px -235px;
}

.seriesmain img{
/*border:1px solid #abc2be;*/
border:none;
}

.seriesmain .exsec img{
margin:0 15px 5px 0;
}

.magazinedetail .chaptersec .exsec img{
margin:0 15px 5px -165px;
}

.chaptersec{
clear:both;
}

.exsec h2{
margin:0 0 15px 0;
width:330px;
}

.series h2,
.chapter h2,
.chapter .exsec h2{
margin:0 0 15px 20px;
}

.chapter .ex,
.series .ex{
margin:0 0 25px 25px;
width:670px;
}

.chapter .image{
float:left;
text-align:right;
width:350px;
}

.chapter .image p{
margin:0;
}

.chapter .image img{
margin:0 5px 0 0;
}

.exsec p{
margin:0 0 15px 0;
}

.chapter .exsec p{
margin:0 0 10px 20px;
}

.lineup{
color:#73996d;
}

.chapter .lineup{
margin:0 0 0 20px;
}

.exsec .lineup dt{
font-weight:bold;
}

.regularsub,.regularsubb{
background-image:url(../images/bg/section_bg.gif);
background-repeat:no-repeat;
}

.regularsub{
clear:both;
margin:0 0 35px 0;
width:679px;
background-color:#f2f2f2;
background-position:-1800px 0;
}

.regularsubb{
padding:18px 26px 15px 39px;
background-position:-2479px 100%;
}

.regularsub dl{
width:614px;
}

.regularsub dt{
padding:8px 0 0 0;
width:275px;
float:left;
clear:left;
}

.regularsub dd{
padding:0 0 0 335px;
}

.publishdata{
clear:both;
margin:0 0 25px 0;
width:700px;
}

.publishdata h2{
margin:0 0 8px 20px;
}

.publishdata .datatbl{
margin:0 0 0 40px;
}

.publishdata .datatbl th,
.publishdata .datatbl td p{
padding:5px 0;
background:transparent url(../images/line_dotted.gif) left bottom repeat-x;
}

.publishdata .datatbl td{
padding:0;
}

.publishdata .datatbl td p{
margin:0 0 0 10px;
}

.publishdata .datatbl th{
vertical-align:top;
text-align:left;
font-weight:normal;
}

.backnumber h2,.backnumber h2 span,
.backnumber .detailbtn,.backnumber .detailbtnb,
.backnumberlistb{
background-image:url(../images/bg/backnumber_bg.gif);
background-repeat:no-repeat;
}

.backnumberlist{
clear:both;
/*margin:0 0 35px 20px;
padding:0 0 35px 0;*/
margin:0 0 5px 20px;
padding:0 0 6px 0;
width:680px;
/*border-bottom:1px solid #b2b2b2;*/
background:transparent url(../images/line_dotted.gif) 0 100% no-repeat;
}

.backnumberlistb{
width:680px;
background-position:-612px 0;
background-repeat:repeat-y;
}

.backnumber{
width:170px;
float:left;
}

.backnumber h2{
margin:0 auto 10px;
width:153px;
background-color:#d5e0de;
background-position:0 0;
}

.backnumber h2 span{
display:block;
padding:4px 5px;
background-position:-153px 100%;
font-size:100%;
font-weight:bold;
text-align:center;
}

.backnumber .image{
margin:0 auto 5px;
width:153px;
text-align:center;
}

.backnumber .detailbtn{
margin:0 auto 5px;
width:153px;
background-color:#e4e4e4;
background-position:-306px 0;
}

.backnumber .detailbtnb{
padding:3px 0;
text-align:center;
background-position:-459px 100%;
}

.backnumber .publish{
margin:0 auto;
width:153px;
font-size:85%;
line-height:1.5;
color:#939393;
}

.backnumber .publishtxt{
margin:0 auto;
width:153px;
}

.whatsnew{
margin:0 0 35px 0;
width:680px;
}

.whatsnew .newtitle{
margin:0 0 10px 0;
font-weight:bold;
}

.whatsnew .newtext p{
margin:0 0 15px 0;
}

.whatsnew .newtext ul{
list-style-type:disc;
margin:0 0 0 20px;
}

.whatsnew .pdflink{
margin:0;
}

.cmc{
margin:0 0 60px 0;
}

.cmc th{
background:transparent url(../images/item/line_cmc.gif) left bottom no-repeat;
}

.cmc td{
background:transparent url(../images/item/line_cmc.gif) right bottom no-repeat;
}

.cmc th,
.cmc td{
text-align:left;
font-weight:normal;
}

.cmc th p{
padding:15px 9px 15px 15px;
}

.cmc td .blank{
padding:15px 0 15px 15px;
width:520px;
/*font-size:85%;*/
}

.cmclist dd{
padding:0 0 10px 1em;
}

.blank img{
float:right;
margin:0 22px;
}

.seriesend,.seriesendt,.seriesendb{
background-image:url(../images/bg/frame_bg.gif);
}

.seriesend{
margin:0 auto 50px;
width:799px;
background-position:-799px 0;
background-repeat:repeat-y;
}

.seriesendt{
padding:15px 0 0 0;
background-position:0 0;
background-repeat:no-repeat;
}

.seriesendb{
padding:0 0 15px 0;
background-position:-1598px 100%;
background-repeat:no-repeat;
}

.seriesend .bookimg{
margin:0 0 15px 0;
width:160px;
text-align:center;
float:left;
}

.seriesend .endtxt{
margin:0 0 15px 0;
width:639px;
float:right;
}

.seriesend .endtxt h2{
margin:0 0 20px 0;
}

.seriesend .endtxt dl{
margin:0 0 10px 0;
width:630px;
color:#285654;
}

.seriesend .endtxt dt{
margin:0 0 10px 0;
font-weight:bold;
}

.seriesend .thankstxt{
clear:both;
margin:0 0 15px 0;
padding:0 25px;
}

.seriesend .btnarea{
margin:0 auto;
width:740px;
background:#e4e4e4;
}

.seriesend .btnarea p{
text-align:center;
padding:8px 0;
}

.latest,.latestt,.latestb{
background-image:url(../images/bg/frame_bg.gif);
}

.latest{
margin:0 0 30px 20px;
width:680px;
background-position:-5117px 0;
background-repeat:repeat-y;
}

.latestt{
background-position:-4437px 0;
background-repeat:no-repeat;
}

.latestb{
width:680px;
background-position:-5797px 100%;
background-repeat:no-repeat;
}

.vol{
width:90px;
float:left;
}

.vol ul{
margin:0 0 0 12px;
padding:20px 0 0 0;
width:55px;
}

.vol li{
margin:0 0 15px 0;
}

.latest .jacket{
width:150px;
float:left;
}

.latest .jacket dt{
margin:0;
}

.latest .jacket .imagenotice{
margin:0 0 5px 0;
padding:0;
}

.cmc .imagenotice{
margin:0 0 5px 0;
padding:0;
}

.latest .jacket dd{
margin:0 0 20px 0;
font-size:85%;
color:#939393;
}

.latestcont{
width:420px;
float:right;
}

.latestcont .intro h2{
margin:0 0 30px 0;
}

.latestcont .intro ul{
margin:0 0 45px 0;
width:280px;
float:left;
}

.latestcont .intro li{
padding:0 0 0 15px 0;
}

.latestcont .volnumber{
float:right;
color:#ccc;
font-size:80px;
line-height:80px;
display:block;
}

#mainarea .latestcont .section{
clear:both;
margin:0 0 10px 0;
}

.latestcont h2.title02{
width:420px;
}

.latestcont .conttitlem{
margin:0 0 0 10px;
font-size:133%;
font-weight:bold;
}

.latestcont .conttitle{
margin:0 0 0 10px;
font-weight:bold;
}

.latestcont .conttext{
margin:0 0 27px 10px;
}

#rs{
margin:0 auto;
width:775px;
}

#regularorder,#binderorder,#seriesorder,#osarrow,
.orderarea,.orderareat,.orderareab{
background-image:url(../images/bg/order_series_bg.gif);
background-repeat:repeat-y;
}

#regularorder,
#seriesorder{
width:775px;
background-position:-2937px 0;
}

#regularorder h2,
#seriesorder h2{
margin:0 0 20px 0;
}

#binderorder h2{
margin:0 0 20px 147px;
}

.orderareawrap{
float:left;
}

#regularorder.orderareawrap{
width:530px;
}

#binderorder.orderareawrap{
width:449px;
}

.subcomment{
width:540px;
}

.orderarea{
margin:0 0 15px 0;
}

.orderareat{
padding:5px 0 0 0;
background-repeat:no-repeat;
}

.orderareab{
padding:15px 18px 15px 18px;
background-repeat:no-repeat;
}

.orderarea dt{
margin:0 0 7px 0;
}

.orderarea dd select{
width:130px;
}

.orderarea th{
text-align:left;
}

#regularorder .orderarea{
width:530px;
background-position:-530px 0;
}

#regularorder .orderareat{
background-position:0 0;
}

#regularorder .orderareab{
background-position:-1060px 100%;
}

#binderorder .orderarea{
width:449px;
background-position:-2039px 0;
}

#binderorder .orderareat{
background-position:-1590px 0;
}

#binderorder .orderareab{
background-position:-2488px 100%;
}

#regularorder .ordersec{
margin:0 0 10px 19px;
padding:10px 0 0 0;
width:737px;
}

#binderorder .ordersec{
margin:0 0 10px 147px;
padding:10px 0 0 0;
width:628px;
}

#binderorder .nobinder{
margin:0 0 10px 390px;
padding:10px 0 10px 0;
}

#regularorder .jacketimage,
#binderorder .jacketimage{
float:left;
}

#regularorder .jacketimage{
width:180px;
}

#binderorder .jacketimage{
width:157px;
margin: 0 10px 0 0;
}

#regularorder .jacket{
margin:0 0 5px 19px;
}

#binderorder .jacket{
margin:0 0 5px 9px;
}

.caption{
width:150px;
}

#regularorder .caption{
margin:0 0 0 19px;
}

#binderorder .caption{
margin:0 0 0 9px;
color:#278917;
}

.btnsec{
clear:both;
width:775px;
height:159px;
}

.btnsec p{
display:none;
}

.btnsec dl{
padding:21px 0 0 0;
}

.btnsec dt{
float:left;
clear:left;
}

#regularorder .btnsec{
width:775px;
background:transparent url(../images/item/bn_bd_order.gif) left top no-repeat;
}

#regularorder .btnsec dl{
margin:0 0 0 526px;
}

#regularorder .btnsec dt{
width:91px;
padding:9px 0 0 0;
}

#regularorder .btnsec dd{
padding:0 0 0 96px;
}

#binderorder .btnsec{
width:775px;
background:transparent url(../images/item/bn_order.gif) left top no-repeat;
}

#binderorder .btnsec dl{
margin:0 0 0 503px;
}

#binderorder .btnsec dt{
width:92px;
}

#binderorder .btnsec dd{
padding:0 0 0 119px;
}

#binderorder{
width:775px;
background-position:-3712px 0;
}

#osarrow{
width:775px;
background-position:-4487px 0;
}

#seriesorder{
margin:0 0 55px 0;
width:775px;
}

#seriesorder .notestext{
padding:0 28px;
}

#seriesorder .notestext p{
margin:0 0 20px 0;
}

#seriesorder .notestext img{
vertical-align:middle;
}

#seriesorder .listtbl{
margin:0 0 60px 28px;
}

#seriesorder .btnsec{
height:78px;
background:transparent url(../images/item/orderseries_btn_bg.gif) left top no-repeat;
}

#seriesorder .btnsec dl{
margin:0 0 0 92px;
padding:17px 0 0 0;
width:683px;
}

#seriesorder .btnsec dt{
padding:4px 0 0 0;
width:352px;
}

#seriesorder .btnsec dd{
padding:0 0 0 368px;
}

.campaign{
margin:0 0 30px;
width:680px;
}

.campaign div.image{
margin:0 0 30px 0;
width:290px;
float:left;
}

.campaign div.image p{
margin:0 0 0 20px;
}

.campaign div.image p.detailbtn{
margin:15px 0 0 20px;
padding:4px 0;
width:270px;
background:transparent url(../images/bg/btnarea_bg.gif) -2010px 0 no-repeat;
text-align:center;
}

.campaign .itemex{
margin:0 0 30px 0;
width:370px;
float:right;
}

.campaign .itemex h3{
margin:0 0 5px 0;
width:350px;
}

.campaign .itemex p.text{
margin:0 0 15px 0;
width:350px;
}

.campaign .itemex .summary{
margin:0 0 10px 0;
width:350px;
}

.campaign .itemex .summary dt{
margin:0 0 5px 0;
width:70px;
float:left;
clear:left;
}

.campaign .itemex .summary dd{
margin:0 0 5px 75px;
_height:1%;/* for IE6 */
}

.campaign .itemex .imagearea{
padding:10px 0;
}

.campaign .itemex ul.image{
width:330px;
}

.campaign .itemex ul.image li{
margin:0 0 10px 0;
width:110px;
height:80px;
float:left;
}

.campaign .itemex ul.image li a:link img,
.campaign .itemex ul.image li a:visited img{
border:1px solid #ccc;
}

.campaign .itemex ul.image li a:hover img,
.campaign .itemex ul.image li a:active img{
border:1px solid #093;
}

.campaign .itemex .notes{
}

.campaign .appmethod{
clear:both;
margin:0 auto;
padding:10px 15px 20px;
width:608px;
border:1px solid #ccc;
}

.campaign .appmethod h3{
margin:0 0 20px;
padding:0 0 4px 5px;
background:transparent url(../images/line_dotted.gif) left bottom repeat-x;
}

.campaign .appmethod .text{
width:608px;
}

.campaign .appmethod .text img{
margin:0 10px 0 15px;
float:right;
}

.faq{
margin:0 0 50px 20px;
width:680px;
}

.faq .qlist{
margin:0 0 40px 0;
width:325px;
}

.faq #serieslist{
float:left;
}

.faq #otherlist{
float:right;
}

.faq .qlist{
width:325px;
}

.faq .qlist h2.title02{
width:325px;
}

.faq .qlist li{
margin:0 0 5px 0;
width:325px;
}

.faq .qlist li a,
.faq .qa dt,
.faq .qa dd .answer{
background-image:url(../images/ico/icon.gif);
background-repeat:no-repeat;
}

.faq .qlist li a{
display:block;
padding:0 0 0 20px;
width:305px;
background-position:4px -448px;
color:#333;
text-decoration:none;
}

.faq .qa{
clear:both;
}

.faq .qa h3{
margin:0 0 10px 0;
padding:0 0 5px 0;
border-bottom:1px solid #ccc;
}

.faq .qa dt{
padding:10px 0 10px 35px;
background-position:4px -1329px;
}

.faq .qa dd{
margin:0 0 10px 0;
background:transparent url(../images/line_dotted.gif) left bottom repeat-x;
}

.faq .qa dd .answer{
padding:10px 0 5px 35px;
background-position:4px -1449px;
}

.faq .qa dd .answer p{
padding:0 0 10px 0;
}

.backSearch{
margin:0 auto 0px;
width:662px;
background:transparent url(../images/item/backsearch_bg.gif) left top no-repeat;
}

.backSearch dl{
width:662px;
position:relative;
}

.backSearch dt,
.backSearch dd{
position:absolute;
}

.backSearch dt{
width:184px;
height:26px;
top:5px;
left:10px;
}

.backSearch dd{
width:430px;
top:9px;
left:230px;
}

.backSearch dd .textfield{
margin:0 5px 0 0;
width:330px;
}

.backSearch dd .textfield,
.backSearch dd input{
vertical-align:middle;
}
.backSearchtop{

margin:-10px auto 0px;
padding:12px 0 0 10px;
width:280px;
background:transparent url(../images/item/backsearch_bg_top.gif) left top no-repeat;
clear:both;

}
.backSearchtop form{
padding-top:5px;

}

.backSearchin{
height:23px;
}

.backSearchtitle{
font-size:110%;
font-weight:bold;
color:#254C49;
}

.backSearchtop .backSearchtitle{
margin-left:35px;
margin-bottom:5px;
}


.backSearchtext{
width:205px;
}
.backSearchtextarea{
padding:0 85px 0 4px;
color:#254C49;
background:url(../images/item/backsearch_pic.jpg) right top no-repeat;
margin:10px 3px 0 0;
height:155px;
}

.backSearchtextarea_nopic{
padding:0 85px 0 4px;
color:#254C49;
margin:0px 0px 0 0;
height:0px;
}

.backSearchtextarearesult{
margin:0px auto 0px;
padding:8px 10px 5px 15px;
color:#254C49;
}

.backSearchresultbottom{
height:5px;
width:662px;
background:transparent url(../images/item/backsearch_bg_btm2.gif) left top no-repeat;
margin:0 auto 15px;
}

.backSearchbottom{
height:8px;
width:290px;
background:transparent url(../images/item/backsearch_bg_btm.gif) left top no-repeat;
margin:0 0 15px 0;
}

.keywords{
font-weight:bold;
}

.resultText{
float:left;
margin:0 0 18px 0;
padding:0 0 0 9px;
}

.backSearchPager{
float:right;
margin:0 0 18px 0;
padding:0 9px 0 0;
text-align:right;
}

.backSearchPager a,
.backSearchPager span{
font-weight:bold;
}

.backSearchPager span{
color:#0c3;
}

.backSearchPager a{
color:#002419;
}

.searchResult{
clear:both;
margin:0 auto 15px;
padding:12px 0 0 0;
width:662px;
border-top:2px solid #063;
}

.resultSection{
margin:0 0 12px;
padding:0 0 10px 0;
border-bottom:2px solid #063;
}

.resultSection td td,
.resultSection td th{
padding:7px 3px;
background:transparent url(../images/line_dotted.gif) left top repeat-x;
text-align:left;
vertical-align:top;
}

.resultSection th span{
padding:0 0 0 3px;
border-left:2px solid #6b867f;

font-weight:bold;
}

.resultSection .first th,
.resultSection .first td{
background:none;
}

.resultSection .even th,
.resultSection .even td{
background-color:#f9f9f9;
}

.resultSection .keywords{
color:#f00;
}

.resultSection .publish .image{
margin:0 0 10px;
}

.resultSection .publish dl{
width:80px;
text-align:center;
}

.resultSection .publish dt{
margin:0 0 4px 0;
}

.resultSection .publish dd{
font-weight:bold;
}

/* irregular
========================================*/
/* 100709_eva */
.irregular .orderareab{
padding:5px 18px 15px;
}

.irregular th,
.irregular td{
vertical-align:top;
}

.irregular .itemex{
margin:15px 0 0;
width:494px;
}

.irregular .itemex ul.notes{
margin:0;
}

.irregular .autoEx{
margin:2px 0 5px 0;
}

.irregular .itemex ul{
float:left;
}

.binderImage{
margin:0 5px 0 0;
}

* html .binderImage{
margin:0;
}

.binderImage li{
float:left;
margin:0 5px 0 0;
padding:0 !important;
width:75px;
text-indent:0 !important;
}

.binderImage li dt{
margin:0;
}

.binderImage li dt img{
display:block;
border:1px solid #ccc;
}

.binderImage li dd{
font-size:85%;
}

.startText{
margin:0 0 3px 0;
color:#c00;
font-size:150%;
font-weight:bold;
}