@charset "utf-8";

/*　サーモシェイプ
------------------------------------------------------------ */

body {
    background: url(../common/images/bg_sub.jpg) left top repeat-x #0D0600;
}

#main {
	background: url(../common/images/img_thermo_shape.jpg) no-repeat;
}

* html #main h3 {
    behavior: expression(IEPNGFIX.fix(this));
} 

#main h3 {
	width: 630px;
	_width: 660px;
	height: 24px;
	_height: 30px;
	background: url(../common/images/menu_bar.png) left top no-repeat;
	margin-left: 20px;
	padding-left: 30px;
	padding-top: 6px;
	color: #EEE;
	font-weight: bold;
}

#sub {
	background: url(../common/images/thermo_shape_leftbg.jpg) left top no-repeat;
}

#gnavi {
	background: url(../common/images/bg_gnavi_thermo.jpg) left top no-repeat;
}

* html .title,
* html .title2,
* html .title3 {
    behavior: expression(IEPNGFIX.fix(this));
} 

.title {
   width: 700px;
   /*height: 320px;*/
   height: 320px;
   background: url(../common/images/thermo_title2.png) left top no-repeat;
   text-indent: -9999em;
}
.title2 {
   width: 700px;
   height: 70px;
   background: url(../common/images/thermo_ninasshape.png) left top no-repeat;
   text-indent: -9999em;
}
.title3 {
   width: 700px;
   height: 70px;
   background: url(../common/images/thermo_price.png) left top no-repeat;
   text-indent: -9999em;
}

.table_01 {
    width: 660px;
	font-size: 1em;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.table_01 th {
    width: 200px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
}
.table_01 td {
    width: 230px;
	vertical-align: top;
	padding-bottom: 10px;
}

.dl_01 {
    width: 200px;
	line-height: 160%;
}

.dl_01 dt {
    width: 200px;
	height: 55px;
	text-indent: -9999em;
}
* html .dl_01 dt.step1,
* html .dl_01 dt.step2,
* html .dl_01 dt.step3,
* html .dl_01 dt.step4,
* html .dl_01 dt.step5,
* html .dl_01 dt.step6 {
    behavior: expression(IEPNGFIX.fix(this));
} 
.dl_01 dt.step1 {
    background: url(../common/images/thermo_step1.png) no-repeat;
}
.dl_01 dt.step2 {
    background: url(../common/images/thermo_step2.png) no-repeat;
}
.dl_01 dt.step3 {
    background: url(../common/images/thermo_step3.png) no-repeat;
}
.dl_01 dt.step4 {
    background: url(../common/images/thermo_step4.png) no-repeat;
}
.dl_01 dt.step5 {
    background: url(../common/images/thermo_step5.png) no-repeat;
}
.dl_01 dt.step6 {
    background: url(../common/images/thermo_step6.png) no-repeat;
}

.box_01 {
    width: 500px;
	height: 150px;
	margin-left: 110px;
}
.box_01b {
    width: 600px;
	height: 170px;
	margin-left: 60px;
}
.box_01 a:hover img,
.box_01b a:hover img {
    filter: alpha(opacity=70); 
	-moz-opacity:0.70;
	opacity:0.70;
} 

.reservation {
    background: url(../common/images/arrow_01.jpg) left top no-repeat;
	width: 250px;
	_width: 280px;
	height: 60px;
	padding-left: 30px;
	float: right;
}
.reservation2 {
    background: url(../common/images/arrow_01.jpg) left 5px no-repeat;
	width: 320px;
	_width: 350px;
	height: 60px;
	_height: 65px;
	padding-left: 30px;
	padding-top: 5px;
	float: right;
}

.p_01 {
	width: 640px;
	margin-left: 30px;
}
.p_02 {
	width: 640px;
	margin-left: 30px;
	padding-top: 5px;
}

.box_02 {
    width: 640px;
	margin-left: 30px;
}
* html .box_02 img {
    behavior: expression(IEPNGFIX.fix(this));
}
.box_02 img {
    width: 340px;
	height: 130px;
	margin-left: 1em;
	float: right;
}

.box_03 {
    width: 640px;
	margin-left: 30px;
}
.box_03 .left {
    width: 320px;
	padding: 1em 0;
	float: left;
}
.box_03 .right {
    width: 320px;
	padding: 1em 0;
	float: right;
}
.box_03 .btm {
    width: 500px;
	height: 130px;
	margin-left: 70px;
	clear: both;
}
.box_03 .btm a:hover img {
    filter: alpha(opacity=70); 
	-moz-opacity:0.70;
	opacity:0.70;
} 

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

.bg_gray {
    background: url(../common/images/bg_gray.png) repeat;
	width: 660px;
	margin-left: 20px;
}

* html .table_02 th,
* html .table_02 .td_01,
* html .table_02 .td_02 {
    behavior: expression(IEPNGFIX.fix(this));
} 

.table_02 {
    width: 638px;
	font-size: 1em;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.table_02 th {
    width: 140px;
	padding: 3px 0;
	background: url(../common/images/bg_gold.png) repeat;
}
.table_02 .td_01 {
    width: 328px;
	_width: 338px;
	padding: 3px 5px;
	text-align: center;
	background: url(../common/images/bg_d_gray.png) repeat;
}
.table_02 .td_02 {
    width: 160px;
	padding: 3px 0;
	text-align: center;
	background: url(../common/images/bg_brown.png) repeat;
}
.table_02 .td_02 .span_01 {
    font-size: 1.1em;
	font-weight: bold;
	color: #FF0000;
}

* html .parts {
    behavior: expression(IEPNGFIX.fix(this));
} 
.parts {
    width: 515px;
	height: 293px;
	background: url(../common/images/thermo_parts.png) no-repeat;
	text-indent: -9999em;
	margin-left: 85px;
}

.box_04 {
    width: 640px;
	margin-left: 30px;
}
.box_04 dl {
    width: 640px;
	padding: 10px 0;
}
.box_04 .dt_01 {
    font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 2px;
	border-bottom: 1px dotted #666;
}
.box_04 .dt_02 {
    margin-left: 194px;
}
.box_04 dd {
    padding-top: 5px;
	text-align: center;
}

.box_05 {
    width: 640px;
	margin-left: 30px;
}
.box_05 dl {
    width: 640px;
	padding: 10px 0;
}
.box_05 .dt_01 {
    padding-bottom: 10px;
}
.box_05 .dt_02 {
    padding: 10px 0;
}
.box_05 dd {
    margin-left: 2em;
}

.table_03 {
    width: 660px;
	font-size: 1em;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.table_03 th {
    width: 210px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
}
.table_03 td {
    width: 225px;
	vertical-align: top;
	padding-bottom: 10px;
}
.table_03 a:hover img {
    filter: alpha(opacity=70); 
	-moz-opacity:0.70;
	opacity:0.70;
} 

* html #main .per99 {
    behavior: expression(IEPNGFIX.fix(this));
} 

/******** result ********/

.box_06 {
	width: 660px;
	margin-left: 20px;
	padding: 10px 0;
}

* html .dl_02 dd img {
    behavior: expression(IEPNGFIX.fix(this));
} 

.dl_02 {
    width: 660px;
	padding-bottom: 20px;
}
.dl_02 dt {
    font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 1px dotted #999;
}
.dl_02 .dd_01 {
    margin-left: 30px;
	padding-top: 20px;
}
.dl_02 .dd_02 {
    margin-left: 30px;
	padding-bottom: 20px;
	text-align: center;
}


#btn {
	width: 460px;
	height: 62px;
	margin-left: 20px;
	padding-top: 10px;
}

#btn ul {
	display: block;
	width: 460px;
	height: 32px;
}	

#btn li {
	text-indent: -9999em;
}

* html #btn ul a {
    behavior: expression(IEPNGFIX.fix(this));
} 

#btn ul a {
	text-decoration: none;
	display: block;
	height: 32px;
	overflow: hidden;
	background: url(../common/images/thermo_btn.png) left top no-repeat;
}

* html #btn ul a:hover {
    behavior: expression(IEPNGFIX.fix(this));
} 

#btn ul a:hover {
    background: url(../common/images/thermo_btn_o.png) left top no-repeat;
} 

/******** campaign ********/

.box_07 {
	width: 600px;
	height: 62px;
	_height: 500px;
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 438px;
	background: url(../common/images/campaign.jpg) left top no-repeat;
}

.box_08 {
	width: 600px;
	height: 62px;
	_height: 500px;
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 438px;
	background: url(../common/images/campaign2_2.jpg) left top no-repeat;
}

.box_09 {
	width: 600px;
	height: 62px;
	_height: 420px;
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 358px;
	/*background: url(../common/images/campaign3.jpg) left top no-repeat;*/
	background: url(../common/images/campaign3_4.jpg) left top no-repeat;
}
.box_09b {
	width: 600px;
	height: 62px;
	_height: 520px;
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 438px;
	background: url(../common/images/campaign3_2.jpg) left top no-repeat;
}

.box_decemberonly {
	width: 600px;
	height: 62px;
	_height: 520px;
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 438px;
	background: url(../common/images/campaign_decemberonly.jpg) left top no-repeat;
}

.box_2010newyear {
	width: 600px;
	height: 62px;
	_height: 520px;
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 438px;
	background: url(../common/images/campaign_2010newyear.jpg) left top no-repeat;
}

.box_prethermo {
	width: 600px;
	height: 62px;
	_height: 520px;
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 438px;
	background: url(../common/images/campaign_tokubetsu.jpg) left top no-repeat;
}

.box_07 .btn2,
.box_08 .btn2,
.box_09 .btn3,
.box_09b .btn3,
.box_decemberonly .btn2,
.box_2010newyear .btn2,
.box_prethermo .btn2 {
    width: 460px;
	height: 32px;
	margin-left: 70px;
}

.btn2 ul,
.btn3 ul {
	display: block;
	width: 460px;
	height: 32px;
}	

.btn2 li,
.btn3 li {
	text-indent: -9999em;
}

* html .btn2 ul a,
* html .btn3 ul a {
    behavior: expression(IEPNGFIX.fix(this));
} 

.btn2 ul a {
	text-decoration: none;
	display: block;
	height: 32px;
	overflow: hidden;
	background: url(../common/images/thermo_btn.png) left top no-repeat;
}

* html .btn2 ul a:hover {
    behavior: expression(IEPNGFIX.fix(this));
} 

.btn2 ul a:hover {
    background: url(../common/images/thermo_btn_o.png) left top no-repeat;
}

.btn3 ul a {
	text-decoration: none;
	display: block;
	height: 32px;
	overflow: hidden;
	background: url(../common/images/thermo_btn2.png) left top no-repeat;
}

* html .btn3 ul a:hover {
    behavior: expression(IEPNGFIX.fix(this));
} 

.btn3 ul a:hover {
    background: url(../common/images/thermo_btn2_o.png) left top no-repeat;
}

.box_10 {
	width: 600px;
	margin-top: 20px;
	margin-left: 50px;
}

.dl_prethermo {
    width: 600px;
}
.dl_prethermo dt {
    font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1em;
	border-bottom: 1px dotted #999;
	color: #FFFF99;
}
.dl_prethermo dd {
    margin-bottom: 5px;
}

.m0a {
    width: 600px;
	margin: 0 auto;
	text-align: center;
}