body { 
	color: windowText; 
	background: window; 
	margin: 10px; 
	padding: 10px; 
	width: 800px;
	font-size: 10pt;
	font-family : arial,sans-serif;
}



* { margin : 0 ; padding : 0 ; }
#my_body { position : relative ; }
#my_header { width : 100% ; height : 50px ;}
#my_footer { width : 100% ; clear : both ;}

#my_body { margin: 0 auto; width : 800px ;}
.my_l { float : left ; width : 400px ;}
.my_r { float : left ; width : 400px ;}



/* 位置：ヘッダー上部 */
h1.header {
	color: #999;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

/* ヘッダーheader上部　右right　アンカーanchor */
.hra {
	font-size: 9pt;
	margin-bottom: -5px;
	padding: 0px;
	text-align: right;
	width: 800px;
}


h2.index {
	color: #fff;
	font-size: 15pt;
	margin-top: 15px;
	padding: 5px;
	background-color: #67b5b7;
}


h3.index {
	color: #555;
	font-size: 13pt;
	margin: 0px;
	padding: 0px;
}


/* 近くのホテル・宿　タイトル部分*/
h3.neighbor {
	background-color: darkcyan;
	padding: 5px 0px 5px 10px;
	width: 780px;
	color: #fff;
	margin: 20px 0px 10px 0px;
}


div.heading_1 {	border-left: 4px tomato solid ; line-height: 150%; padding-left: 0.5em;  margin: 10px 0px 10px 5px;	}
div.heading_2 {	border-left: 4px lightblue solid ; line-height: 150%; padding-left: 0.5em;  margin: 10px 0px 10px 5px;	}
div.heading_3 {	border-left: 4px OliveDrab solid ; line-height: 150%; padding-left: 0.5em;  margin: 10px 0px 10px 5px;	}
div.heading_4 {	border-left: 4px CadetBlue solid ; line-height: 150%; padding-left: 0.5em;  margin: 10px 0px 10px 5px;	}


div.list {	margin: 20px 0px; color: Chocolate;	}
div.list b {	margin-bottom: 10px; margin-right: 10px; font-size:11pt;	}
div.list a {	margin: 0px 0.5em 5px 0px; font-size:8pt;	}
div.list p {	margin: 1px 0px 10px 1.5em; width: 85%; line-height:120%;	}

img { border: none; }

a:link { color: blue; text-decoration:none; } 
a:visited { color: blue; text-decoration:none; } 
a:hover { color: red; text-decoration:none; } 
a:active { color: blue; text-decoration:none; } 


form { margin:0px;}
input { margin:0px; padding:1px;}
select { margin:0px; padding:0px;}

.mg0	{	margin: 0px;	}
.mg1	{	margin: 1px;	}
.mg2	{	margin: 2px;	}
.mg3	{	margin: 3px;	}
.mg5	{	margin: 5px;	}
.mg10	{	margin: 10px;	}
.mg15	{	margin: 15px;	}
.mg20	{	margin: 20px;	}
.mg25	{	margin: 25px;	}
.mg50	{	margin: 50px;	}

.mgb0	{	margin-bottom: 0px;	}
.mgb5	{	margin-bottom: 5px;	}
.mgb10	{	margin-bottom: 10px;	}
.mgb15	{	margin-bottom: 15px;	}
.mgb20	{	margin-bottom: 20px;	}
.mgb30	{	margin-bottom: 30px;	}
.mgb40	{	margin-bottom: 40px;	}
.mgb50	{	margin-bottom: 50px;	}

.mgt5	{	margin-top: 5px;	}
.mgt8	{	margin-top: 8px;	}
.mgt10	{	margin-top: 10px;	}
.mgt15	{	margin-top: 15px;	}
.mgt20	{	margin-top: 20px;	}
.mgt50	{	margin-top: 50px;	}

.mgl5	{	margin-left: 5px;	}
.mgl10	{	margin-left: 10px;	}
.mgl15	{	margin-left: 15px;	}
.mgl20	{	margin-left: 20px;	}

.mgr5	{	margin-right: 5px;	}
.mgr10	{	margin-right: 10px;	}
.mgr15	{	margin-right: 15px;	}
.mgr20	{	margin-right: 20px;	}



.pd0	{	padding: 0px;	}
.pd2	{	padding: 2px;	}
.pd3	{	padding: 3px;	}
.pd5	{	padding: 5px;	}
.pd10	{	padding: 10px;	}
.pd15	{	padding: 15px;	}

.pdl5	{	padding-right: 5px;	}
.pdl10	{	padding-right: 10px;	}
.pdl15	{	padding-right: 15px;	}


.w800	{	width: 800px;	}
.w790	{	width: 790px;	}
.w780	{	width: 780px;	}
.w600	{	width: 600px;	}
.w400	{	width: 400px;	}
.w200	{	width: 200px;	}
.w100	{	width: 100px;	}
.w100p	{	width: 100%;	}
.w90p	{	width: 90%;	}
.w80p	{	width: 80%;	}
.w70p	{	width: 70%;	}
.w60p	{	width: 60%;	}
.w50p	{	width: 50%;	}
.w40p	{	width: 40%;	}
.w30p	{	width: 30%;	}
.w20p	{	width: 20%;	}
.w10p	{	width: 10%;	}

.tac	{	text-align: center;	}
.tar	{	text-align: right;	}
.tal	{	text-align: left;	}

.ft7{	font-size: 7pt;	}
.ft8{	font-size: 8pt;	}
.ft9{	font-size: 9pt;	}
.ft10{	font-size: 10pt;	}
.ft11{	font-size: 11pt;	}
.ft12{	font-size: 12pt;	}
.ft14{	font-size: 14pt;	}
.ft20{	font-size: 20pt;	}

.c1{	color: white;	}
.c999{	color: #999;	}
.c777{	color: #777;	}

.bld {	font-weight:bold;	}

.imeoff	{	ime-mode: inactive;	}
.imeon	{	ime-mode: active;	}
.imeda	{	ime-mode: disabled;	}

.cl0	{	color: #fff;	}
.cl1	{	color: tomato;	}
.cl2	{	color: lightblue;	}
.cl3	{	color: OliveDrab;	}
.cl4	{	color: CadetBlue;	}
.cl5	{	color: Chocolate;	}
.cl6	{	color: darkslategray;	}
.cl7	{	color: crimson;	}
.cl8	{	color: darkcyan;	}
.cl9	{	color: lightskyblue;	}

.bg1{	background-color: lightblue;	}

.bg2{	background-color: OliveDrab;	}

.bg3{	background-color: darkcyan;	}



.fxbox	{
		border: 4px dotted tomato;
}
.h1box	{
		border: 1px solid #ccc;
}


/* dt.php　予約不可--------------- */
.yoyakufuka_box	{
	border: 1px solid darkcyan dashed;
	margin: 20px 5px;
	text-align: center;
	padding: 10px;
	color: crimson;
	width: 790px;
	height: 5px;
	font-size: 16px;
}
/* -------------------------------- */


.lh110 {line-height:110%;}
.lh120 {line-height:120%;}
.lh150 {line-height:150%;}
.lh200 {line-height:200%;}
.lh500 {line-height:500%;}



/* パンくずリスト */
#topicpath {
	margin:10px 5px 20px 5px;
}
#topicpath li {
	display:inline;
	line-height:110%;
	list-style-type:none;
	font-size:9pt;
}
#topicpath li span {
	padding-right:5px;
	padding-left:10px;
	font-size:12pt;
}


/* dt.php（詳細ページ）▼-------------------------- */
.area { color: #666;}

.hotelname {
	background-color: #ffedcc;
	padding: 5px;
	width: 790px;
}

.piccap_l {
	font-size: 9px;
	color: #666;
	margin-top: 5px;
	width: 210px;
	text-align: left;
}

.piccap_s {
	font-size: 9px;
	color: #666;
	margin-top: 5px;
	width: 135px;
	text-align: left;
}


dl {
	width: 780px;
	margin: 5px;
	padding: 5px;
	border: 3px #EEEEEE solid;
}
dl dt {
	float: left;
	padding: 5px;
}

dl dd {
	padding: 5px;
	line-height: 150%;
}




#plan table {
	width: 800px;
	border: 2px red solid;
}
#plan tr {
	vertical-align: top;
}
#plan td {
	text-aling: center;
}
#plan img {
	width: 135px;
	height: 100px;
	margin: 0px 5px;
}
#plan hr {
	width: 320px;
	border: 1px dashed;
	height: 1px;
	color: darkcyan;
	margin: 5px 0px;
}

/* dt.php（詳細ページ）▲-------------------------- */


hr {	height: 1px;	}
hr.dot {	border: 1px dotted;	}
hr.dash {	border: 1px dashed;	}



.fl {	float: left;	}
.fr {	float: right;	}
.cl {	clear:left;	}
.cr {	clear:right;	}
.cb {	clear:both;	}


/* フッターメニュー*/
ul.fm {
	list-style:none;
	margin:0; padding:0;
	text-align:center;
}
li.fm {
	float:left; width:auto;
	margin:0px; padding:0px;
}
li.fm a {
	display:block;
	float:left; width:auto;
	margin:0px; padding:6px 15px;
	color:#00f;
	text-decoration:none;
	background-color:#bfb;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
li.fm a:hover {
	background-color:#8f8;
	color:#fff;
}

/* フッターメニュー2*/
li.fm2 {
	float:left; width:auto;
	margin:0px; padding:0px;
}
li.fm2 a {
	display:block;
	float:left; width:auto;
	margin:0px; padding:3px 7px;
	font-size: 8pt;
	text-decoration:none;
	background-color:#efe;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #333;
}
li.fm2 a:hover {
	background-color:#dfd;
}


/* インフォメーションテキスト枠 */

.info{
	padding:10px;
	background:#B3C5D9;
	height:20px;
	width:90%;
	border-color:#2B609C;
	border-width:0 0 3px 0;
	border-style:solid;
}


/* 宿詳細注意書枠 */

.attention{
	padding:10px;
	width:99%;
	border-color:#999;
	border-width:1px;
	border-style:solid;
}



/* index.php 温泉地------不使用　2008/9/3 */
table#onsenchi {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#onsenchi th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 1px 1px 0 0;
    background: #E3E3E3;
    line-height: 120%;
    white-space: nowrap;
	font-size:9pt;
}
table#onsenchi td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px 1px 0 0;
    line-height: 150%;
	font-size:8pt;
}