@charset "utf-8";


@import url("/common/css/default.css");


/* Link
*************************************************************************/
#membership #main a{
	color: #039;
	text-decoration: underline;
}
#membership #main a:hover{
	color: #039;
	text-decoration: none !important;
}
#membership #main a:active{
	color: #039;
	text-decoration: none !important;
}
#membership #main a:visited{
	color: #639;
	text-decoration: underline;
}


/* MainVisual----SubPage
************************************/

#mainVisual{
	padding-bottom: 8px;
	background: #F8F8F3;
}




/* Main
*************************************************************************/

#main{
	background: #F8F8F3;
}


/* Main----TopPage
************************************/

.membershipTop #main{
	background: #F8F8F3 url(../images/top_main_bg.jpg) no-repeat left top;
}
.membershipTop #main h2{
	padding: 20px 16px 8px 16px;
}
.membershipTop #main h3{
	padding: 1px 8px;
}
.membershipTop #main #membershipTopHospitality{
	margin-bottom: 10px;
	background: url(../images/top_hospitality_bg.gif) repeat-y;
}
.membershipTop #main #membershipTopHospitality div{
	background: url(../images/top_hospitality_bg_top.gif) no-repeat top left;
	zoom: 1;
}
.membershipTop #main #membershipTopHospitality div:after{
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden;
	content: ".";
}
.membershipTop #main #membershipTopHospitality div h4{
	float:left;
	padding: 25px 16px 12px 73px;
}
.membershipTop #main #membershipTopHospitality div p{
	margin: 0 25px 0 274px;
	padding: 25px 0 10px 0;
	font-size: 120%;
	line-height: 1.2em;
}
.membershipTop #main #membershipTopHospitality ul{
	clear: left;
	padding: 0 15px 15px 25px;
	background: url(../images/top_hospitality_bg_btm.gif) no-repeat bottom left;
	list-style-type: none;
	zoom: 1;
}
.membershipTop #main #membershipTopHospitality ul:after{
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden;
	content: ".";
}
.membershipTop #main #membershipTopHospitality li{
	float: left;
	margin: 0;
	padding: 0 8px 0 0;
}


/* LeftColumn----TopPage
************************************/

.membershipTop #mainMembershipLeft{
	width: 550px;
	float: left;
}
#mainMembershipLeft #membershipTop{
	margin-left: 15px;
	margin-bottom: 25px;
}
#mainMembershipLeft #membershipTop h5{
	padding: 0 0 12px 20px;
	background: url(../images/top_h5_bg.gif) no-repeat top left;
}
#mainMembershipLeft #membershipTop dl{
	margin-bottom: 15px;
	font-size: 120%;
	line-height: 1.2em;
}
#mainMembershipLeft #membershipTop dt{
	margin: 0 0 0 0;
	color: #099;
	font-weight: bold;
}
#mainMembershipLeft #membershipTop dt .date{
	display: block; 
	padding: 0 0 3px 12px;
	background: url(../images/top_topics_marker.gif) no-repeat center left;
	color: #333;
	font-weight: normal;
}
#mainMembershipLeft #membershipTop dd{
	margin: 3px 0 8px 0;
	padding: 0 0 8px 0;
	background: url(../images/border_dotted.gif) repeat-x bottom left;
}
#mainMembershipLeft #membershipTop dd.end{
	background-image: none;
}
#mainMembershipLeft #membershipTop p{
	margin: 0 0 3px 0;
	font-size: 120%;
	line-height: 1.2em;
}


/* RightColumn----TopPage
************************************/

.membershipTop #mainMembershipRight{
	width: 250px;
	float: right;
	text-align: left;
}
.membershipTop #mainMembershipRight ul{
	margin-bottom: 15px;
	list-style-type: none;
}
.membershipTop #mainMembershipRight li{
	margin-left: 15px;
	margin-bottom: 5px;
}
.membershipTop #mainMembershipRight li.kantou{
	margin-bottom: 2px!important; 
}


/* LeftColumn----SubPage
************************************/
#mainMembershipLeft{
	width: 595px;
	float: left;
}


/* LeftColumn----Hospitality
************************************/
#mainMembershipLeft #membershipHospitality{
	margin-left: 15px;
	margin-bottom: 25px;
}
#mainMembershipLeft #membershipHospitality h3{
	padding: 5px 0 8px 0;
	background: url(../images/hospitality_h3_bg.gif) repeat-x bottom left;
}
#mainMembershipLeft #membershipHospitality h4{
	padding: 3px 0 7px 20px;
	background: url(../images/hospitality_h4_bg.gif) repeat-x top left;
}
#mainMembershipLeft #membershipHospitality .captionHead{
	margin: 5px 0 7px 0;
}
#mainMembershipLeft #membershipHospitality .captionBrown,
#mainMembershipLeft #membershipHospitality .caption{
	padding: 10px 8px 2px 8px;
	font-size: 120%;
	line-height: 1.3em;
}
#mainMembershipLeft #membershipHospitality .captionBrown{
	color: #D60;
}
#mainMembershipLeft #membershipHospitality .caption{
	background: url(../images/border_dotted.gif) repeat-x top left;
}
#mainMembershipLeft #membershipHospitality .captionBrown p,
#mainMembershipLeft #membershipHospitality .caption p{
	padding: 0 0 6px 0;
}
#mainMembershipLeft #membershipHospitality .captionBrown p strong{
	font-size: 116%;
	line-height: 1.3em;
}
#mainMembershipLeft #membershipHospitality .otherLink{
	margin-bottom: 40px;
	padding: 10px 8px 0 8px;
	background: url(../images/border_dotted.gif) repeat-x top left;
	text-align: right;
	font-size: 120%;
	line-height: 1.3em;
}
#mainMembershipLeft #membershipHospitality .otherLink img{
	margin-bottom: -5px;
}

/* 特別宿泊料金について追加20081125
************************************/

#mainMembershipLeft #membershipHospitality .otherLink2{
	padding: 10px 8px 0 8px;
	margin-top:-40px;
	margin-bottom: 20px;
	background: url(../images/border_dotted.gif) repeat-x top left;
	text-align: right;
	font-size: 120%;
	line-height: 1.3em;
}
#mainMembershipLeft #membershipHospitality .otherLink2 img{
	margin-bottom: -5px;
}

#mainMembershipLeft #membershipHospitality h5{
	margin: 4px 0 2px 0;
}

/* LeftColumn----Hospitality----PriceList
************************************/

#mainMembershipLeft #membershipPriceList{
	margin-bottom: 40px;
}
#mainMembershipLeft #membershipPriceList p{
	margin: 4px 0;
	font-size: 120%;
	line-height: 1.3em;
}
#mainMembershipLeft #membershipPriceList table{
	margin: 4px 0;
	border-top: solid #690 1px;
	border-right: solid #690 1px;
}
#mainMembershipLeft #membershipPriceList th,
#mainMembershipLeft #membershipPriceList td{
	padding: 6px 8px;
	font-size: 120%;
	line-height: 1.3em;
}
#mainMembershipLeft #membershipPriceList th{
	background: #B8E283;
	border-left: solid #690 1px;
	border-bottom: solid #690 2px;
	font-weight: normal;
}
#mainMembershipLeft #membershipPriceList td{
	background: #FFF;
	border-left: solid #690 1px;
	border-bottom: solid #690 1px;
	text-align: right;
}

/* LeftColumn----Hospitality----FacilityList
************************************/

#mainMembershipLeft #membershipFacilityList{
	margin-bottom: 12px;
}
#mainMembershipLeft #membershipFacilityList ul{
	list-style-type: none;
	zoom: 1;
}
#mainMembershipLeft #membershipFacilityList ul:after{
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden;
	content: ".";
}
#mainMembershipLeft #membershipFacilityList li{
	display: block; 
	float: left;
	width: 136px;
	padding-bottom: 8px;
	padding-top: 4px;
	padding-right: 12px;
	text-align: center;
	border-top: solid #BBB 2px;
}
#mainMembershipLeft #membershipFacilityList li a{
	text-decoration: none !important;
}
#mainMembershipLeft #membershipFacilityList li span{
	font-size: 120%;
	line-height: 1.2em;
}
#mainMembershipLeft #membershipFacilityList li a span{
	text-decoration: underline;
}
#mainMembershipLeft #membershipFacilityList li a span:hover,
#mainMembershipLeft #membershipFacilityList li a span:active{
	text-decoration: none !important;
}
#mainMembershipLeft #membershipFacilityList li img{
	margin-bottom: 4px;
}
#mainMembershipLeft #membershipFacilityList li.end{
	width: 136px;
	padding-right: 0;
}
#mainMembershipLeft #membershipFacilityList li.secondLine{
	border-top: none;
}
#mainMembershipLeft #membershipFacilityList p.notice{
	margin-top: 6px;
	margin-bottom: 4px;
	font-size: 120%;
	line-height: 1.2em;
}


/* LeftColumn----Koe
************************************/
#mainMembershipLeft #membershipKoe{
	margin-left: 15px;
	margin-bottom: 25px;
}
#mainMembershipLeft #membershipKoe .captionHead{
	margin: 10px 0 36px 0;
}
#mainMembershipLeft #membershipKoe h3{
	margin: 0 0 10px 0;
	padding-bottom: 8px;
	background: url(../images/koe_h3_bg.gif) repeat-x bottom left;
}
#mainMembershipLeft #membershipKoe h4{
	margin: 0 0 6px 0;
}
#mainMembershipLeft #membershipKoe .membershipKoeSpeak{
	margin-bottom: 40px;
	zoom: 1; 
}
#mainMembershipLeft #membershipKoe .membershipKoeSpeak:after{
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden;
	content: ".";
}
#mainMembershipLeft #membershipKoe .membershipKoeSpeak .columnImage{
	width: 240px;
}
#mainMembershipLeft #membershipKoe .membershipKoeSpeak .columnText{
	width: 325px;
}
#mainMembershipLeft #membershipKoe .membershipKoeSpeak .columnText p{
	font-size: 120%;
	line-height: 1.4em;
	margin-bottom: 8px;
}
#mainMembershipLeft #membershipKoe .membershipKoeSpeak .columnLeft{
	float: left;
}
#mainMembershipLeft #membershipKoe .membershipKoeSpeak .columnRight{
	float: right;
}


/* LeftColumn----Flow
************************************/
#mainMembershipLeft #membershipFlow{
	margin-left: 15px;
	margin-bottom: 25px;
}
#mainMembershipLeft #membershipFlow .captionHead{
	margin: 10px 0 36px 0;
}
#mainMembershipLeft #membershipFlow ol{
	margin: 0;
	padding: 0;
	font-size: 120%;
	line-height: 1.5em;
}
#mainMembershipLeft #membershipFlow ol li{
	margin: 0 0 40px 0;
	list-style-type: none;
}
#mainMembershipLeft #membershipFlow dl{
}
#mainMembershipLeft #membershipFlow dt{
	min-height: 0;
	position: relative;
	margin: 0;
	padding: 5px 0px 5px 128px;
	background: url(../images/flow_border.gif) no-repeat bottom left;
	font-weight: bold;
}
#mainMembershipLeft #membershipFlow dt img{
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin-bottom: -40px;
	width: 120px;
	height: 70px;
	overflow:hidden;
}
#mainMembershipLeft #membershipFlow dd{
	margin: 0;
	padding: 8px 0 0 128px;
}
#mainMembershipLeft #membershipFlow ol dl ul li{
	margin: 0;
	padding-left: 12px;
	background: url(../images/flow_list_mark.gif) no-repeat center left;
}





/* Ask
************************************/

#mainMembershipLeft #membershipAsk{
	width: auto;
	height: auto;
	margin-left: 15px;
	margin-bottom: 15px;
	background: #FFF;
	border: solid #F0F0E6 1px;
	position: relative;
}
#mainMembershipLeft #membershipAsk #membershipAskLeft{
	/*float: left;*/
	margin-right: 164px;
	padding: 8px;
}
#mainMembershipLeft #membershipAsk h5{
	margin: 0;
	padding: 0;
	background-image: none;
	font-size: 140%;
}
#mainMembershipLeft #membershipAsk p{
	margin: 14px 0 0 0;
	padding: 0;
	font-size: 120%;
	line-height: 1.4em;
}
#mainMembershipLeft #membershipAsk p img,
img.freedial{
	margin-bottom: -2px;
}
#mainMembershipLeft #membershipAsk #membershipAskRight{
	display: block; 
	position: absolute;
	text-align: right;
	width: auto;
	height: 80px;
 top: 50%;
 right: 8px;
	margin-top: -40px;
}
#mainMembershipLeft #membershipAsk a{
}

/* TextLink
************************************/

.membershipLinkArrow{
	padding-left: 18px;
	background: url(../images/icon_link_arrow.gif) no-repeat center left;
}



/* RightColumn----SubPage
************************************/
#mainMembershipRight{
	width: 190px;
	float: right;
	text-align: center;
}
#mainMembershipRight #membershipSubNavi{
	margin-bottom: 10px;
}
#mainMembershipRight #membershipSubNavi ul{
	padding: 0 17px 12px 17px;
	background: url(../images/sub_navi_bg.gif) no-repeat center bottom;
	list-style-type: none;
}
#mainMembershipRight #membershipSubNavi li{
	font-size: 0%;
	line-height: 0em;
}
#mainMembershipRight #membershipSubNavi li a{
	display: block; 
	width: 156px;
	height: 42px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mainMembershipRight #membershipSubNavi li a span{
	position: absolute;
	top: -9999px;
}
#mainMembershipRight #membershipSubNavi li a:hover{
	background-position: 0px -42px!important;
}
#mainMembershipRight #membershipSubNavi li.current a{
	background-position: 0px -84px;
}
#mainMembershipRight #membershipSubNavi li.navi1 a{
	background-image: url(../images/sub_navi_bg1.jpg);
}
#mainMembershipRight #membershipSubNavi li.navi2 a{
	background-image: url(../images/sub_navi_bg2.jpg);
}
#mainMembershipRight #membershipSubNavi li.navi3 a{
	background-image: url(../images/sub_navi_bg3.jpg);
}
#mainMembershipRight #membershipSubNavi li.navi4 a{
	background-image: url(../images/sub_navi_bg4.jpg);
}
#mainMembershipRight #membershipBnr{
}
#mainMembershipRight #membershipBnr ul{
	list-style-type: none;
}



/* Footer
*************************************************************************/

#membership #footerGroup,
#membership #footer{
	background-color: #F8F8F3;
}