/*-------------------
	
  format.css
  
--------------------*/

html, body{
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, caption, img, form, label{
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	text-align:left;
	list-style-type:none;
}

table, th, td{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

input{
	margin:0;
	padding:0;
	vertical-align:bottom;
}

textarea{
	font-size:100%;
}

img{
	vertical-align:bottom;
}

:focus {outline:0;}

hr{
	display:none;
}

/*-------------------
	
  font.css
  
--------------------*/

html>body *{ font-size:12px; }
* html body{ font-size:78%; }

body{
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
	color:#666666;
	line-height:120%;
}

body, x:-moz-broken{font-size:75%;}
body, x:x{font-size:78%;}

a{
	color:#999999;
	text-decoration:none;
}

a:hover{
	color:#FF3A40;
	text-decoration:underline;
}

.small{
	font-size:80%;
}

.nomal{
	font-size:100%;
}

.big{
	font-size:120%;
}

.moreBig{
	font-size:130%;
}

.red{
	color:#FF3A40;
}

.white{
	color:#FFFFFF;
}

.gray{
	color:#435350;
}

.blue{
	color:#002060;
}

.bold{
	font-weight:bold;
}

.green{
	color:#1A9641;
}

a.noDecoration{
	text-decoration:none;
}

/*-------------------
	
　共通クラス
  
--------------------*/

.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}

/* clear */
.clear{
	clear:both;
}

/* clearfix */

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

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.alignC{
	text-align:center;
}
.alignL{
	text-align:left;
}
.alignR{
	text-align:right;
}

.marBtm5{
	margin-bottom:5px;
}
.marBtm10{
	margin-bottom:10px;
}
.marBtm15{
	margin-bottom:15px;
}
.marBtm20{
	margin-bottom:20px;
}
.marBtm25{
	margin-bottom:25px;
}
.marBtm30{
	margin-bottom:30px;
}
.marBtm35{
	margin-bottom:35px;
}
.marBtm40{
	margin-bottom:40px;
}
.marBtm50{
	margin-bottom:50px;
}

.marTop5{
	margin-top:5px;
}
.marTop10{
	margin-top:10px;
}

.marTop40{
	margin-top:40px;
}
.marTop50{
	margin-top:50px;
}
.marTop60{
	margin-top:60px;
}
.marLeft5{
	margin-left:5px;
}
.marLeft10{
	margin-left:10px;
}
.marLeft15{
	margin-left:15px;
}
.marLeft20{
	margin-left:20px;
}
.marLeft35{
	margin-left:35px;
}
.marLeft40{
	margin-left:40px;
}
.marLeft50{
	margin-left:50px;
}
.marLeft60{
	margin-left:60px;
}
.marLeft70{
	margin-left:70px;
}

.padBtm10{
	padding-bottom:10px;
}
.padBtm20{
	padding-bottom:20px;
}
.padBtm25{
	padding-bottom:25px;
}
.padBtm30{
	padding-bottom:30px;
}
.padBtm40{
	padding-bottom:40px;
}

.lower{
	text-indent:-1em;
	padding-left:1em;
}

.upTop{
	text-align:right;
	padding-top:20px;
}

table.basicTable{
	border-top:2px solid #C7CCCB;
	border-right:2px solid #C7CCCB;
	border-bottom:1px solid #C7CCCB;
	border-left:1px solid #C7CCCB;
	
}

table.basicTable th, table.basicTable td{
	border-bottom:1px solid #C7CCCB;
	border-left:1px solid #C7CCCB;
	line-height:150%;
}

table.basicTable th{
	padding:2px 0;
	font-weight:bold;
	background:#6D7F7C;
	color:#FFFFFF;
}

table.basicTable td{
	background:#FFFFFF;
	padding:6px;
}

table.basicTable th.tensen{
	background:url(../cmn_images/table_th_bg.gif) left repeat-y #6D7F7C;
	border-left:none;
}

table.basicTable td.tensen{
	background:url(../cmn_images/table_td_bg.gif) left repeat-y #FFFFFF;
	border-left:none;
}

table.basicTable tr.gLine td{
	background-color:#EEEEEE;
}

table.basicTable td.gBack{
	background-color:#EEEEEE;
}

* html .iepngfix{
	behavior: expression(IEPNGFIX.fix(this));
}

/*-------------------
	
  baselayout.css
  
--------------------*/

div#headerWrapper{
	width:100%;
	border-bottom:1px solid #FF3A40;
	margin-bottom:15px;
}

div#header{
	width:884px;
	margin:0 auto;
	padding:28px 0;
}

div#footerWrapper{
	clear:both;
	border-bottom:1px solid #FF3A40;
	padding-bottom:2px;
	margin-bottom:6px;
}

div#footer{
	width:884px;
	margin:0 auto;
}

div#box{
	width:884px;
	margin:0 auto 10px auto;
}

div#content{
	float:right;
	width:590px;
}

div#sidebar{
	width:294px;
	float:left;
}

/*-------------------
	
  #header
  
--------------------*/
#header{

}

#header h1{
	margin-left:35px;
}


/*-------------------
	
  #sidebar
  
--------------------*/
#navi{
	width:134px;
	float:left;
	margin-top:5px;
}

#subNavi{
	width:152px;
	background:#EFEFE9;
	float:right;
}

/*-------------------
	
  #footer
  
--------------------*/

#footer{
	position:relative;
}

#footer address{
	text-align:right;
}

#footInfo{
	position:absolute;
	width:134px;
	top:-130px;
	line-height:120%;
}

#footInfo dl{
	margin-bottom:10px;
}

#footInfo dl dt{
	margin-bottom:8px;
}

#footInfo dl dd{
	margin-bottom:3px;
}

div.address{
	width:884px;
	margin:0 auto;
}
div.address address{
	text-align:right;
	margin-bottom:10px;
}
/*-------------------
	
  #content
  
--------------------*/
#content{
}
#main{
}
#mainImage{
margin-top:10px;
margin-bottom:22px;
}
#mainBox.index, #mainImage{
width:558px;
margin-left:15px;
}

#featureBox{
width:270px;
}
#informationBox{
width:255px;
}

#featureBox{
float:left;
}


#informationBox{
float:right;
}

#featureBox h3, #informationBox h3{
border-bottom:1px solid #999999;
margin-bottom:10px;
}

#featureBox li{
margin-bottom:5px;
}

#informationBox li{
margin-bottom:10px;
}

#informationBox li{
line-height:140%;
font-size:80%;
}
#informationBox li a, #informationBox li span{
font-size:100%;
}

/*-------------------
	
  #detailBox
  
--------------------*/

#detailBox{
width:565px;
	margin:0 0 0 24px;
}

#detailBox h3{
font-weight:bold;
}


table.brandTable{
margin-bottom:20px;
}

table.brandTable th, table.brandTable td{
text-align:left;
vertical-align:top;
font-size:80%;
padding-bottom:15px;
}
table.brandTable th a, table.brandTable td a{
font-size:100%;
}

#shouhinBox{
text-align:center;
}

table.shouhinBoxTop{
margin-bottom:40px;
border-bottom:1px solid #CCCCCC;
}
table.shouhinBoxTop td{
padding-bottom:10px;
}

table.shouhinBoxMdl{
/*
margin:0 auto;
*/
}
* html table.shouhinBoxMdl{
/*
margin:0 0 0 0px;
*/
}

table.shouhinBoxMdl td{
text-align:center;
vertical-align:top;
padding-bottom:40px;
font-size:80%;
line-height:150%;
}
* html table.shouhinBoxMdl td{font-size:95%;}

table.shouhinBoxMdl td>table{
margin:0 auto;
}

table.shouhinBoxMdl td a{
font-size:100%;
}

table.shouhinBoxMdl table td{
padding:0;
}

table.shouhinBoxBtm{
border-top:1px solid #CCCCCC;
}

table.shouhinBoxBtm td{
padding-top:10px;
}
/*-------------------
	
  #itemDetail
  
--------------------*/
body#itemDetail #headerWrapper{
margin-bottom:15px;
}

body#itemDetail #header{
width:705px;
padding:4px 0;
}
body#itemDetail #header h1{
margin-left:0;
}

body#itemDetail #box{
width:705px;
}
body#itemDetail #content{
width:687px;
float:right;
}

body#itemDetail #content #itemBox{
margin-bottom:30px;
}
body#itemDetail #content #itemBox .floatRight{
width:275px;
}
body#itemDetail #content #itemBox .floatRight th, body#itemDetail #content #itemBox .floatRight td{
text-align:left;
vertical-align:top;
}
body#itemDetail #content #itemBox .floatRight th{
font-size:120%;
font-weight:bold;
padding-bottom:30px;
line-height:180%;
}
body#itemDetail #content #itemBox .floatRight td{
padding-bottom:10px;
}

body#itemDetail #content #itemBox .floatRight td th, body#itemDetail #content #itemBox .floatRight td td{
padding:0;
}


body#itemDetail #content #itemBox .floatLeft{
width:370px;
}
body#itemDetail #content #itemBox .floatLeft th, body#itemDetail #content #itemBox .floatLeft td{
text-align:left;
vertical-align:top;
padding-bottom:8px;
}


body#itemDetail #content #itemBox .floatLeft td th, body#itemDetail #content #itemBox .floatLeft td td{
padding:0;
}

body#itemDetail #content #itemBox .floatLeft td td img{
border:1px solid #CCCCCC;
cursor:pointer;
}





body#itemDetail #relation{
clear:both;
margin-bottom:6px;
text-align:center;
}
body#itemDetail #relation table{
margin:0 auto;
}

body#itemDetail #relation .relationTitle{
margin-bottom:14px;
}

body#itemDetail #relation .relationTitle th{
padding-right:15px;
}

body#itemDetail #relation #relationBox{
background:url(../item/images/line_bk.gif);
padding:16px 0;
margin:0 auto;
width:705px;
}
body#itemDetail #relation #relationBox table table td{
text-align:center;
}

body#itemDetail #footerWrapper{
background:none;
border-top:#FF3A40 1px solid;
padding:13px 0;
border-bottom:none;
margin-bottom:0;
}

body#itemDetail #buttonBox{
width:705px;
margin:0 auto 23px auto;
}


body#itemDetail #footer{
width:705px;
}

body#itemDetail #footer #footInfo{
position:relative;
left:auto;
top:auto;
float:left;
width:500px;
}
body#itemDetail #footer #footInfo table th, body#itemDetail #footer #footInfo table td{
text-align:left;
vertical-align:top;
}
body#itemDetail #footer #footInfo table th{
font-weight:bold;
padding-right:13px;
}

body#itemDetail #footer .close{
float:right;
}

/* #detailItem */
#buttonBox .upTop{
padding:0;
}