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

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

.maincol_explanation, .event_catCol, .main_photo, .photoBox, #about_project, #about_banner, #whale_association, #eco_photo, #coral_project, .access_menu, .tomarinmap, .info_databox {
	height		: 1%;
}

.maincol_explanation:after, .event_catCol:after, .main_photo:after, .photoBox:after, #about_project:after, #about_banner:after, #whale_association:after, #eco_photo:after, #coral_project:after, .access_menu:after, .tomarinmap:after, .info_databox:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}

/* ============= 座間味についてトップページ ============= */

/* ============= maincol_top ============= */

#maincol_top {
	width		: 572px;
	height		: 323px;
	background-image	: url("../img/about_top_bg.jpg");
	background-repeat	: no-repeat;
	background-position	: right top;
}

#maincol_about {
	color		: #FFF;
	background-color	: #FF1A00;
	width		: 114px;
	font-size	: 12px;
	line-height	: 140%;
	position	: relative;
	top		: 56px;
	left		: 8px;
}




/* ============= maincol_explanation ============= */

.maincol_explanation {
	width		: 572px;
	margin-top	: 8px;
}

.explanation_lead {
	width		: 342px;
	float		: left;
}

.explanation_lead p {
	font-size	: 12px;
	color		: #6f6f6f;
	line-height	: 130%;
}


.explanation_photo {
	width		: 204px;
	float		: right;
}

/* ============= about_subcat ============= */

#about_subcat {
	margin	: 40px 0 15px 0;
}

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

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

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

#about_subcat li#about_subcat_zamami {
	background-image	: url("../img/about_subcut_zamami.jpg");
}

#about_subcat li#about_subcat_map {
	background-image	: url("../img/about_subcut_map.jpg");
}

#about_subcat li#about_subcat_access {
	background-image	: url("../img/about_subcut_access.jpg");
}

#about_subcat li#about_subcat_info {
	background-image	: url("../img/about_subcut_info.jpg");
}


/* ============= 座間味について　概要ページ ============= */

.maincol_outline {
	margin	: 10px 0 5px 0;
}

.maincol_outline h4, .maincol_outline h5 {
	margin	: 8px 0 8px 0;
}

.maincol_outline h6 {
	margin	: 12px 0 6px 0;
	font-size		: 12px;
	font-weight		: normal;
	color			: #6f6f6f;
}


/* ============= about_project ============= */

#about_project {
	margin	: 40px 0 15px 0;
}

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

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

#about_project li span {
	position	: relative;
	top		: 98px;
	text-align	: center;
}

#about_project li#about_project_whale {
	background-image	: url("../img/about_son_torikumi1.jpg");
}

#about_project li#about_project_eco {
	background-image	: url("../img/about_son_torikumi2.jpg");
}

#about_project li#about_project_ramsar {
	background-image	: url("../img/about_son_torikumi3.jpg");
}

#about_project li#about_project_coral {
	background-image	: url("../img/about_son_torikumi4.jpg");
}

/* ============= about_banner ============= */

#about_banner {
	margin	: 40px 0 15px 0;
}



/* ============= 座間味について　取り組み　ホエールウォッチング ============= */

#whale_rule {
	margin		: 15px 0 7px 0;
}

#whale_rule p {
	font-size	: 12px;
	color		: #DF9013;
	margin		: 8px 0 8px 0;
}

#whale_association {
	background-color	: #FFEFCC;
	padding		: 8px;
	margin		: 15px 0 0 0;
}

#whale_association h5 {
	font-size	: 14px;
	color		: #DF9013;
	margin-bottom		: 5px;
}

#association_col {
	width	: 265px;
	float	: left;
}

#association_col p {
	font-size	: 12px;
	color		: #6f6f6f;
	line-height	: 140%;

}

#association_list {
	font-size	: 12px;
	color		: #DF9013;
	line-height	: 140%;
	float		: right;
}


/* ============= 座間味について　取り組み　エコツーリズム ============= */

#eco_photo {
	width	: 572px;
	margin	: 20px 0 10px 0;
}

.photo_left {
	float	: left;
	margin-right	: 16px;
}

.photo_right {
	float	: right;
}


/* ============= 座間味について　取り組み　ラムサール ============= */

#ramsar_rule {
	font-size	: 12px;
	color	: #FF1A00;
	margin-top	: 15px;
}

#ramsar_rule ul {
	padding-left	: 18px;
}


#ramsar_rule p {
	font-size	: 12px;
	color	: #FF1A00;
	margin	: 0 0 4px 0;
}

#ramsar_summary {
	width		: 204px;
	float		: right;
	background-color	: #FFEFCC;
	margin	: 8px 0 0 0;
}

#ramsar_summary h6 {
	font-size	: 16px;
	color		: #DF9013;
}

#ramsar_summary p {
	font-size	: 12px;
	color		: #DF9013;
	line-height	: 130%;
}

#ramsar_box {
	padding		: 8px;
}

.maincol_outline #ramsar_box h6 {
	margin	: 0 0 5px 0;
}

#ramsar_map {
	margin	: 15px 0 0 0;
}


/* ============= 座間味について　取り組み　さんご ============= */

#coral_project h6 {
	margin	: 20px 0 10px 0;
}

.coral_project_col {
	width	: 180px;
}

.coral_project_col dl {
	margin-top	: 15px;
}

.coral_project_col dt {
	margin-bottom		: 5px;
	font-size	: 14px;
	color	: #FF1A00;
	text-align	: center;
}

.coral_project_col dl {
	font-size	: 12px;
	color	: #6f6f6f;
	line-height	: 130%;
}


/* ============= 座間味について　マップ ============= */

.map_lead {
	width		: 192px;
	float		: left;
}

.map_lead p {
	font-size	: 12px;
	color		: #6f6f6f;
	line-height	: 130%;
}

.map_photo{
	width		: 339px;
	float		: right;
}


#map_space {
	margin-top	: 30px;
}

#map_space h4 {
	margin	: 8px 0 15px 0;
}

p#map_links {
	color		: #CCC;
	font-size	: 10px;
	text-align	: right;
}

/* ============= 座間味について　アクセス ============= */

.access_title {
	border-bottom		: 1px solid #FF1A00;
	padding-bottom		: 5px;
}

.shima_traffic {
	background-image	: url("../img/about_arrow.gif");
	background-repeat	: no-repeat;
	background-position	: left center;
	width	: 99px;
	position			: relative; 
	top		: -27px;
	left	: 472px;
	font-size	: 12px;
	color	: #6f6f6f;
	text-align	: right;
}

.mura_traffic {
	background-image	: url("../img/about_arrow.gif");
	background-repeat	: no-repeat;
	background-position	: left center;
	width	: 132px;
	position			: relative; 
	top		: -27px;
	left	: 440px;
	font-size	: 12px;
	color	: #6f6f6f;
	text-align	: right;
}

.kairo {
	margin	: 0 0 5px 0;
}

.access_menu {
	background-color	: #FFEFCC;
	padding		: 10px 20px 10px 20px;
	margin		: 15px 0 30px 0;
}

.access_menu h6 {
	font-size	: 14px;
	color		: #FF1A00;
	margin-bottom		: 5px;
}

.access_menu dl {
	font-size	: 12px;
	color	: #6f6f6f;
}

.access_menu dt {
	float	: left;
}

.access_menu p {
	font-size	:12px;
	color	: #6f6f6f;
	margin	: 10px 0 5px 0;
}

.time_schedule {
	margin	: 0 0 10px 0;
}

.tomarinmap {
	margin	: 20px	0 0 0;
}

.access_remark {
	width	: 192px;
	float	: left;
}

.access_remark li {
	font-size	: 12px;
	line-height	: 130%;
	color	: #6f6f6f;
}

.access_remark ul {
	padding-left	: 18px;
}

.under_space {
	margin-bottom		: 10px;
}


/* ============= under_navi ============= */

.under_navi {
	text-align	: right;
	font-size	: 12px;
	color		: #6f6f6f;
	margin-top	: 8px;
}

.under_navi ol {
	list-style-type		: none;
}

.under_navi li {
	background-repeat	: no-repeat;
	background-position	: left center;
	display		: inline;
	margin-left	: 7px;
	padding-left		: 12px;
}

#about_u_navi li {
	background-image	: url("../img/about_arrow.gif");
}

/* ============= 座間味について　インフォメーション ============= */

.info_bottom {
	margin-bottom	: 20px;
}

#info_title {
	font-size		: 14px;
	color			: #FF1A00;
}

.info_databox {
	width	: 572px;
	margin-bottom	: 20px;
}

.info_databox dl {
	width	: 274px;
	border-bottom		: 1px solid #D8D8D8;

}

.info_databox dt {
	font-size	: 12px;
	color		: #6f6f6f;
	margin	: 10px 0 5px 0;
}

.info_databox p {
	font-size	: 12px;
	color		: #6f6f6f;
	margin		: 0 0 3px 0;
}

.left_position {
	float	: left;
}

.right_position {
	float	: right;
}

.info_map {
	margin	: 20px 0 20px 0;
}