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

*{
	margin:0;
	padding:0;
}

a img{
	border-style:none;
	vertical-align:top;
}

a {
	color	:0000ee;
}

html, body {
	height: 100%;
}

body {
	margin:0 auto;

}

#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	position: relative;
} 

.cl{
	clear:both;
}

.cont {
	width:900px;
	padding-bottom:30px;
	margin-left: auto;
	margin-right: auto;
}

/* ページ共通 */

.headline{
	height:20px;
	margin:0 auto;
	width:900px;
	text-align:right;
}


.headlineright{
	height:20px;
	float:right;
}

.head{
	width:900px;
	margin:0 auto;
}

.center{
	width:900px;
	margin:0 auto 6px auto;
	height:33px;
}

.navi_button01{
	width:128px;
	float:left;
	height:33px;
}

.navi_button02{
	width:129px;
	float:left;
	height:33px;
}

.navi_button03{
	width:130px;
	float:left;
	height:33px;
}

.footer{
	width: 100%;
	bottom:0;
	margin:0 auto;
	height:71px;
	background:url(../images/footer_back.gif) repeat-x;
	left: -3px;
	/*position: absolute;*/
}

.globalfooter{
	width:900px;
	margin:0 auto;
	height:71px;
}

.footerleft{
	width:550px;
	float:left;
}

.footerright{
	width:350px;
	float:right;
}

.head_text01{
	font-size:12px;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
	background:url(../images/head_deco01.gif) no-repeat;
	height:20px;
	line-height:20px;
	float:left;
}

.head_text01 a:link , .head_text01 a:visited {color:#000000;
text-decoration:none;
	}
	
.head_text01 a:hover {
	text-decoration:none;
	color:#03004c;
	}
	
	
.head_language{
	margin:0 0 0 10px;
	height:20px;
	line-height:20px;
	float:left;
}


.footer_text02{
	font-size:12px;
	margin:10px 0 0 0;
	padding:0;
	color:#FFFFFF;
}

.footer_text02 a:link , .footer_text02 a:visited {color:#FFFFFF;
text-decoration:none;
	}
	
.footer_text02 a:hover {
	text-decoration:none;
	color:#FFFFFF;
	}

.footer_text03{
	font-size:12px;
	margin:10px 0 0 0;
	padding:0;
	color:#FFFFFF;
	text-align:right;
}

/* トップページ設定 */
#header {
	width		: 900px;
	margin		: 0 auto;
	position: relative;	
}

#header_l {
	width:160px;
	float		: left;
	padding		: 15px 0 10px 0;
}

#header_l h1 {
	padding		: 0;
	margin		: 0;
}

#header_r {
	width		: 730px;
	margin		: 0;
	float		: right;
}

#header_top {
	padding		: 8px 0 0 0;
	text-align	: right;
}

.head_top_menu {
	list-style-type	: none;
        margin		: 0;
        padding		: 0;
	font-size	: 12px;
	float:left;
}

.head_top_menu li {
	padding		: 0 0 0 5px;;
        display		: inline;
        list-style-type	: none;
	line-height	: 1;
}

.head_top_menu li.mark {
	padding		: 0 13px 0 8px;
	background	: url(../images/head_menu_arrow.gif) 0 50% no-repeat;
}

.head_top_menu li a {
	color		: #666666;
	text-decoration	: none;
}

#langnav {
	position: absolute;
	right: 0; top: 0px;
	overflow: hidden;
	background:url(../images/head_global_bg.gif) 0 0 no-repeat;
	width:335px;
	height:27px;}

#langnav ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 0 0 75px;
	}

#langnav ul li {
	display: inline;
	list-style-type: none;
	padding:0 4px 0 0;
	float	:left;
	}

#langnav ul li a {
	width:61px;
	padding-top: 19px;
	height: 0px !important;
	height /**/ : 19px;
	overflow: hidden;
	float	:left;
	}

#langnav01 a					{ background: url(../images/head_global_nav.gif) 0 0 no-repeat; }
#langnav01 a:hover,#langnav01 ul li a:active	{ background: url(../images/head_global_nav.gif) 0 -19px no-repeat; }
#langnav02 a					{ background: url(../images/head_global_nav.gif) -61px 0 no-repeat; }
#langnav02 a:hover,#langnav02 ul li a:active	{ background: url(../images/head_global_nav.gif) -61px -19px no-repeat; }
#langnav03 a					{ background: url(../images/head_global_nav.gif) -122px 0 no-repeat; }
#langnav03 a:hover,#langnav03 ul li a:active	{ background: url(../images/head_global_nav.gif) -122px -19px no-repeat; }
#langnav04 a					{ background: url(../images/head_global_nav.gif) -183px 0 no-repeat; }
#langnav04 a:hover,#langnav04 ul li a:active	{ background: url(../images/head_global_nav.gif) -183px -19px no-repeat; }


/* head_info */

#head_info { position: absolute; right: 0px; top: 35px; overflow: hidden;width:335px;}

#head_info .h_bt	{ float:left; margin: 0 0 0px 0;}
#head_info .h_tel	{ float:right; margin: 0 0 0px 0;}



#top_block {
	width		: 900px;
	height		: 350px;
	overflow	: hidden;
}

#top_block img {vertical-align	: top;}

#top_block pre { display:none }
#top_block .pics p { display: block; width: 900; height: 350; top: 0; left: 0 }



.top_banner {
	position	: absolute;
	top		: 145px;
	left		: 630px;
}

.top_banner_dnr {
	position	: absolute;
	top		: 210px;
	left		: 630px;
}

.top_banner_osc {
	position	: absolute;
	top		: 276px;
	left		: 630px;
}


#main {
	float		: left;
	width		: 640px;
	padding		: 0 0px 0 0;
}

#sub {
	float		: right;
	width		: 230px;
	margin		: 0 0 0px 0;
}
#sub li {
	font-size	: 10px;
}

.ttl_block {
	margin		: 0 0 15px 0px;
	padding		: 5px 0 5px 8px;
	border		: 1px #d2d2d2 solid;
	background	: #fefefe url(../images/ttl_bg.gif) repeat-x;
}

.ttl_l {
	margin		: 0px;
	padding		: 0px;
	float		: left;
}

.ttl_r {
	margin		: 0px;
	padding		: 3px 0px 0px 0px;
	float		: right;
}

.plan_block {
	padding		: 0;
	width		: 640px;
	margin		: 0 0 27px 0;
}

.plan_block h3 {
	padding		: 0;
	margin		: 0 0 5px 0;
}

.plan_block .top_plan_list {
	padding		: 0;
	margin		: 0 0 15px 0;
	border-bottom	: #d2d2d2 1px solid;
	list-style	: none;
}

.plan_block .top_plan_list li {
	padding		: 0;
	margin		: 0;
	border-top	: #d2d2d2 1px solid;
	border-left	: #d2d2d2 1px solid;
	border-right	: #d2d2d2 1px solid;
}


.plan_box {
	line-height	: 1.6;
	font-size	: 12px;
	width		: 190px;
	margin		: 0px;
	padding		: 0 20px 0 0px;
	float		: left;
}

.plan_box p {
	font-size	: 10px;
	padding		: 0px;
}

.plan_imgbox {
	width		: 190px;
	height		: 120px;
	overflow	: hidden;
	text-align	: center;
	vertical-align	: middle;
}

span.etc_plan {
	color		: #0000ee;
	background	: url(../images/mark01.gif) 0 50% no-repeat;
	font-size	: 12px;
	padding		: 0 10px 0 8px;
}
.search_block {
	border-right	: 3px #d2dbe8 solid;
	border-bottom	: 3px #d2dbe8 solid;
	border-left	: 3px #d2dbe8 solid;
	background	: #e8eff7 url(../images/search_bg.gif) repeat-x;
	padding		: 12px 14px 13px 15px;
	margin		: 0 0 12px 0;
	font-size	: 12px;
}

table.search_tbl {font-size:12px;}



/*トップページwhat's new設定
--------------------------------------*/
.whats_new {
	border		: 1px #d2d2d2 solid;
	padding		: 0px 15px 16px 14px;
}


.whats_new_ttl {
	border-bottom	: 2px #24468c solid;
	padding		: 9px 0 6px 0;
}

.new_block {
	border-bottom	:1px #cccccc dotted;
	padding		:12px 0 12px 0;
}

.new_block img {
	vertical-align:bottom;
}

.new_block_end {
	padding		:12px 0 0px 0;
}

.new_block_end img {
	vertical-align:bottom;
}

span.new_plan {
	float		: right;
	background	: url(../images/mark02.gif) 0 50% no-repeat;
	font-size	: 12px;
	padding		: 0px 0px 0 8px;
}

span.day {
	font-size	: 12px;
	background	: url(../images/mark02.gif) 0 50% no-repeat;
	padding		: 0 15px 0 15px;
	margin		: 0px;
	line-height	: 1;
}

span.plan {
	font-size	: 12px;
	padding		: 0px 0px 0px 15px;
	margin		: 0px;
}

.cont02{
	width:900px;
	height:355px;
	margin:0 auto;
	padding-bottom:10px;
}

.frame01{
	width:900px;
	margin:0 auto;
}

.frame01_left{
	width:495px;
	float:left;
}

.frame01_right{
	width:318px;
	float:right;
	padding-left:87px;
}

.search_table01{
	width:318px;
}

.search_table01left{
	width:110px;
	margin:0;
	padding:7px 0;
	height:16px;
}

.search_table01right{
	width:208px;
}

.info_table01{
	width:318px;
}

.info_table01left{
	width:174px;
}

.info_table01center{
	width:37px;
}

.info_table01right{
	width:107px;
}

.new_img{
	height:15px;
	margin:0 0 0 0;
	width:75px;
	float:left;
}


.index_text04{
	font-size:12px;
	color:#000000;
	margin:5px 0 0 0;
	padding:3px 0 12px 15px;
	background:url(../images/data_deco02.gif) no-repeat;
	border-bottom:dotted 1px #CCCCCC;
	line-height:125%;
}

.index_text05{
	font-size:12px;
	color:#000000;
	margin:0 0 0 0;
	padding-left:30px;
	line-height:15px;
	height:15px;
}

.index_text06{
	font-size:12px;
	color:#000000;
	margin:0 10px 0 0;
	padding:0 0 0 0;
	height:15px;
	width:75px;
}


/* under_nav部分設定 #############################  */
#under_nav {
	width:900px;
	margin: 0 0 10px 0;
	}

#un_menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
	background:url(../images/home/bg_un_nav.gif) repeat-x;
        }

#un_menu li {
        display: inline;
        list-style-type: none;
        }

#un_menu a {
        float: left;
        padding-top: 30px;
        height: 0px !important;
        height /**/ : 30px;
        overflow: hidden;
        }

#un_menu a:hover, #un_menu a:active, #un_menu a.selected {
        background-position        : 0 -30px;
        }

/*++++++++++++++++ un_nav button set ++++++++++++++++*/
.un_nav01 a { width: 180px; background: url(../images/home/un_nav01.gif) top left no-repeat; }
.un_nav02 a { width: 180px; background: url(../images/home/un_nav02.gif) top left no-repeat; }
.un_nav03 a { width: 181px; background: url(../images/home/un_nav03.gif) top left no-repeat; }
.un_nav04 a { width: 180px; background: url(../images/home/un_nav04.gif) top left no-repeat; }
.un_nav05 a { width: 179px; background: url(../images/home/un_nav05_2.gif) top left no-repeat; }




/* under_bnr部分設定 #############################  */
#under_bnr {
	width:900px;
	margin: 0 0 10px 0;
	background:url(../images/home/bg_un_bnr.gif) no-repeat;
	}

#under_bnr ul {
        list-style-type: none;
        margin: 0;
        padding: 7px 0px 7px 12px;
	}

#under_bnr ul li {
        float: left;
        margin: 0 12px 0 0;
        padding: 0;
	}

/*  tripadvisor
------------------------------------------------------------------------*/
#TA_linkingWidget989 #talink span#linkingwidgetread	{ display:block;padding-top:5px;font-size:10px; }
#TA_linkingWidget989 #talink span#linkingwidgetread a	{ display:block;padding-bottom:0px;font-size:10px; }



/*  フロート・クリア・調整
------------------------------------------------------------------------*/

.clearfix:after {
	content		: "."; 
	display		: block; 
	height		: 0; 
	clear		: both; 
	visibility	: hidden;
	}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*マージン設定
-------------------------------------------------------------------*/
.m-btm003 {margin-bottom:3px;}
.m-btm007 {margin-bottom:8px;}
.m-btm008 {margin-bottom:8px;}
.m-btm010 {margin-bottom:10px;}
.m-btm015 {margin-bottom:15px;}
.m-btm018 {margin-bottom:18px;}
.m-btm020 {margin-bottom:20px;}

.m-top015 {margin-top:15px;}
