@charset "utf-8";

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

Base Layout
	・Header
	・Footer
	・Gnavi
	
	・Wrapper
	・Contents
	・Main
	・Sidenavi
	
========================================
*/

@import url(basic.css);

/* Header
========================================*/
#header{
	position: relative;
	background:#009a9a;
	min-width:980px;
	margin:0 auto;
}
.separateB{
	padding-bottom:5px;
}
body.subscribe{
	background:none !important;
}
.subscribe #header{
	height:auto !important;
	margin-bottom:10px;
}
.subscribe #wrapper{
	background:none !important;
}
#header .tax {
	clear: both;
	color: #FF0000;
	font-size: 15px;
	font-weight: bold;
	margin: 10px auto 0;
	text-align: center;
	line-height: 1.2em;
}
.headerlink li.btnKantan a{
	color: #056C6C !important;
    background: #FFFFFF;
    display: inline-block;
    padding: 3px 7px 1px 10px;
    border-radius: 50px;
}
#logo{
	padding:4px 0;
}
#header .headerSearch{
	position:absolute;
	left:170px;
	top:9px;

}
#header .headerSearch form{
	position:relative;
}
#header .headerSearch input.searchBox{
	border-radius:50px;
	padding:3px 8px;
	border:1px solid #449999;
	line-height:1.6;
	font-size:13px;
}

#header .headerSearch input.btnSubmit{
	display:inline-block;
	background:url(../common_resp/img/icon_search.png) no-repeat;
	width:17px;
	height:17px;
	border:none;
	display: inline-block;
    background: url(../common_resp/img/icon_search.png) no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    border: none;
    right: 5px;
    top: 5px;
}
#header .headerSearch btnSubmit:after{
	content:"";
	display:block;
	background:#000000;
	width:10px;
	height:10px;
}
#headerutility{
}

.headerlink{
	position: absolute;
	top: 12px;
	right:50px;
	z-index: 9999;
	padding-left: 340px;
}

.headerlink li{
	    display: inline-block;
    font-size: 90%;
    margin-right: 5px;
    padding: 0px 0px 0px 9px;
    border-left: 1px solid #79c6c7;
}

.headerlink li a{
	display:block;
background-repeat:no-repeat;
color:#FFF !important;
}


.messageArea{
    position: absolute;
    padding-top: 0px;
    width: 260px;
    left: 170px;
    top: 7px;
    color: #FFF;
    z-index: 9999;
    text-align: left;
}
.messageArea a{
	color:#FFFFFF;
}
.messageArea em{
	color:#FFF;
	font-weight:bold;
	font-style:normal;
}
.headerbtn{
	width: 162px;
	position: absolute;
	top: 2px;
	left: 659px;
	text-align: left;
	height: 53px;
}


.headerbtn li{
	display:inline;}
.headerbtn li a{
}

a.btnCart{
	display: block;
	background-size:cover;
	position: absolute;
	right: 0px;
	border-left:1px solid #79c6c7;
	top: 0px;
	width:46px;
	height:46px;
}
body.subscribe a.btnCart{
	border:none;
	display:none;
}
body.subscribe .messageArea{
}

a.btnCart img{
	width:100%;
	height:auto;
}
.headerbtn li a:hover{
background-position:0 -20px;
}

.headerbtn .join a{
	display: block;
	background: url(../images/common/btn_join.png) no-repeat left top !important;
	height: 38px;
	width: 171px;
	position: absolute;
	right: 54px;
	top: -2px;
}
.headerbtn .shoppingCart a{
	background: url(../images/common/btn_cart.png) no-repeat left top !important;
	display: block;
	height: 38px;
	width: 54px;
	position: absolute;
	right: 0px;
	top: -2px;
}

.headerbtn .login{
	text-indent: -9999px;
	height: 36px !important;
	width: 165px !important;
	position: absolute;
	left: -4px;
	top: 36px;
}
.headerbtn .login a{
display:block !important;
height:41px !important;
background-image:url(../images/common/bg_gnavi.png) !important;
background-repeat:no-repeat;
text-indent:-9999px;
text-decoration:none;
width:165px !important;
background-position:-835px 0px !important;
}
.headerbtn .login a:hover{
background-position:-835px -41px !important;
}
#gnavi{
	background:#FFFFFF;
	border-bottom:1px solid #CCC;
	padding:5px 0;
}

#gnavi ul{
	
	width:1000px;
	margin:0 auto;
	background:url(../common/img/menu_border.png) no-repeat right center;
}
#gnavi li{
	display:table-cell;
	background:url(../common/img/menu_border.png) no-repeat left center;
	width:200px;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
}
#gnavi li.g03{
	letter-spacing:-1px;
}

#gnavi li a{
	display: block;
	padding:7px 0 6px 0;
	text-decoration:none;
	color:#333;
}
#gnavi li a:hover{
	text-decoration:underline;
	color:#009A9A;
	
}




/* Footer
========================================*/

#footerBlock{
	background:#222222;
	margin-top:20px;
}

#footerBlock .footerBlockInner{
	width:1000px;
	margin:0 auto;
	text-align:center;
	padding:5px 0;
}
#footerBlock .footerBlockInner .footLogo,
#footerBlock .footerBlockInner ul{
	display:inline-block;
	vertical-align:top;
}
#footerBlock .footerBlockInner ul{
	padding:8px;
}
#footerBlock .footerBlockInner li{
	display:inline-block;
	border-right:1px solid #CCC;
	padding:2px 15px;
}
#footerBlock .footerBlockInner li:last-child{
	border:none;
}
#footerBlock .footerBlockInner li a{
	color:#FFF;
	text-decoration:none;
}
#footerBlock .footerBlockInner li a:hover{
	text-decoration:underline;
}

#copyrightBlock{
	padding:15px 0;
	text-align:center;
}
#copyrightBlock > *{
	display:inline-block;
	padding:0 5px;
	vertical-align:middle;
}

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

Layout
	
========================================
*/

/* Frame
========================================*/
#wrapper{
}

/* Contents
========================================*/
#contents{
margin:0 auto;
width:915px;
}

#contentsb{
width:915px;
}

#mainarea{
width:700px;
float:right;
}

#sidenavi{
padding:0 0 30px 0;
width:215px;
float:left;
}

#main{
margin:0px auto;
padding:0 0 8px;
}

#main .general{
margin:0 auto;
width:680px;
}

.section{
margin:0 0 20px 0;
}

#mainarea .section{
margin:0 0 20px 20px;
}

/* Sidenavi
========================================*/
.sidebox,.sideboxt,.sideboxb{
background-image:url(../images/bg/contents_bg02.gif);
}

.sidebox{
margin:0 0 15px;
width:215px;
background-position:-1560px 0;
background-repeat:repeat-y;
}

.sideboxt{
padding:10px 0 0 0;
background-position:-1345px 0;
background-repeat:no-repeat;
}

.sideboxb{
padding:0 0 10px 0;
background-position:-1775px 100%;
background-repeat:no-repeat;
}

.menu h2{
margin:0 0 2px 0;
text-align:center;
}

.menu ul{
margin:0 0 0 15px;
width:182px;
}

.menu li{
border-bottom:1px solid #d0d0d0;
}

.menu li.last,
#item .menu li.last,
#company .menu li.last{
border:none;
background:none;
}

.menu li a,
.menu li span{
display:block;
padding:6px 5px 2px 27px;
width:148px;
background:transparent url(../images/ico/icon.gif) 2px -330px no-repeat;
color:#295754;
}

#item .menu li ul{
padding:0 0 4px 0;
width:175px;
display:none;
}

#item .menu li.ac ul{
display:block;
}

#item .menu li ul li{
background:none;
border:none;
}

#item .menu li li a{
width:148px;
padding:2px 0 2px 27px;
background-position:14px -886px;
}

.menu li.last a{
padding-bottom:0;
}

#favoritelist h2{
margin:0;
}

#favoritelist ul{
margin:0 0 0 17px;
}

#favoritelist li{
padding:12px 0;
border-bottom:1px solid #a5a5a5;
}

#favoritelist td{
vertical-align:top;
font-size:85%;
line-height:1.5;
}

#favoritelist .price{
font-weight:bold;
color:#333;
}

#favoritelist td img{
border:1px solid #a5a5a5;
}

.menu#favoritelist li a,
.menu#favoritelist li span{
padding:0;
width:auto;
background:none;
color:#333;
display:inline !important;
}

#favoritelist .more{
margin:0 0 0 17px;
padding:10px 0 0 0;
width:182px;
text-align:right;
}

#cartinside{
margin:0 auto;
width:189px;
}

#cartinside dt{
margin:0 0 4px 0;
padding:0 0 0 5px;
}

#cartinside dt img{
vertical-align:text-top;
}



/* Overwrite Contents
========================================*/
#mypage #contents,
#select #contents{
background-image:url(../images/bg/contents_bg02.gif);
}

#mypage #contents{
	margin-top:20px;
}
#mypage #contents,
#select #contents{
background-position:0 0;
background-repeat:repeat-y;
}

#company #contents,#company #contentst,#company #contentsb,
#item #contents,#item #contentst,#item #contentsb{
background-image:url(../images/bg/contents_bg01.gif);
}
#contentst .pagetop{
	width:640px;
	
}
#company #contents,
#item #contents{
background-position:-915px 0;
background-repeat:repeat-y;
}

#company #contentst,
#item #contentst{
background-position:0 0;
background-repeat:no-repeat;
margin-top:10px;
}

#company #contentsb,
#item #contentsb{
padding:0 0 5px 0;
background-position:-1830px 100%;
background-repeat:no-repeat;
}

/* Overwrite Sidenavi
========================================*/
#mypage #sidenavi,
#select #sidenavi{
padding:8px 0 0 0;
}

/* Sidenavi
========================================*/
#company #sidenavi{
padding:8px 0 0 0;
}

#item .sidebox,#item .sideboxt,#item .sideboxb,
#company .sidebox,#company .sideboxt,#company .sideboxb,
.sidebox02,.sideboxt02,.sideboxb02,
.bnrbox,.bnrboxt,.bnrboxb{
background-image:url(../images/bg/side_bg.gif);
}

#item .sidebox,
#company .sidebox{
margin:0 auto;
width:202px;
background-position:-202px 0;
background-repeat:repeat-y;
}

#item .sideboxt,
#company .sideboxt{
padding:10px 0 0 0;
background-position:0 0;
background-repeat:no-repeat;
}

#item .sideboxb,
#company .sideboxb{
padding:0 0 10px 0;
background-position:-404px 100%;
background-repeat:no-repeat;
}

.sidebox02{
margin:0 auto;
width:215px;
background-position:-821px 0;
background-repeat:repeat-y;
}

.sideboxt02{
padding:10px 0 0 0;
background-position:-606px 0;
background-repeat:no-repeat;
}

.sideboxb02{
padding:0 0 20px 0;
background-position:-1251px 100%;
background-repeat:no-repeat;
}

.sidebox02 .bnr{
text-align:center;
}

.bnrbox{
margin:0 auto 3px;
width:201px;
background-position:-1869px 0;
background-repeat:repeat-y;
}

.bnrboxt{
padding:10px 0 0 0;
background-position:-1466px 0;
background-repeat:no-repeat;
}

.bnrboxb{
padding:0 0 8px 0;
background-position:-1668px 100%;
background-repeat:no-repeat;
}

.bnrbox dl{
margin:0 auto;
width:170px;
text-align:center;
font-size:85%;
}

.bnrbox ul{
padding:5px 0 0 0;
text-align:center;
}

.bnrbox li{
padding:0 0 5px 0;
}

#item .menu h2,
#company .menu h2{
padding:0 0 0 5px;
text-align:left;
}

#item .menu ul,
#company .menu ul{
margin:0 0 0 7px;
width:188px;
}

#item .menu li,
#company .menu li{
border:none;
background:transparent url(../images/line_dotted.gif) left bottom repeat-x;
}

#item .menu li a,
#item .menu li span,
#company .menu li a{
display:block;
padding:8px 0 6px 21px;
width:167px;
background-image:url(../images/ico/icon.gif);
background-position:10px -880px;
background-repeat:no-repeat;
cursor:pointer;
}

.menu li a.active,
.menu li span.active{
color:#d25920;
font-weight:bold;
}

/* Table
========================================*/
table{
border-collapse:collapse;
}

table caption{
display:none;
}

/* Class
========================================*/
.mb0{
margin-bottom:0 !important;
}

.btn{
text-align:center !important;
}

#swfnotes{
}

#swfnotestext{
margin:0 0 10px 0;
font-size:85%;
}

#disabled_javascript,#unsupported_flashplayer{
font-size:85%;
}

#unsupported_flashplayer{
margin:0 0 10px 0;
}

.vab{
vertical-align:bottom !important;
}

.vatt{
vertical-align:text-top !important;
}

.vat{
vertical-align:top !important;
}

.tac{
text-align:center !important;
}
.imgtitle{
	text-align:center;
}
/* Pagetop
========================================*/
.pagetop{
	width:1000px;
	margin:0 auto;
text-align:right;
padding-top:10px;
}
.contentsBg .pagetop{
	width:915px;
	margin:0 auto;
	padding-bottom:20px;
text-align:right;
}
.pagetop a{
padding:2px 0 2px 18px;
background:transparent url(../images/ico/icon.gif) -914px -1214px no-repeat;
}

.faq .pagetop{
margin:0;
}

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

/* Util
========================================*/
.alignR{text-align:right;}
.alignC{text-align:center;}
.mB10{margin-bottom:10px}
.mB20{margin-bottom:20px}
.pB10{padding-bottom:10px}
.pB20{padding-bottom:20px}
.pT10{padding-top:10px}
.pT20{padding-top:20px}
.mL10{margin-left:10px}
.mR10{margin-right:10px}
	
/* Clear
========================================*/
/* \*/
.clearfix,
.headerlink,
.headerbtn,
.itemset,
#gnavi,
#loginarea .bottom,
#contents,
#contentsb,
#mainarea,
.section,
#footer .footerlink,
.backnumberlistb,
.chapter,
.seriesmain,
.chaptersec,
.series,
.blank,
.intro,
.latestb,
.campaign,
.campaign .appmethod .text,
.campaign .itemex ul.image,
.campaign .appmethod .text,
#currentnumber,
#recommend,
.credit p,
.currentseries ul,
.backnumberseries ul,
.ordersec,
.access{
display:block;
}
/* */

.clearfix:after,
.headerlink:after,
.headerbtn:after,
.itemset:after,
#gnavi:after,
#loginarea .bottom:after,
#contents:after,
#contentsb:after,
#mainarea:after,
.section:after,
#footer .footerlink:after,
.backnumberlistb:after,
.chapter:after,
.seriesmain:after,
.chaptersec:after,
.series:after,
.blank:after,
.intro:after,
.latestb:after,
.campaign:after,
.campaign .appmethod .text:after,
.campaign .itemex ul.image:after,
.campaign .appmethod .text:after,
#currentnumber:after,
#recommend:after,
.credit p:after,
.currentseries ul:after,
.backnumberseries ul:after,
.ordersec:after,
.access:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}

.clear{
display:block;
visibility:hidden;
height:1px;
clear:both;
}

/* IE6
========================================*/
* html #headerutility{
float:right;
margin:0 0 0 0;
padding:0;
}
* html #fontsize{
top:5px;
}
* html .headerbtn{
top:-10px;
}
* html .messageArea{
top:16px;
}
* html .headerbtn li{
	float:left;
}
* html #mainarea{
width:700px;
float:right;
}

#content{
	width:915px;
	margin: auto;
}

#content2{
	width:915px;
	margin: auto;
}

.order-form-agree {
	text-align:center;
	padding:15px;
	font-size:120%;
	width:230px;
	margin:15px auto;
	border-radius: 3px
}

.order-form-agree label {
	padding-left: 5px;
}



/**20150120ADD**/
#footerWrap{
	background:#449999 !important;
	padding:20px 0 0 0;
}
.footerInner{
	width:1000px;
	margin:0 auto;
	padding-bottom:20px;
}
.footerInner h3{
	color:#FFF;
	padding:0 0 10px 0px;
	font-size:13px;
}
.footerInner h3:before{
	content:"";
	display:inline-block;
	width:15px;
	height:6px;
	background:url(/topimg/ico_footer_wht.gif) no-repeat left center;
}
.footerInner h3 a{
	color:#FFF;
}
.footerInner h3 span{
	font-weight:normal;
}
.footerInner li{
	padding-bottom:8px;
}
.footerInner li.separateB{
	padding-bottom:20px;
}
.footerInner li a{
	text-decoration:none;
	color:#FFF;
}
.footerInner li a:hover{
	text-decoration:underline;
}
.footerSeries{
	float:left;
	width:600px;
	border-right:1px dotted #CCCCCC;
}
.footerSeries li{
	display:inline-block;
	vertical-align:top;
	width:300px;
	color:#FFFFFF;
}
.footerGuide{
	float:left;
	width:175px;
	margin-left:15px;
}
.footerOther{
	float:left;
	width:168px;
	margin-left:15px;
}
.footerCopyright{
	text-align:center;
	border-top:1px solid #EEEEEE;
	background:#FFFFFF;
	padding:15px 0 0 0;
}
.footerCopyrightInner{
	width:950px;
	margin:0 auto;
	position:relative;
	padding-bottom:10px;
	
}
.footerCopyrightInner img{
	vertical-align:middle
}
#footer{
	padding-top:15px;
	text-align:center;
}
#footer .footerlink{
	text-align:center;
	padding-bottom:10px;
}
#footer .footerlink div{
	margin-top:10px !important;
}
#footer .footerlink .pmark{
	position:static !important;
	text-align:center;
	margin:10px 0
}
#footer .footerlink li {
	display:inline-block;
	margin:0 10px;
}
#footer .footerlink li a{
	color:#333;
}
#footer .copyright{
	text-align:center;
	padding:15px;
}
.box-sns{
	display:none;
}
@media screen and (max-width:1024px){
	#gnavi ul {
    width: 100%;
}
.headerlink {
    top: 14px;
}
.footerInner li.separateB{
	padding-bottom:8px;
}
#footerBlock .footerBlockInner{
	width:auto;
}
.footerSeries{
	width:auto;
	border:none;
	margin-bottom:20px;
}
footerSeries li {
    width: 48%;
}
.footerInner{
    width: 95%;
}
.footerCopyrightInner{
	width:auto;
}

.footerGuide{
	height:auto !important;
}
.footerGuide,
.footerOther{
	float:none;
	width:auto;
	margin:0px;
	border:none;
}
.footerInner li{
	display:inline-block;
    width: 33%;
}
}

@media screen and (max-width:768px){
.footerInner li{
	display:inline-block;
    width: 48%;
}
}
@media screen and (max-width:767px){
.footerInner{
	display:none;
}
#footerWrap{
	background:#FFFFFF !important;
	padding-top:10px;
}
.box-sns{
	display:block;
	background:#FFFFFF;
	width:95%;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
}
.box-sns li{
	display:inline-block;
	width:15%;
	text-align:center;
}
.box-sns img{
	width:80%;
	height:auto;
}
}
.footerNone, .footerNone *{
	background-color: #fff !important;
	border: none;
}