@charset "utf-8";

/* =======================================

	English CSS

========================================== */

/* Structure
****************************************************************************************/
body.en {font-family: Verdana, Helvetica, sans-serif;}

body.en #document {
}

body.en #header {
}

body.en #main {
}

body.en #contents {
}

body.en #sideArea {
}
	
	/* localNavi
	---------------------------------------- */
	body.en #sideArea ul#localNavi {
		padding: 4px 13px 0;
		height: 432px;
	}
	
	body.en #sideArea ul#localNavi li {
		margin-top: 14px;
	}

body.en #footer {
}



/* header
****************************************************************************************/
body.en #header {
	padding-top: 26px;
}

body.en #header h1#siteTitle {
	margin: 0 0 28px 39px;
}

body.en #header ul#headerNavi {
	top: 41px;
	left: 772px;
	width: 178px;
}

body.en #header ul#headerNavi li {
}

/* Globalnavi
========================================== */
body.en body.en #header ul#globalnavi {
}

body.en #header ul#globalnavi li {
}

body.en #header ul#globalnavi li.item01 {width: 101px;}
body.en #header ul#globalnavi li.item02 {width: 140px;}
body.en #header ul#globalnavi li.item03 {width: 214px;}
body.en #header ul#globalnavi li.item04 {width: 242px;}
body.en #header ul#globalnavi li.item05 {width: 205px;}

body.en #header ul#globalnavi li a {background: url(../images/base/globalnavi_bg_02.png) no-repeat;}

body.en #header ul#globalnavi li.item01 a {background-position:     0  0;}
body.en #header ul#globalnavi li.item02 a {background-position: -101px 0;}
body.en #header ul#globalnavi li.item03 a {background-position: -241px 0;}
body.en #header ul#globalnavi li.item04 a {background-position: -455px 0;}
body.en #header ul#globalnavi li.item05 a {background-position: -697px 0;}

body.en #header ul#globalnavi li a:hover {
	background-color: #FFF;
}

body.en #header ul#globalnavi li a:hover img {
	visibility: hidden;
}

/* When Active Page */
body.en#home                  ul#globalnavi li.item01 a {background-position:     0  0 !important;}
body.about_sicc               ul#globalnavi li.item02 a {background-position: -101px 0 !important;}
body.sarufutsu_itou_no_kai    ul#globalnavi li.item03 a {background-position: -241px 0 !important;}
body.rivers_in_sarufutsu_town ul#globalnavi li.item04 a {background-position: -455px 0 !important;}
body.nature_of_sarufutsu      ul#globalnavi li.item05 a {background-position: -697px 0 !important;}

/* When Active Page */
body.about_sicc               ul#globalnavi li.item02 a img,
body.sarufutsu_itou_no_kai    ul#globalnavi li.item03 a img,
body.rivers_in_sarufutsu_town ul#globalnavi li.item04 a img,
body.rivers_in_sarufutsu      ul#globalnavi li.item05 a img { visibility: hidden;}



/* footer
****************************************************************************************/
body.en #footer {
}

/* Footer Navi
========================================== */
body.en #footer ul#footerNavi {
	margin: 0 0 11px 157px;
	width: 628px;
}

body.en #footer ul#footerNavi li {
	height: 11px;
	overflow: hidden;
}

body.en #footer ul#footerNavi li a {
}


/* Copyright
========================================== */
body.en #footer p#copyright {
	margin: 0 0 0 261px;
}



/* Text Decorations
****************************************************************************************/
body.en #contents p, #contents address, #contents th, #contents td {
	font-size: 92.4%;
	line-height: 1.5;
}

body.en #contents li, #contents dt, #contents dd {
	font-size: 92.4%;
	line-height: 1.5;
}

body.en #contents p {
	margin: 0 0 20px;
}


/* Contents
****************************************************************************************/
body.en #contents {
}

body.en #contents h2 {
	margin-bottom: 34px;
}



/* About Sicc
****************************************************************************************/

/* Greeting
========================================== */
body.about_sicc#greetingIndex #contents .messageUnit {
	margin: 0 0 30px;
	zoom: 1;
}
body.about_sicc#greetingIndex #contents .messageUnit:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

	/* Image
	---------------------------------------- */
	body.about_sicc#greetingIndex #contents .messageUnit .image {
		float: left;
		display: inline;
		width: 155px;
	}
	
	/* Contents
	---------------------------------------- */
	body.about_sicc#greetingIndex #contents .messageUnit .contents {
		float: right;
		display: inline;
		width: 500px;
	}
	
	body.about_sicc#greetingIndex #contents .messageUnit .contents p {
		margin: 0 0 20px;
	}
	
	body.about_sicc#greetingIndex #contents .messageUnit .contents p#presidentSignature {
		margin: 65px 0 0;
		text-align: right;
	}


/* Purpose of the council Index
========================================== */
body.about_sicc#purpose_of_the_councilIndex #main {background: url(../images/about_sicc/purposeofthecouncil_bg_01.png) no-repeat 270px 40px;}



/* Sarufutsu Itou no kai
****************************************************************************************/

/* Main
========================================== */
body.sarufutsu_itou_no_kai#biology_of_itouIndex      #main {background: url(../../images/scarce_fish_itou/ecology_bg_01.jpg) no-repeat 270px 0;}
body.sarufutsu_itou_no_kai#phantomfish_itouIndex     #main {background: url(../../images/scarce_fish_itou/whysoscarce_bg_01.jpg) no-repeat 270px 0;}
body.sarufutsu_itou_no_kai#inhabiting_situationIndex #main {background: url(../../images/scarce_fish_itou/habitatinhokkaido_bg_01.jpg) no-repeat 270px 0;}
body.sarufutsu_itou_no_kai#red_databookIndex         #main {background: url(../../images/scarce_fish_itou/reddatabook_bg_01.jpg) no-repeat 270px 0;}


/* Contents
========================================== */
body.sarufutsu_itou_no_kai #contents {min-height: 850px;}
/* IE6 Only */
* html body.sarufutsu_itou_no_kai #contents {height: 850px;}

bodysarufutsu_itou_no_kai#inhabiting_situationIndex #contents {min-height: 685px;}
/* IE6 Only */
* html body.sarufutsu_itou_no_kai#inhabiting_situationIndex #contents {height: 685px;}



/* Rivers in Sarufutsu Town
****************************************************************************************/
/* Revers in Sarufutsu Index
========================================== */
body.rivers_in_sarufutsu_town#revers_in_sarufutsuIndex #contents .divideUnit {
}

body.rivers_in_sarufutsu_town#revers_in_sarufutsuIndex #contents .divideUnit .unit01 {
	position: relative;
	top: 20px;
	margin-top: 0;
}

body.rivers_in_sarufutsu_town#revers_in_sarufutsuIndex #contents .divideUnit .unit01 p {
}

body.rivers_in_sarufutsu_town#revers_in_sarufutsuIndex #contents .divideUnit .unit01 .section#PristineSarufutsuForests {
	margin: 60px 0 0;
}


/* Consetrving Riparian Forests Index
========================================== */
body.rivers_in_sarufutsu_town#consetrving_riparian_forestsIndex #contents {
}

body.rivers_in_sarufutsu_town#consetrving_riparian_forestsIndex #contents .divideUnit {
}

body.rivers_in_sarufutsu_town#consetrving_riparian_forestsIndex #contents .divideUnit .unit01 {
	position: relative;
	top: 40px;
	margin-top: -20px;
}

body.rivers_in_sarufutsu_town#consetrving_riparian_forestsIndex #contents .divideUnit .unit01 p {
}

body.rivers_in_sarufutsu_town#consetrving_riparian_forestsIndex #contents .section#riparianForestsInTheSarufutasu {
}

body.rivers_in_sarufutsu_town#consetrving_riparian_forestsIndex #contents .section#riparianForestsInTheSarufutasu .section {
}

body.rivers_in_sarufutsu_town#consetrving_riparian_forestsIndex #contents .section#riparianForestsInTheSarufutasu .section p.image {
	margin: 0 0 0 68px;
}


/* Environmental Conservation Index
========================================== */
body.rivers_in_sarufutsu_town#environmental_conservationIndex #contents .section#environmentOujinomori .divideUnit {
	margin-bottom: 20px;
}

body.rivers_in_sarufutsu_town#environmental_conservationIndex #contents .section#environmentOujinomori .divideUnit .unit02 {
}

body.rivers_in_sarufutsu_town#environmental_conservationIndex #contents .section#environmentOujinomori .divideUnit .unit03 {
}



/* English Home
****************************************************************************************/
/* Header
========================================== */
body.en#home #header {
	padding-top: 32px;
}

body#home #header ul#headerNavi {
	top: 47px;
	left: 734px;
	width: 178px;
	zoom: 1;
}


/* Main
========================================== */
body.en#home #main {
	margin-bottom: 36px;
}


/* Globalnavi
========================================== */
body.en#home #contents ul#globalnavi {
	width: 950px;
	zoom: 1;
}

body.en#home #contents ul#globalnavi:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

body.en#home #contents ul#globalnavi li {
	float: left;
	display: inline;
	width: 238px;
}
body.en#home #contents ul#globalnavi li.item02,
body.en#home #contents ul#globalnavi li.item03 {width: 237px;}

body.en#home #contents ul#globalnavi li a {
	display: block;
	background: url(../images/home/globalnavi_bg_01.png) no-repeat;
}

body.en#home #contents ul#globalnavi li.item01 a {background-position:     0  0;}
body.en#home #contents ul#globalnavi li.item02 a {background-position: -238px 0;}
body.en#home #contents ul#globalnavi li.item03 a {background-position: -475px 0;}
body.en#home #contents ul#globalnavi li.item04 a {background-position: -712px 0;}

body.en#home #contents ul#globalnavi li a:hover {
	background-color: #FFF;
}

body.en#home #contents ul#globalnavi li a:hover img {
	visibility: hidden;
}

/* Footer
========================================== */
body.en#home #footer {
}

body.en#home #footer p#copyright {
	margin: 0 0 30px;
	text-align: center;
}