body {
text-align:center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#frame {
    /*
        absoluteの親要素が、relativeの場合のみ
        中央揃えでも絶対指定ができるようになる。
        （省略不可）
    */
    position: relative;
}
#layer1 {
    position: absolute;
    top:0px;                     
    left: 220px;
    width:224px;
    height:20px;
    z-index:1;
}

.contents {
	width:740px;
	margin:auto;
	position:relative;
	background-image:  url(img/bg_back.jpg);
	background-position:top center;
}


h1{
	font-size: 48px;
	font-weight: bold; 
	font-family: serif; 
	line-height: 40px; 
	color: #000000;
}

h2{
	font-size: 14px;
	line-height: 16px; 
	color: #000000;
}
h2.sub{
	width:560px;
	padding-right:5px;
	padding-top:5px;
	text-align:right;
	font-size: 14px;
	line-height: 18px; 
	color: #FFFFFF;
}


h3 a {
	font-size: 14px;
	line-height: 18px; 
	padding-left:22px;
	padding-top:2px;
	background-image: url(img/menu_mark.gif);
	background-repeat:no-repeat;
	color: #330033; 
	text-decoration: none;
}
h3 a:link {color:#330033;  text-decoration: none;}
h3 a:hover {color:#DEB34D;  text-decoration: none;}
h3.on {
	font-size: 14px;
	line-height: 18px; 
	padding-left:22px;
	padding-top:2px;
	background-image: url(img/menu_mark.gif);
	background-repeat:no-repeat;
	color: #330033; 
	text-decoration: none;
}

h4{
	font-size: 14px;
	font-weight: bold; 
	line-height: 16px; 
	color: #FFFFFF;
}

h5{
	font-size: 16px;
	font-weight: bold; 
	line-height: 18px; 
	padding-bottom:10px; 
	color: #474B6F;
}


p {
	margin:0;
	padding-bottom:10px;	 
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
}

.p_title {
	width:560px;
	text-align:left;
	padding-left:36px;
	padding-top:35px;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold; 
	background-image: url(img/p_title_mark.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

/* idの指定 ========================================================== */

#left5{  	padding-left:5px;}

#left10{  	padding-left:10px;}

#left15{  	padding-left:15px;}

#left20{  	padding-left:20px;}

#left300{  	padding-left:300px;}

/* idの指定 ====================================end============= */


.menu_sub{  
	height:22px;
	padding-left:23px;
	font-size: 10px;
	line-height: 14px;
	background-image: url(img/menu_mark_sub.gif);
	background-repeat:no-repeat;
	color: #660033;
	text-decoration: underline;
}
.menu_sub:link {color:#660033;  text-decoration: underline;}
.menu_sub:hover {color:#FF3333;  text-decoration: none;}

.menu_sub_on{ 
	height:22px;
	padding-left:23px;
	font-size: 10px;
	line-height: 14px; 
	background-image: url(img/menu_mark_sub.gif);
	background-repeat:no-repeat;
	color: #FF3333; 
	text-decoration: none;
}

.event{  
	width:142px;
	height:44px;
	font-size: 14px;
	line-height: 16px; 
	text-align:center;
	padding-top:15px;
	padding-bottom:0px;
	background-image: url(img/menu_bg.jpg);
	background-repeat:no-repeat;
	color: #FFFFFF; 
	text-decoration: none;
}
.event:link {  text-decoration: none; background-image: url(img/menu_bg.jpg);}
.event:hover {  text-decoration: none; background-image: url(img/menu_bg_f2.jpg);}

.menu2{  
	font-size:12px;
	line-height:18px; 
	padding-left:15px;
	padding-top:2px;
	color: #990000; 
	text-decoration: none;
}
.menu2:link {color:#990000;  text-decoration: none;}
.menu2:hover {color:#FF0000;  text-decoration: none;}


.lang{  
	font-size:12px;
	line-height:18px; 
	padding-left:22px;
	padding-top:2px;
	background-image: url(img/bt_language.gif);
	background-repeat:no-repeat;
	color: #990000; 
	text-decoration: none;
}
.lang:link {color:#990000;  text-decoration: none;}
.lang:hover {color:#FF0000;  text-decoration: none;}

/* 本文のフォント================================================ */

.font_l {  font-size: 16px; line-height: 18px; color: #333333;}
.font_m {  font-size: 14px; line-height: 16px; color: #333333;}
.font_m1 {  font-size: 14px; line-height: 18px; color: #333333;}
.font_m2 {  font-size: 12px; line-height: 14px; color: #333333;}
.font_s {  font-size: 10px; line-height: 14px; color: #333333;}
.font_s2 {  font-size: 14px; line-height: 14px; color: #660000;}
.font_ll {	font-size: 14px; margin-left:0px; margin-bottom:0px; color: #666666; padding-left:5px; font-weight: bold}
.text {  font-size: 12px; line-height: 18px; color: #333333;}

.trail {
	font-size: 18px;
	line-height:30px;
	font-size: 14px;
	color: #FFFFFF;
	padding-left:37px;
	font-weight: bold
}

.sub_tit { 
	font-size: 18px; 
	line-height: 20px; 
	margin:0px 0px -10px;
	color: #333333;
	font-weight: bold
}

.head {  
	width:100%;
	height:22px;
	padding-left:5px;
	font-size: 12px;
	line-height: 22px;
	background-color:#F7F2E7;
	color: #660033;
	font-weight: bold;
}

.list_tit {  
	width:100%;
	height:22px;
	padding-left:3px;
	font-size: 12px;
	line-height: 22px;
	background-image: url(img/stay2/box_top.jpg);
	color: #663366;
	font-weight: bold;
}

.sub_head {  font-size:10px; line-height:18px; color: #660033; font-weight: bold;}

.link{  color: #990000; text-decoration: underline;}
.link:link {  color: #990000; text-decoration: underline}
.link:hover {  color: #FF0000; text-decoration: none}

.site_tit{  
	width:275px;
	font-size:12px;
	line-height:18px; 
	padding-left:15px;
	padding-top:2px;
	background-image: url(img/sitemap/bg_site_tit.jpg);
	color: #333333; 
	text-decoration: none;
}
.site_tit:link {  color: #333333; text-decoration: underline}
.site_tit:hover {  color: #990000; text-decoration: none}

.site_tit2{  
	width:275px;
	font-size:12px;
	line-height:18px; 
	padding-left:15px;
	padding-top:2px;
	background-image: url(img/sitemap/bg_site_tit2.jpg);
	color: #990000; 
	text-decoration: none;
}
.site_tit2:link {  color: #990000; text-decoration: underline}
.site_tit2:hover {  color: #FF0000; text-decoration: none}

.site{  font-size:10px; line-height:22px;  padding-left:15px; color: #333333; text-decoration: none}
.site:link {  color: #333333; text-decoration: none}
.site:hover {  color: #990000; text-decoration: underline}


/* 本文のフォント===============================end============= */


.story_title{ 
	width:100%;
	margin:0px;
	font-size: 12px;
	line-height:14px;
	background-color:#FF3333;
	color: #FFFFFF;
	text-decoration: none;
}

.story_text{ 
	width:100%;
	padding:5px;
	font-size:10px;
	line-height:12px; 
	background-color:#F7F2E7;
	color: #333333; 
}

.story_text2{ 
	width:100%;
	padding:5px;
	font-size:10px;
	line-height:12px; 
	color: #FFFFFF; 
}

.story_text3{ 
	width:100%;
	padding:5px;
	font-size:12px;
	line-height:12px; 
	background-color:#8A3748;
	color: #FFFFFF; 
}

.list{ 
	font-size:10px;
	line-height:12px; 
}

.bt_common{ 
	height:24px;
	font-size:10px;
	padding:0px 20px;
	line-height:22px; 
	background-image:url(img/bt_common.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	color: #FFFFFF; 
}
.bt_common:link {color: #FFFFFF; }
.bt_common:hover {color: #60033; }



.bt_stay{ 
	height:24px;
	font-size:10px;
	padding-left:20px;
	line-height:22px; 
	background-image:url(img/stay2/bt.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	color: #FFFFFF; 
}
.bt_stay:link {color: #FFFFFF; }
.bt_stay:hover {color: #9999CC; }


.top{  	
	text-align:right;
	font-size: 10px;
	line-height:35px; 
	padding-right:10px;
	padding-left:45px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(img/bt_top.gif);
	background-repeat:no-repeat;
	text-decoration: none;
	color: #660033;
}
.top:link {color: #660033; background-image:url(img/bt_top.gif);}
.top:hover {color: #FF6666; background-image:url(img/bt_top.gif);}

.copy {  font-size: 10px; line-height:20px; color: #E6D6D9;}
.copy:link {color: #E6D6D9; }
.copy:hover {color: #E6D6D9; }


.style1 {color: #660033}
.style5 {color: #660000}
.style8 {
	color: #FFFFFF;
	font-weight: bold;
}
.style9 {color: #FFFFFF}
.style11 {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}
.style12 {color: #FF0000}
.style14 {
	font-size: 10px;
	color: #660033;
	text-decoration: none;
}
.style3 {color: #660033; font-weight: bold; }

.style16 {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}