@charset "utf-8";

/********************************************
RESERVE STYLES　[ /css/rsv.css ]
********************************************/

p#LeadCmt {
	padding:0 3px 15px 3px;
	line-height:165%;
}

ul#RsvSMn {
	position:relative;
	width:660px;
	height:40px;
	margin:0 0 15px 0;
	background: url(../rsv/images/smn.gif) no-repeat 0px 0px;
}

ul#RsvSMn li { text-indent:-9999px; line-height:0px; font-size:0px; }

ul#RsvSMn li a { display: block; text-decoration:none; height:30px; position:absolute; top:5px;  }


li#RsvSMn01 a { width:148px; left:5px; background: url(../rsv/images/smn.gif) no-repeat -5px -5px; }

li#RsvSMn02 a { width:181px; left:158px; background: url(../rsv/images/smn.gif) no-repeat -158px -5px; }

li#RsvSMn03 a { width:170px; left:344px; background: url(../rsv/images/smn.gif) no-repeat -344px -5px; }

li#RsvSMn04 a { width:136px; left:519px; background: url(../rsv/images/smn.gif) no-repeat -519px -5px; }


li#RsvSMn01 a:hover { background: url(../rsv/images/smn.gif) no-repeat -5px -45px; }

li#RsvSMn02 a:hover { background: url(../rsv/images/smn.gif) no-repeat -158px -45px; }

li#RsvSMn03 a:hover { background: url(../rsv/images/smn.gif) no-repeat -344px -45px; }

li#RsvSMn04 a:hover { background: url(../rsv/images/smn.gif) no-repeat -519px -45px; }


p.RsvCmt {
	padding:0 3px 10px 3px;
	color:#727265;
}


div.Step6Set1to3 ,div.Step6Set4to6 ,div.Step4Set ,div.Step3Set {
	width:660px;
	margin:0 0 10px 0;
	background-image:url(../rsv/images/step6set_01bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

div.Step6Set4to6 {
	margin:0 0 20px 0;
	background-image:url(../rsv/images/step6set_02bg.gif);
}

div.Step4Set {
	margin:0 0 20px 0;
	background-image:url(../rsv/images/step4set_bg.gif);
}

div.Step3Set {
	margin:0 0 30px 0;
	background-image:url(../rsv/images/step3set_bg.gif);
}

div.Step6Set1to3 div.StepBox ,div.Step6Set4to6 div.StepBox ,div.Step4Set div.StepBox ,div.Step3Set div.StepBox ,div.Step3Set div.StepBox3 {
	float:left;
	width:200px;
}

div.Step4Set div.StepBox ,div.Step3Set div.StepBox {
	width:150px;
}

div.Step3Set div.StepBox3 {
	width:320px;
}

div.Step6Set1to3 p.Cmt ,div.Step6Set4to6 p.Cmt ,div.Step4Set p.Cmt ,div.Step3Set p.Cmt {
	padding:10px;
	color:#4e4625;
}

div.Step6Set1to3 p.Arw ,div.Step6Set4to6 p.Arw ,div.Step4Set p.Arw ,div.Step3Set p.Arw {
	float:left;
	width:10px;
	padding:53px 5px 0 5px;
}


div#Rsv02CmtBtnSet ,div#Rsv04CmtBtnSet {
	width:660px;
	zoom:1;/*clearfix for IE 5.5-7*/
}

div#Rsv04CmtBtnSet {
	padding:0 0 30px 0;
}

div#Rsv02CmtBtnSet:after ,div#Rsv04CmtBtnSet:after {/*clearfix for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

div#Rsv02CmtBtnSet p.RsvCmt ,div#Rsv04CmtBtnSet p.RsvCmt {
	float:left;
	width:380px;
	padding:5px 0 0 5px;
}

div#Rsv02CmtBtnSet p.Btn ,div#Rsv04CmtBtnSet p.Btn {
	float:right;
	width:235px;
	padding:0 5px 0 0;
}

div#Rsv02CmtBtnSet p.Btn a:hover img ,div#Rsv04CmtBtnSet p.Btn a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}

h4.Rsv03 {
	padding:0 0 15px 15px;
	background-image:url(../rsv/images/rsv03_arw.gif);
	background-position:6px 8px;
	background-repeat:no-repeat;
	color:#727265;
}

div#Rsv03BtnCmtSet {
	width:630px;
	margin:0 0 15px 0;
	padding:0 0 15px 15px;
	background-image:url(../images/line_dot_beige.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	zoom:1;/*clearfix for IE 5.5-7*/
}

div#Rsv03BtnCmtSet:after {/*clearfix for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

div#Rsv03BtnCmtSet p.left {
	width:210px;
}

div#Rsv03BtnCmtSet p.left a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}

div#Rsv03BtnCmtSet div.CmtArea {
	float:right;
	width:400px;
}

div#Rsv03BtnCmtSet p.Cmt {
	padding:5px 10px;
	border:1px solid #cac7b6;
}

div#Rsv03BtnCmtSet p.Arw {
	padding:4px 0;
	text-align:center;
}

div#Rsv03BtnCmtSet p.Note {
	padding:5px 10px;
	color:#727265;
	font-size:85%;
	line-height:140%;
}

div#Rsv03Btn2Set {
	width:645px;
	padding:0 0 0 15px;
	zoom:1;/*clearfix for IE 5.5-7*/
}

div#Rsv03Btn2Set:after {/*clearfix for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

div#Rsv03Btn2Set p {
	float:left;
	width:210px;
	padding:0 35px 0 0;
}

div#Rsv03Btn2Set a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}