@charset 'utf-8';
@import url("common.css");

/* ============= clear ============= */

#activity_subcat, #activity_summary, #gohan_ind, #gohan_ind_detail, #gohan_ind_photos {
	height		: 1%;
}

#activity_subcat:after, #activity_summary:after, #gohan_ind:after, #gohan_ind_detail:after, #gohan_ind_photos:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}

/* ============= activity_top_summary ============= */

#activity_top_summary {
	background-image	: url("../img/kari_activity_top.jpg");
	background-repeat	: no-repeat;
	background-position	: right top;
	font-size	: 12px;
	line-height	: 140%;
	height		: 320px;
	min-height	: 320px;
}

#activity_top_summary h3 {
	margin-bottom	: 27px;
}

#activity_top_summary_text {
	width		: 200px;
}

#activity_navigation {
	font-size	: 12px;
}

.activity_chara_navi {
	width		: 170px;
	float		: left;
	line-height	: 140%;
}

.activity_chara_navi h4 {
	margin-bottom	: 14px;
}

#activity_navigation .middle {
	margin		: 0 31px 0 31px;
}

/* ============= カテゴリ第1層目 ============= */

#maincol_top {
	background-repeat	: no-repeat;
	background-position	: right top;
	height		: 326px;
	min-height	: 326px;
}

#maincol_top h3 {
	height		: 95px;
	overflow	: hidden;
}

.maincol_top_leisure {
	background-image	: url("../img/leisure_top_bg.jpg");
}

.maincol_top_gohan {
	background-image	: url("../img/gohan_top_bg.jpg");
}

.maincol_top_exchanges {
	background-image	: url("../img/exchanges_top_bg.jpg");
}

#maincol_news {
	width		: 180px;
	font-size	: 10px;
	margin-top	: 25px;
}

#maincol_news h4 {
	font-size	: 12px;
	color		: #73DBFF;
}

#maincol_news dl, #explanation_news dl {
	line-height	: 130%;
}

#maincol_news dt, #explanation_news dt {
	margin-top	: 6px;
	color		: #73DBFF;
	font-weight	: bold;
}

#maincol_news dd, #explanation_news dd {
	margin-top	: 2px;
	color		: #6f6f6f;
}

#maincol_gohan {
	color		: #BE4D14;
	background-color	: #FBCA3F;
	width		: 147px;
	font-size	: 12px;
	line-height	: 140%;
	position	: relative;
	top		: 128px;
	left		: 132px;
}

#maincol_exchanges {
	color		: #FFF;
	background-color	: #3D8801;
	width		: 110px;
	font-size	: 12px;
	line-height	: 160%;
	position	: relative;
	top		: 38px;
	left		: 20px;
}

/* ============= カテゴリ第2層目 ============= */

.ex_banner {
	margin-bottom	: 15px;
}

#exchanges_outline, #exchanges_result {
	font-size	: 12px;
	line-height	: 140%;
	margin-bottom	: 35px;
}

#exchanges_outline h4, #exchanges_result h4 {
	margin-bottom	: 15px;
}

#exchanges_result_18 {
	margin-bottom	: 15px;
	padding		: 15px 0 5px 0;
	border-top	: 1px solid #D8D8D8;
	border-bottom	: 1px solid #D8D8D8;
}

#exchanges_result_18 h5 {
	color		: #3D8801;
	font-size	: 14px;
	font-weight	: normal;
	margin-bottom	: 15px;
}

#exchanges_result_18 li {
	color		: #3D8801;
	font-size	: 18px;
	margin-bottom	: 10px;
}

.exchanges_detail_box {
	margin-bottom	: 30px;
}

.exchanges_detail_box h4 {
	color		: #3D8801;
	font-size	: 14px;
	font-weight	: normal;
	margin-bottom	: 10px;
}

/* ============= activity_summary ============= */

#activity_summary {
	font-size	: 12px;
	margin-bottom	: 40px;
}

#activity_summary h4 {
	margin-bottom	: 10px;
}

#activity_summary_text {
	width		: 340px;
	float		: left;
	line-height	: 140%;
}

#activity_summary_photo {
	width		: 204px;
	float		: right;
}

/* ============= activity_subcat ============= */

#activity_subcat {
	margin-bottom	: 15px;
}

#activity_subcat li, #activity_subcat li a {
	width		: 143px;
	height		: 99px;
	display		: block;
	text-decoration	: none;
}

#activity_subcat li {
	background-repeat	: no-repeat;
	background-position	: right top;
	font-size	: 12px;
	text-align	: center;
	float		: left;
}

#activity_subcat li span {
	position	: relative;
	top		: 81px;
}

#activity_subcat li#activity_subcat_whale {
	background-image	: url("../img/activity_subcat_whale_bg.jpg");
}

#activity_subcat li#activity_subcat_diving {
	background-image	: url("../img/activity_subcat_diving_bg.jpg");
}

#activity_subcat li#activity_subcat_snorkel {
	background-image	: url("../img/activity_subcat_snorkel_bg.jpg");
}

#activity_subcat li#activity_subcat_camp {
	background-image	: url("../img/activity_subcat_camp_bg.jpg");
}

#activity_subcat li#activity_subcat_kayak {
	background-image	: url("../img/activity_subcat_kayak_bg.jpg");
}

#activity_subcat li#activity_subcat_trekking {
	background-image	: url("../img/activity_subcat_trekking_bg.jpg");
}

#activity_subcat li#activity_subcat_eventtour {
	background-image	: url("../img/activity_subcat_eventtour_bg.jpg");
}

#activity_subcat_exsummary {
	background-image	: url("../img/activity_subcat_exsummary_bg.jpg");
}

#activity_subcat li#activity_subcat_tour {
	background-image	: url("../img/activity_subcat_tour_bg.jpg");
}

#activity_subcat li#activity_subcat_exblog {
	background-image	: url("../img/activity_subcat_exblog_bg.jpg");
}

#activity_subcat li#activity_subcat_omoide {
	background-image	: url("../img/activity_subcat_omoide_bg.jpg");
}

/* ============= gohan entry ============= */

#gohan_ind {
	background-color	: #F8F6F2;
	padding		: 10px 15px;
}

#gohan_ind_summary {
	width		: 257px;
	float		: right;
	font-size	: 12px;
}

#gohan_ind_summary h4 {
	color		: #DF9013;
	font-size	: 22px;
	font-weight	: normal;
	line-height	: 100%;
	margin-bottom	: 10px;
	padding-left	: 10px;
	border-left	: 5px solid #DF9013;
}
#gohan_ind_body, #gohan_ind_detail, #gohan_ind_contact {
	background-image	: url("../img/dot_gray.gif");
	background-repeat	: repeat-x;
	background-position	: left top;
	padding		: 10px 0;
}

#gohan_ind_detail, #gohan_ind_contact {
	color		: #DF9013;
	font-size	: 14px;
}

#gohan_ind_detail dl {
	margin-bottom	: 5px;
}

#gohan_ind_detail dt {
	display		: inline;
	margin-right	: 10px;
}

#gohan_ind_detail dd {
	display		: inline;
}

#gohan_ind_contact dt, #gohan_ind_contact dd {
	display		: inline;
}

#gohan_ind_photos p {
	margin-bottom	: 10px;
}

#gohan_ind_photos li {
	display		: inline;
	margin-right	: 10px;
}