@charset "UTF-8";

@import url("../../common/css/kk_base.css");
@import url("../../common/css/kk_menu.css");

#contentCenter{
	float:left;
	width:500px;
	padding-bottom: 12px;
}

#reservation{
	width:730px;
	text-align: left;
	font-size: 115%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.freedial img {
	position: relative;
	top: 2px;

}

.freedial{
	color:#cc0000;
	margin: auto 10px;
}

img.inquiry1{
	float: left;
	margin-right:5px;
	position: relative;
	top: -2px;
}

p.inquiry{
	float: left;
	margin-top: 3px;
}



/*local navi*/
#localNavi{
	float:right;
	width:240px;
}

dl.localNavi dt {
	border-left: 4px solid #7c8fa6;
	margin-left: 15px;
	background-color: #a5b6d1;
	color: #333333;
	font-size: 1.1em;
	margin-bottom: 10px;
	font-weight: bold;
}

dl.localNavi dt.planA {
	border-color: #7395d8;
	background: #a9afd9;
}

dl.localNavi dt.planB {
	border-color: #af82a2;
	background: #d7a8c8;
}

dl.localNavi dt a {
	display: block;
	padding-left: 5px;
	color: #333333;
}

/*dl.localNavi dt a:link,
dl.localNavi dt a:visited {
	color: #333333;
	text-decoration: underline;

}

dl.localNavi dt a:hover,
dl.localNavi dt a:active {
	text-decoration: none;
	background-color: #bed2f2;
}

dl.localNavi dt.planA a:hover,
dl.localNavi dt.planA a:active {
	background: #C6D2F2;
}*/

dl.localNavi dt.planB a:hover,
dl.localNavi dt.planB a:active {
	background-color: #FFDFFF;
}


/*ul.localNavi{
	list-style-image:url(../../../common/imgs/module_parts/parts_textlist_ordered/li_bg1.gif);
	margin-left:30px;
}
ul.localNavi li{
	margin-bottom:10px;

}*/

#localNavi ul{
	margin-left: 25px;
}
#localNavi ul,
#localNavi ul *{
		line-height:1.35; /* M- */
}
#localNavi ul li{
	background:url(../../../common/imgs/module_parts/parts_textlist_worddetail/nav_bg1.gif) no-repeat 0 .5em;
	padding-top: 0;
	padding-right: 0;
	padding-left: 10px;
	margin-bottom: 10px;

}

/* plan detail */

.planInner {
	clear:both;
	width:710px;
	border:1px solid #3369aa;
	margin:0 auto;
	padding:10px;
	background: url(../img/bg.gif) no-repeat right 230px;
	overflow: hidden;
	}

div.bgPosition1 {
	background: url(../img/bg.gif) no-repeat right 100px;
}
	
.plan {
	width:732px;
	border:4px solid #add2ff;
	clear: both;
	margin: 0 auto 0 0;
	}
.planInner p{
	font-size:98%;
}
.planInnerLeft{
	float:left;
	width:395px;
	margin-bottom:10px;
}

.planInnerLeft p.copy3 {
	line-height: 1.3em;
	float: left;
	padding-left: 5px;
	width: 330px;
	padding-bottom: 5px;
}

.planInnerLeft p.copy2 {
	line-height: 1.3em;
	float: left;
	padding-left: 5px;
	width: 270px;
	padding-bottom: 5px;
}


.planInnerRight{
	float: right;
	width: 300px;
}

.planInnerRight img{
	padding-bottom: 5px;
}

.planInnerRight p {
	font-size: 90%;
	padding-bottom: 10px;
	margin-top: -9px;
}
/*top part*/

#mainContent h2 {
	margin-bottom:10px;
}
#mainContent h3 {
	margin-bottom:3px;
}

h3.hotelName{
	border-bottom:1px solid #555;
	clear: both;
}


h3.planName{
	font-size:110%;
	color:#59493f;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #59493F;
	padding-left: 5px;
	line-height: 1.05em;
	margin-top: 15px;
	clear: both;
	padding-top: 1px;
}

h3.planName a,
h3.planName a:hover{
	color:#59493f;
}

h3.restrantName a{
	color:#59493f;
}
h3.restrantName a:hover{
	color:#2f62d8;
}

.infoLeft{
	float:left;
	width:370px;
}
.infoRight{
	float:left;
	width:369px;
}
dl.info{
	margin:5px;
	font-size:98%;
}
dl.info dt{
	margin-bottom:0.2em;
}
dl.info dd{
	margin-bottom:1em;
}
.pickup{
	margin-bottom:15px;
	width: 740px;
	margin-top: 10px;
	float: left;
	background: url(../img/pickup_footer.gif) no-repeat center bottom;
	padding-bottom: 8px;
}

.pickup .picBar {

}

.pickupInner {
	background: #F0DEFF;
	border-right: 1px solid #A661E0;
	border-left: 1px solid #A661E0;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	width: 718px;

}


.pickupRight{
	float:right;
	width:400px;
	margin-top:4px;
	padding-bottom: 10px;
}

.pickupLeft{
	float:left;
	width:310px;
	margin-top:8px;
}

.pickupLeft img{
	padding-bottom: 10px;
}

.pickupLeft p.notice {
	padding-bottom: 10px;
	margin-top: -15px;
	text-align: right;
}

 .modelplan{
	border: 1px dashed #953EDE;
	background: #E5C7FE;
	padding-top: 3px;
	float: left;
	width: 392px;
	text-align: center;
}

 .modelplan img {
	padding: 0px;
	text-align: center;
}

 .modelplan p {
	line-height: 1.2em;
	padding: 3px 5px 8px;
	text-align: left;
	font-size: 0.9em;
}

 .modelplan p em {
	color: #a70000;
}


 .plancontent{
	border: 1px dashed #a71fed;
	background: #f4e3f7;
	padding-top: 3px;
	float: left;
	width: 392px;
	text-align: center;
	margin-bottom: 10px;
}

 .plancontent img {
	padding: 0px;
	text-align: center;
}

 .plancontent p {
	line-height: 1.2em;
	padding: 3px 5px 8px;
	text-align: left;
	font-size: 0.9em;
}

 .plancontent p em {
	color: #a70000;
}


.picInnerLeft{
	float:left;
	width:160px;
}
.picInnerRight{
	float:right;
	width:260px;
	display:block;
}
dl.detail{
	clear:both;
	margin-top:12px;
}
dl.detail dt{
	float:left;
	width:80px;
	margin-bottom:2px;
}
dl.detail dd{
	margin-bottom:8px;
	float: left;
	width: 310px;
}
dl.detail dd ul{
	list-style-type:disc;
	padding-left:1.3em;
}
dl.detail-pic{
	clear:both;
	margin-top:12px;
}
dl.detail-pic dt{
	float:left;
	width:80px;
	margin-bottom:2px;
}
dl.detail-pic dd{
	float:left;
	width:320px;
	margin-bottom:8px;
}
dl.detail-pic dd ul{
	list-style-type:disc;
	padding-left:1.3em;
}
dl.detail-left{
	clear:both;
	margin-top:12px;
}
dl.detail-left dt{
	float:left;
	width:80px;
	margin-bottom:2px;
}
dl.detail-left dd{
	float:left;
	width:220px;
	margin-bottom:8px;
}

dl.detail-pic dd.charge span{
	width: 15.5em;

	>width: 16em;
	display: block;
	float: left;
}


dl.detail-pic dd.charge img,
dl.detail dd.charge img{
	vertical-align: middle;
	position: relative;
	top: -1px;
}

dl.planContact{
	clear:both;
	font-size:100%;
	margin-top:5px;
	border-top:1px dotted #555;
	padding-top:10px;
}
dl.planContact dt{
	float:left;
	margin-right:10px;
}
dl.planContact dd{
	margin-top:2px;
	float:left;
}


.totop{

	text-align:right;
	margin:2px 0 15px;
}



.notice{
	padding-top: 5px;
	clear: both;
}

p.notice {
	font-size: 90%;
	margin-left: 8px;
	margin-bottom: 2px;
}

p.notice strong {
	color:#ff0099;
	font-weight: normal;
}

.modelcource {
	padding-top: 5px;
}

em {
	color: #F015EB;
	font-weight: normal;
}

div.hotelNameBox {
	position: relative;
}

div.hotelNameBox img.rollover {
	position: absolute;
	top: -4px;
	right: 0px;
}



/*table*/
.plan table{
	width:100%;
	border-top:1px solid #0066cc;
	border-left:1px solid #0066cc;
	text-align:center;
	font-size:98%;
	color:#0066cc;
	clear: both;
	margin: 5px 0 10px;
	}
.plan th {
	text-align:center;
	border-bottom:1px solid #0066cc;
	border-right:1px solid #0066cc;
	padding:2px auto;
	background:#dae8f6;
}
.plan td {
	text-align:center;
	border-bottom:1px solid #0066cc;
	border-right:1px solid #0066cc;
	padding:2px auto;
	background: #FFFFFF;
}
.plan td.period {
	width:28%;
}
.plan td.person {
	width:5em;
}
.plan td.meal {
	width:5em;
}

div.newsBox {
	clear: both;
	width: 740px;
}

p.newsBox {
	clear: both;
	border: 1px solid #F015EB;
	padding: 8px 8px 8px 60px;
	margin-bottom: 10px;
	font-size: 1.1em;
}

.privilege {
	clear: both;
	width: 710px;
}

.privilege p.upgrade {
	margin: 15px 0;
}

.privilege dl {
	padding-left: 5px;
	font-size: 0.98em;
	padding-bottom: 15px;
	line-height: 1em;

}

.privilege dl dt {
	padding-top: 8px;
	padding-bottom: 0px;
	line-height: 1em;
}

.privilege dl dd {
	padding-left: 15px;
	padding-top: 0px;
}

.privilege dl dd ul {
	margin-top: 5px;
}

.privilege dl dd li {
	line-height: 1.4em;
	padding: 0 0 2px;
	list-style-type: disc;
}

.privilege dl dd li span {
	font-size: 0.9em;
}


/*------guide-----*/

h3.guide {

}

#guideContent {
	width: 713px;
	border: 1px solid #F015EB;
	margin-bottom: 15px;
	padding: 12px 10px 8px 15px;
}

#guideContent p {
	margin-bottom: 3px;
	font-size: 96%;
	line-height: 1.2em;
}