@charset "UTF-8";

/* --------------------------------------------------------------------------------------
 accessory
--------------------------------------------------------------------------------------- */

/* optionArea
--------------------------------------------- */
.optionArea {
	width: 575px;
	margin: 0 auto;
}

/* tabArea01
--------------------------------------------- */
.optionArea .tabArea01 {
	padding-bottom: 20px;
}

.optionArea .tabArea01 ul.tabMenu01 {
	width: 575px;
}

.optionArea .tabArea01 ul.tabMenu01 li {
	float: left;
}

.optionArea .tabArea01 ul.tabMenu01 li a {
	display: block;
	margin-right: 1px;
	width: 114px;
	height: 36px;
	text-indent: -9999px;
}
.optionArea .tabArea01 ul.tabMenu01 li#tab01 a {
	width: 115px;
}
.optionArea .tabArea01 ul.tabMenu01 li#tab05 a {
	margin-right: 0px;
}
.optionArea .tabArea01 ul.tabMenu01 #tab01 a {	background: url(../accessory/img/option_tabbtn01.gif) no-repeat left top;}
.optionArea .tabArea01 ul.tabMenu01 #tab01 a:hover,
.optionArea .tabArea01 ul.tabMenu01 #tab01.select a {	background: url(../accessory/img/option_tabbtn01_over.gif) no-repeat left top;}
.optionArea .tabArea01 ul.tabMenu01 #tab02 a {	background: url(../accessory/img/option_tabbtn02.gif) no-repeat left top;}
.optionArea .tabArea01 ul.tabMenu01 #tab02 a:hover,
.optionArea .tabArea01 ul.tabMenu01 #tab02.select a {	background: url(../accessory/img/option_tabbtn02_over.gif) no-repeat left top;}
.optionArea .tabArea01 ul.tabMenu01 #tab03 a {	background: url(../accessory/img/option_tabbtn03.gif) no-repeat left top;}
.optionArea .tabArea01 ul.tabMenu01 #tab03 a:hover,
.optionArea .tabArea01 ul.tabMenu01 #tab03.select a {	background: url(../accessory/img/option_tabbtn03_over.gif) no-repeat left top;}
.optionArea .tabArea01 ul.tabMenu01 #tab04 a {	background: url(../accessory/img/option_tabbtn04.gif) no-repeat left top;}
.optionArea .tabArea01 ul.tabMenu01 #tab04 a:hover,
.optionArea .tabArea01 ul.tabMenu01 #tab04.select a {	background: url(../accessory/img/option_tabbtn04_over.gif) no-repeat left top;}
.optionArea .tabArea01 ul.tabMenu01 #tab05 a {	background: url(../accessory/img/option_tabbtn05.gif) no-repeat left top;}
.optionArea .tabArea01 ul.tabMenu01 #tab05 a:hover,
.optionArea .tabArea01 ul.tabMenu01 #tab05.select a {	background: url(../accessory/img/option_tabbtn05_over.gif) no-repeat left top;}


/* optionBox01
--------------------------------------------- */
.optionArea .child {
	margin-top: 25px;
}
.optionArea .optionBox01,
.optionArea .optionBox01_first {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}
.box_quantity{
	padding: 25px 0 10px 0;
	border-bottom: 1px solid #ddd;
}
.optionArea .optionBox01_first {
	border-top: 1px solid #ddd;
	margin-top: 10px; 
}
.optionArea .optionBox01 .rightBlock,
.optionArea .optionBox01_first .rightBlock {
	width: 405px;
}
.optionArea .optionBox01 .rightBlock h3,
.optionArea .optionBox01_first .rightBlock h3 {
	padding-bottom: 10px;
	font-size: 91%;
	font-weight: bold;
	color: #000;
}
.optionArea .optionBox01 .rightBlock h3 span,
.optionArea .optionBox01_first .rightBlock h3 span {
	font-weight: normal;
	color: #666;
}
.optionArea .optionBox01 .rightBlock p,
.optionArea .optionBox01_first .rightBlock p {
	font-size: 91%;
}
.optionArea .optionBox01 .rightBlock p.txtBtm,
.optionArea .optionBox01_first .rightBlock p.txtBtm {
	padding-bottom: 15px;
}

/* グレード対応表
---------------------------------------------　*/
.optionArea .rightBlock h3 + p + dl.item3 {
	margin: 6px 0 0; 
}
.optionArea .rightBlock h3 + dl.item3 {
	margin: 0 0 10px; 
}
.optionArea .rightBlock dl.item3 dt {
	font-size: 10px;
}
.optionArea .rightBlock dl.item3 dd {
	display: inline-block;
	width: 50px;
	height: 16px;
	text-indent: -9999px;
	margin-right: 1px;
}
.optionArea .rightBlock dl.item3 dd.gt220On  { background: url(../accessory/img/ico_gt220_on.gif) no-repeat;}
.optionArea .rightBlock dl.item3 dd.gt220Off { background: url(../accessory/img/ico_gt220_off.gif) no-repeat top left;}
.optionArea .rightBlock dl.item3 dd.gtlineOn     { background: url(../accessory/img/ico_gtline_on.gif) no-repeat top left;}
.optionArea .rightBlock dl.item3 dd.gtlineOff   { background: url(../accessory/img/ico_gtline_off.gif) no-repeat top left;}

/* tab内の子tab
--------------------------------------------- */
.optionArea .tabArea01 .tabCt01 .tabChild01,
.optionArea .tabArea01 .tabCt01 .tabChild02,
.optionArea .tabArea01 .tabCt01 .tabChild03,
.optionArea .tabArea01 .tabCt01 .tabChild04 {
	display: none;
	margin-bottom: 5px;
}

.optionArea .tabArea01 .tabCt01 #tabChild01_area1,
.optionArea .tabArea01 .tabCt01 #tabChild02_area1,
.optionArea .tabArea01 .tabCt01 #tabChild03_area1,
.optionArea .tabArea01 .tabCt01 #tabChild04_area1 {
	display: block;
}

p.tabChild_btn_upr,
p.tabChild_btn_btm {
	float: right;
	clear: both;
}

p.tab_quantity{
	font-size: 91%;
	margin: -10px 0 -40px 0;
	float: left;
}

ul.tabChild_btn_upr {
	margin: -10px 0 -40px 0;
	float: right;
}
	
ul.tabChild_btn_btm {
	margin: 0 0 0 0;
	float: right;
}

ul.tabChild_btn_upr li,
ul.tabChild_btn_btm li {
	display: inline;
	float: left;
}

ul.tabChild_btn_upr li.page, 
ul.tabChild_btn_btm li.page {
	padding-right: .3em;
	font-size: 91%;
	line-height: 20px;
}

ul.tabChild_btn_upr a.active,
ul.tabChild_btn_btm a.active {
	font-weight: bold;
	background: url(../accessory/img/btn_tabChild_on.gif) no-repeat;
}

.btn01_act,
.btn02_act,
.btn03_act,
.btn04_act {
	font-size: 100%;
	display:block;
	float:left;
	width: 16px;
	line-height: 18px;
	text-align: center; 
	background: url(../accessory/img/btn_tabChild_off.gif) no-repeat;
	margin-left: 3px;
}

.btn01_act:hover,
.btn02_act:hover,
.btn03_act:hover,
.btn04_act:hover {
	background: url(../accessory/img/btn_tabChild_on.gif) no-repeat;
	text-decoration: none;
}

.optionArea .optionBox01 .rightBlock a {
	color: #3399FF;
}

ul.btmCaptionAcc li {
	margin-left: .8em;
	text-indent: -.8em;
	font-size: 83%;
	color: #333;
}

.newPriceAcc a {
	overflow: hidden;
	text-decoration: none;
	color: #cc0000;
	font-size: 83%;
}

.newPriceAcc a:visited {
	text-decoration: none;
	color: #cc0000;
}

.newPriceAcc a:hover {
	text-decoration: underline;
}