/* -----------------------------------------------
 * ホテル大開
 * ----------------------------------------------- */

body{
	font-size:90%;
	line-height: 1.4em; 
	color:#222222;
	text-align:center;
	background-color:#FFF;
	margin-top:0px;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/*hover時のちらつき防止*/

html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}



/* -----------------------------------------------
 * FONT
 * ----------------------------------------------- */
a:link{ text-decoration:none; color:#CF3000; }
a:visited{ text-decoration:none; color:#CF3000; }
a:active{ text-decoration:underline; color:#CF3000; }
a:hover{ text-decoration:underline; color:#0F6B8C; }


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

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

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

/*-------------------------------------------------
マージン
-------------------------------------------------*/
.mrg-t0{margin-top:0px;}
.mrg-t5{margin-top:5px;}
.mrg-t10{margin-top:10px;}
.mrg-t15{margin-top:15px;}
.mrg-t20{margin-top:20px;}
.mrg-t25{margin-top:25px;}
.mrg-t30{margin-top:30px;}
.mrg-t50{margin-top:50px;}


.mrg-b0{margin-bottom:0px;}
.mrg-b5{margin-bottom:5px;}
.mrg-b10{margin-bottom:10px;}
.mrg-b15{margin-bottom:15px;}
.mrg-b20{margin-bottom:20px;}
.mrg-b25{margin-bottom:25px;}
.mrg-b30{margin-bottom:30px;}
.mrg-b50{margin-bottom:50px;}

.mrg-l0{margin-left:0px;}
.mrg-l5{margin-left:5px;}
.mrg-l10{margin-left:10px;}
.mrg-l15{margin-left:15px;}
.mrg-l20{margin-left:20px;}
.mrg-l25{margin-left:25px;}
.mrg-l30{margin-left:30px;}
.mrg-l50{margin-left:50px;}
.mrg-l100{margin-left:100px;}



.mrg-r0{margin-right:0px;}
.mrg-r5{margin-right:5px;}
.mrg-r10{margin-right:10px;}
.mrg-r15{margin-right:15px;}
.mrg-r20{margin-right:20px;}
.mrg-r25{margin-right:25px;}
.mrg-r30{margin-right:30px;}


.mrg-center{margin-right:auto; margin-left:auto;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.f-red{
	color:#FF3300;
}




/* -----------------------------------------------
 * 全ページ共通
 * ----------------------------------------------- */

#wrapper {
	width: 780px;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;

}


#header {
	width: 780px;
	height: 71px;
	background-image: url(../img/header_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-cololr:#264559;
	padding: 0px 0px 0px 0px;
	margin-bottom:1px;
	position:relative;
}

#home #header h1{
	width: 280px;
	height: 49px;
	background-image: url(../img/header_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	padding : 0px;
	margin: 0px;
	position:absolute;
	top:0px;
	left:0px;
}

#header h1 a{
	display:block;
	width: 280px;
	height: 49px;
	background-image: url(../img/header_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	padding : 0px;
	margin: 0px;
	position:absolute;
	top:0px;
	left:0px;
}

#header #header-menu{
	width: 380px;
	font-size:11px;
	line-height: 1.2em; 
	text-align:right;
	padding : 0px;
	margin: 0px;
	position:absolute;
	top:3px;
	right:10px;
}

#header #tel{
	width: 380px;
	height: 34px;
	background-image: url(../img/header_tel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute;
	top:25px;
	right:10px;
	text-indent:-9999px;
	padding : 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#header,
#header a{
	color:#FFF;
}




#top_img{
	margin-bottom:1px;
}


#menu {
	width: 780px;
	height: 49px;
	background-image: url(../img/menu_bg.gif);
	background-repeat: repeat-x;
	background-position: left center;
	margin-bottom:0px;
}


#menu ul {
	margin: 0px;
	padding :0px;
	list-style-type : none;
}

#menu ul li {
	font-size:14px;
	font-weight: bold;
	text-align:center;
	float:left;
}

#menu ul li a {
	display : block;
	width: 156px;
	height: 49px;
	line-height: 49px; 
	color: #4F140D;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#menu ul li a:hover {	
	text-decoration:none;
}




#top-content{
	clear:both;
	margin-bottom:20px;
	background-image: url(../img/top_content_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#top-content td{
	vertical-align:top;
	padding-top:20px;
}

#top-content td#column-left{
	width: 245px;
}


#top-content td#column-left #reservation {
	display:block;	
	width: 227px;
	height: 106px;
	background-image: url(../img/reservation.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:3px;
}
#top-content td#column-left #reservation div{
	display:block;
	height: 35px;
	text-indent:-9999px;
}

#top-content td#column-left #reservation ul {
	width: 98px;
	margin: 0px 0px 0px 15px;
	padding :0px;
	list-style-type : none;
}

#top-content td#column-left #reservation ul li {
	font-size:12px;
	text-align:left;
}

#top-content td#column-left #reservation ul li a {
	display : block;
	width: 83px;
	height: 18px;
	line-height: 18px; 
	color: #4F140D;
	background-image: url(../img/reservation_item_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 0px 15px;
	margin:0px 0px 2px 0px;
	text-decoration:none;
}

#top-content td#column-left #reservation ul li a:hover {
	background-image: url(../img/reservation_item_bg2.gif);
	text-decoration:none;
}


#top-content td#column-left #weather a {
	display:block;	
	width: 227px;
	height: 84px;
	background-image: url(../img/weather.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:-9999px;
	margin-bottom:3px;
}

#top-content td#column-left #address {
	width: 227px;
	background-image: url(../img/box_waku_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:10px;
	margin:0px;
}
#top-content td#column-left #address dl{
	background-image: url(../img/box_waku_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 10px 0px;
	margin:0px;
}
#top-content td#column-left #address dt{
	font-weight: bold;
	padding:0px 15px;
	margin:0px;
}
#top-content td#column-left #address dd{
	padding:0px 15px;
	margin:0px;
}
#top-content td#column-left #address dd a{
	display:block;
	font-size:11px;
	text-align:right;
}




#top-content td#column-right{
	width: 535px;
	padding-top:25px;
}



#top-content td#column-right dl,
#top-content td#column-right dd{
	margin:0px;
}




#top-content td#column-right #about dl{
	margin-bottom:15px;
}
#top-content td#column-right #about dl dt{
	font-size:105%;
	line-height: 1.2em; 
	background-image: url(../img/about_img.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
#top-content td#column-right #about dl dt b{
	background-color:#FFF;
	padding-right:10px;
}
#top-content td#column-right #about dl dd{
	font-size:95%;
	padding-top: 5px;
}



#top-content td #charge{
	width: 523px;
	border:1px solid #B5BBBF;
	padding: 7px 0px 7px 13px;
}

#top-content td #charge dt{
	height: 23px;
	background-image: url(../img/charge_tit.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
}

#top-content td #charge table.charge-list{
	float: left;
	width: 240px;
}


.charge-tit{
	font-size: 13px;
	font-weight: bold;
}




#top-content td #charge table.charge-list2{
	width: 240px;
	float:right;
	margin-right: 10px;
}

#top-content td #charge table.charge-list{
	margin-right: 20px;
}

#top-content td #charge table.charge-list th,
#top-content td #charge table.charge-list td,
#top-content td #charge table.charge-list2 th,
#top-content td #charge table.charge-list2 td{
	font-size:100%;
	line-height: 1.2em; 
	font-weight: bold;
	border-bottom:1px solid #B5BBBF;
	padding: 12px 0px 2px 0px;
}

#top-content td #charge table.charge-list td,
#top-content td #charge table.charge-list2 td{
	text-align:right;
}

#top-content td #charge table.charge-list th small,
#top-content td #charge table.charge-list2 th small{
	font-size:80%;
	font-weight: normal;
	padding-left: 5px;
}

#top-content td #charge table.charge-list2 td.charge-note{
	font-size:11px;
	line-height: 1.2em; 
	font-weight: normal;
	border-bottom:0px;
	text-align:left;
	padding-top: 5px;
}

#top-content td #charge div.charge-note{
	font-size:14px;
	line-height: 1.2em; 
	font-weight: normal;
	border-bottom:0px;
	text-align:right;
	padding-top: 5px;
	padding-right: 20px;
	clear:both;
}

#top-content td #charge #news{
	clear:both;
}

.att{
	background-color: #FFFBE5;
	padding: 10px;
	width:490px;
	margin: 10px 0 0 0;
}


#footer {
	width: 780px;
	font-size:10px;
	text-align:right;
	border-top:1px solid #B5BBBF;
	padding: 5px 0px 0px 0px;
}





/* -----------------------------------------------
 * セカンドページ
 * ----------------------------------------------- */
/*
table#content{
	clear:both;
	margin-bottom:40px;
	background-image: url(../img/content_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

table#content td{
	padding: 20px 30px 0px 30px;
}
*/

div#content{
	clear:both;
	margin-bottom:40px;
	background-image: url(../img/content_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 20px 30px 0px 30px;
}

#content h2{
	font-size:18px;
	line-height: 1.2em; 
	text-align:left;
	padding : 0px;
	margin: 10px 0px 20px 0px;
}

#content #comment{
	width:688px;
	font-size:12px;
	background-color:#FAFAF5;
	border:1px solid #E5E5E5;
	padding : 10px 15px;
	margin: 0px 0px 20px 0px;
}



#content dl{
	margin: 0px 0px 30px 0px;
}

#kannai #content dt{
	width:697px;
	height:39px;
	font-size:14px;
	color:#371104;
	line-height: 39px; 
	background-image: url(../img/tit_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding : 0px 0px 0px 23px;
	margin: 0px 0px 5px 0px;
}

#content dd{
	font-size:13px;
	line-height: 1.3em; 
	padding : 0px 10px 0px 7px;
	margin: 0px 0px 0px 0px;
}

#content dd p{
	font-size:12px;
	margin: 5px 0px;
}

#content dd p.note{
	font-size:11px;
}

#content th,
#content td,
#content dd th,
#content dd td{
	vertical-align:top;
}

#content dd img{
	border:1px solid #CCCCCC;
	padding : 2px;
	margin: 1px;
}



#kannai #content dd #room-table th div{
	width:206px;
	font-size:11px;
	font-weight: normal;
	text-align:right;
	margin: 0px 10px 5px 0px;
	float:left;
}

#kannai #content table.charge-list th,
#kannai #content table.charge-list td{
	font-size:112%;
	line-height: 1.2em; 
	font-weight: bold;
	border-bottom:1px solid #B5BBBF;
	padding: 12px 0px 2px 0px;
}

#kannai #content table.charge-list td{
	text-align:right;
}

#kannai #content table.charge-list th small,
#kannai #content table.charge-list th small{
	font-size:80%;
	font-weight: normal;
	padding-left: 5px;
}

#kannai #content dd #rental-table{
	margin: 0px 0px 10px 0px;
}

#kannai #content dd #rental-table .price-list-table th,
#kannai #content dd #rental-table .price-list-table td{
	font-size:11px;
	font-weight: normal;
	text-align:center;
}
#kannai #content dd #rental-table .price-list-table td{
	font-size:13px;
}

#kannai #content dd #shin-table th{
	width:324px;
}

#kannai #content dd #yumemaru-table th{
	width:220px;
}

#kannai #content dd #shin-table td strong,
#kannai #content dd #rental-table td strong,
#kannai #content dd #yumemaru-table td strong{
	display:block;
	font-size:14px;
	line-height: 1.2em; 
	font-weight: bold;
	border-bottom:1px solid #808080;
	padding: 0px 0px 2px 0px;
}







#content table.kanko-table td{
	width:230px;
	padding : 0px 5px 0px 5px;
}

#content table.kanko-table dt{
	width:207px;
	height:39px;
	font-size:14px;
	color:#371104;	
	line-height: 39px; 
	background-image: url(../img/tit_narrow_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding : 0px 0px 0px 23px;
	margin: 0px 0px 5px 0px;
}

#content table.kanko-table dd{
	font-size:11px;
	padding : 0px 7px 0px 7px;
	margin: 0px 0px 0px 0px;
}

#content table.kanko-table dd div{
	padding-bottom: 4px;
}




#content #reservation-table td{
	padding: 10px 0px 30px 0px;
}
#content #reservation-table img{
	border:0px;
}

#content p#reservation-info{
	font-size:13px;
	line-height: 1.5em; 
	text-align:right;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}


/* -----------------------------------------------
 * その他
 * ----------------------------------------------- */


.uetuki{
	font-size:50%;
	vertical-align: super;
}

.color01 {
	font-weight: normal;
	color:#CC0000;
}
/* -----------------------------------------------
 * 
 * ----------------------------------------------- */
.charge-tab{
}

.charge-tab2{
	float: right;
	width: 240px;
}




/* -----------------------------------------------
 * FORM
 * ----------------------------------------------- */

form {
    
    margin-bottom: 0em;
}

TEXTAREA {
  width: 100%;
  background-color:#FFFFFF;
/*  border:1px solid; */
}

td.table-item01 {
	width: 145px;
	font-size:12px;
	font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	color:#222222;
	text-align: left;
	padding: 13px 0px 6px 5px;
	border-bottom: 1px solid #B8B8A9;
	background-color: #F7F7F4;
}

td.table-item02 {
	font-size:12px;
	font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	color:#111111;
	text-align: left;
	line-height: 1.4em;
	padding: 13px 0px 5px 10px;
	border-bottom: 1px solid #B8B8A9;
}

td.table-item03 {
	font-size:12px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	color:#CC0000;
	text-align: left;
	line-height: 1.4em;
	padding: 13px 0px 5px 10px;
	border-bottom: 1px solid #B8B8A9;
}

#room-table .type-price th{
	text-align: left;
	border-bottom: 1px solid #B5BBBF;
	padding: 2px 0;
	font-size: 12px;
}

#room-table .type-price td{
	text-align: left;
	border-bottom: 1px solid #B5BBBF;
	padding: 2px 0;
	font-weight: bold;
	font-size: 12px;
}