@charset "utf-8";
/* CSS Document */
#content_wrapp {background:url(img/bk.gif) center top repeat;}
h2,h3,h4,h5,h6 {margin:0 !important; padding:0; display:block;}
img {margin:0;}
@font-face {
 font-family: WebFont;
 src: url('Krungthep.ttf') format("opentype");
}
/*ie*/
* html @font-face {
 font-family: WebFont;
 src: url('Krungthep.eot');
}


h2.head01,p.head02 {
	width:750px;
	height:auto;
	overflow:hidden;
	margin:0;
	}

p.head02 {display:block;}


h1 {
	width: 750px;
	height:30px;
	overflow:hidden;
	text-align: center;
	background:#000;
	color:#FFF;
	margin:0px;
	padding:0px;
	line-height: 30px;
	font-size: 130%;
	}


/*com*/
div.com {
	width:750px;
	height:186px;
	overflow:hidden;
	margin:0;
	position:relative;
	z-index:1;
	}
h3 {width:750px; height:186px; position:absolute; z-index:1;}
div.comment {position:relative; z-index:10; width:750px; height:auto;	margin:22px 0 0 20px;line-height: 25px;}

div.comment p {
	width: 720px;
}


/*area*/
div.area {
	width:750px;
	height:111px;
	margin:0;
	background:url(img/area_bk.gif) repeat-x;
	}

div.area ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:740px;
	height:69px;
	}

div.area li,div.area a {
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:74px;
	height:69px;
	}
div.area a {background:url(img/area_bt.gif) no-repeat;
	line-height:75px; font-size:16px; text-decoration:none; font-weight:bold; text-align:center;}
div.area a:hover {background:url(img/area_bt_o.gif) no-repeat; color:#0099CC;}


/*box*/

div.box,div.b_wrapp {
	width:750px;
	height:auto;
	overflow:hidden;
	margin:0;
	}
div.box {background:url(img/box_bk.gif) repeat-y;}
img.photo {
	width:679px;
	height:222px;
	margin:0 35px;
	}

div.b_top,div.b_bottom {
	width:750px;
	height:20px;
	margin:0;
	}

div.areaname {
	width:750px;
	height:62px;
	margin:0;
	}
div.areaname h4 {
	float:left;
	margin:0;
	height:42px;
	padding-top:20px;
	/*text-align:right;*/
	font-family:WebFont;
	font-size:35px;
	color:#fff;
	}	
div.areaname div {float:left;}

h5 {
	width:750px;
	height:61px;
	line-height:61px;
	margin:0;
	background:url(img/shop.gif) no-repeat;
	padding-left:80px;
	font-weight:bold;
	font-size:18px;
	color:#0025a6;
	letter-spacing:0.1em;
	}

div.b_inner {
	width:679px;
	height:auto;
	overflow:hidden;
	margin:0 35px;
	padding-bottom:20px;
	}
div.b_inner img {float:left;}
div.b_in_r {
	width:520px;
	height:auto;
	overflow:hidden;
	margin:0;
	float:left;	
	}
div.b_in_r {margin-top:14px;}
div.b_in_r p {height:auto; margin:0 10px; color:#fff;}
p.j,p.t,p.k {height:25px; line-height:25px;}
p.j {background:url(img/mark_j.gif) no-repeat; padding-left:60px;}
p.t {background:url(img/mark_t.gif) no-repeat; padding-left:60px;}
p.k {padding-left:7px; border-top:solid #555 1px; margin-top:10px !important;}
p.dotted {border-bottom:solid 3px #555; padding-bottom:3px; margin-bottom:5px!important;height:auto;overflow: hidden;}

/*発*/
div.hatsu {
	width:736px;
	height:75px;
	padding:0 7px 4px;
	margin-bottom:20px;	
	background:url(img/bk.gif) repeat;
	
	}
div.hatsu a {display:block;
	width:182px;
	height:75px;
	line-height:75px;
	margin:0;
	float:left;
	text-align:center;
	background:url(img/hatsu.gif) no-repeat;
	text-decoration:none;
	letter-spacing:0.1em;
	font-size:15px;
	font-weight:bold;
	}
div.hatsu a:hover {background:url(img/hatsu_o.gif) no-repeat; color:#FF6600;}

/*//////////////////////////////エリアによって変わる設定/////////////////////////*/
/*那覇*/
h4#naha {
	width:317px;
	background:url(img/naha1.gif) no-repeat;
	}
h4#naha span {display:block; margin-left:200px;}
div.naha {
	width:433px;
	height:62px;
	background:url(img/naha2.gif) no-repeat;
	}
div.naha p {text-align:center; margin:0; padding-top:38px;}

/*西海岸*/
h4#nishi {
	width:476px;
	background:url(img/nishi1.gif) no-repeat;
	}
h4#nishi span {display:block; margin-left:250px;}
div.nishi {
	width:274px;
	height:62px;
	background:url(img/nishi2.gif) no-repeat;
	}
div.nishi p {text-align:center; margin:0; padding-top:38px;}

/*渡嘉敷*/
h4#toka {
	width:476px;
	background:url(img/toka1.gif) no-repeat; font-size:29px;
	}
h4#toka span {display:block; margin-left:300px;}
div.toka {
	width:274px;
	height:62px;
	background:url(img/toka2.gif) no-repeat;
	}
div.toka p {text-align:center; margin:0; padding-top:38px;}

/*座間味*/
h4#zama {
	width:434px;
	background:url(img/zamami1.gif) no-repeat; font-size:29px;
	}
h4#zama span {display:block; margin-left:300px;}
div.zama {
	width:316px;
	height:62px;
	background:url(img/zamami2.gif) no-repeat;
	}
div.zama p {text-align:center; margin:0; padding-top:38px;}

/*阿嘉*/
h4#aka {
	width:339px;
	background:url(img/aka1.gif) no-repeat;
	}
h4#aka span {display:block; margin-left:250px;}
div.aka {
	width:411px;
	height:62px;
	background:url(img/aka2.gif) no-repeat;
	}
div.aka p {text-align:center; margin:0; padding-top:38px;}

/*石垣*/
h4#ishi {
	width:415px;
	background:url(img/ishi1.gif) no-repeat; font-size:29px;
	}
h4#ishi span {display:block; margin-left:250px;}
div.ishi {
	width:335px;
	height:62px;
	background:url(img/ishi2.gif) no-repeat;
	}
div.ishi p {text-align:center; margin:0; padding-top:38px;}

/*宮古*/
h4#miya {
	width:417px;
	background:url(img/miya1.gif) no-repeat; font-size:29px;
	}
h4#miya span {display:block; margin-left:250px;}
div.miya {
	width:333px;
	height:62px;
	background:url(img/miya2.gif) no-repeat;
	}
div.miya p {text-align:center; margin:0; padding-top:38px;}

/*西表*/
h4#iri {
	width:415px;
	background:url(img/iri1.gif) no-repeat; font-size:29px;
	}
h4#iri span {display:block; margin-left:250px;}
div.iri {
	width:335px;
	height:62px;
	background:url(img/iri2.gif) no-repeat;
	}
div.iri p {text-align:center; margin:0; padding-top:38px;}


/*久米島*/
h4#kume {
	width:344px;
	background:url(img/kume1.gif) no-repeat; font-size:29px;
	}
h4#kume span {display:block; margin-left:250px;}
div.kume {
	width:406px;
	height:62px;
	background:url(img/kume2.gif) no-repeat;
	}
div.kume p {text-align:center; margin:0; padding-top:38px;}



/*与那国*/
h4#yona {
	width:487px;
	background:url(img/yona1.gif) no-repeat;
	}
h4#yona span {display:block; margin-left:300px;}
div.yona {
	width:263px;
	height:62px;
	background:url(img/yona2.gif) no-repeat;
	}
div.yona p {text-align:center; margin:0; padding-top:38px;}












































