@charset "utf-8";
#tabOptionSpec{
	width:722px;
	clear:left;
}
#tabOptionSpec  h4{
	width:722px;
	float:left;
}

/* ===================================================================
詳細ページのおすすめオプション以下タブ切替のCSS
=================================================================== */ 

 h5{
	clear:both;
	width:100%;
}
/*#specList td{
	padding-left:0.3em;
}*/
#specList .name{
	text-align:left;
	background:#EAEAE8;
	padding-top:0.3em;
	padding-bottom:0.3em;
	color:#333333;
}
/*#specList   th, #specList td{
	border-bottom:1px solid #C5E1EF;
}*/
#specList   th, #specList td{
	border-bottom:1px solid #CECECE;
}
#specList   th.oddBo, #specList td.oddBo{
	border-right:1px solid #C5E1EF;
	text-align:left;
}
.theading{
	background:#E3F1FF;
}



.optionSelect ul{
float:left;
width:722px;
margin-bottom:10px;
}
.optionSelect li{
display:block;
float:left;
height:30px;
width:100px;
line-height:30px;
text-align:center;
background:url(../images/category/optionListBg.jpg) no-repeat left top;
margin-right:2px;
}
.optionSelect .optionLast{
float:right;
}
.optionSelect a{
line-height:30px;
float:left;
height:30px;
width:100%;
color:#FFF;
}
.optionSelect a:hover{
background:#FFF;
color:#000;
}
.optionSelect li.active a{
background:#FFF;
color:#000;
line-height:0.9em;
background:url(../images/category/optionListBgOn.png) no-repeat left top;
text-decoration:none;
}



#specWrapper a:hover{
background:#C10024;
}
.optionSelect .specTab{
float:right;
width:100px;
}







.tabwrapselected{
background:yellow;
display:block;
}
.nontabwrapselected{
display:none;
}


.optionSelect span{
line-height:30px;
float:left;
height:30px;
width:100%;
color:#FFF;
}
.optionSelect span:hover{
background:#FFF;
color:#000;
}
.optionSelect li.tabwrapselected span{
background:#FFF;
color:#000;
line-height:0.9em;
background:url(../images/category/optionListBgOn.png) no-repeat left top;
text-decoration:none;
}