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

/***********************************************************/
/*レイアウトのスタイル（共通）*/
/***********************************************************/

*{
	margin:0;
	padding:0;	
}

html{
    overflow-y: scroll;
	height:100%;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
a{ text-decoration: none; outline:none;}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, th, var{
    font-style: normal; 
    font-weight: normal;
}

body {
	color:#000000;
	font-size:13px;
	line-height	: 1.35em;
	height:100%;
	width: 100%;
	background:url(../img/common/bg_warpper.jpg) repeat left top;

}
body#eng {
	font-family:"Regular",Helvetica,Arial,sans-serif
}

body#kor{
	font-family:Arial,Verdana,sans-serif;
}

body#chs, body#chc{
	font-family: "SimSun","Arial","Song",sans-serif;
	/*font-family:'Verdana', 'SimSun', 'Song' , 'Arial',sans-serif;*/
}


p 	{ margin: 0 0 10px; line-height: 1.5em;}

img{vertical-align:bottom;border:none;}



/*----------------------------------------------------
　　　リンクのスタイル（共通）
-----------------------------------------------------*/

a:link {color: #2E6989; text-decoration:underline;}
a:visited {color: #2E6989; text-decoration:underline;}
a:hover {color: #2E6989;text-decoration:none;}



/*----------------------------------------------------
		クラス
-----------------------------------------------------*/

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.v_top{vertical-align:top;}
.f_r{float:right!important;}
.f_l{float:left!important;}
.clear{ clear:both;}
.mg-0{ margin:0!important;}
.mg-t5{ margin-top:5px!important;}
.mg-t10{ margin-top:10px!important;}
.mg-t20{ margin-top:20px!important;}
.mg-t30{ margin-top:30px!important;}
.mg-r10{ margin-right:10px!important;}
.mg-r15{ margin-right:15px!important;}
.mg-r20{ margin-right:20px!important;}
.mg-r160{ margin-right:160px!important;}
.mg-r200{ margin-right:200px!important;}
.mgr-0{margin-right:0px!important;}
.mg-l10{ margin-left:10px!important;}
.mg-l15{ margin-left:15px!important;}
.mg-l20{ margin-left:20px!important;}
.mg-b0{ margin-bottom:0px!important;}
.mg-b5{ margin-bottom:5px!important;}
.mg-b10{ margin-bottom:10px!important;}
.mg-b15{ margin-bottom:15px!important;}
.mg-b20{ margin-bottom:20px!important;}
.mg-b30{ margin-bottom:30px!important;}
.mg-b35{ margin-bottom:35px!important;}
.mg-b40{ margin-bottom:40px!important;}
.mg-b50{ margin-bottom:50px!important;}
.mg-b65{ margin-bottom:65px!important;}
.pd-t5{ padding-top:5px!important;}
.pd-t15{ padding-top:15px!important;}
.pd-t20{ padding-top:20px!important;}
.pd-t30{ padding-top:30px!important;}
.pd-b5{padding-bottom:5px!important;}
.pd-b15{padding-bottom:15px!important;}
.pd-b20{padding-bottom:20px!important;}
.pd-l20{padding-left:20px!important;}
.pd-r200{padding-right:200px!important;}
.pd-r160{padding-right:160px!important;}
.bold{font-weight:bold;}






/*----------------------------------------------------
		画像の透過ロールオーバー
-----------------------------------------------------*/
.roll_over_img img:hover {
	opacity:0.85;
	filter:alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
	zoom:1;
}


/***********************************************************/
/*基本*/
/***********************************************************/



#wrapper {
	width: 100%;
    min-height: 100%;
	min-width:1000px;
	position:relative;
	background:url(../img/common/bg_wrapperinner.png) repeat-y center top;
}
#wrapper-inner {
	padding:120px 0 105px;
	clear:both;
	width:1000px;
	min-width:1000px;
	margin:0 auto;
	/*background-color:rgba(255,255,255,0.5);*/
}

#content{
	width: 1000px;
	clear:both;
	/*overflow:hidden;*/
}


/*-----------------------------------------
　　　ヘッダー
-------------------------------------------*/
#header-wrapper{
	background:url(../img/common/bg_header_wrapeer.png) left top repeat-x;
	width:100%;
	height:120px;
	position:absolute;
	left:0;
	/*top:22px;*/
}
#header{
	background:url(../img/common/bg_header.png) left top no-repeat;
	width:1000px;
	margin:0 auto;
	position:relative;
	height:120px;
}
#header h1{
	height:94px;
	width:522px;
	left:0;
	top:0;
	position:absolute;
}
#header h1 a{
	display:block;
	text-indent:-9999px;
	height:94px;
	width:522px;
}

body#eng #header h1 a{
	background:url(../img/common/header_logo_eng.gif) no-repeat left top;
}
body#kor #header h1 a{
	background:url(../img/common/header_logo_kor.gif) no-repeat left top;
}
body#chs #header h1 a{
	background:url(../img/common/header_logo_chs.gif) no-repeat left top;
}
body#chc #header h1 a{
	background:url(../img/common/header_logo_chc.gif) no-repeat left top;
}

/*言語切替
-----------------*/

.lang{
	color:#000;
	font-size:12px;
	position:absolute;
	margin:0;
	right:3px;
	top:53px;
	
}


.lang a{
	color:#000;
}
.lang a.current{
	text-decoration:none;
}


/*-----------------------------------------
　　　フッター
-------------------------------------------*/

#footer{
	background:url(../img/common/bg_footer.jpg) left top repeat-x;
	padding:15px 0 0 0;
	height:90px;
	clear:both;
	position:absolute;
    bottom:0;
	width:100%;
	min-width:1000px;
	
}
#footer-inner{
	width:1000px;
	
	margin:auto;
	color:#FFF;
	text-align:right;
}
.footer-navi{
	margin:0 0 4px 0;
	
}
.footer-navi a{
	color:#FFF;	
}


/***********************************************************/
/*ナビゲーション*/
/***********************************************************/


/*-----------------------------------------
　　　他サイトへのナビゲーション
-------------------------------------------*/

#outside-navi{
	background:#CC0001;
	padding:5px 10px;
	color:#FFF;
	display:none;
	margin:0;
	/*width:100%;*/
}

body#eng #outside-navi.eng{  display:block; }
body#chs #outside-navi.chs{  display:block; }
body#chc #outside-navi.chc{  display:block; }
body#kor #outside-navi.kor{  display:block; }

#outside-navi a{
	color:#FFF;
	font-size:12px;
	text-decoration:underline;
}
#outside-navi a:hover{
	text-decoration:none;
}


/***********************************************************/
/*要素*/
/***********************************************************/

h2{
	clear:both;
	background:url(../img/common/bg_title_l.png) repeat-y left top;
	color:#ffffff;
	font-size:20px;
	padding:5px 15px 5px;
	/*font-weight:bold;*/
	margin-bottom:12px;
	
}
h2.h2-s{
	margin-bottom:15px;
	background:url(../img/common/bg_title_s.png) repeat-y left top;
	font-size:18px;
	
}

h2.topics-title{
	background:url(../img/common/bg_topics.png) repeat-y left top;
	font-size:18px;
}
h2.link-share-title{
	background:url(../img/common/bg_links.png) repeat-y left top;
	font-size:18px;
}





/***********************************************************/
/*トップページ*/
/***********************************************************/

/*special features
------------------------------------------*/

#special-f{
	clear:both;
	border-top:3px solid #c59519;
	border-bottom:3px solid #c59519;
	background:#FFF;
	padding:8px 0 10px 25px;
	margin-bottom:20px;
	overflow:hidden;
	
	/*box-shadow:0 2px 4px #666;
	-moz-box-shadow:0 2px 4px #666;
    -webkit-box-shadow:0 2px 4px #666;
    -o-box-shadow:0 2px 4px #666;
    -ms-box-shadow:0 2px 4px #666;*/
}

h2.h2-sp{
	font-size:20px;
	color:#333333;
	font-weight:bold;
	line-height:36px;
	padding-left:60px;
	background:url(../img/common/mark_sf.jpg) left center no-repeat;
}


.list-sp li {
	margin-right:10px;
	float:left;
	width:309px;
}
.list-sp li img {
	margin-bottom:8px;
}
.list-sp li p {
	margin:0 5px 0;
	font-weight:bold;
	line-height:1.4;
}


/*search for tours and activities
----------------------------------------*/
#search-box{
	width:950px;
	border:1px solid #e3e2e0;
	background:#FFF;
	margin:0 auto 10px;
}


/*topics ,links ,information
---------------------------------------*/

#box-2col{
	width:950px;
	margin:0 auto;
}

/*topics*/
.list-news{
	border-top:1px dotted #d6c6a2;
	margin-bottom:20px;
	
}

.list-news li{
	padding:8px 10px 8px 20px;
	border-bottom:1px dotted #d6c6a2;
	background:url(../img/common/arrow_news.gif) no-repeat 10px 12px;
	line-height:1.4;
	
}
.list-news li a{
	color:#40413C;
	
}
.list-news li span{
	color:#cc0000;
	
}



/*links*/

.links-box {
	margin-left:20px;
    overflow: hidden;
    width: 100%;
}
.links-box img {
    display: inline-block;
    /*height: 100%;*/
    margin: 6px;
    vertical-align: middle;
}


/*provider*/
.provider-box {
	margin:0 20px 30px;
    overflow: hidden;
    width: 100%;
}
.provider-box img {
    display: inline-block;
    /*height: 100%;*/
    margin: 6px;
    vertical-align: middle;
}



/***********************************************************/
/*下層ページ*/
/***********************************************************/

#box-3-wrap{
	width:790px;
	float:left;
}
#box-3-main{
	width:540px;
	float:right;
	overflow:hidden;
}
#box-3-sub01{
	width:210px;
	margin-left:25px;
	float:left;
}
#box-3-sub02{
	width:170px;
	float:right;
	margin-right:25px;
}

/*メインコンテンツ*/

.main{
	border-top:3px solid #c49419;
	background:#FFF;
	clear:both;
	padding:15px 15px 80px;
}



h2.news-title{
	font-size:30px;
	color:#000;
	font-weight:normal;
	background:none;
	line-height:1.1;
	padding:0;
}
.news-date{
	color:#CB0000;
	margin-bottom:20px;
}


.list-news li.active{
	background:#F3EDE4;
}


/*Links*/
.liset-bnr{
	margin:0 0 30px 5px;
}
.liset-bnr li{
	margin:0 0 10px 0;
}










