@charset "utf-8";

/* == Ikenotaira Hotel CSS(yoyaku)== */

/*--------- Main Contents ---------*/

body{
	margin:0;
	padding:0;
	color:#464646;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


body.plan_body{
	background:#FFFFFF;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:12px;
}
p{
	margin:0;
	padding:0;
}
ul,li{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
}
form{
	margin:0;
	padding:0;
}
a:link{
	color:#45A5E9;
	text-decoration:underline;
	}
a:visited{
	color:#45A5E9;
	text-decoration:underline;
	}
a:hover{
	color:#f4b407;
	text-decoration:underline;
	}
a:active {

	}


div#webYoyaku{
	padding-bottom:20px;
	width:629px;
}
h3 img{
	vertical-align:middle;
}
div#people{
	margin:5px 0 10px;
	padding:10px 5px;
	border:solid 1px #ddd;
	background:#fff;
}
p.peo01{
	margin:0 15px 10px;
	padding-bottom:10px;
	border-bottom:solid 1px #999;
}
p.peo01 select,p.peo01 img{
	vertical-align:middle;
}
div#people h4{
	margin-bottom:5px;
}

div#people table{
	margin-left:15px;
	width:585px;
	border-top:solid 1px #ddd;
	border-right:solid 1px #ddd;
}
div#people th{
	padding:5px 5px;
	text-align:center;
	border-bottom:solid 1px #ddd;
	border-left:solid 1px #ddd;
}
div#people td{
	padding:5px 0;
	text-align:center;
	border-bottom:solid 1px #ddd;
	border-left:solid 1px #ddd;
}
div#people td.peoForm{
	width:80px;
}
.btPeo{
	margin-top:5px;
	text-align:center;
}
p.peoSet{
	margin:5px 0 0 0;
	color:#FF0000;
	text-align:center;
}

.calView{
	margin-left:20px;
	padding:2px 0 2px 17px;
	font-size:10px;
	background:url(/yoyaku/reserve/img00/ico_calendar2.gif) no-repeat 0 0;
}
div#calendar{
	margin:0 0 20px;
	padding:10px 23px;
	border:solid 1px #ddd;
	background:#E2F3DF;
}

#backMonth{
	float:left;
	display:inline;
}
#backMonth a{
	display:block;
	padding-left:20px;
	line-height:23px;
	background:url(/yoyaku/reserve/img00/ico_back.png) no-repeat left top;
}
#nextMonth{
	float:right;
	display:inline;
}
#nextMonth a{
	display:block;
	padding-right:20px;
	line-height:23px;
	background:url(/yoyaku/reserve/img00/ico_next.png) no-repeat right top;
}
#month h4{
	text-align:center;
	font-size:18px;
}
p.zei{
	margin-bottom:3px;
	font-size:10px;
	text-align:right;
}
div#calendar table{
	margin-bottom:10px;
	width:581px;
	border-top:solid 1px #e3e3e3;
	border-left:solid 1px #e3e3e3;
	background-color:#ffffff;
}
div#calendar th{
	padding:3px 0;
	border-bottom:solid 1px #e3e3e3;
	border-right:solid 1px #e3e3e3;
}
div#calendar td{
	width:83px;
	height:75px;
	line-height:1.2;
	vertical-align:top;
	border-bottom:solid 1px #e3e3e3;
	border-right:solid 1px #e3e3e3;
}
div#calendar a{
	color:#1f5d92;
}
div#calendar td.bgcolor{
	color:#464646;
	background:#fff;
}
div#calendar td.bgcolor a{
	color:#1f5d92;
}
div#calendar td.bgover{
	color:#1f5d92;
	background:#fcf6d9;
}
div#calendar td.bgover a{
	color:#1f5d92;
}


div#calendar td.saturbgcolor{
	color:#1f5d92;
	background:#eaf5ff;
}
div#calendar td.saturbgcolor a{
	color:#1f5d92;
}
div#calendar td.saturbgover{
	color:#1f5d92;
	background:#cae6ff;
}
div#calendar td.saturbgover a{
	color:#1f5d92;
}


div#calendar td.sunbgcolor{
	color:#464646;
	background:#ffeef0;
}
div#calendar td.sunbgcolor a{
	color:#1f5d92;
}
div#calendar td.sunbgcolor .date{
	color:#ff3b00;
}
div#calendar td.sunbgover{
	color:#1f5d92;
	background:#ffd7dc;
}
div#calendar td.sunbgover a{
	color:#1f5d92;
}
div#calendar td.sunbgover .date{
	color:#ff3b00;
}


.saturday{
	background:#eaf5ff;
}
th.saturday,
.saturday .date,
.saturday .date2{
	color:#1f5d92;
}
.sunday{
	background:#ffeef0;
}
th.sunday,
.sunday .date,
.sunday .date2{
	color:#ff3b00;
}

div#calendar table ul{
	margin:0 5px 3px;
	text-align:center;
}

p.date{
	margin:3px 0 0 5px;
	font-weight:bold;
}
li.price{
	margin-bottom:3px;
	padding-bottom:5px;
	background:url(../../reserve/images02/dot.gif) repeat-x bottom left;
}
div#calendar table li span{
	color:#999;
	font-size:10px;
}
div#calendar table li span.otherRoom{
	padding:1px 0 0 12px;
	color:#ff470f;
	background:url(../../reserve/images02/ico_other.gif) no-repeat 0;
}
div#calendar h4{
	margin-bottom:10px;
}

div#viewBox{
	padding:15px 15px;
	border:solid 1px #ddd;
	background:#fff;
}
div#viewRight{
	float:right;
	display:inline;
	width:272px;
	margin-right: 5px;
}
div#viewRight li{
}
div#viewLeft{
	float:left;
	display:inline;
	width:254px;
}
div#viewBox img{
	vertical-align:bottom;
}

.calTab th, .calTab td{
	background:#ccc;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
p.calTab{
	position:absolute;
	left:73px;
	top:473px;
	width:100%;
	font-size:40px;
	color:#FF0000;
}


div#recalculation{
	margin:0;
	padding:0;
	width:300px;
}
div#recalculation h1{
	margin-top:15px;
	text-align:center;
}
div#recalculation p{
	margin-top:15px;
	text-align:center;
	line-height:1.5;
}


/* for clearFix
===============================================================*/
.cf:after{
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
   content:".";
}
/* 追加 MacIE 5 と WinIE 7 向け */
.cf{
   display:inline-block;
}
/*MacIE \*/
* html .cf{
	height:1em;
}
.cf{
	display:block;
}
/*  */


/* 090430
===============================================================*/
div#calendar2{
width:197px;
	margin:0 0 0;
	padding:8px 0 0;
	background:#fff;
}
div#calendar2 table{
	margin-bottom:10px;
	width:197px;
	border-top:solid 1px #e3e3e3;
	border-left:solid 1px #e3e3e3;
	empty-cells:show;
}
div#calendar2 th{
	padding:3px 0;
	text-align:center;
	border-bottom:solid 1px #e3e3e3;
	border-right:solid 1px #e3e3e3;
	font-weight:bold;
}
div#calendar2 td{
	width:27px;
	height:27px;
	line-height:1.2;
	vertical-align:top;
	border-bottom:solid 1px #e3e3e3;
	border-right:solid 1px #e3e3e3;
}
div#calendar2 a{
	color:#1f5d92;
}
div#calendar2 td.bgcolor{
	color:#464646;
	background:#fff;
}
div#calendar2 td.bgcolor a{
	color:#1f5d92;
}
div#calendar2 td.bgover{
	color:#1f5d92;
	background:#fcf6d9;
}
div#calendar2 td.bgover a{
	color:#1f5d92;
}


div#calendar2 td.saturbgcolor{
	color:#1f5d92;
	background:#eaf5ff;
}
div#calendar2 td.saturbgcolor a{
	color:#1f5d92;
}
div#calendar2 td.saturbgover{
	color:#1f5d92;
	background:#cae6ff;
}
div#calendar2 td.saturbgover a{
	color:#1f5d92;
}


div#calendar2 td.sunbgcolor{
	color:#464646;
	background:#ffeef0;
}
div#calendar2 td.sunbgcolor a{
	color:#1f5d92;
}
div#calendar2 td.sunbgcolor .date2{
	color:#ff3b00;
}
div#calendar2 td.sunbgover{
	color:#1f5d92;
	background:#ffd7dc;
}
div#calendar2 td.sunbgover a{
	color:#1f5d92;
}
div#calendar2 td.sunbgover .date2{
	color:#ff3b00;
}

div#calendar2 table li span.otherRoom{
	padding:1px 0 0 12px;
	color:#ff470f;
	background:url(../../reserve/images02/ico_other.gif) no-repeat 0;
}
div#calendar2 h4{
	margin-bottom:10px;
}
p.date2{
	margin:8px 0 0 0;
	font-weight:bold;
	text-align:center;
}


div.item01{
	margin:0 10px 0;
	padding:5px 0;
	border:solid 1px #ddd;
	background:#fff;
	}
p.month_title{
	margin-bottom:6px;
	text-align: center;
	font-size: 14px;
	font-weight:bold;
	line-height:1.2;
}
div.txtarea{
	display: inline;
	float: left;
	margin: 0px 0 0 0px;
	width: 400px;
	}
div.txtarea img{
margin:2px 0 0 0;
	}
div.txtarea form{
	width: 400px;
}
div.item01 .cal{
	width:197px;
	float:right;
	margin:0 12px 0 0;
	}
iframe{
    margin:0 0;
}
div#people2{
	width:390px;
	margin:0 0 10px;
	padding:10px 0;
}
div#people2 h4{
	margin-bottom:5px;
}

div#people2 table{
	margin-left:8px;
	width:370px;
	border-top:solid 1px #ddd;
	border-right:solid 1px #ddd;
}
div#people2 th{
	padding:5px 4px;
	text-align:center;
	border-bottom:solid 1px #ddd;
	border-left:solid 1px #ddd;
}
div#people2 td{
	padding:5px 0;
	text-align:center;
	border-bottom:solid 1px #ddd;
	border-left:solid 1px #ddd;
}
div#people2 td.peoForm{
	width:30px;
}
.btPeo2{
	margin-top:15px;
	text-align:center;
}
#backMonth2{
	float:left;
	display:inline;
}
#backMonth2 a{
	display:block;
	padding-left:20px;
	line-height:16px;
	background:url(../../reserve/images02/ico_back2.gif) no-repeat left top;
}
#nextMonth2{
	float:right;
	display:inline;
}
#nextMonth2 a{
	display:block;
	padding-right:20px;
	line-height:16px;
	background:url(../../reserve/images02/ico_next2.gif) no-repeat right top;
}
p.plan_set001{
	margin:15px 0 0 10px;
}
p.price00{
	margin:15px 0 0 20px;
	color:#F31700;
	font-weight:bold;
	font-size:16px;
}
p.price00 img{
	vertical-align:bottom;
}

table.design_v{
	width:620px;
	border:none;
	margin-bottom:5px;
	margin-left:15px;
	background-color:#FFFFFF;
}
table.design_v th,table.design_v td{
	border:none;
	padding:6px 12px 6px 8px;
	vertical-align:top;
	text-align:center;
}
table.design_v th{
	white-space:nowrap;
}

.design_v{
	width:620px;
	border-collapse:collapse;
	border:1px solid #cccccc;
	line-height:1.3;
}
table.design_v th{
	color:#666;
	background-color:#f1f1f1;
	border-right:none;	
	border-left:none;
	border-bottom:solid 1px #cccccc;
}
table.design_v td{
	color:#565656;
	border-right:none;
	border-left:none;
	border-bottom:solid 1px #cccccc;
	vertical-align:top;
}
p.v_txt01{
	margin:10px 0 7px 15px;
	font-weight:bold;
}
p.v_txt02{
	margin:6px 0 7px 15px;
}
table.design_v th.txt_l,
table.design_v td.txt_l{
	text-align:left;
}
h2{
	margin-bottom:11px;
	}
.bt_return{
	margin-right:15px;
}
table#reserv_tbl ul.room_day{
	margin-top:15px;
}
table.plan_style th{
	background-color:#E2F3DF;
}
