@charset "utf-8";

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

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

@import url(basic.css);

/* Header
========================================*/
#header{
	width: 1000px;
	height: 82px;
/*	height: 110px;*/
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	position: relative;
}

#header .tax {
	clear: both;
	color: #FF0000;
	font-size: 15px;
	font-weight: bold;
	margin: 10px auto 0;
	text-align: center;
	line-height: 1.2em;
}

#logo{
	float:left;
}
#header #logo img{
	width: 166px;
	height: 38px;

}
#headerutility{
	width: 820px;
	float: right;
	height: 38px;
	position: relative;
}

.headerlink{
	position: absolute;
	top: 11px;
	z-index: 9999;
}

.headerlink li{
display:inline;
font-size:85%;
}

.headerlink li a{
padding:2px 6px 2px 5px;
border-right:1px solid #d7d7d7;
background-repeat:no-repeat;
color:#FFF !important;
}


.messageArea{
	position: absolute;
	padding-top: 0px;
	width: 225px;
	left: 360px;
	top: 14px;
	color: #FFF;
	z-index: 9999;
	text-align: right;
}
.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{
	background-repeat:no-repeat;
	text-indent:-9999px;
}


.headerbtn li.mypage a{
display:block;
background:url(../images/common/header_btn_mypage.jpg) no-repeat left top;
height:20px;
width:78px;
background-position:0 0;
float:left;
}

.headerbtn li.login a{
display:block;
background:url(../images/common/header_btn_login.jpg) no-repeat left top;
height:20px;
width:78px;
background-position:0 0;
float:left;
}

.headerbtn li.logout a{
display:block;
background:url(../images/common/header_btn_logout.jpg) no-repeat left top;
height:20px;
width:78px;
	
}

a.btnJoin{
	display: block;
	background: url(../images/common/btn_join.png) no-repeat left top;
	height: 38px;
	width: 171px;
	position: absolute;
	right: 54px;
	top: 0px;
}
a.btnLogout{
	display: block;
	background: url(../images/common/btn_logout.png) no-repeat left top;
	height: 38px;
	width: 171px;
	position: absolute;
	right: 54px;
	top: 0px;
}

a:hover.btnJoin{
background:url(../images/common/btn_join.png) no-repeat left bottom;
}
a.btnCart{
	background: url(../images/common/btn_cart.png) no-repeat left top;
	display: block;
	height: 38px;
	width: 54px;
	position: absolute;
	right: 0px;
	top: 0px;
}
a.btnCart:hover{
background:url(../images/common/btn_cart.png) no-repeat left bottom;
}
.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{
	margin:0 auto;
	width:1000px;
}

#gnavi li{
float:left;
width:167px;
}

#gnavi li a{
	display: block;
	height: 36px;
	background-image: url(../images/common/bg_gnavi.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
#gnavi li.g06{
width:165px;
}

#gnavi li.g01 a{
background-position:0px 0px;
}
#gnavi li.g01 a:hover{
background-position:0px -41px;
}
#gnavi li.g02 a{
background-position:-167px 0px;
}
#gnavi li.g02 a:hover{
background-position:-167px -41px;
}

#gnavi li.g03 a{
background-position:-334px 0px;
}
#gnavi li.g03 a:hover{
background-position:-334px -41px;
}
#gnavi li.g04 a{
background-position:-501px 0px;
}
#gnavi li.g04 a:hover{
background-position:-501px -41px;
}

#gnavi li.g05 a{
background-position:-668px 0px;
}
#gnavi li.g05 a:hover{
background-position:-668px -41px;
}
#gnavi li.g06 a{
background-position:-835px 0px;
}

#gnavi li.g06 a:hover{
background-position:-835px -41px;
}

#fontsize{
right:360px;
}


#fontsize p{
	position: absolute;
	top: 15px;
	left: 406px;
}

#fontsize ul{
	position: absolute;
	top: 10px;
	left: 516px;
	width: 76px;
}

#fontsize li{
padding:0 5px 0 0;
float:left;
}

#fontsize li img#small{
margin:4px 0 0 0;
}

#fontsize li img#medium{
margin:2px 0 0 0;
}

/* Footer
========================================*/
#footer{
clear:both;
position: relative;
width: 100%;
}


#footer a .privacymark{
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -450px;
}


#footer .footerlink{
	margin:0 auto;
	padding:80px 0 0 0;
width: 1000px;
position:relative;
}

#footer ul{
height:15px;
width:700px;
margin:0 auto;
}

#footer li{
float:left;
}

#footer .footerlink li a,
#footer .copyright p{
display:block;
height:15px;
background-image:url(../images/common/footer.gif);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
}

#footer .footerlink li.link01{
width:83px;
}

#footer .footerlink li.link02{
width:119px;
}

#footer .footerlink li.link03{
width:108px;
}

#footer .footerlink li.link04{
width:156px;
}

#footer .footerlink li.link05{
width:74px;
}

#footer .footerlink li.link06{
width:70px;
}

#footer .footerlink li.link07{
width:80px;
}
#footer .footerlink li.link01 a{
width:58px;
background-position:0 0;
}

#footer .footerlink li.link02 a{
width:95px;
background-position:-83px 0;
}

#footer .footerlink li.link03 a{
width:80px;
background-position:-202px 0;
}

#footer .footerlink li.link04 a{
width:125px;
background-position:-310px 0;
}

#footer .footerlink li.link05 a{
width:50px;
background-position:-466px 0;
}

#footer .footerlink li.link06 a{
width:47px;
background-position:-541px 0;
}
#footer .footerlink li.link07 a{
width:80px;
background-position:-601px 0;
}

#footer .copyright{
clear:both;
margin:4px 0 0;
padding:10px 0 0 0;
border-top:1px solid #c7c7c7;
}

#footer .copyright p{
margin:0 auto;
width:280px;
height:10px;
background-position:-188px 100%;
}

/**20150120ADD**/
#footerWrap{
	background:url(../images/common/footer_bg.png) repeat-x;
	padding:20px;
}
.footerInner{
	width:960px;
	margin:0 auto;
	padding-bottom:20px;
}
.footerInner h3{
	color:#056e3e;
	background:url(../images/ico/ico_footer.gif) no-repeat left 6px;
	padding:0 0 10px 15px;
	font-size:13px;
}
.footerInner h3 a{
	color:#056e3e;
}
.footerInner h3 span{
	font-weight:normal;
}
.footerInner li{
	padding-bottom:3px;
}
.footerInner li a{
	text-decoration:none;
	color:#333333;
}
.footerInner li a:hover{
	text-decoration:underline;
}
.footerSeries{
	float:left;
	width:570px;
	border-right:1px dotted #CCCCCC;
}
.footerSeries li{
	display:inline-block;
	vertical-align:top;
	width:285px;
}
.footerGuide{
	float:left;
	width:180px;
	margin-left:15px;
	border-right:1px dotted #CCCCCC;
}
.footerOther{
	float:left;
	width:170px;
	margin-left:15px;
}
.footerCopyright{
	text-align:center;
	border-top:1px solid #EEEEEE;
	padding:15px 0 0 0;
}
.footerCopyrightInner{
	width:950px;
	margin:0 auto;
	position:relative;
	padding-bottom:10px;
	
}
.footerCopyrightInner img{
	vertical-align:middle
}



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

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

/* Frame
========================================*/
#wrapper{
	padding:0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background:url(../images/common/head_bg.png) repeat-x;
}

/* 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:0 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,
#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;
}

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