@charset "utf-8";

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

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

@import url(contents.css);

body{
	font-family: "メイリオ","meiryo","Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}
.whatsnew .newtitle,
.whatsnew .newtext{
	font-family: "メイリオ","meiryo","Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	font-size:13px;
	line-height:1.6;
}

/* Main
========================================*/
#mainarea .mainhead{
margin:20px 0 26px 0px;
}
#pankz{
	width:1000px;
	font-size:12px;
	margin:0 auto;
	padding:5px 0 6px 0;
}
.btnBacknum{
	font-family: "メイリオ","meiryo";
	width:290px;
	border:none;
	display:inline-block;
	padding:6px 0 4px 0;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	background:#FF9C00;
	box-shadow:0px 2px 0px #E38A00;
	cursor:pointer;
}
.btnBacknum:hover{
	background:#FFAC2A;
	
}

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

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

#topcenter{
	width: 680px;
	float: left;
	padding-bottom:20px;
}
.itemlist2{
	margin:0px !important;
}
#topsub{
width:290px;
float:right;
}

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

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

#topcenter #history{
	margin: 0 0 20px 0;
	position: relative;
    *position: static;
	z-index:1;
	
}

#history .listbtn{
	position: absolute;
	top: 5px;
	right: 10px;
	width: 36px;
}

#history dl{
	margin: 0 0 0 0;
	width: px;
}
#history dt{
font-weight:bold;
width:85px;
padding-left:5px;
float:left;
}

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

#tvcm{
margin:0 0 20px 0;
width:300px;
height:200px;
background:#eaeaea;
position:relative;
border-radius:0 0 8px 8px;
}

#tvcm #movie{
width:245px;
height:170px;
position:absolute;
top:18px;
left:30px;
}
#itemRightCol #tvcm #movie li{
text-align:left;
}
#tvcm #movie .appendix {
    display: block;
    text-align: center;
}

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

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

#seriessummary{
width:680px;
}

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

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

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

#seriessummary .section dd{
padding:0 0 30px 0;
line-height:1.6em;
}
#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{
}

#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;
text-align:left;
}

#campaignbnr{
margin:0 0 0 0;
width:300px;
}

#campaignbnr ul{
width:300px;
}

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

#mobile{
margin:0 0 0 0;
width:300px;
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:20px 0 0 0;
padding:30px 0 0 0;
width:680px;
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 0px;
width:680px;
}

.chapter,
.chaptersec,
.series{
width:680px;
margin:0 auto;
}

.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: px;
}

.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: 390px;
}

.chapter .exsec{
margin:0;
width:330px;
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 0px;
}

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

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

.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 5px;
}

.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:680px;
}

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

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

.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;
	padding: 0 0 6px 0;
	width: 680px;
	/*border-bottom:1px solid #b2b2b2;*/
	background: transparent url(../images/line_dotted.gif) 0 100% no-repeat;
	margin-bottom: 5px;
	margin-left: px;
	margin-right: 0;
	margin-top: 0;
}

.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:570px;
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 5px;
padding:0 25px;
}

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

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

.latest,.latestt,.latestb{
}

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


.latestb{
width:680px;
}

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

.vol ul{
padding:20px 0 0 0;
width:70px;
text-align:center;
}

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

.latest .jacket{
width:240px;
float:left;
text-align:center;
}

.latest .jacket dt{
margin:0;
}
.latest .jacket a img{
	width:100%;
	height:auto;
}
.latest .jacket .imagenotice{
margin:5px 0 10px 0;
padding:0;
text-align:center;
}

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

.latest .jacket dd{
margin:0 0 20px 0;
text-align:center;
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 .section{
	width:420px !important;
padding-bottom:20px;
}
.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,#ebookorder{
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;
}

.orderareawrap02{
left: 430px;
position: absolute;
top: 86px;
width: 300px;
}

#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;
}

#ebookorder {
	background-position: -4725px 0;
	width: 775px;
	position: relative;
}

#ebookorder h2{
margin:0 0 20px 255px;
}

#ebookorder .ordersec{
margin:0 0 10px 270px;
padding:10px 0 0 0;
width:500px;
}

#ebookorder .ebookmes{
	margin:0 0 0px 270px;
	padding:0px 0 0 0;
	width:500px;
	font-size: 14px;
	font-weight: bold;
	color: #F00;
}

#ebookorder .jacketimage {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 0;
    width: 157px;
}

#ebookorder .orderarea {
    background-position: -6170px 0;
    width: 330px;
}

#ebookorder .orderareab {
    background-position: -5838px 100%;
}

#ebookorder .btnsec {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/item/bn_order02.gif");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto auto;
    width: 775px;
	height: 82px;
}

#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-top: 5px;

}

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

#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{
text-align: center;
margin: 0 0 10px 0;
width: 680px;
/* margin:0 0 30px 0; */
/* width:290px; */
/* float:left; */
}

.campaign div.image p{
margin:0 0 0 0;
/* 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 5px;
width:675px;
/* 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{
width:110px;
height:80px;
float:left;
}

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

.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{
	width: 680px;
	margin-bottom: 50px;
	margin-left: 0px;
	margin-right: 0;
	margin-top: 0;
}

.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{
display:block;
padding:0 0 0 20px;
width:305px;
color:#333;
text-decoration:none;
}

.faq .qa{
clear:both;
margin-bottom:40px;
}

.faq .qa h3{
margin:10px 0 0px 0;
padding:8px;
background:#DDF0F0;
font-size:16px;
font-weight:bold;
border-radius:3px;
}

.faq .qa{
border-bottom:1px dotted #CCC;
}
.faq .qa dt{
padding:13px 0 13px 35px;
background:url(../images/item/icon_q.png) no-repeat left 10px;
border-top:1px dotted #CCC;
font-size:14px;
font-weight:bold;
position:relative;
cursor:pointer;
}
/*
.faq .qa dt:after{
	display:block;
	content:"";
	background:url(../images/item/icon_open.png) no-repeat left top;
	width:20px;
	height:20px;
	right:0px;
	top:10px;
	position:absolute;
}*/
.faq .qa dt:hover{
	opacity:0.8;
}

.faq .qa dt:first-child{
	border:none;
}

.faq .qa dd{
padding:13px 0 13px 35px;
background:url(../images/item/icon_a.png) no-repeat left 10px;
display:none;
font-size:14px;
}

.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:0 auto;
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;
}

.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;
}

.backSearchcenter{
width:290px;
background:transparent url(../images/item/backsearch_bg_cnt.gif) 0 12px repeat-y;
clear:both;
}

.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;
}


/*0228ADD
========================================*/


#contentsb2{
width:1000px;
background:#FFF;
}
#contentsDetail{
	margin:0 auto 20px auto;
	width:1000px;
}
#contentsDetail #mainarea{
width:680px;
float:left;
margin:0px;
padding-bottom:20px;
}
#contentsDetail #mainarea .section{
	margin:0px;
	width:680px;
}
#contentsDetail #sidenavi{
padding:0 0 30px 0;
width:300px;
float:right;
}

.orderBox{
	background:#F2F2F2;
	padding:10px;
	text-align:center;
	margin:15px 0 10px 0;
	font-size:14px;
	font-weight:bold;
	
}
.orderBox input{
	vertical-align: middle;
	margin-left:15px;
}

.orderBox p{
	margin:10px 0 0 100px;
}

.cmc table .orderBox {
	width: 350px;
}

/**20130815add***/


#itemNaviWrap {
	width:1000px;
	margin:0 auto;
	border-bottom:4px #00644B solid;
}
#itemNaviWrap .itemNavi li{
	float:left;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-radius:5px 5px 0 0;
	margin-right:3px;
	position:relative;
}
#itemNaviWrap .itemNavi li ul{
	position:absolute;
	z-index:9999;
	background:#000;
	width:200px;
	display:none;
}
#itemNaviWrap .itemNavi li ul li{
	float:none;
	border:none;
}
#itemNaviWrap .itemNavi li ul li a{
	background:url(../images/item/itemnavi_arrow.gif) no-repeat 10px center !important;
	padding:8px 5px 8px 20px;
	color:#FFF;
}
#itemNaviWrap .itemNavi li ul li a:hover{
	text-decoration:underline;
	background:url(../images/item/itemnavi_arrow.gif) no-repeat 10px center;
}
#itemNaviWrap .itemNavi li a{
	display:block;
	background:url(../images/common/itemnavi_bg.jpg) left bottom no-repeat;
	padding:7px 8px 7px 23px;
	border-radius:5px 5px 0 0;
	text-decoration:none;
	color:#003326;
}

#itemNaviWrap .itemNavi li a:hover,
.menuTop #itemNaviWrap .itemNavi li.naviTop a,
.menuGuide #itemNaviWrap .itemNavi li.naviGuide a,
.menuMagazine #itemNaviWrap .itemNavi li.naviMagazine a,
.menuBacknum #itemNaviWrap .itemNavi li.naviBacknum a,
.menuCmc #itemNaviWrap .itemNavi li.naviCmc a,
.menuSelectitem #itemNaviWrap .itemNavi li.naviSelectitem a,
.menuCampaign #itemNaviWrap .itemNavi li.naviCampaign a,
.menuFaq #itemNaviWrap .itemNavi li.naviFaq a
{
	background:url(../images/common/itemnavi_bg_on.jpg) left bottom no-repeat;
	color:#FFFFFF;
}

#itemRightCol{
	width:300px;
	float:right;
}
#socp-action-buttons{
	display:inline;
}

#socp-share-buttons{
	display:inline;
}

#itemRightCol #likeboxArea{
	padding-bottom:10px;
}
#itemRightCol li{
	text-align:center;
	padding-bottom:10px;
}
#itemRightCol #currentnumber{
	padding-bottom:5px;
	marign-bottom:0px;
}
#itemRightCol #currentnumber .extext{
	color:#333;
}
#itemRightCol h2.title02{
	width:300px !important;
}
#itemRightCol p{
	padding-bottom:15px;
}
.socialBtnArea{
	margin-top:20px;
	background:url(../images/item/bg_share.png) no-repeat;
	padding:10px 0 10px 55px;
	
	
}
.socialBtnArea h3{
	padding-bottom:10px;
}

.socialBtnArea #socp-action-buttons .socialplus-widget-counter{
	width:137px !important;
	background:url(../images/item/social_fukidashi_long.gif) no-repeat left top !important;
}
.socialBtnArea #socp-share-buttons .socialplus-widget-counter{
	background:url(../images/item/social_fukidashi_short.gif) no-repeat left top !important;
	width:48px !important;
}
.socialplus-widget-hoshii{
	padding-right:0px !important;
}
#socp-action-buttons{
}
#contentsDetail .chaptersec h2.title02{
}
.teikiBlock{
	background:url(../images/item/teiki_bg.gif);
	height:94px;
	width:677px;
	position:relative;
	margin-top:20px;
}
.teikiBlock a{
	position: absolute;
	right: 20px;
	top: 13px;
}

.clearfix2:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix2 {
  min-height: 1px;
}

* html .clearfix2 {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.rightCol{
	float:right;
	width:300px;
	padding-left:20px;
	background:#FFF;
}
#history h2.titleNews{
	border-top:2px #002317 solid;
	background:#D5E0DE;
	padding:8px 5px 8px 15px;
	color:#002317;
	margin-bottom:10px;
}
#history h2.titleNews .newsbtn{
	float:right;
	margin:-3px 5px 0 10px;
}



/**2015add**/
.backnumList{
	display:none;
}
.cmcList{
	display:none;
}
.pageBacknumber .backnumList{
	display:block;
}
.pageCmc .cmcList{
	display:block;
}
.pageBacknumber .backnumList,
.pageCmc .cmcList{
	display:block;
	width:1000px;
	margin:0 auto;
	background:#00644B;
	padding-bottom:3px;
}
.pageBacknumber .backnumList li,
.pageCmc .cmcList li{
	display:inline-block;
}
.pageBacknumber .backnumList li a,
.pageCmc .cmcList li a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:8px 15px;
}
.pageBacknumber .backnumList li a:hover{
	background:#259B7D;
}
.pageBacknumber .backnumList2{
	display:block;
	width:1000px;
	margin:0 auto;
	background:#EEE;
	border-bottom:1px solid #CCC;
	padding:8px 0;
}
.pageBacknumber .backnumList2 li{
	display:inline-block;
	padding:0 15px;
}

.pageBacknumber .backnumList2 li a{
	color:#333;
}
.pageBacknumber .backnumList2 li.selected a{
	background:#666;
	border-radius:50px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	text-decoration:none;
}

.itemNews .moreBtn{
	display: none;
}
.itemNews .orderSp{
	display: none;
}
@media screen and (max-width:767px){
	
	.itemNews #itemNaviWrap,
	.itemNews #itemRightCol,
	.itemNews .teikiBlock,
	.itemNews #socialBlock{
		display: none
		
	}
	.itemNews #pankz,
	.itemNews #contentsDetail,
	.itemNews #contentsb2,
	.itemNews .teikiBlock,
	.itemNews #contentsDetail #mainarea .section,
	.itemNews .whatsnew,
	.itemNews h2.title02,
	.itemNews h3.title02,
	.itemNews #contentsDetail #mainarea,
	.itemNews #mainarea .mainhead,
	.itemNews #mainarea .mainheadb,
	.itemNews .credit,
	.itemNews #mainarea div{
		width:auto !important;
		
	}
	.itemNews #pankz{
		padding: 60px 5px 5px 5px;
		background: #666;
		color:#FFF;
		font-size: 10px;
	}
	.itemNews #pankz a{
		color:#FFF;
	}
	.itemNews #mainarea .mainhead, .itemNews #mainarea .mainheadb{
		background: none;
		padding: 0px;
		margin: 0px;
	}
	#item.itemNews  #contentst{
		margin-top: 0px;
		
	}
	.itemNews #mainarea .mainhead h1{
		text-align: center;
		padding: 15px 0 15px 0;
		font-size: 20px;
		color: #237071;
    background-color: #efefef;
	}
	.itemNews #contentsDetail #mainarea img{
		width: auto;
		max-width: 300px;
		height: auto;
		display: block;
		margin: 0 auto:
	}
	.itemNews .whatsnew{
		padding: 10px 10px 20px 10px;
    margin: 0 0 0px 0;
    	border-bottom: 1px dotted #CCC;
	}
	.itemNews h2.title02, 
	.itemNews h3.title02,
	.itemNews h2.title02 span,
	.itemNews h3.title02 span{
		background: none;
		padding: 0px;
		margin: 0px;
		border: none;
	}
	
	.itemNews h2.title02 span{
		display: inline-block;
		color: #237071;
	}
	.itemNews h2.title02{
		font-weight: normal;
		font-size: 14px;
		padding-top: 10px;
	}
	.itemNews h3.newtitle{
		font-size: 18px;
		color: #237071;
	}
	.itemNews .whatsnew .newtext{
		font-size: 16px;
	}
	.itemNews .whatsnew:nth-child(n + 4) {
		display: none;
}
	.orderSp{
	display: block;
	}
	
.itemNews .moreBtn{
	display: block;
	margin: 0 auto;
	padding: 10px;
	text-align:  center;
	font-size: 18px;
	text-decoration: none;
	color: #333;
}
	.itemNews .whatsnew iframe{
		width: 100%;
		height: 200px;
	}
	.itemNews .moreBtn:before{
		content: "";
		display: inline-block;
    width: 20px;
    height: 15px;
    margin-right: 10px;
	    background: url(../../images/arw_b_lgrn1.png) left center no-repeat;
		background-size: contain;
	}
.itemNews .orderSp{
	display: block;
	padding: 15px 10px 25px ;
	background: #EEE;
}
	.itemNews .credit{
		margin: 0px;
		text-align: center;
		padding: 10px 5px;
	}
	
	.itemNews .orderSp a{
		display: block;
		background: #499;
		
		padding: 15px 15px 11px 15px;
		font-size: 24px;
		text-align: center;
		font-weight: bold;
		color: #FFFFFF;
		border-radius: 8px;
		text-decoration: none;
		box-shadow: 0 5px 0px #007878;
		
	}
}