@charset "UTF-8";

/* --------------------------------------------------------------------------------------
 safety,equipment
--------------------------------------------------------------------------------------- */

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

.safetyArea .safetyBox01 {
	padding-bottom: 10px;
}

.safetyArea .safetyBox01 .rightBlock {
	width: 370px;
	font-size: 91%;
}

.safetyArea .safetyBox01 .rightBlock h3 {
	padding-bottom: 20px;
	font-weight: bold;
	color: #333;
}

.safetyArea .safetyBox01 .rightBlock h4 {
	font-weight: bold;
	color: #333;
	font-size: 80%;
}


/* --------------------------------------------------------------------------------------
 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: 20px;
}
.optionArea .optionBox01 .rightBlock p.txtBtm2,
.optionArea .optionBox01_first .rightBlock p.txtBtm2 {
	margin-top: -10px;
	padding-bottom: 20px;
}

/*対応表*/
.optionArea .rightBlock h3 + p + dl.opGrade {
	margin: 6px 0 0; 
}
.optionArea .rightBlock h3 + dl.opGrade {
	margin: 0 0 10px; 
}
.optionArea .rightBlock dl.opGrade dt {
	font-size: 10px;
}
.optionArea .rightBlock dl.opGrade dd {
	display: inline-block;
	width: 50px;
	height: 16px;
	text-indent: -9999px;
	margin-right: 1px;
}
.optionArea .rightBlock dl.opGrade dd:nth-of-type(3),
.optionArea .rightBlock dl.opGrade dd:nth-of-type(4) {
	width: 80px;
}
.optionArea .rightBlock dl.opGrade dd.intOn  { background: url(../../accessory/img/ico_intens_on.png) no-repeat;}
.optionArea .rightBlock dl.opGrade dd.intOff { background: url(../../accessory/img/ico_intens_off.png) no-repeat top left;}
.optionArea .rightBlock dl.opGrade dd.zenOn  { background: url(../../accessory/img/ico_zen_on.png) no-repeat top left;}
.optionArea .rightBlock dl.opGrade dd.zenOff { background: url(../../accessory/img/ico_zen_off.png) no-repeat top left;}
.optionArea .rightBlock dl.opGrade dd.preOn  { background: url(../../accessory/img/ico_premium_on.png) no-repeat top left;}
.optionArea .rightBlock dl.opGrade dd.preOff { background: url(../../accessory/img/ico_premium_off.png) no-repeat top left;}
.optionArea .rightBlock dl.opGrade dd.exOn   { background: url(../../accessory/img/ico_expression_on.png) no-repeat top left;}
.optionArea .rightBlock dl.opGrade dd.exOff  { background: url(../../accessory/img/ico_expression_off.png) no-repeat top left;}
.optionArea .rightBlock dl.opGrade + h3,
.optionArea .rightBlock dl.opGrade + p {
	margin-top: 20px;
}
.optionArea .rightBlock p + dl.opGrade { margin-top: 10px;}
/* tab“à‚ÌŽqtab
--------------------------------------------- */
.optionArea .tabArea01 .tabCt01 .childFirst {
	margin-top: 25px;
}
.optionArea .tabArea01 .tabCt01 .tabChild01,
.optionArea .tabArea01 .tabCt01 .tabChild02,
.optionArea .tabArea01 .tabCt01 .tabChild03 {
	display: none;
	margin-bottom: 5px;
}
.optionArea .tabArea01 .tabCt01 #tabChild01_area1,
.optionArea .tabArea01 .tabCt01 #tabChild02_area1,
.optionArea .tabArea01 .tabCt01 #tabChild03_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 {
	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 {
	background: url(../../accessory/img/btn_tabChild_on.gif) no-repeat;
	text-decoration: none;
}
.optionArea .optionBox01 .rightBlock a {
	color: #3399FF;
}
img.setProducts {
	margin-bottom: 1px;
}

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