@charset "utf-8";





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::



	file name : mission.css



 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */





/* ********************************************************************************

 * CLEARFIX

 * ******************************************************************************** */



body.mission div#main dl.links dd ul:after,

div#main div.section:after,

div.floodControlMeasures ul:after,

div.earthquake ul:after,

div.anathermal ul:after,

div.naturalEnergy ul:after {

	content:".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

body.mission div#main dl.links dd ul,

div#main div.section,

div.floodControlMeasures ul,

div.earthquake ul,

div.anathermal ul,

div.naturalEnergy ul {

	display: inline-block;

}

* html body.mission div#main dl.links dd ul,

* html div#main div.section,

* html div.floodControlMeasures ul,

* html div.earthquake ul,

* html div.anathermal ul,

* html div.naturalEnergy ul {

	height: 1%;

}

body.mission div#main dl.links dd ul,

div#main div.section,

div.floodControlMeasures ul,

div.earthquake ul,

div.anathermal ul,

div.naturalEnergy ul {

	display: block;

}





/* ********************************************************************************

 * ■建設業の役割

 * file path : /mission/

 * body class name : body.mission

 * ******************************************************************************** */



/* div#main

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

body.mission div#main {

	float: right;

	width: 638px;

	padding-bottom: 20px;

}

/* h1#pageTitle */

body.mission div#main h1#pageTitle {

	margin-bottom: 15px;

}

/* p.lead */

body.mission div#main p.lead {

	margin-bottom: 15px;

	line-height: 1.6;

}

/* ul.pageNavi

------------------------------------------------------------*/

body.mission div#main ol.pageNavi {

	margin: 0 0 27px 20px;

}

body.mission div#main ol.pageNavi li {

	margin-bottom: 7px;

	font-size: 0;

	line-height: 0;

}

/* dl.links

------------------------------------------------------------*/

body.mission div#main dl.links {

}

body.mission div#main dl.links dt {

	margin-bottom: 6px;

}

body.mission div#main dl.links dd {

	margin-left: 15px;

}

/* ul */

body.mission div#main dl.links dd ul li {

	float: left;

	margin-bottom: 5px;

	padding-right: 16px;

	line-height: 1.2;

	white-space: nowrap;

}

body.mission div#main dl.links dd ul li a {

	display: block;

	padding-left: 16px;

	background: url(../assets/images/icon_arrow_1.gif) 0 0.2em no-repeat;

}

body.mission div#main dl.links dd ul li a:visited {

	background-image: url(../assets/images/icon_arrow_1_visited.gif);

}

body.mission div#main dl.links dd ul li a:hover {

	background-image: url(../assets/images/icon_arrow_1.gif);

}

/* img.frame196x134 */

img.frame196x134 {

	padding: 8px 8px 8px 7px;

	background: url(../assets/images/bg_frame_196x134.gif) 0 0 no-repeat;

}



/* div#mission1

 * -------------------------------------------------------------------------------- */

body.mission div#main div#mission1 {

	margin-bottom: 20px;

}

/* h2 */

body.mission div#main div#mission1 h2 {

	margin-bottom: 20px;

}

/* p.description */

body.mission div#main div#mission1 p.description {

	margin-bottom: 20px;

	line-height: 1.6;

}

/* p.example */

body.mission div#main div#mission1 p.example {

	margin-bottom: 15px;

}



/* div#mission2

 * -------------------------------------------------------------------------------- */

body.mission div#main div#mission2 {

	margin-bottom: 20px;

}

/* h2 */

body.mission div#main div#mission2 h2 {

	margin-bottom: 17px;

}

/* p.description */

body.mission div#main div#mission2 p.description {

	margin-bottom: 20px;

	line-height: 1.6;

}

/* div.floodControlMeasures

------------------------------------------------------------*/

body.mission div#main div#mission2 div.floodControlMeasures {

	float: left;

	width: 417px;

}

/* h3 */

body.mission div#main div#mission2 div.floodControlMeasures h3 {

	margin-bottom: 9px;

}

/* ul */

body.mission div#main div#mission2 div.floodControlMeasures ul {

	width: 442px;

	margin-left: -25px;

}

body.mission div#main div#mission2 div.floodControlMeasures ul li {

	display: inline;

	float: left;

	width: 196px;

	margin-left: 25px;

}

/* dl */

body.mission div#main div#mission2 div.floodControlMeasures ul li dl dd {

	margin-top: 5px;

	line-height: 1.4;

}

/* div.rehabilitation

------------------------------------------------------------*/

body.mission div#main div#mission2 div.rehabilitation {

	float: right;

	width: 196px;

}

/* h3 */

body.mission div#main div#mission2 div.rehabilitation h3 {

	margin-bottom: 9px;

}

/* dl */

body.mission div#main div#mission2 div.rehabilitation dl dd {

	margin-top: 5px;

	line-height: 1.4;

}

/* div.earthquake

------------------------------------------------------------*/

body.mission div#main div#mission2 div.earthquake {

	margin-top: 15px;

}

/* h3 */

body.mission div#main div#mission2 div.earthquake h3 {

	margin-bottom: 18px;

}

/* ul */

body.mission div#main div#mission2 div.earthquake ul {

	width: 663px;

	margin: 0 0 20px -25px;

}

body.mission div#main div#mission2 div.earthquake ul li {

	display: inline;

	float: left;

	width: 195px;

	margin-left: 25px;

}

/* dl */

body.mission div#main div#mission2 div.earthquake ul li dl dd {

	margin-top: 3px;

	line-height: 1.4;

}



/* div#mission2

 * -------------------------------------------------------------------------------- */

body.mission div#main div#mission3 {

	margin-bottom: 20px;

}

/* h2 */

body.mission div#main div#mission3 h2 {

	margin-bottom: 17px;

}

/* p.description */

body.mission div#main div#mission3 p.description {

	margin-bottom: 20px;

	line-height: 1.6;

}

/* div.section

------------------------------------------------------------*/

body.mission div#main div#mission3 div.section {

	margin-bottom: 20px;

}

/* div.anathermal, div.naturalEnergy

------------------------------------------------------------*/

body.mission div#main div#mission3 div.anathermal,

body.mission div#main div#mission3 div.naturalEnergy {

	margin-bottom: 20px;

}

/* h3 */

body.mission div#main div#mission3 div.anathermal h3,

body.mission div#main div#mission3 div.naturalEnergy h3 {

	margin-bottom: 9px;

}

/* ul */

body.mission div#main div#mission3 div.anathermal ul,

body.mission div#main div#mission3 div.naturalEnergy ul {

	width: 662px;

	margin: 0 0 15px -24px;

}

body.mission div#main div#mission3 div.anathermal ul li,

body.mission div#main div#mission3 div.naturalEnergy ul li {

	display: inline;

	float: left;

	width: 196px;

	margin-left: 24px;

}

/* dl */

body.mission div#main div#mission3 div.anathermal ul li dl dd,

body.mission div#main div#mission3 div.naturalEnergy ul li dl dd {

	margin: 1px 0 0 10px;

	padding-left: 10px;

	background: url(../assets/images/icon_trigonal_1.gif) 0 0.4em no-repeat;

	font-size: 77%;

	line-height: 1.2;

}

/* p */

body.mission div#main div#mission3 div.anathermal p,

body.mission div#main div#mission3 div.naturalEnergy p {

	line-height: 1.6;

}

/* div.biogeocenosis

------------------------------------------------------------*/

body.mission div#main div#mission3 div.biogeocenosis {

	float: left;

	width: 196px;

}

/* h3 */

body.mission div#main div#mission3 div.biogeocenosis h3 {

	margin-bottom: 9px;

}

/* dl */

body.mission div#main div#mission3 div.biogeocenosis dl {

	margin-bottom: 15px;

}

body.mission div#main div#mission3 div.biogeocenosis dl dd {

	margin: 1px 0 0 10px;

	padding-left: 10px;

	background: url(../assets/images/icon_trigonal_1.gif) 0 0.4em no-repeat;

	font-size: 77%;

	line-height: 1.2;

}

/* p */

body.mission div#main div#mission3 div.biogeocenosis p {

	line-height: 1.6;

}

/* div.zeroEmission

------------------------------------------------------------*/

body.mission div#main div#mission3 div.zeroEmission {

	float: right;

	width: 417px;

}

/* h3 */

body.mission div#main div#mission3 div.zeroEmission h3 {

	margin-bottom: 9px;

}

/* p */

body.mission div#main div#mission3 div.zeroEmission p {

	line-height: 1.6;

}





/* div#sub

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

body.mission div#sub {

	width: 182px;

	float: left;

	padding-bottom: 20px;

}

/* h2 */

body.mission div#sub h2 {

	margin-bottom: 12px;

}

/* ul.pageNavi

------------------------------------------------------------*/

body.mission div#sub ol.pageNavi {

	margin-bottom: 17px;

}

body.mission div#sub ol.pageNavi li {

	margin-bottom: 6px;

	font-size: 0;

	line-height: 0;

}

/* p.link-naruhodo */

body.mission div#sub p.link-naruhodo {

	margin-top: 9px;

}