@charset "utf-8";
/* CSS Document */

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

	author: www.metaphase.co.jp
	created: 2010/04/01
	update : -

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


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

 product index

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.product h1{
color:#000;
font-size:100%;
}
.product h1 span.title{
font-size:160%;
}

.product #tab{
margin:0;
border-bottom:1px solid #c3c3c3;
padding:0;
list-style:none;
zoom:1;
}
.product #tab:after{
content:"";
display:block;
clear:both;
}
.product #tab li{
position:relative;
float:left;
margin:0 0 -1px;
padding:0;
}
.product #tab li img{
vertical-align:bottom;
}

.product .tabBody{
padding:30px 20px 0;
}
.product .tabBody .tabHeader,
.product .tabBody .tabFooter{
zoom:1;
}
.product .tabBody .tabHeader:after,
.product .tabBody .tabFooter:after{
content:"";
display:block;
clear:both;
}
.product .tabBody .itemCount{
float:left;
}
.product .tabBody .itemCount em{
color:#ff0000;
}
.product .tabBody .paging{
float:right;
}
.product .tabBody .paging span,
.product .tabBody .paging a{
display:inline;
float:left;
margin-left:8px;
border:1px solid #d2d2d2;
padding:2px 10px;
}
.product .tabBody .paging span.page,
.product .tabBody .paging a:hover,
.product .tabBody .paging a:active{
background:#d2d2d2;
}

.product .productsList{
position:relative;
margin:0 -20px 0 0;
zoom:1;
}
.product .productsList li{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
width:270px;
margin:0 20px 46px 0;
padding-top:25px;
vertical-align:top;
background:url(../parts/product_ico_crown.gif) no-repeat 50% 0;
text-align:center;
}
.product .productsList li a{
color:#ff0000;
text-decoration:none;
}
.product .productsList li a span.prd{
text-decoration:underline;
}

.product .productsList li img{
border:1px solid #e7e7e7;
}


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

 product detail

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.product #mainColumn{
float:left;
width:470px;
}
.product #subColumn{
float:right;
margin-top:43px;
width:387px;
}

.product h1.productName{
margin:0 0 20px;
font-size:200% !important;
line-height:1.1;
}
.product h1.productName .english{
font-size:45% !important;
font-weight:normal;
}

#productVisualArea .image img{
border:1px solid #e7e7e7;
}
#productVisualArea .lead{
margin-bottom:30px;
}
#productVisualArea .feature{
margin:0 0 30px;
}
#productVisualArea .feature dt{
font-size:117%;
font-weight:bold;
}
#productVisualArea .feature dt .note{
margin:0 0 0.5em;
font-size:84%;
font-weight:normal;
}
#productVisualArea .feature dd{
margin:0;
}
#productVisualArea .feature dd ul{
margin-bottom:0;
}

#productVisualArea .feature dd ol{
margin-bottom:0;
list-style:disc outside;
}

#productVisualArea .detail{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
padding:10px 20px;
background:#eeeeee;
}
#productVisualArea .detail dt{
font-weight:bold;
font-size:117%;
}
#productVisualArea .detail dd{
display:inline;
margin:0 1em 0 0;
}
#productVisualArea .detail dd .price{
font-weight:bold;
}

#colorVariation p .imagettl{
display:block;
margin:0;
padding:20px 5px;
line-height:1;
text-align:center;
width:800px;
font-size:84%;
clear:both;
}

#colorVariation p .imagettl img{
margin:1.5em auto;
padding:50px 20px 20px 20px;
border:none;
}

#colorVariation .imageBlockList01A li .block{
font-size:84%;
}

#recommend .imageBlockList01B li {
/*width:260px !important;*/
margin-bottom:1.5em !important;
}

#recommend .imageBlockList01B li .image img{
border:1px solid #e7e7e7;
width:95px !important;
}
#recommend .imageBlockList01B li .block{
/*padding-left:6px;*/
padding-top:10px;
font-size:104%;
padding-bottom:1.5em;
}


#howto h2,
#attention h2{
margin:0 0 10px;
}

#howto .sectionLv02,
#attention .sectionLv02{
margin:0 0 10px 10px;
}

#subColumn h2{
padding-left:15px;
background:url(../images/mod_ico_arw04.gif) no-repeat 0 50%;
font-size:117%;
color:#000000;
}

p.extra,
p.extra p,
p.extra img{
width:98%;
margin:0 auto;
padding:0 auto;
}