@charset "utf-8";
/* CSS Document */

html {
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	overflow:auto;
}

body {
	font-family:"MS PGothic",Osaka,sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:100%;
	color:inherit;
	background-color:#FFF;
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
	/* setting border:0px hoses ie5 win window inner well border */
}

form, input { margin:0; padding:0; }
a { text-decoration:underline; }
a img { border:none; }

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:12px;
	text-decoration:none;
	line-height:100%;
	font-weight:normal;
	font-style:normal;
	background:transparent;
}

table,tr,th,td{
	background-color:#FFF;
}

p, ol, ul, pre, blockquote {
	margin:0px auto;
}

.clr {
	clear:both;
	overflow:hidden;
	width:1px;
	height:1px;
	margin:0px -1px -1px 0px;
	border:0;
	padding:0;
	font-size:0;
	line-height:0;
}

/* .pkg class wraps enclosing block element around inner floated elements */

.pkg:after {
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0px;
}

/*\*//*/
* html .pkg { display:inline-block; }
/**/

/* no ie mac \*/

/* \*/
* html .pkg { height:1%; }
/* */

.pkg { display:block;min-height:0; }

/* */

.inner{
	position:static;
	width:100%;
	margin:0;
	padding:0;
	overflow:visible;
}

.nowrap{
	white-space:nowrap;
}
.strike{text-decoration:line-through;}

.ghost,
.hidden{
	display:none;
}

.left{ text-align:left;}
.center{ text-align:center;margin-left:auto;margin-right:auto;}
.right{ text-align:right;}
.top{ vertical-align:top;}
.middle{ vertical-align:middle;}
.bottom{ vertical-align:bottom;}

.float_left{ float:left;}
.float_right{ float:right;}

#container{
	width:740px;
	/*height:100%;*/
	margin:0px auto;
	padding:0;
	display:block;
	text-align:left;
	vertical-align:top;
	line-height:100%;
	position:relative;
	background:url(img/back_container.gif) left top repeat-y;
}
.container_inner{
	position:static;
	width:100%;
	margin:0;
	overflow:visible;
	padding:0px 1px;
}

#header_catch{
	width:738px;
	padding:0;
	margin:0;
	display:block;
	font-size:12px;
	line-height:110%;
	text-align:left;
	color:#FFF;
	background-color:#000;
	position:relative;
}
.header_catch_inner{
	display:block;
	position:static;
	width:100%;
	margin:0;
	overflow:visible;
	padding:5px 2px;
	font-weight:normal;
}

/*#background{
	width:740px;
	margin:0;
	padding:0px;
	text-align:left;
	vertical-align:top;
	line-height:100%;
	position:relative;
}*/

#header{
	width:738px;
	min-height:126px;
	margin:0;
	padding:0;
	display:block;
	vertical-align:bottom;
	background:url(img/back_header.jpg) left bottom no-repeat;
	position:relative;
}
.header_inner{
	position:static;
	width:100%;
	margin:0;
	padding:0;
	overflow:visible;
}

#panlink{
	width:738px;
	padding:0px;
	margin:0;
	color:#FFF;
	font-size:11px;
	line-height:110%;
	position:relative;
	display:block;
}
.panlink_inner{
	display:block;
	position:static;
	margin:0;
	padding:5px;
	overflow:visible;
	font-weight:normal;
}
#panlink a{
	color:#FFF;
}

#panlink a:hover{
	color:#C33;
}

#top_image{
	padding:10px 5px 10px 5px;
	margin:0 auto;
	vertical-align:middle;
	position:relative;
	text-align:center;
}
#top_image img{
	border:solid 5px #FFF;
}

#header_comment{
	height:340px;
	padding:0;
	margin:0;
	vertical-align:top;
	position:relative;
	color:#FFF;
	font-size:14px;
	line-height:130%;
	background:url(img/tako_big.gif) bottom no-repeat;
}
.header_comment_inner{
	display:block;
	position:static;
	margin:0;
	padding:20px 5px 0px 5px;
	overflow:visible;
	font-weight:normal;
}
.header_comment_inner span{
	display:block;
	padding-bottom:1em;
}

#header_title{
	width:521px;
	height:126px;
	margin:0;
	padding:0;
	display:block;
	background:url(img/header_title.gif) 8px 6px no-repeat;
	position:relative;
	float:left;
}
#header_title a{
	width:521px;
	height:126px;
	margin:0;
	padding:0;
	display:block;
}
#header_title a strong{
	margin:0;
	padding:0;
	display:none;
}
#whatsnew_digest{
	width:217px;
	height:126px;
	margin:0;
	padding:0;
	text-align:left;
	font-size:10px;
	color:#FFF;
	background-color:#444;
	float:right;
}
.whatsnew_digest_inner{
	position:static;
	margin:0;
	padding:10px 0px 5px 0px;
	overflow:visible;
}

#whatsnew_digest h3{
	width:217px;
	height:26px;
	background:url(img/title_whatsnew.gif) left top no-repeat;
}
#whatsnew_digest h3 strong{
	display:none;
}
#whatsnew_digest dl{
	height:85px;
	margin:0;
	padding:0px 10px;
	font-size:12px;
	line-height:110%;
	color:#FFF;
	overflow:auto;
}
#whatsnew_digest dl dd{
	margin:0;
	padding:0;
}
#whatsnew_digest dl dt{
	margin:0;
	padding:0;
	color:#FFF;
	padding-left:1em;
	border-bottom:dotted 1px #CCC;
	line-height:120%;
}
#whatsnew_digest dl dt a,
#whatsnew_digest dl dt a:hover{
	margin:0;
	padding:0;
	color:#FFF;
}

#page_comment{
	width:217px;
	height:126px;
	display:block;
	margin:0;
	padding:0;
	text-align:left;
	font-size:14px;
	line-height:130%;
	color:#FFF;
	background-color:#444;
	float:right;
	position:relative;
}
.page_comment_inner{
	position:static;
	margin:0;
	padding:5px;
	overflow:visible;
	font-weight:normal;
}

#body{
	width:738px;
	margin:0;
	padding:0;
	display:block;
	vertical-align:top;
	background:url(img/back_body.jpg) left top no-repeat;
	position:relative;
	overflow:visible;
}
#body{ min-height:590px;}

#body_content{
	width:738px;
	margin:0;
	padding:0;
	display:block;
	vertical-align:top;
	position:relative;
}

#header_navi{
	width:521px;
	height:110px;
	display:block;
	margin:0;
	padding:0;
	text-align:left;
	position:relative;
	float:left;
}
.header_navi_inner{
	position:static;
	margin:0;
	padding:10px 5px;
	overflow:visible;
}
.header_navi_inner span{
	display:none;
}

.header_navi_line{
	margin:0;
	padding:5px 0px;
	display:block;
	position:relative;
}


#header_navi a{
	color:#33F;
	height:14px;
	display:block;
	margin:0;
	text-align:center;
	text-decoration:none;
	float:left;
	font-size:14px;
	line-height:100%;
	font-weight:bold;
	position:relative;
	padding:5px 0px;
}
#header_navi a:hover{
	color:#F33;
}

#header_navi a.navi_dish{
	width:98px;
}

#header_navi a.navi_public{
	width:110px;
}

#header_navi a.navi_plan{
	width:107px;
}

#header_navi a.navi_accessmap{
	width:105px;
}

#header_navi a.navi_reservation{
	width:85px;
}

#header_navi a.navi_campaign{
	width:98px;
}

#header_navi a.navi_sightseeing{
	width:110px;
}

#header_navi a.navi_blog{
	width:107px;
}

#header_navi a.navi_contact{
	width:105px;
}

#header_navi a.navi_top{
	width:85px;
}

#sub_navi{
	width:217px;
	display:block;
	vertical-align:top;
	position:relative;
	float:right;
	color:#FFF;
	font-size:14px;
	line-height:120%;
	text-align:center;
}
.sub_navi_inner{
	position:static;
	margin:0;
	padding:5px;
	overflow:visible;
}
.sub_navi_inner h2,
.sub_navi_inner h3{
	line-height:120%;
	padding:3px 0px;
}
.sub_navi_inner a{
	color:#FFF;
}
.sub_navi_inner a:hover{
	color:#F99;
}
.sub_navi_inner a:visited{
	color:#FFF;
}

#hotel_data{
	width:217px;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	vertical-align:top;
	position:relative;
	color:#FFF;
	font-size:14px;
	line-height:130%;
	float:right;
}
.hotel_data_inner{
	position:static;
	margin:0;
	padding:20px 5px 20px 5px;
	overflow:visible;
}

.page_index_information,
.page_index_dish,
.page_index_public,
.page_index_plan,
.page_index_accessmap,
.page_index_reservation,
.page_index_campaign,
.page_index_sightseeing,
.page_index_sightseeing_goshiki,
.page_index_sightseeing_sumoto,
.page_index_sightseeing_awaji,
.page_index_sightseeing_specialty,
.page_index_blog,
.page_index_contact{
	width:300px;
	height:70px;
	display:block;
	position:relative;
}

.page_index_information{
	background:url(img/page_index_information.gif) left top no-repeat;
}
.page_index_dish{
	background:url(img/page_index_dish.gif) left top no-repeat;
}
.page_index_public{
	background:url(img/page_index_public.gif) left top no-repeat;
}
.page_index_plan{
	background:url(img/page_index_plan.gif) left top no-repeat;
}
.page_index_accessmap{
	background:url(img/page_index_accessmap.gif) left top no-repeat;
}
.page_index_reservation{
	background:url(img/page_index_reservation.gif) left top no-repeat;
}
.page_index_campaign{
	background:url(img/page_index_campaign.gif) left top no-repeat;
}
.page_index_sightseeing{
	background:url(img/page_index_sightseeing.gif) left top no-repeat;
}
.page_index_sightseeing_goshiki{
	background:url(img/page_index_sightseeing_goshiki.gif) left top no-repeat;
}
.page_index_sightseeing_sumoto{
	background:url(img/page_index_sightseeing_sumoto.gif) left top no-repeat;
}
.page_index_sightseeing_awaji{
	background:url(img/page_index_sightseeing_awaji.gif) left top no-repeat;
}
.page_index_sightseeing_specialty{
	background:url(img/page_index_sightseeing_specialty.gif) left top no-repeat;
}
.page_index_blog{
	background:url(img/page_index_blog.gif) left top no-repeat;
}
.page_index_contact{
	background:url(img/page_index_contact.gif) left top no-repeat;
}

.page_index_sightseeing_goshiki a,
.page_index_sightseeing_sumoto a,
.page_index_sightseeing_awaji a,
.page_index_sightseeing_specialty a{
	width:300px;
	height:70px;
	padding:0;
	margin:0;
	line-height:100%;
	display:block;
	position:relative;
}

.page_index_information strong,
.page_index_dish strong,
.page_index_public strong,
.page_index_plan strong,
.page_index_accessmap strong,
.page_index_reservation strong,
.page_index_campaign strong,
.page_index_sightseeing strong,
.page_index_sightseeing_goshiki strong,
.page_index_sightseeing_sumoto strong,
.page_index_sightseeing_awaji strong,
.page_index_sightseeing_specialty strong,
.page_index_blog strong,
.page_index_contact strong{
	display:none;
}

.entry{
	margin:0;
	padding:0;
	position:relative;
}
.entry_inner{
	position:static;
	margin:0;
	padding:10px;
	overflow:visible;
}

.entry_title{
/*	height:24px;*/
	margin:0px;
	padding:10px 5px 6px 20px;
	text-align:left;
	font-size:24px;
	line-height:120%;
	font-weight:bold;
	color:#300;
	background:url(img/entry_title_line.gif) left top no-repeat;
	overflow:visible;
}

.entry_content{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:120%;
	text-align:left;
	color:#336;
	position:relative;
}
.entry_content_inner{
	position:static;
	margin:0;
	padding:20px;
	overflow:visible;
}

.entry_back_white{
	background-color:#FFF;
	padding:5px;
}

.entry_more_link{
	margin:0;
	padding:10px 20px;
	font-size:14px;
	line-height:120%;
	text-align:right;
	color:#336;
	position:relative;
}
.entry_content h1{font-size:20px;font-weight:bold;}
.entry_content h2{font-size:18px;font-weight:bold;}
.entry_content h3{font-size:16px;font-weight:bold;}
.entry_content h4{font-size:14px;font-weight:bold;}
.entry_content h5{font-size:12px;}
.entry_content h6{font-size:10px;}

.entry_content div.float_right img,
.entry_content img.float_right{
	border:solid 2px #FFF;
	margin-left:10px;
}

.entry_content div.float_left img,
.entry_content img.float_left{
	border:solid 2px #FFF;
	margin-right:10px;
}
.entry_content dl dd{
	padding-bottom:1em;
}
.plan_list{
	background-color:#600;
}
.plan_list caption{
	text-align:right;
	font-size:12px;
	color:#300;
}
.plan_index{
	text-align:center;
	background-color:#C30;
	color:#FFF;
	white-space:nowrap;
}
.plan_name{
	text-align:left;
	background-color:#FEE;
}
.plan_price{
	text-align:right;
	background-color:#FFF;
	white-space:nowrap;
}

#googlemap{
	width:400px;
	height:500px;
	padding:0px;
	margin:0px 0px 10px 10px;
	float:right;
	font-size:10px;
	line-height:110%;
	border:solid 2px #FFF;
}

.balloon{
	width:200px;
	height:auto;
	white-space:nowrap;
	text-align:left;
}
.balloon_name{
	font-size:14px;
	font-weight:bold;
	line-height:110%;
	background:#33F;
	color:#FFF;
	padding:2px;
}

.balloon_address{
	font-size:12px;
	line-height:120%;
}
.balloon_tel{
	font-size:12px;
	line-height:120%;
}
.balloon_fax{
	font-size:12px;
	line-height:120%;
}

form.reservation_form,
form.contact_form{
	text-align:center;
	margin:0px auto;
}

table.price_table{
	text-align:center;
	margin:0px auto;
	font-size:14px;
	line-height:130%;
}
table.price_table th{
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
	background-color:#F90;
	color:#FFF;
}
table.price_table td.index{
	text-align:left;
	font-weight:bold;
	background-color:#FFC;
}
table.price_table td.price{
	text-align:right;
	white-space:nowrap;
}

table.reservation_form,
table.contact_form{
	text-align:center;
	margin:0px auto;
	font-size:14px;
	line-height:130%;
	color:#66F;
	background-color:#666;
}
table.reservation_form th,
table.contact_form th{
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
	background-color:#FFF;
	padding:3px;
}
table.reservation_form td,
table.contact_form td{
	text-align:left;
	font-weight:normal;
	background-color:#FFF;
	padding:3px;
}
table.reservation_form td dl,
table.contact_form td dl{
	display:block;
	margin:0;
	padding:0;
}
table.reservation_form td dl dt,
table.contact_form td dl dt{
	display:block;
	margin:0;
	padding:5px 0;
}
table.reservation_form td dd,
table.contact_form td dd{
	display:block;
	margin:0;
	padding:0 0 0 20px;
}
table.reservation_form td.index,
table.contact_form td.index{
	background-color:#F63;
	color:#FFF;
	text-align:left;
}

.gopagetop{
	margin:0px 30px 20px 30px;
	padding:5px;
	text-align:right;
	background-color:#FFF;
}

#footer{
	width:738px;
	vertical-align:bottom;
	position:relative;
}
.footer_inner{
	position:static;
	margin:0;
	padding:0;
	overflow:visible;
}

#footer_navi{
	width:521px;
	min-height:20px;
	vertical-align:top;
	text-align:center;
	font-size:12px;
	line-height:140%;
	padding:5px 0px;
	margin:0;
	float:left;
	position:absolute;
	left:0px;
	bottom:0px;
}

#footer_navi a{
	color:#33F;
	font-weight:bold;
}

#footer_navi a:hover{
	color:#F33;
}

#footer_copyright{
	width:734px;
	padding:0;
	margin:0;
	font-size:12px;
	line-height:110%;
	text-align:center;
	color:#FFF;
	background-color:#000;
}
.footer_copyright_inner{
	display:block;
	position:static;
	margin:0;
	padding:5px 2px;
	overflow:visible;
	font-weight:normal;
}

#footer_copyright a,
#footer_copyright a:hover{
	color:#FFF;
}

.left_block{
	width:521px;
	display:block;
	vertical-align:top;
	position:relative;
	float:left;
}
.left_block_inner{
	position:static;
	width:100%;
	margin:0;
	padding:0;
	overflow:visible;
}

.right_block{
	width:215px;
	display:block;
	vertical-align:top;
	position:relative;
	float:right;
	color:#FFF;
	font-size:14px;
	line-height:110%;
}
.right_block_inner{
	position:static;
	width:100%;
	margin:0;
	padding:0;
	overflow:visible;
}

.banner88x31{
	width:88px;
	height:31px;
	border:0;
}

.c333{color:#333;}
.c666{color:#666;}
.cF33{color:#F33;}
.c33F{color:#33F;}
.cFFF{color:#FFF;}

.fs8{font-size:8px;line-height:1.2;}
.fs10{font-size:10px;line-height:1.2;}
.fs12{font-size:12px;line-height:1.2;}
.fs14{font-size:14px;line-height:1.2;}
.fs18{font-size:18px;line-height:1.2;}
.fs22{font-size:22px;line-height:1.2;}
.fs30{font-size:30px;line-height:1.2;}

.red_box{
	display:block;
	margin:10px auto;
	padding:5px;
	border:solid 2px #C00;
}