/** フォトサイズ相対表

100%は12pt
96% - 94%は12pt
90% - 88%は11pt
84% - 82%は11pt

78% - 75%は10pt
71% - 69%は10pt/8pt
65% - 63%は10pt

59% - 57%は8pt
53% - 50%は6pt

**/


/** body,h,pタグ段落０初期化 **/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../images/back.gif);
	background-position: center top;
	background-repeat: repeat-y;
	font-size: 12px;
	background-color: #000000;
}
h1,h2,h3,h4,h5,h6,h7,p { margin: 0px;padding: 0px;}
img{ border: none; margin: 0; padding: 0;}

h2{
font-size: 14px;
color: #058600;
margin-bottom: 7px;
}
h3{
color: #FFFFFF;
padding-top: 4px;
padding-left: 15px;
font-size: 12px;
}
h4{
color: #FF0000;
font-size: 13px;
}
h5{
}
hr{
width:450px;
border: 3px dotted #999999;
margin: 13px 0;
padding: 0;
text-align: center;
}
/** 文字装飾用クラス **/
.bold        { font-weight: bold;									}
.center 	 { text-align: center;									}
.justify     { text-align:justify; text-justify:inter-ideograph ;	}
.floatleft	 { float: left;											}
.floatright	 { float: right; margin: 5px 0;										}
li,ul{ margin: 0; padding: 0; list-style: none;}


/* ////////////////////////////////////// */
/*                                        */
/*                Frame                   */
/*                                        */
/* ////////////////////////////////////// */

#frame {
background-color: #FFFFFF;
	text-align: left;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
}


/* ////////////////////////////////////// */
/*                                        */
/*               header                   */
/*                                        */
/* ////////////////////////////////////// */

#header {
	background-image: url(../images/header_banner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 334px;
	width: 770px;
}
.title{
padding: 7px 0 0 13px;
}
.header01{
background-image: url(../img/top_main_r1_c1.jpg);
background-repeat: no-repeat;
}
.header02{
background-image: url(../img/top_main_r1_c2.jpg);
background-repeat: no-repeat;
}
.header03{
background-image: url(../img/top_main_r2_c1.jpg);
background-repeat: no-repeat;
}
.header04{
background-image: url(../img/top_main_r2_c2.jpg);
background-repeat: no-repeat;
}
#header h1 {
	text-indent: -9999px;
}

#Contents {
}


/* ////////////////////////////////////// */
/*                                        */
/*               Footer                   */
/*                                        */
/* ////////////////////////////////////// */

#footer {
	width: 770px;
	height: 40px;
	clear:both;
	margin-top: 25px;
	background-color: #CF9500;
	padding-left: 0px;

}
#footer li a{
	background-image: url(../img/listmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	text-align: center;
	height: auto;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 13px;
	margin-right: 0px;
	margin-left: 5px;
}
#footer ul,#footer li{
margin: 0;
padding: 0;
}
#footer li{
float: left;
margin-right: 8px;
}
#footer ul{
list-style-position: outside;
padding-left: 15px;
}

/* ////////////////////////////////////// */
/*                                        */
/*                menu                    */
/*                                        */
/* ////////////////////////////////////// */
#menuerea{
width: 770px;
height: 40px;
background-color: #4D4D4D;
background-image: url(../img/menubg.jpg);
background-repeat: no-repeat;
}
#menuerea ul,#menuerea li{
margin: 0;
padding: 0;
}
#menuerea li{
float: left;
margin-right: 8px;
}
#menuerea ul{
list-style-position: outside;
}
#position{
margin: 0px 0 0 250px;
}
/* .home a,.home a:link,.home a:visited{
*/
#menuerea li a{
	background-image: url(../img/listmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	text-align: center;
	height: auto;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 13px;
	margin-right: 0px;
	margin-left: 5px;
}


#menuerea li a:hover{
color: #FFFFFF;
background-color: #FF6600;
}


/* ////////////////////////////////////// */
/*                                        */
/*                main                    */
/*                                        */
/* ////////////////////////////////////// */
#main{
width: 770px;
margin: 0;
padding: 0 ;
}
#mainleft{
float: left;
width: 222px;
margin: 20px 0 0 12px;
}
#mainleft table{
border: solid 1px #BCD817;
}
.mainleft-com{
padding: 5px 5px 5px 9px;
}
.mainleft-bg{
background-image: url(../img/mainleft-bg.gif);
background-repeat: no-repeat;
text-align: center;
padding: 20px 0 15px 0;
}
#mainright{
float: right;
width: 480px;
margin: 20px 0 10px 20px;
padding-right: 20px;
}
#map{
background-image: url(../img/mapbg.jpg);
background-repeat: no-repeat;
width: 480px;
height: 291px;
}
.mapcom{
margin: 140px 0 0 170px;
}
.map{
padding-right: 15px;
padding-top: 15px;
}
p.com{
padding: 10px 0 10px 0;
}
.adress{
margin:20px 5px 0 0;
text-align: right;
}
/* ////////////////////////////////////// */
/*                                        */
/*             Facilities/meals           */
/*                                        */
/* ////////////////////////////////////// */
p.pan{
margin-bottom: 4px;
}
.hbg{
background-image: url(../img/hbg.gif);
background-repeat: no-repeat;
height: 38px;
text-align: left top;
padding-bottom: 13px;
}
.f-img{
padding: 0 15px;
}
#sideform{
float: left;
width: 220px;
border: solid 1px #BCD817;
margin: 20px 0 0 12px;
}
/* ////////////////////////////////////// */
/*                                        */
/*                tourist                 */
/*                                        */
/* ////////////////////////////////////// */
.nankicom{
padding: 0 5px 70px 10px;
}
.nanki{
padding: 11px 0 20px 0;
}
.mainleft-bg2{
background-color: #BDD900;
text-align: center;
padding: 20px 0 15px 0;
}
.h4{
margin: 12px 0 12px 0px;
padding-left: 5px;
border-left: 5px solid #FF0000;
}
.up{
float: right;
padding: 0 20px 0 0 ;
}

.enter{
cursor: pointer;
}
.shirarahama{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/shirarahama.jpg);
background-repeat: no-repeat;
}
.engetsu{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/engetsu.jpg);
background-repeat: no-repeat;
}
.sandan{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/sandan.jpg);
background-repeat: no-repeat;
}
.senjojiki{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/senjojiki.jpg);
background-repeat: no-repeat;
}
.heisogen{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/heisogen.jpg);
background-repeat: no-repeat;
}
.adven{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/adventure.jpg);
background-repeat: no-repeat;
}
.energy{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/energy.jpg);
background-repeat: no-repeat;
}
.boat{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/boat.jpg);
background-repeat: no-repeat;
}
.sesuna{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/sesuna.jpg);
background-repeat: no-repeat;
}
.tennis{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/tennis.jpg);
background-repeat: no-repeat;
}
.kaicyu{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/kaicyu.jpg);
background-repeat: no-repeat;
}
.fishing{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/fishing.jpg);
background-repeat: no-repeat;
}
.kinkaku{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/kinkaku.jpg);
background-repeat: no-repeat;
}
.museum{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/museum.jpg);
background-repeat: no-repeat;
}
.aquarium{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/aquarium.jpg);
background-repeat: no-repeat;
}
.material{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/material.jpg);
background-repeat: no-repeat;
}
.honkakugi{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/honkakugi.jpg);
background-repeat: no-repeat;
}
.minakata{
padding: 13px 0px 13px 110px;
background-image: url(../img/tourist/minakata.jpg);
background-repeat: no-repeat;
}
/* ////////////////////////////////////// */
/*                                        */
/*                betumado                */
/*                                        */
/* ////////////////////////////////////// */
#betumado{
background-color: #FFFFFF;
width: 385px;
height: auto;
}
#betumado2{
text-align: left;
}
#betumad img{
padding: 5px 190px 0px 190px;
margin: 0;
}
.pad{
margin: 20px 50px;
}
/* ////////////////////////////////////// */
/*                                        */
/*               location                 */
/*                                        */
/* ////////////////////////////////////// */
#location tr{
border: 1px solid #CACACA;
padding: 10px;
}
#location td{
border-bottom: 1px solid #CACACA;
padding: 5px;
}
.bordertop{
border-top: 1px solid #CACACA;
}
.bg{
background-color: #EEEEEE;
}
.green{
color: #006600;
}
/* ////////////////////////////////////// */
/*                                        */
/*               inquiries                */
/*                                        */
/* ////////////////////////////////////// */
#inquiries{
margin: 15px 0;

}
#inquiries tr{
padding: 10px;
}
#inquiries td{
padding: 10px;
border-bottom: 1px solid #CACACA;
}
#inquiries li{
padding: 0;
margin: 7px 0;
}



/******プライバシーポリシー********/
#box{
margin: 20px 20px 0 20px ;
width: 432px;
}
#boxl{
float:left;
width: 220px;
}
#box2{
float:right;
width: 220px;
}
