@charset "utf-8"; 

html{
	height:100%;
}

body {
	margin: 0px;
	padding:0px;
	height:100%;
	font-size:10px;
	color:#CCCCCC;
	text-align:center;
	background-color: #000000;
	background-image:  url(../img01/bg01.jpg);
}
h1 {
	margin: 0px;
	padding:0px;
	font-weight:normal;
	font-size:10px;
}
h2 {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size:14px;
}
h3 {
	margin: 0px;
	padding:0px;
	font-size:14px;
}


ul{
padding:0px;
margin:0px
}


dl{
padding:0px;
margin:0px
}

#description {
	background-image:  url(../img01/bg_navi.jpg);
	background-position: center top;
	text-align: left;
	width: 750px;
	margin: 0px auto;
	background-repeat: repeat-y;
	padding: 0px 0px 0px 30px;
	clear: both;
}


#bg_header {
	font-size: 12px;
	color: #FFFFFF;
	background-image:  url(../img01/bg_header.jpg);
	background-position: center top;
	text-align: left;
	width: 780px;
	margin: 0px auto;
	height: 79px;
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
	clear: both;
}

#bg_main {
	background-image:  url(../img01/bg_main.jpg);
	/*background-position: 100% top;
	
	background-repeat: repeat;*/
	background-color:#000000;
	height: auto;
	width: 760px;
	margin: 0px auto;
	padding: 0px 10px;
	overflow: visible;
	clear:both;
	}

#pagetop {
	background-image: url(../img01/bg_navi.jpg);
	background-position: center top;
	text-align:right;
	width: 750px;
	margin: 0px auto;
	height: auto;
	background-repeat: repeat-y;
	padding: 5px 20px;
	clear: both;
}



#bg_footer {
	font-size: 10px;
	color: #FFFFFF;
	background-image:  url(../img01/bg_footer.jpg);
	background-position: center top;
	text-align: center;
	line-height:15px;
	width: 780px;
	margin: 0px auto;
	height: 40px;
	background-repeat: repeat-y;
	padding: 0px;
	clear: both;
}


#navi_footer {
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(../img01/bg_navi.jpg);
	background-position: center top;
	text-align:right;
	line-height:17px;
	width: 750px;
	margin: 0px auto;
	height: auto;
	background-repeat: repeat-y;
	padding: 5px 20px;
	clear: both;
}


/*
#main {
	width: 758px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	clear: both;	
}
*/

#left {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	width: 150px;
	margin: 10px 0px 0px 1px;
	height: auto;
	padding: 0px;
	float: left;
}


#left_e {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	width: 230px;
	margin: 10px 0px 0px 1px;
	height: auto;
	padding: 0px;
	float: left;
}


#right {
	font-size: 12px;
	color: #fff;
	text-align: left;
	width: 608px;
	height:auto;
	padding: 0px;
	float: right;
	margin: 0px;
	/*
	background-color:#000000;*/
}

#right_kannai {
	font-size: 12px;
	color: #fff;
	text-align: left;
	width: 610px;
	margin: 0px auto;
	height: auto;
	padding: 0px;
	float: left;
	background-color: #000;
}

#top_navi {
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	width: 150px;
	margin: 40px auto 0px auto;
	height: auto;
	padding: 0px;
	float: left;
}

#top_navi, 
#top_navi a:link, 
#top_navi a:visited, 
#top_navi a:active {color:#ccc; text-decoration:none;}
#top_navi a:hover {color: #FFcc00; text-decoration: none;}

#top_navi01 {
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
	width: 400px;
	margin: 40px 15px 0px 0px;
	height: auto;
	padding: 0px;
	float: right;
}

#top_navi01, 
#top_navi01 a:link, 
#top_navi01 a:visited, 
#top_navi01 a:active {color:#fff; text-decoration:none;}
#top_navi01 a:hover {color: #FF3366; text-decoration: none;}

#left_navi {
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#023401;
	width: 149px;
	height:100%;
	float: left;
	margin: 20px auto 0px 1px;
	padding: 0px;
	
}

#left_navi ul{
	padding: 0px;
	margin: 0px;
}

#left_navi li {
	font-size: 13px;
	color: #FFFFFF;
	background-image:  url(../img01/navi_bg.jpg);
	background-repeat: no-repeat;
	text-align: left;
	width: 148px;
	height: 30px;
	padding: 0px;
	text-indent: 15px;
	margin: 0px;
	/*
	vertical-align: middle;*/
	list-style-image: none;
	list-style-type: none;
	line-height: 30px;
	clear:both;
	/*
	position: relative;*/
}


.clear {
clear: both;
}



#left_navi li, #left_navi li a:link, #left_navi li a:visited, #left_navi li a:active {color:#fff; text-decoration:none;}
#left_navi li a:hover {color: #FF3366; text-decoration: none;}


#footer_center {
	font-family: "lr SVbN", Osaka-,;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	width: 780px;
	margin-top: 5px;
	height: 30px;
	padding: 0px;
	margin: 0px auto;
}


#navi_bn {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	width: 145px;
	margin: 0px auto;
	height: auto;
	padding: 0px;
	clear:both;
}
.coments{
	width:130px;
	height:auto;
	font-size:10px;
	line-height:15px;
	text-align:left;
	color: #CCCCCC;
	padding: 0px;
	margin-top: 5px auto;
	clear:both;

}

.bnarea  {
	font-size: 10px;
	line-height: 16px;
	letter-spacing:1px;
	color: #ccc;
	height: auto;
	width: 388px;
	padding: 1px;
	font-family: "lr SVbN", "Osaka|";
	text-align: left;
	margin: 10px auto;
	clear:both;
}

.scroll  {
	overflow:auto;
	border: 1px solid #666;
	font-size: 10px;
	line-height: 15px;
	letter-spacing:1px;
	color: #ccc;
	height: 80px;
	width: 388px;
	padding: 1px;
	font-family: "lr SVbN", "Osaka|";
	text-align: left;
	margin: 0px auto;
	SCROLLBAR-FACE-COLOR: #666;
	SCROLLBAR-HIGHLIGHT-COLOR: #000;
	SCROLLBAR-SHADOW-COLOR: #0000;
	SCROLLBAR-3DLIGHT-COLOR: #000;
	SCROLLBAR-ARROW-COLOR: #fff;
	SCROLLBAR-TRACK-COLOR: #000;
	SCROLLBAR-DARKSHADOW-COLOR: #000;
	clear:both;
}

.scroll ul{
margin:2px auto;
padding:0px;
}

.scroll li{

margin:2px auto;
padding:0px;
}



.taRight {
	text-align: right;
}
/*----------------------------------------*/
/*--宿泊プラン--*/
/*----------------------------------------*/
.uplan_box {
	width: 515px;
	padding-top: 0px;
	padding-left: 20px;

}

#li_none{
	width: 540px;
}

#li_none li{

	list-style-type:none;

}



#u_menu_box {
	width: 280px;
	float: left;
	margin: 0px 0px 30px 10px;
	padding: 0px 10px 0px 10px;


}

#u_menu_box_t {
	width: 300px;
	float: left;
	margin-left: 10px;
}

.utitle_h3 {
	background-image: url(../plan/img/h3.jpg);
	background-repeat: no-repeat;
	width:529px;
	height:40px;
	padding:10px 5px 0px 30px;
	font-size:12px;
	font-weight:bold;
	color:#774A8E;
}

#u_menu_box_li {

	width: 500px;
	margin-left: 0px;
	padding: 0px 10px 0px 0px;
	list-style-type:none;
}


#u_menu_box_li li{

	margin-top: 5px;

}


.floatLeft{
	float: left;

}

.floatRight{
	float: right;

}



/* margin-top */

.mt0 {
	margin-top: 0px!important;
}

.mt5 {
	margin-top: 5px!important;
}

.mt10 {
	margin-top: 10px!important;
}

.mt15 {
	margin-top: 15px!important;
}

.mt20 {
	margin-top: 20px!important;
}

.mt25 {
	margin-top: 25px!important;
}

.mt30 {
	margin-top: 30px!important;
}

.mt35 {
	margin-top: 35px!important;
}

.mt40 {
	margin-top: 40px!important;
}



/* margin-right */

.mr0 {
	margin-right: 0px!important;
}

.mr5 {
	margin-right: 5px!important;
}

.mr10 {
	margin-right: 10px!important;
}

.mr15 {
	margin-right: 15px!important;
}

.mr20 {
	margin-right: 20px!important;
}

.mr25 {
	margin-right: 25px!important;
}

.mr30 {
	margin-right: 30px!important;
}

.mr35 {
	margin-right: 35px!important;
}

.mr40 {
	margin-right: 40px!important;
}


/* margin-bottom */

.mb0 {
	margin-bottom: 0px!important;
}

.mb5 {
	margin-bottom: 5px!important;
}

.mb10 {
	margin-bottom: 10px!important;
}

.mb15 {
	margin-bottom: 15px!important;
}

.mb20 {
	margin-bottom: 20px!important;
}

.mb25 {
	margin-bottom: 25px!important;
}

.mb30 {
	margin-bottom: 30px!important;
}

.mb35 {
	margin-bottom: 35px!important;
}

.mb40 {
	margin-bottom: 40px!important;
}



/* margin-left */

.ml0 {
	margin-left: 0px!important;
}

.ml5 {
	margin-left: 5px!important;
}

.ml10 {
	margin-left: 10px!important;
}

.ml15 {
	margin-left: 15px!important;
}

.ml20 {
	margin-left: 20px!important;
}

.ml25 {
	margin-left: 25px!important;
}

.ml30 {
	margin-left: 30px!important;
}

.ml35 {
	margin-left: 35px!important;
}

.ml40 {
	margin-left: 40px!important;
}
.center {
	text-align: center;
}