@charset "UTF-8";

/* == Ikenotaira Hotel CSS(plan)== */

/*--------- Main Contents ---------*/
body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
h2{
	margin-bottom:11px;
	}
strong{
	font-weight:bold;
}
div#main table{
	font-size:12px;
}
strong span{
	font-weight:bold;
}
#fream_main{
	width:664px;
	float:left;
	padding:0 0 0 15px;
	font-size:12px;
	color:#484848;
	}
#fream_main_unit{
	padding:0 15px 0 0;
	}
#fream_right{
	width:172px;
	float:right;
	padding:31px 0 0 0;
	}
#fream_right img{
border:none;
}
div.plan_pic01{
	width:135px;
	height:121px;
	float:left;
	}
div.plan_photo01{
	padding:20px 0 5px 0;
	clear:both;
	}
.mt_txt{
	clear:both;
	padding:15px 0 15px 0;
	}
img.set01{
	border:2px solid #BFBFBE;
	}
tbody{
	margin:0;
	padding:0;
	width:550px;
	}
.box01{
	clear:both;
	background:url("../../reserve/img/bg_s01.gif") no-repeat;
	background-color:#F3F3F3;
	background-position:top left;
	width:664px;
	margin:10px 0 0 0;
	}
/*--------- details ---------*/




/* common */

p.page_return{
	clear:both;
	margin:8px 0 8px 0;
	font-size:10px;
}
p.page_return02{
	margin:8px 0 20px 15px;
	font-size:10px;
}
p.page_return03{
	clear:both;
	margin:8px 0 8px 0;
	font-size:10px;
}

div#fream_main h3{
	margin-bottom:15px;
}
div#fream_main input{
	font-size:12px;
}
div.resDetail h3{
margin: 0 0 15px 0;
padding: 0 0 0 11px;
line-height: 22px;
color: #f2bc28;
font-weight: bold;
font-size: 1.2em;
background: url(../../plan/img/bg_title.gif) no-repeat;
border-bottom: 1px solid #e0a812;
}

div.resDetail{
	margin:0 0 20px 15px;
	padding:10px 15px 15px;
	width:650px;
	border:solid 1px #e0a812;
	background:#fffcee;
}

div.resDetail table{
	margin-left:10px;
	width:530px;
	text-align:left;
}
div.resDetail th{
	padding:5px 0;
	width:95px;
	text-align:left;
	vertical-align:middle;
}
div.resDetail th.vtop{
	vertical-align:top;
}
div.resDetail td{
	padding:5px 0;
	vertical-align:middle;
	text-align:left;
}
div.resDetail td img{
	vertical-align:middle;
}
div.resDetail dl{
	margin:5px 0 0 5px;
}
div.resDetail dt{
	clear:both;
	float:left;
	line-height:1.5;
}
div.resDetail dd{
	line-height:1.5;
}
div.resDetail2{
	margin:0 0 20px 0;
	padding:10px 15px 15px;
	width:597px;
	border:solid 1px #e0a812;
	background:#fffcee;
}
div.resDetail2 h4,
div.resDetail2 h3.privacyTitle{
	margin:0 0 15px 0;
	padding:0 0 0 11px;
	line-height:22px;
	color:#414040;
	font-weight:bold;
	font-size:1.2em;
	background:url(../../reserve/img00/bg_title2.gif) no-repeat;
	border-bottom:solid 1px #e0a812;
}
div.resDetail2 table{
	margin-left:10px;
	width:530px;
}
div.resDetail2 th{
	padding:5px 0;
	width:95px;
	text-align:left;
	vertical-align:middle;
}
div.resDetail2 th.vtop{
	vertical-align:top;
}
div.resDetail2 td{
	padding:5px 0;
	vertical-align:middle;
}
div.resDetail2 td img{
	vertical-align:middle;
}
div.resDetail2 dl{
	margin:5px 0 0 5px;
}
div.resDetail2 dt{
	clear:both;
	float:left;
	line-height:1.5;
}
div.resDetail2 dd{
	line-height:1.5;
}

/* resTxt */
.resTxt{
	margin:0 0 20px 20px;
	font-size:14px;
	font-weight:bold;
}

/* privacy */
div#privacyBox{
	margin:0 30px 0 15px;
}
div#privacyBox div{
	padding:10px 8px 15px;
	background:#f2f2f0;
}
div#privacyBox h4{
	margin-bottom:10px;
}
div#privacyBox dl{
	margin:0 0 15px 100px;
	text-align:left;
}
div#privacyBox dt{
	float:left;
	padding-top:4px;
	width:7em;
	margin-bottom:5px;
}
div#privacyBox dd{
	margin:0 0 5px 6px;
}
div.priLogin{
	margin-bottom:15px;
}
div.priLogin dd input{
	width:200px;
}
.priBt{
	margin-top:15px;
	text-align:center;
}
.priBt img{
	vertical-align:middle;
}
.priBt span{
	margin-left:20px;
}
.nopass{
	margin-left:100px;
	color:#FF0000;
	line-height:1.2;
}
.loginTxt{
	margin-bottom:30px;
}


div#priPass h4{
	font-size:1.2em;
	font-weight:bold;
}
div#priPass p{
	margin-bottom:15px;
}
div#priPass dt{
	float:left;
	width:13em;
}
div#priPass dd{
	margin-left:13em;
}
.w300{
	width:300px!important;
}
.w120{
	width:120px;
}
.back{
	padding-top:20px;
}

div.priLeft{
	float:left;
	display:inline;
	width:300px;
}
div.priRight{
	float:right;
	display:inline;
	width:300px;
}
.privacyTxt{
	margin-left:35px;
	white-space:nowrap;
}

/* login */
.formTxt{
	margin:0 15px 15px;
	line-height:1.5;
}
.topBt{
	margin-bottom:30px;
	text-align:center;
}

div#ssl{
	margin:0 0 20px 90px;
	padding:10px 10px 15px;
	width:420px;
	background:#f2f2f0;
}
div#ssl2{
	margin:0 0 20px 15px;
	padding:5px 10px 5px;
	width:580px;
	background:#f2f2f0;
}
div#ssl table{
	margin-left:10px;
	width:400px;
}
div#ssl th{
	padding:5px 10px 5px 0;
	text-align:left;
	line-height:1.2;
	vertical-align:middle;
}
div#ssl td{
	padding:5px 0;
	width:167px;
	line-height:1.2;
	text-align:center;
	font-size:10px;
	vertical-align:middle;
}
div#ssl td img{
	margin-bottom:5px;
}


div#ssl2 table{
	margin-left:10px;
	width:550px;
}
div#ssl2 th{
	padding:5px 10px 5px 0;
	text-align:left;
	line-height:1.6;
	vertical-align:middle;
}
div#ssl2 td{
	padding:5px 0;
	width:150px;
	line-height:1.2;
	text-align:center;
	font-size:10px;
	vertical-align:middle;
}
div#ssl2 td img{
	margin-bottom:5px;
}
.errorBox2{
	width:350px;
	background-color:#FF3300;
	margin:3px auto 0 auto;
}

.errorBox2 p{
	margin:0 0 0 8px;
	background:url(../../reserve/img00/icon_check.gif) no-repeat;
	background-position:0 5px;
	padding:0 0 0 18px;
	line-height:2;
	color:#FFFFFF;
	font-weight:bold;
}

.errorBox3{
	width:350px;
	background-color:#FF3300;
	margin:3px auto 0 auto;
}

.errorBox3 p{
	margin:0 0 0 8px;
	background:url(../../reserve/img00/icon_check.gif) no-repeat;
	background-position:0 5px;
	padding:0 0 0 18px;
	line-height:2;
	color:#FFFFFF;
	font-weight:bold;
}


table.resTab{
	margin:0 0 20px 15px;
	width:635px;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
table.resTab th{
	padding:10px 0;
	width:120px;
	text-align:left;
	text-indent:10px;
	line-height:1.5;
	font-weight:bold;
	vertical-align:top;
	background:#eee;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
table.resTab td{
	padding:10px 10px;
	line-height:1.5;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
table.resTab td img{
	vertical-align:middle;
}
table.resTab td.item{
	width:100px;
	font-weight:bold!important;
	background:#eee;
}
.itemTxt{
	padding:0 10px;
	text-indent:0;
	line-height:1.5;
	font-size:10px;
}
table.resTab th label,
table.resTab td.item label{
	font-weight:bold;
}
table.resTab th.uniting{
	width:220px;
}
table.resTab dl{
	margin:5px 0 0 5px;
}
table.resTab dt{
	clear:both;
	float:left;
	line-height:1.5;
}
table.resTab dd{
	line-height:1.5;
}

p.roomPeople{
	margin-left:5px;
	line-height:1.5;
}

.formBt{
	margin-bottom:15px;
	text-align:center;
}
div#shimekiri{
	margin:0 auto 30px;
	line-height:1.5!important;
	width:500px;
}
div#shimekiri p{
	line-height:1.5!important;
}

table.resTab li{
	margin-bottom:5px;
	list-style-type:none;
	list-style-position:outside;
	vertical-align:middle;
}
table.resTab li input{
	margin:5px 0;
}

.write{
	color:#009900;
	text-align:right;
}
.form00{
	width:335px;
}
.form01{
	width:170px;
}
.form02{
	width:80px;
}
.form03{
	width:350px;
}
table.resTab optgroup{
	font-weight:bold;
}
.reTxt{
	margin-top:15px;
}
.red{
	color:#FF0000;
}
.green{
	color:#336600;
}
.doi{
	margin-bottom:15px;
	line-height:1.5;
	text-align:center;
}

/* mem_login */
.formTxt dt{
	font-weight:bold;
	line-height:1.5;
}
.formTxt li{
	line-height:1.5;
}
.formTxt ul{
	margin-left:15px;
}

/* member */
.memberHead{
	margin:0 0 15px 15px;
	width:630px;
	border-bottom:solid 3px #f7870a;
}
.memberHead li{
	display:inline;
	float:left;
	margin-right:3px;
	list-style-type:none;
	list-style-position:outside;
}
.memberHead li img{
	vertical-align:bottom;
}
.memberHead li.logout{
	float:right;
	margin-right:0;
}
.check{
}
.logout{
	margin-top:5px;
}
.logout a{
	padding-left:10px;
	background:url(../../img/form/ico_orange.gif) no-repeat 0 4px;
}
.memSubTitle{
	margin:0 20px 15px 15px;
	padding:2px 0 2px 11px;
	line-height:22px;
	color:#414040;
	font-weight:bold;
	font-size:1.2em;
	background:url(../../reserve/img00/bg_title2.gif) no-repeat 0 2px;
	border-bottom:solid 1px #e0a812;
}
.mini{
	margin-left:10px;
	font-size:0.7em;
}
table.memTab{
	margin:0 0 20px 15px;
	width:630px;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
table.memTab th{
	padding:10px 0;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	background:#eee;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
table.memTab td{
	padding:10px 10px;
	line-height:1.5;
	vertical-align:top;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.memTab01{
	width:65px;
}
.memTab02{
	width:65px;
	text-align:center;
}
.memTab03{
	width:220px;
}
.memTab04{
	width:80px;
}
.pageNav{
	margin-right:30px;
	text-align:right;
}
.pageNav li{
	display:inline;
	margin-left:3px;
	padding-left:6px;
	font-weight:bold;
	border-left:solid 1px #ccc;
}
.pageNav li.navFirst{
	margin-left:0;
	padding-left:0;
	border-left:none;
}
.pageNav li a{
	font-weight:normal;
}

/* mem_reservation */
div#tel{
	margin-bottom:20px;
	width:659px;
	background:url(../../img/form/bg_resmid.gif) repeat-y;
}
div#telNum{
	padding:15px 25px 5px;
	background:url(../../img/form/bg_teltop.gif) no-repeat top left;
}
div#tel02{
    padding-bottom:10px;
/*
    background:url(../../img/form/bg_resbot.gif) no-repeat bottom left;
*/
}
div#telLeft{
	float:left;
	display:inline;
	margin:10px 0 0 25px;
	width:370px;
}
div#telLeft p{
	float:left;
	display:inline;
}
.staff{
	margin-top:20px;
}
div#telRight{
	float:right;
	display:inline;
	margin:10px 40px 0 0;
}

div.telTxt{
	padding:0 25px 10px;
	background:url(../../img/form/bg_telbot.gif) no-repeat bottom left;
}
div.telTxt p{
	padding-top:10px;
	line-height:1.5;
	border-top:solid 1px #89b249;
}




/* web */
div#web{
    margin-bottom:20px;
    width:659px;
    background:url(../../img/form/bg_resmid.gif) repeat-y;
}
div#web02{
    padding-bottom:10px;
}
div#web h4{
    margin-bottom:10px;
}
div#web02 iframe{
    margin:0 15px;
}



div#tel02{
    margin:0 0 20px 15px;
    padding:0;
    width:630px;
/*
    background:url(../../img/form/bg_telmid.gif) repeat-y;
*/
}
div#telNum02{
    padding:15px 25px 5px;
    background:url(../../img/form/bg_teltop.gif) no-repeat top left;
}
div#telLeft02{
    float:left;
    display:inline;
    width:370px;
}
div#telLeft02 p{
    float:left;
    display:inline;
    margin-right:15px;
}


.staff{
    margin-top:20px;
}
div#telRight02{
    float:right;
    display:inline;
}
div.telTxt02{
    padding:0 25px 10px;
/*
    background:url(../../img/form/bg_telbot.gif) no-repeat bottom left;
*/
}
div.telTxt02 p{
    padding-top:10px;
    line-height:1.5;
    border-top:solid 1px #89b249;
}

.details01{
	margin-bottom:15px;
	font-size:16px;
	font-weight:bold;
	padding:10px 0 0 10px;
}
.details02{
	margin-bottom:15px;
	margin-top:35px;
	font-size:16px;
	font-weight:bold;
	padding:10px 0 0 10px;
}
.mainVis{
	margin-bottom:15px;
}
.detailBox{
	margin-left:5px;
	margin-bottom:20px;
}
.detailBox p{
	margin-top:15px;
	line-height:1.5;
}
.detailLeft{
	float:left;
	display:inline;
	margin-left:15px;
	width:310px;
}
.detailLeft h4{
	margin:0;
	padding:0 0 0 11px;
	line-height:22px;
	color:#F2BC28;
	font-weight:bold;
	font-size:1.2em;
	background:url(../../plan/images02/bg_title.gif) no-repeat;
	border-bottom:solid 1px #e0a812;
}
.detailRight{
	float:right;
	display:inline;
	margin-right:15px;
	width:285px;
}
.tokuten{
	margin-bottom:10px;
	background:#fffcee;
}
.tokuten02{
	padding-top:10px;
	border:solid 1px #fa7822;
}
.tokuten p{
	margin:0 15px 15px;
}
.attention{
	padding:10px;
	border:solid 1px #d7d7d7;
	background:#f9f9f9;
}
.attention h4{
	padding-bottom:3px;
	color:#787878;
	font-weight:bold;
	font-size:1.2em;
	border-bottom:solid 1px #d7d7d7;
}

.error{
	margin:0 auto 5px;
	padding:5px 0;
	width:400px;
	border:solid 1px #ff0000;
	background:#fff7f7;
}
.error p{
	padding:5px 15px;
	color:#ff0000;
    line-height:1.5;
}
.detailTxt{
	margin:0 15px 30px;
}
.detailTxt select{
	width:100px;
}
.detailTxt textarea{
	width:500px;
	line-height:1.2;
}

.txtCenter{
	margin-bottom:20px;
	text-align:center;
}


/* code */
#code{
    margin:10px 0 0;
    padding:0;
}
#codeWrap{
    margin-left:20px;
    font-size:12px;
}
#codeWrap h1{
    margin-bottom:15px;
}
div.codeBox{
    float:left;
    display:inline;
    margin-right:10px;
    width:140px;
}
div.codeBox table{
    color:#444;
    width:140px;
    border-top:solid 1px #ccc;
    border-right:solid 1px #ccc;
}
div.codeBox th{
    padding:5px 0;
    font-weight:normal;
    background:#ddd;
    border-bottom:solid 1px #ccc;
    border-left:solid 1px #ccc;
}
div.codeBox td{
    padding:5px 0;
    width:70px;
    text-align:center;
    border-bottom:solid 1px #ccc;
    border-left:solid 1px #ccc;
}
p.btCorrection{
    margin-right:20px;
    text-align:right;
}





/* 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;
}
/*  */

/* 090501
===============================================================*/
dl.plan_box00{
	margin:0 0 13px 20px;
	padding:0 0 10px 0;
	border-bottom:1px solid #D7D7D7;
}
dl.plan_box00 dt{
	font-weight:bold;
}
dl.plan_box00 dt a{
	font-weight:bold;
}
dl.plan_box00 dd{
	margin:13px 0 0 20px;
}
/* 091221
===============================================================*/
.loginPass{
	margin:15px 0 0 170px;
}
.errorBox{
	clear:both;
	width:500px;
	color:#FF2B2B;
	margin:25px 0 25px 100px;
	padding:15px 15px 30px 15px;
	background-color:#FFF7F7;
	border:1px solid #FF2B2B;
}
.errorBox ul{
	margin:15px 0 0 15px;
}
.errorBox ul li{
	line-height:1.6;
	list-style-type:disc;
}
.returnsBtn{
	text-align:center;
	margin:25px 0 0 0;
}
/* 100816
===============================================================*/
.stepBox{
	margin:0 0 25px 15px;
}
.txtAlert{
	margin:0 0 8px 15px;
}
.hissu{
vertical-align:middle;
}
.doiBox{
width:615px;
margin:0 0 0 15px;
border:1px solid #e7e7e7;
padding:10px;
height:150px;
}
.doiBox iframe{
overflow:auto;
}