@charset "UTF-8";
/* 090303 Shaft KK : Shiohama*/
/* 090612 updat Shaft KK : Shiohama*/
/* 100113 updat Shaft KK : Shiohama*/

/*YUI CSS Import*/
@import "reset.css";
@import "base.css";
@import "fonts.css";


/*Default(Custom) CSS*/

/*Section: General Rules*/

body { 
	text-align: left;
	margin-bottom: 15px;
}

img { border: 0;}

ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

a:link,
a:visited,
a:active { color: #326CD1;}

a:hover { color: #FF8C11;}

.clear {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 1px;
}

.spacer_10 { height: 10px; font-size: 1px; width: 100%}
.spacer_15 { height: 15px; font-size: 1px; width: 100%}
.spacer_20 { height: 20px; font-size: 1px; width: 100%}
.spacer_30 { height: 30px; font-size: 1px; width: 100%}
.spacer_50 { height: 50px; font-size: 1px; width: 100%}


/**Bread Crumbs**/
.crumbs { 
	padding: 0px 0px 15px 3px;
	color: #666666;
	font-size: 90%;
}

/**Line**/
hr { display: none; }

.dott_line {
	background-image: url(../../images/common/dott_line.gif);
	background-repeat: repeat-x;
	height: 1px;
	margin: 10px 0px;
	font-size: 1px;
	clear: both;
}

.dott_line_member {
	background-image: url(../../images/common/dott_line.gif);
	background-repeat: repeat-x;
	height: 1px;
	font-size: 1px;
	clear: both;
}

.line_850 { width:850px;}



/*Subsection: 900*/

#doc {
	width: 900px;
	text-align: left;
}

#hd, #ft {
	width: 900px;
	text-align: left;
}

#hd {
	height: 95px;
	margin-bottom: 10px;
}

#hd #left { 
	float: left;
	width: 372px;
}

#hd #right { 
	float: right;
	width: 520px;
}

#main { 
	width: 693px;
	float: left;
	padding: 0px 15px 0px 12px;
}

#top_banner {
	width: 693px;
	height: 185px;
	float: left;
	background-color: #eeeeee;
}

#top_banner p {
	font-size: 80%;
}

#banner_swf {
	width: 165px;
	font-size: 80%;
	background-color: #eeeeee;
}

#ticker_10 {
	padding: 5px 0px;
}

#ticker {
	width: 693px;
	padding: 0px;
	float: left;
	color: #555555;
	height: 20px;
}

#ticker p {
	font-size: 80%;
	background-color: #eeeeee;
}

#ticker .ticker_icon {
	width: 55px;
	height: 20px;
	margin-right: 5px;
	float: left;
}

#ticker .tickerfield {
	padding: 0px;
	width: 633px;
	float: left;
	padding-top: 2px;
}

#ticker .tickerfield marquee { width: 633px;}

#main #left {
	width: 178px;
	padding-right: 15px;
	float: left;
}

#main #middle {
	width: 500px;
	float: left;
}

#middle #mid_right {
	float: right;
	width: 245px;
	padding: 0px;
	margin: 0px;
}

#middle #mid_left {
	float: left;
	width: 245px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}


#main_right {
	width: 165px;
	float: left;
	padding: 0px 15px 0px 0px;
}

#ft {
	padding-top: 20px;
	clear: both;
	height: 30px !important;
}


/**Hader**/

.coop_logo {
	float: left;
	width: 240px;
	padding-left: 12px;
	/*width: 370px;*/
	height: 65px;
}

/*
.coop_logo a {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	text-decoration: none;
	width: 370px;
	height: 65px;
}
*/

.coop_slogan {
	float: left;
	width: 120px;
	height: 65px;
	background-image: url(../../images/common/img_hd_coop_slogan.gif);
	background-repeat: no-repeat;
}

.coop_slogan strong {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	text-decoration: none;
	width: 120px;
	height: 65px;
}

#right_left {
	width: 392px;
	height: 65px;
	float: left;
}

#coop_site_name {
	width: 100px;
	height: 30px;
	/*background-image: url(../../images/common/img_hd_coop_travel.gif);
	background-repeat: no-repeat;*/
	margin-left: 292px;
	margin-bottom: 5px;
	float: left;
}

*html #coop_site_name {
	margin-left: 146px;
}

#coop_site_name strong {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	text-decoration: none;
	width: 100px;
	height: 30px;
}

#coop_search {
	width: 395px;
	height: 30px;
	float: left;
}

#hd_coop_logo {
	width: 110px;
	height: 65px;
	float: right;
	padding-right: 15px;
}

.form_search_title {
	float: left;
	width: 50px;
	height: 30px;
	padding-left: 176px;
	background-image: url(../../images/common/img_hd_search.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
}
/*IE Only*/
*html .form_search_title {
	background-position: 2px right;
}


.form_search_title span  {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	text-decoration: none;
	width: 50px;
	height: 30px;
}

.from_search_txt {
	float: left;
	width: 110px;
	margin-top: 2px;
}
.from_search_txt .input_txt { 
	width: 110px;
	height: 18px;
	border: solid 1px #999999;
}

.form_search_btn {
	float: left;
	width: 46px;
	padding-left: 8px;
}

#hd_navigation {
	width: 873px;
	height: 30px;
	float: left;
	background-image: url(../../images/common/img_hd_menubar_blue.png);
	background-repeat: no-repeat;
	padding: 0px 15px 0px 12px;
}

#navi_1 {
	float: left;
	width: 340px;
	height: 30px;
}

#navi_1 ul {
	margin: 0px;
	padding: 0px;
}

#navi_1 ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

#navi_1 .tr_1 a,
#navi_1 .tr_2 a,
#navi_1 .tr_3 a {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	text-decoration: none;
	height: 30px;
}

#navi_1 .tr_1 a {
	background-image: url(../../images/common/navi/navi_1.png);
	width: 100px;
}

#navi_1 .tr_2 a {
	background-image: url(../../images/common/navi/navi_2.png);
	width: 140px;
}

#navi_1 .tr_3 a {
	background-image: url(../../images/common/navi/navi_3.png);
	width: 100px;
}

#navi_1 .tr_1 a:hover,
#navi_1 .tr_2 a:hover,
#navi_1 .tr_3 a:hover {
	background-position: 0px -30px;
}

#navi_1 .tr_1_on a,
#navi_1 .tr_2_on a,
#navi_1 .tr_3_on a {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	text-decoration: none;
	height: 30px;
}

#navi_1 .tr_1_on a {
	background-image: url(../../images/common/navi/navi_1.png);
	width: 100px;
	background-position: 0px -30px;
}

#navi_1 .tr_2_on a {
	background-image: url(../../images/common/navi/navi_2.png);
	width: 140px;
	background-position: 0px -30px;
}

#navi_1 .tr_3_on a {
	background-image: url(../../images/common/navi/navi_3.png);
	width: 100px;
	background-position: 0px -30px;
}


#navi_2 {
	float: right;
	width: 171px;
	height: 30px;
}

#navi_2 ul {
	margin: 0px;
	padding: 0px;
}

#navi_2 ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

#navi_2 .str_1 a,
#navi_2 .str_2 a,
#navi_2 .str_3 a {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	text-decoration: none;
	height: 30px;
}

#navi_2 .str_1 a {
	background-image: url(../../images/common/navi/sub_navi_1.png);
	width: 82px;
}

#navi_2 .str_2 a {
	background-image: url(../../images/common/navi/sub_navi_2.png);
	width: 82px;
}

#navi_2 .str_3 a {
	background-image: url(../../images/common/navi/sub_navi_3.png);
	width: 87px;
}

#navi_2 .sub_navi_sep {
	background-image: url(../../images/common/navi/sub_navi_sep.png);
	width: 2px;
	height: 30px;
}

#navi_2 .str_1 a:hover,
#navi_2 .str_2 a:hover,
#navi_2 .str_3 a:hover {
	background-position: 0px -30px;
}

#navi_2 .str_1_on a,
#navi_2 .str_2_on a,
#navi_2 .str_3_on a {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	text-decoration: none;
	height: 30px;
}

#navi_2 .str_1_on a {
	background-image: url(../../images/common/navi/sub_navi_1.png);
	width: 82px;
	background-position: 0px -30px;
}

#navi_2 .str_2_on a {
	background-image: url(../../images/common/navi/sub_navi_2.png);
	width: 82px;
	background-position: 0px -30px;
}

#navi_2 .str_3_on a {
	background-image: url(../../images/common/navi/sub_navi_3.png);
	width: 87px;
	background-position: 0px -30px;
}

#navi_2 a:link,
#navi_2 a:visited,
#navi_2 a:active { 
	color: #F1F1F1;
	text-decoration: none;
}

#navi_2 a:hover {
	color: #ffffff;
	text-decoration: none;
}

.ft_coop_logo {
	float: left;
	width: 200px;
	height: 30px;
	background-image: url(../../images/common/img_ft_coop_logo.png);
	background-repeat: no-repeat;
}

/*.ft_coop_logo a {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	text-decoration: none;
	width: 200px;
	height: 30px;
}*/

.ft_navi {
	float: left;
	width: 320px;
	font-size: 90%;
	color: #326CD1;
	padding: 9px 5px 0px 10px;
}

.ft_navi a:link,
.ft_navi a:visited,
.ft_navi a:active { 
	color: #326CD1;
	text-decoration: none;
}

.ft_navi a:hover {
	color: #FF8C11;
	text-decoration: none;
}

.ft_copy {
	float: left;
	width: 350px;
	font-size: 85%;
	text-align: right;
	padding-top: 8px;
	padding-right: 13px;
	color: #666666;
}
/*IE 6 Only*/
* html body .ft_copy {
	font-size: 80%;
}


/*.ft_copy {
	float: left;
	width: 350px;
	height: 30px;
	font-size: 90%;
	background-image: url(../../images/common/img_ft_copy.gif);
	background-repeat: no-repeat;
}*/

.ft_copy span {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	text-decoration: none;
	width: 350px;
	height: 30px;
}

/*Top Recoment*/
#recoment_1 {
	width: 245px;
	background-image: url(../../images/top/img_recoment_bg_1.png);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

#recoment_1 .recoment_title_1 {
	width: 245px;
	height: 33px;
}

#recoment_1 .recoment_ft_1 {
	width: 245px;
	height: 15px;
	background-image: url(../../images/top/img_recoment_btm_1.png);
	background-repeat: no-repeat;
	font-size: 1px;
}

#recoment_1 .recoment_main { 
	padding: 6px 15px 0px 15px;
	width: 215px;
}

#recoment_2 {
	width: 245px;
	background-image: url(../../images/top/img_recoment_bg_2.png);
	background-repeat: repeat-y;
}

#recoment_2 .recoment_title_2 {
	width: 245px;
	height: 33px;
}

#recoment_2 .recoment_ft_2 {
	width: 245px;
	height: 15px;
	background-image: url(../../images/top/img_recoment_btm_2.png);
	background-repeat: no-repeat;
	font-size: 1px;
}

#recoment_2 .recoment_main { 
	padding: 6px 15px 0px 15px;
	width: 215px;
}

#recoment_3 {
	width: 245px;
	background-image: url(../../images/top/img_recoment_bg_3.png);
	background-repeat: repeat-y;
}

#recoment_3 .recoment_title_3 {
	width: 245px;
	height: 33px;
}

#recoment_3 .recoment_ft_3 {
	width: 245px;
	height: 15px;
	background-image: url(../../images/top/img_recoment_btm_3.png);
	background-repeat: no-repeat;
	font-size: 1px;
}

#recoment_3 .recoment_main { 
	padding: 6px 15px 0px 15px;
	width: 215px;
}

/**Recoment**/

.recopment_1_hd,
.recopment_3_hd { padding-bottom: 5px;}

.recopment_2_hd { padding-bottom: 11px;}
/*IE Only*/
*html .recopment_2_hd { padding-bottom: 10px;}

.recopment_1_hd .title_img,
.recopment_3_hd .title_img {
	width: 115px;
	height: 20px;
	float: left;
}

.recopment_2_hd .title_img {
	width: 110px;
	height: 20px;
	float: left;
}


.recopment_1_hd .btn_domestic,
.recopment_3_hd .btn_abroad {
	width: 100px;
	height: 20px;
	float: left;
}

.recopment_2_hd .btn_hotel {
	width: 105px;
	height: 20px;
	float: left;
}

/***Roll over***/
.recopment_1_hd .btn_domestic ul,
.recopment_2_hd .btn_hotel ul,
.recopment_3_hd .btn_abroad ul {
	margin: 0px;
	padding: 0px;
}

.recopment_1_hd .btn_domestic ul li,
.recopment_2_hd .btn_hotel ul li,
.recopment_3_hd .btn_abroad ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

.recopment_1_hd .btn_1 a,
.recopment_2_hd .btn_2 a,
.recopment_3_hd .btn_3 a {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	text-decoration: none;
	height: 20px;
}

.recopment_1_hd .btn_1 a {
	background-image: url(../../images/top/btn_recoment_1.gif);
	width: 100px;
}

.recopment_2_hd .btn_2 a {
	background-image: url(../../images/top/btn_recoment_2.gif);
	width: 105px;
}

.recopment_3_hd .btn_3 a {
	background-image: url(../../images/top/btn_recoment_3.gif);
	width: 100px;
}

.recopment_1_hd .btn_1 a:hover,
.recopment_2_hd .btn_2 a:hover,
.recopment_3_hd .btn_3 a:hover {
	background-position: 0px -20px;
}


.recoment_cont { padding: 5px 0px;}

.recoment_cont .recoment_tour_img {
	width: 70px;
	height: 70px;
	padding-right: 15px;
	float: left;
}

.recoment_cont .recoment_link {
	width: 130px;
	float: right;
	padding-bottom: 5px;
}
/*IE 6 Only*/
* html body .recoment_cont .recoment_link {
	padding-bottom: 2px;
	margin-bottom: 0px;
	line-height: 1.2em;
}

.recoment_cont .recoment_disc {
	width: 130px;
	float: right;
	font-size: 90%;
}

/*IE 6 Only*/
* html body .recoment_cont .recoment_disc {
	width: 130px;
	float: right;
	font-size: 85%;
}

.recoment_line {
	height: 1px;
	margin-bottom: 5px;
	padding-top: 9px;
	font-size: 1px;
	clear: both;
	/*background-color: #b6b5b5;*/
	border-bottom: 1px solid #b6b5b5;
}

.recoment_line_2 {
	height: 1px;
	margin-bottom: 17px;
	padding-top: 20px;
	font-size: 1px;
	clear: both;
	/*background-color: #b6b5b5;*/
	border-bottom: 1px solid #b6b5b5;
}

/**Banner**/
.banner_left {
	width:178px;
	padding-bottom: 10px;
}

.banner_left_txt {
	width:172px;
	font-size: 80%;
	/font-size: 75%;
	padding: 0px 3px 10px 3px;
	color: #666666;
}

.banner_right {
	width: 165px;
	padding-bottom: 10px;
}

.banner_right img,
.banner_right a img,
.banner_right a:link img,
.banner_right a:hover img,
.banner_right a:visited img,
.banner_right a:active img, {
	text-decoration: none;
	border: none;
}

/**Links**/
.coop_links {
	width: 165px;
	background-image: url(../../images/links/img_cooplink_bg_1.gif);
	background-repeat: repeat-y;
}

.coop_links .links_title_1 {
	width: 165px;
	height: 33px;
}

.coop_links .links_ft_1 {
	width: 165px;
	height: 7px;
	background-image: url(../../images/links/img_trans_wr_links_1_btm.gif);
	background-repeat: no-repeat;
	font-size: 1px;
}

.coop_links .links_main {
	width: 145px;	
	padding: 0px 10px;
}

.coop_links .links_main ul {
	margin: 0px;
	padding: 0px;
}

.coop_links .links_main li {
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
}

#info { width: 500px;}

#info .info_title {
	width: 500px;
	margin-bottom: 15px;
}

#info .info_cont { 
	width: 500px;
	margin-bottom: 3px;
}

#info .info_cont .info_icon { 
	width: 55px;
	height: 20px;
	padding-right: 10px;
	float: left;
}
#info .info_cont .info_date { 
	width: 110px;
	float: left;
	padding-top: 2px;
}
#info .info_cont .info_txt { 
	width: 325px;
	float: left;
	padding-top: 2px;
}



/*Category*/
/***Left Menu Basic Color***/
.cat_main { color: #999999;}
/******/

#cat_left_1 {
	width: 178px;
	background-image: url(../../images/common/category/img_category_bg_1.png);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

#cat_left_1 .cat_title_1 {
	width: 178px;
	height: 35px;
}

#cat_left_1 .cat_left_ft_1 {
	width: 178px;
	height: 7px;
	background-image: url(../../images/common/category/img_trans_wr_cat_1_btm.gif);
	background-repeat: no-repeat;
	font-size: 1px;
}

#cat_left_1 .cat_main {
	width: 158px;	
	padding: 3px 10px 0px 10px;
}

#cat_left_1 .cat_main ul {
	margin: 0px;
	padding: 0px;
}

#cat_left_1 .cat_main li {
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
	background-image: url(../../images/common/list/list_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
}

/***Left Menu - Domestic ***/
#cat_left_1 a:link,
#cat_left_1 a:visited,
#cat_left_1 a:active { 
	/*color: #F56D01;*/
	color: #000000;
	text-decoration: none;
}

#cat_left_1 a:hover {
	color: #F56D01;
	text-decoration: underline;
}
/******/

#cat_left_2 {
	width: 178px;
	background-image: url(../../images/common/category/img_category_bg_2.png);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

#cat_left_2 .cat_title_2 {
	width: 178px;
	height: 35px;
}

#cat_left_2 .cat_left_ft_2 {
	width: 178px;
	height: 7px;
	background-image: url(../../images/common/category/img_trans_wr_cat_2_btm.gif);
	background-repeat: no-repeat;
	font-size: 1px;
}

#cat_left_2 .cat_main {
	width: 158px;	
	padding: 3px 10px 0px 10px;
}

#cat_left_2 .cat_main ul {
	margin: 0px;
	padding: 0px;
}

#cat_left_2 .cat_main li {
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
	background-image: url(../../images/common/list/list_2.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
}

/***Left Menu - Hotel ***/
#cat_left_2 a:link,
#cat_left_2 a:visited,
#cat_left_2 a:active { 
	/*color: #FF524E;*/
	color: #000000;
	text-decoration: none;
}

#cat_left_2 a:hover {
	color: #FF524E;
	text-decoration: underline;
}
/******/

#cat_left_3 {
	width: 178px;
	background-image: url(../../images/common/category/img_category_bg_3.png);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

#cat_left_3 .cat_title_3 {
	width: 178px;
	height: 35px;
}

#cat_left_3 .cat_left_ft_3 {
	width: 178px;
	height: 7px;
	background-image: url(../../images/common/category/img_trans_wr_cat_3_btm.gif);
	background-repeat: no-repeat;
	font-size: 1px;
}

#cat_left_3 .cat_main {
	width: 158px;	
	padding: 3px 10px 0px 10px;
}

#cat_left_3 .cat_main ul {
	margin: 0px;
	padding: 0px;
}

#cat_left_3 .cat_main li {
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
	background-image: url(../../images/common/list/list_3.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
}

/***Left Menu - Abroad ***/
#cat_left_3 a:link,
#cat_left_3 a:visited,
#cat_left_3 a:active { 
	/*color: #4AA550;*/
	color: #000000;
	text-decoration: none;
}

#cat_left_3 a:hover {
	color: #4AA550;
	text-decoration: underline;
}

/***Left Menu - Resort Village Plan ***/
#cat_left_4 {
	width: 178px;
	margin-bottom: 10px;
}
#cat_left_4 .cat_title_4 {
	width: 178px;
	height: 35px;
}

/******/

#cat_left_5 {
	width: 178px;
	background-image: url(../../images/common/category/img_category_bg_5.png);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

#cat_left_5 .cat_title_5 {
	width: 178px;
	height: 35px;
}

#cat_left_5 .cat_left_ft_5 {
	width: 178px;
	height: 7px;
	background-image: url(../../images/common/category/img_trans_wr_cat_5_btm.gif);
	background-repeat: no-repeat;
	font-size: 1px;
}

#cat_left_5 .cat_main {
	width: 158px;	
	padding: 3px 10px 0px 10px;
}

#cat_left_5 .cat_main ul {
	margin: 0px;
	padding: 0px;
}

#cat_left_5 .cat_main li {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	/*line-height: 1.5em;*/
	background-image: url(../../images/common/list/list_5.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
}

/***Left Menu - Domestic ***/
#cat_left_5 a:link,
#cat_left_5 a:visited,
#cat_left_5 a:active { 
	/*color: #F56D01;*/
	color: #000000;
	text-decoration: none;
}

#cat_left_5 a:hover {
	color: #F56D01;
	text-decoration: underline;
}

#cat_left_5 .pdfreader {
	font-size: 80%;
	color: #666666;
	padding: 2px 0px 5px 0px;
}

#cat_left_5 .pdfreader a:link,
#cat_left_5 .pdfreader a:visited,
#cat_left_5 .pdfreader a:active { 
	color: #326CD1;
	text-decoration: underline;
}

#cat_left_5 .pdfreader a:hover {
	color: #FF8C11;
	text-decoration: underline;
}

/******/


#fj_realtime_rebuild_ajax { font-size: 1px;}