@CHARSET "UTF-8";


body {
	margin: 10px auto;
	height:100%;
/*	padding: 0px;*/
	background: #ffffff url(../images/main_bk.gif) repeat-x;
}

/* ############# FRAME ############# */

/* FRAME CENTER FOR IE */
#fcenter {
        text-align: center;
}

/* FRAME WHOLE */
#fmain {
	width: 916px;
	height: 100%;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;

}

/* HEADER 1 */
#f_header {
	text-align: left;
        height: 20px;
	width: 900px;
	margin:0px;
	padding: 0px 8px 0px 8px;
	background: url(../images/top_frame.gif);
	background-repeat: no-repeat;
}

/* HEADER 2 */
#f_header2 {
	text-align: left;
	width: 900px;
	padding: 0px 8px 0px 8px;
	background: url(../images/side_frame.gif);
	background-repeat: repeat-y;
}


/* PATH HEADER */
#path {
	text-align: left;
	width: 900px;
	padding: 0px 8px 0px 8px;
	background: url(../images/side_frame.gif);
	background-repeat: repeat-y;
}


/* SIDE FRAME MAIN FRAME */
#side_frame {
	text-align: left;
	width: 900px;
	padding: 0px 8px 0px 8px;
	background: url(../images/side_frame.gif);
	background-repeat:repeat-y;
}


/* ######### for TOP PAGE ######### */
/* LEFT MENU */
#top_box1 {
	padding: 20px 0px 0px 0px;
        float: left;
        width: 300px;
        text-align: left;
	overflow: hidden;
	background-color: #ffffff;
}

/* CENTER MAIN */
#top_box2 {
	padding: 20px 5px 5px 5px;
        float: right;
        width: 590px;
        text-align: left;
	overflow: hidden;
	background-color: #ffffff;
}

/* RIGHT MENU */
#top_box3 {
	padding: 20px 0px 0px 0px;
        float: right;
        width: 200px;
        text-align: left;
	overflow: hidden;
	background-color: #ffffff;
}

/* NOT AVAILABLE */
#top_box4 {
	padding: 20px 0px 0px 0px;
        float: right;
        width: 200px;
        text-align: left;
	overflow: hidden;
	background-color: #ffffff;
}
/* ######### for TOP PAGE ######### */


/* ######### for OTHER PAGE ######### */

/* LEFT - OUT LINE */
#bf_box1 {
	padding: 20px 0px 0px 0px;
        float: left;
        width: 300px;
        text-align: left;
	overflow: hidden;
}

/* RIGHT - OUT LINE */
#bf_box2 {
	padding: 20px 5px 5px 5px;
        float: right;
        width: 590px;
        text-align: left;
	overflow: hidden;
}


/* ######### for OTHER PAGE ######### */

/* FOOTER for BANNER */
#f_footer_bn {
	text-align: left;
	width: 900px;
	padding: 0px 8px 0px 8px;
	background: url(../images/side_frame.gif);
	background-repeat: repeat-y;
}

/* FOOTER 1 */
#f_footer {
	text-align: left;
	width: 900px;
        height: 80px;
	padding: 0px 8px 0px 8px;
	background: url(../images/bottom_frame.gif);
	background-repeat: no-repeat;
}



.c-both {
	clear : both ;
}




/* ############# FRAME ############# */



/* ######### for Template List ######### */
#tmp_box {
	padding: 8px;
        float: left;
        text-align: left;
	overflow: hidden;
	width:170px;
}



/* ######### for Template List ######### */


/* ######### for Template VIEW ######### */
#view_box1 {
	width: 405px;
	padding: 10px 2px;
        float: left;
        text-align: left;
	overflow: hidden;
	border-width: 0px 1px 0px 0px;
	border-style: dotted;
	border-color: #d9d9d9;
}

#view_box2 {
	width: 170px;
	padding: 10px 5px;
        float: right;
        text-align: left;
	overflow: hidden;
	border-width: 0px 0px 0px 0px;
	border-style: dotted;
	border-color: #d9d9d9;
}

/* ######### for Template VIEW ######### */



/* ######### LOGO ######### */
div#logo {
	margin:0 0 0 0;
	height:150px;
	width:900px;
	text-decoration:none;
	text-indent:-1500px;
	background:url("../images/header.gif");
	background-repeat:no-repeat;
}

h1#logo {
	margin: 0px;
	text-decoration:none;
	text-indent:-1500px;
}

h1#logo a {
	display:block;
	height:150px;
	width:250px;
	text-decoration:none;
	text-indent:-1500px;
	overflow: hidden;
	background:url("../images/header.gif");
	background-repeat:no-repeat;
}

h1#logo a:hover {
	display:block;
	height:150px;
	width:250px;
	text-decoration:none;
	text-indent:-1500px;
	overflow: hidden;
	background:none;
}

/* ######### LOGO ######### */


/* ############# NAVI MENU ############# */

ul#navi_menu{
	width: 895px;
	height: 55px;
	padding: 0 0 0 5px;
	margin: 0px;
	list-style-type:none;
	background: url(../images/navi_menu.gif);
	background-repeat:repeat-x;
}

ul#navi_menu li {
	margin: 0px;
	list-style-type:none;
	float:left;
}
ul#navi_menu li a{
	display:block;
	height:100%;
	text-decoration:none;
	text-indent:-1500px;
	background:url("../images/navi_menu.gif");
	background-repeat:repeat-x;
	overflow: hidden;
}

ul#navi_menu li#home a      {background-position:-5px 0; width:120px; height:55px;}
ul#navi_menu li#home_on a   {background-position:-5px -55px; width:120px; height:55px;}
ul#navi_menu li#home a:hover{background-position:-5px -55px; width:120px; height:55px;}

ul#navi_menu li#service a      {background-position:-125px 0; width:120px; height:55px;}
ul#navi_menu li#service_on a   {background-position:-125px -55px; width:120px; height:55px;}
ul#navi_menu li#service a:hover{background-position:-125px -55px; width:120px; height:55px;}

ul#navi_menu li#simple a      {background-position:-245px 0; width:120px; height:55px;}
ul#navi_menu li#simple_on a   {background-position:-245px -55px; width:120px; height:55px;}
ul#navi_menu li#simple a:hover{background-position:-245px -55px; width:120px; height:55px;}

ul#navi_menu li#room_guide a      {background-position:-365px 0; width:120px; height:55px;}
ul#navi_menu li#room_guide_on a   {background-position:-365px -55px; width:120px; height:55px;}
ul#navi_menu li#room_guide a:hover{background-position:-365px -55px; width:120px; height:55px;}

ul#navi_menu li#reservation_guide a      {background-position:-485px 0; width:120px; height:55px;}
ul#navi_menu li#reservation_guide_on a   {background-position:-485px -55px; width:120px; height:55px;}
ul#navi_menu li#reservation_guide a:hover{background-position:-485px -55px; width:120px; height:55px;}

ul#navi_menu li#room a      {background-position:-605px 0; width:120px; height:55px;}
ul#navi_menu li#room_on a   {background-position:-605px -55px; width:120px; height:55px;}
ul#navi_menu li#room a:hover{background-position:-605px -55px; width:120px; height:55px;}

ul#navi_menu li#inquiry a      {background-position:-725px 0; width:120px; height:55px;}
ul#navi_menu li#inquiry_on a   {background-position:-725px -55px; width:120px; height:55px;}
ul#navi_menu li#inquiry a:hover{background-position:-725px -55px; width:120px; height:55px;}





/* ############# MAIN MENU ############# */






/* ############# BOX ############# */

#menu_box {

        text-align:left;
	padding:10px;
	margin:5px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#ed9900;

}

/* ############# BOX ############# */



/* ############# PATH ############# */
.path {
	color: #4d4d4d;
	font-size: 9pt;
	font-family: Arial, sans-serif;
	padding: 5px 0px 0px 5px;
}
/* ############# PATH ############# */



/* ############# LIST ############# */
ul.text_b{
	margin:10px 10px 10px 20px;
	padding:10px;
	color: #FB3737;
	font-weight:bold;
	font-size: 11pt;
	font-family: Arial, sans-serif;
	line-height:24px;
	list-style-image: url('../images/listi_cir_pi1.gif');
}

ul.base{
	margin:10px 10px 10px 20px;
	padding:10px;
	color: #4d4d4d;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	line-height:16px;
	list-style-image: url('../images/listi_arrow1.gif');
}


ul.blog_list{
	margin:10px 10px 10px 10px;
	padding:10px;
	color: #4d4d4d;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	line-height:18px;
	list-style-image: url('../images/listi_arrow1.gif');
}


ul.sitemap{
	margin:0px 10px 10px 20px;
	padding:10px;
	color: #4d4d4d;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	line-height:20px;
	list-style-image: url('../images/listi_arrow1.gif');
}




ol.base {
	margin:10px 10px 10px 20px;
	color: #4d4d4d;
	font-size: 11pt;
}

ul.rss {
	margin:10px 10px 10px 20px;
	padding:10px;
	color: #4d4d4d;
	font-size: 9pt;
	list-style-image: url('/images/listi_rss.gif');
}

ul.domain {
	margin:10px 10px 10px 10px;
	list-style-image: url('/images/listi_yajirushi.gif');
}
ul.domain li{
	margin:0px 0px 10px 20px;
}



ul.category {
	margin:10px 10px 10px 20px;
	padding:10px;
	color: #4d4d4d;
	font-size: 9pt;
}

li.category_on  {
	list-style-image: url('/images/listi_cir_bl2.gif');
}
li.category_off {
	list-style-image: url('/images/listi_cir_or2.gif');
}


li.base {
	margin:0px 0px 0px 0px;
	color: #4d4d4d;
}

ul.listi1{
	font-size:10pt;
	margin:10px 10px 10px 20px;
	padding:10px;
	list-style-image:url('/images/listi_cir_or1.gif');
}

ul.listi1 li{
	padding: 0px 0px 10px 5px;
}

/* ############# LIST ############# */




/* ############# LINK ############# */
/* a:visited { color: #8080ff; }  */


a {
	text-decoration: underline;
	color: #696969;
}
a:hover { 
	text-decoration:none; 

}


a.rss {
	color: #4d4d4d;
	text-decoration: underline;
}
.rss:hover { 
	color: #4d4d4d;
	text-decoration:none; 

}

A.path {
  text-decoration: underline;
  font-family: Arial, sans-serif;
}

.path:hover { 
  text-decoration:none;
}


a.submenu {
	font-size: 10pt;
	text-decoration: underline;
	color: #1e6a92;
	font-family: Arial, sans-serif;
}

.submenu:hover { 
	text-decoration:none; 
}


a.menu {
	font-size: 11pt;
	text-decoration: underline;
	color: #504139;
	font-family: Arial, sans-serif;
}

.menu:hover { 
	text-decoration:none; 
	color: #504139;  
}


a.link_nc {
	text-decoration: underline;
}
.link_nc:hover { 
	text-decoration:none; 
}


a.link_blk {
	color: #4d4d4d;
	text-decoration: underline;
}
.link_blk:hover { 
	color: #4d4d4d;
	text-decoration:none; 

}

a.link_si {
	color: #606060;
	text-decoration: underline;
}
.link_si:hover { 
	color: #606060;
	text-decoration:none; 

}

a.link_bl {
	color: #1e6a92;
	text-decoration: underline;
}
.link_bl:hover { 
	color: #1e6a92;
	text-decoration:none; 

}

a.link_or {
	color: #e39335;
	text-decoration: underline;
}
.link_or:hover { 
	color: #e39335;
	text-decoration:none; 

}

a.link_wh {
	color: #e6e6e6;
	text-decoration: underline;
}
.link_wh:hover { 
	color: #e6e6e6;
	text-decoration:none; 

}

/* ############# LINK ############# */



/* ############# Layout ############# */
p.layout {margin: 0px; border: 0px; padding: 0px; font-size: 0px;}
img.layout_t {vertical-align: top;}
img.layout_m {vertical-align: middle ;}
img.layout_b {vertical-align: bottom ;}
/* ############# Layout ############# */


/* ############# hr ############# */

.hr_dash_li_si {border-style:dashed; height: 1px; color: #d9d9d9;}
.hr_dash_wh {border-style:dashed; height: 1px; color: #ffffff;}
.hr_dash_si {border-style:dashed; height: 1px; color: #696969;}
.hr_solid_si {border-style:solid; height: 1px; color: #696969;}
.hr_solid_bl {border-style:solid; height: 1px; color: #4C99CD;}
.hr_dot_lisi {border-style:dotted; height: 1px; color: #cccccc;}


/* ############# hr ############# */


/* ############# FORM ############# */

.form_text{
	background-color: #e6e6e6;
	color: #696969;
	border-color: #ffffff;
	font-size: 10pt;
	border-color: #ffffff;
	border:1px solid #bfbfbf;
	margin:0px;
}

.form_text_req{
	background-color: #eac9d6;
	color: #696969;
	border-color: #ffffff;
	font-size: 10pt;
	border-color: #ffffff;
	border:1px solid #bfbfbf;
	margin:0px;
}

.form_button{
	font-size: 12px;
	background-color: #e6e6e6;
	color: #606060;
	border: 2px solid #6bc0f1;
	margin: 3px;
	padding:3px;
}



/* ############# FORM ############# */



/* ############# FONT ############# */

h1 {
	color: #f7b357;
	font-family: Arial, sans-serif;
}

h2 {
	color: #4d4d4d;
	font-family: Arial, sans-serif;
}

h3 {
	color: #4d4d4d;
	font-family: Arial, sans-serif;
}

p.text {color: #4d4d4d; font-size: 11pt; font-family: Arial, sans-serif; line-height:20px; padding: 0px; margin: 0px;}

p {color: #4d4d4d; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px; padding: 0px; margin: 0px;}

.or13 {color: #e39335; font-size: 13pt; font-family: Arial, sans-serif; line-height:16px;}
.or12 {color: #e39335; font-size: 12pt; font-family: Arial, sans-serif; line-height:16px;}
.or11 {color: #e39335; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.or10 {color: #e39335; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.or9 {color: #e39335; font-size: 9pt; font-family: Arial, sans-serif; line-height:16px;}
.or8 {color: #e39335; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}

.blk11 {color: #4d4d4d; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.blk10 {color: #4d4d4d; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.blk9 {color: #4d4d4d; font-size: 9pt; font-family: Arial, sans-serif; line-height:16px;}
.blk8 {color: #4d4d4d; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}

.bl12 {color: #1e6a92; font-size: 12pt; font-family: Arial, sans-serif; line-height:16px;}
.bl11 {color: #1e6a92; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.bl10 {color: #1e6a92; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.bl9 {color: #1e6a92; font-size: 9pt; font-family: Arial, sans-serif; line-height:16px;}
.bl8 {color: #1e6a92; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}

.si12 {color: #606060; font-size: 12pt; font-family: Arial, sans-serif; line-height:16px;}
.si11 {color: #606060; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.si10 {color: #606060; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.si9 {color: #606060; font-size: 9pt; font-family: Arial, sans-serif; line-height:16px;}
.si8 {color: #606060; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}
.si7 {color: #606060; font-size: 7pt; font-family: Arial, sans-serif; line-height:16px;}

.gr11 {color: #139b50; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.gr10 {color: #139b50; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.gr8 {color: #139b50; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}

.wh12 {color: #efefef; font-size: 12pt; font-family: Arial, sans-serif; line-height:16px;}
.wh11 {color: #efefef; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.wh10 {color: #efefef; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.wh9 {color: #efefef; font-size: 9pt; font-family: Arial, sans-serif; line-height:16px;}
.wh8 {color: #efefef; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}

.re11 {color: #DD000D; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.re10 {color: #DD000D; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.re9 {color: #DD000D; font-size: 9pt; font-family: Arial, sans-serif; line-height:16px;}
.re8 {color: #DD000D; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}




.google_search {
	color: #4d4d4d;
	font-size: 9pt;
	font-family: Arial, sans-serif;
	line-height:15px;
}




/* FREE FONT */
.txt_wh {
	color: #efefef;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	line-height:16px;
}


/* ############# FONT ############# */



/* ############# copyright ############# */
.copyright {
	color: #4d4d4d;
	font-size: 9pt;
	font-family: Arial, sans-serif;
/*	line-height:16px;*/
}
/* ############# copyright ############# */




/* ############# Preload IMG ############# */
img.preload{
	display:none;
}
/* ############# Preload IMG ############# */






/* ############# TOP PAGE SUB TITLE ############# */
.sub_title {
	width:550px;
	margin:5px 0px;
	padding:0px 0px 10px 0px;
}
/* ############# TOP PAGE SUB TITLE ############# */