@charset "utf-8";
/* FUKUROI PUBLIC WORK OFFICE CSS Document */
/* shared.css */
/* 2013-01-11 */

/* 
1.fukuroi box
2.Basic Layout
3.Contents Layout
4.margin
5.padding
*/


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

1.Fukuroi box
 
////////////////////////////////////////////////////////////////////////////*/ 

#fukuroi {	margin-bottom: 20px;}



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

2.Basic Layout

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

/**************************************** 
 h1 */ 
#fukuroi h1 {
	position: relative;
	height: 117px;
	overflow: hidden;
	}
	#fukuroi h1 img {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 984px;
		height: 100px;
		}

/**************************************** 
 Contents Box */ 

#fukuroi #contentsbox {
	background-color: #F5F5E9;
	margin-right: 9px;
	margin-left: 9px;
	margin-bottom: 12px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	clear: both;
	min-height: 700px;
}
#contentsbox:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  
#contentsbox { display: inline-table; }  
 
	/* Hides from IE-mac \*/  
	* html　#contentsbox { height: 1%; }  
	#contentsbox { display: block; }  
	/* End hide from IE-mac */  


#fukuroi #contentsbox .page {
	margin: 0px;
	background-color: #FFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #99CC00;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	min-height: 680px;
}

/**************************
 h2 */
#contentsbox .page h2 {
	position: relative;
	width: 900px;
	height: 43px;
	overflow: hidden;
	margin-bottom: 40px;
}
#contentsbox .page h2 img {
	position: absolute;
	width: 900px;
	height: 43px;
	top: 0px;
	left: 0px;
}

/**************************
 h3 */
#contentsbox .page h3 {
	background-image: url(../images/h/h3.jpg) !important;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 140%;
	font-weight: bold;
	color: #030;
	padding-left: 35px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-color: #D2D2D2;
	margin-top: 10px;
}
/* h3 blue */
#contentsbox .page h3.h3blue {
	background-image: url(../images/h/h3_blue.jpg) !important;
	color: #003;
}
/* h3 orange */
#contentsbox .page h3.h3orange {
	background-image: url(../images/h/h3_orange.jpg) !important;
	color: #300;
}

/**************************
 h4 */
#contentsbox .page h4 {
	background-image: url(../images/h/h4.jpg) !important;
	background-repeat: no-repeat;
	border-bottom-style: dotted;
	font-size: 130% !important;
	padding-left: 30px !important;
	margin-bottom: 20px;
	background-position: 5px 3px;
	border-bottom-width: 1px;
	border-bottom-color: #45A8DD;
	padding-bottom: 0px;
	margin-top: 20px;
}
/* h4 blue */
#contentsbox .page h4.h4blue {
	background-image: url(../images/h/h4_blue.jpg) !important;
	border-bottom-color: #FF9900;
	}
/* h4 blue */
#contentsbox .page h4.h4orange {
	background-image: url(../images/h/h4_orange.jpg) !important;
	border-bottom-color: #339900;
	}

/**************************
 h5 */
#contentsbox .page h5 {
	background-image: url(../images/h/h5.jpg) !important;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
	font-size: 110%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
/* h4 blue */
#contentsbox .page h5.h5green {
	background-image: url(../images/h/h5_green.jpg) !important;
	}
/* h4 blue */
#contentsbox .page h5.h5orange {
	background-image: url(../images/h/h5_orange.jpg) !important;
	}



/**************************************** 
 honbun */

.honbun {
	margin-left: 20px;
	margin-right: 20px;
}

/**************************************** 
 list */

#contentsbox .page ul,
#contentsbox .page ul.li_blue,
#contentsbox .page ul.li_orange,
#contentsbox .page ul.li_arrow_blue,
#contentsbox .page ul.li_arrow_green,
#contentsbox .page ul.li_arrow_orange,
#contentsbox .page ul.li_circle_blue,
#contentsbox .page ul.li_circle_green,
#contentsbox .page ul.li_circle_orange {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 5px;
}
#contentsbox .page li {
	background-image: url(../images/common/icon_green.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	list-style-type: none;
}

/* li_blue */
#contentsbox .page ul.li_blue li {background-image: url(../images/common/icon_blue.jpg);}
/* li_orange */
#contentsbox .page ul.li_orange li {background-image: url(../images/common/icon_orange.jpg);}

/* li_arrow_blue */
#contentsbox .page ul.li_arrow_blue li {background-image: url(../images/common/iconarrow_blue.jpg);}
/* li_arrow_green */
#contentsbox .page ul.li_arrow_green li {background-image: url(../images/common/iconarrow_green.jpg);}
/* li_arrow_orange */
#contentsbox .page ul.li_arrow_orange li {background-image: url(../images/common/iconarrow_orange.jpg);}

/* li_circle_blue */
#contentsbox .page ul.li_circle_blue li {background-image: url(../images/common/iconcircle_blue.jpg);}
/* li_circle_green */
#contentsbox .page ul.li_circle_green li {background-image: url(../images/common/iconcircle_green.jpg);}
/* li_circle_orange */
#contentsbox .page ul.li_circle_orange li {background-image: url(../images/common/iconcircle_orange.jpg);}




/**************************************** 
 font-size */
.psmall {font-size: 80%;}
.plarge {font-size: 120%;}









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

3.Contents Layout

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

 
/**************************************** 
 size change */ 
 
#sizechange {float: right;padding-top: 25px;}
#sizechange ul {margin: 0px;padding: 0px;}
#sizechange li {margin: 0px;padding: 0px;display: inline;}
 

/**************************************** 
 footer */ 

#fukuroi #footer {
	border: 1px solid #2178BF;
	clear: both;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 20px;
	margin-left: 9px;
}
 
#fukuroi #footer:after {content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#fukuroi #footer {display:inline-table;}
#fukuroi #footer {height:1%;}
#fukuroi #footer {display:block}
#fukuroi #footer h3 {
	background-color: #45A8DD;
	font-size: 100%;
	color: #FFF;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
#fukuroi #footer #address {
	padding: 15px;
}
	#fukuroi #footer #address .adtxt {
	float: left;
	width: 280px;
	}



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

4.margin

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

/* top */
.mart5 {margin-top: 5px !important;}
.mart10 {margin-top: 10px !important;}
.mart20 {margin-top: 20px !important;}
.mart30 {margin-top: 30px !important;}
.mart40 {margin-top: 40px !important;}
.mart50 {margin-top: 50px !important;}

/* right */
.marr5 {margin-right: 5px !important;}
.marr10 {margin-right: 10px !important;}
.marr20 {margin-right: 20px !important;}
.marr30 {margin-right: 30px !important;}
.marr40 {margin-right: 40px !important;}
.marr50 {margin-right: 50px !important;}

/* bottom */
.marb5 {margin-bottom: 5px !important;}
.marb10 {margin-bottom: 10px !important;}
.marb20 {margin-bottom: 20px !important;}
.marb30 {margin-bottom: 30px !important;}
.marb40 {margin-bottom: 40px !important;}
.marb50 {margin-bottom: 50px !important;}

/* left */
.marl5 {margin-left: 5px !important;}
.marl10 {margin-left: 10px !important;}
.marl20 {margin-left: 20px !important;}
.marl30 {margin-left: 30px !important;}
.marl40 {margin-left: 40px !important;}
.marl50 {margin-left: 50px !important;}

/* all */
.marall5 {margin: 5px !important;}
.marall10 {margin: 10px !important;}
.marall20 {margin: 20px !important;}
.marall30 {margin: 30px !important;}
.marall40 {margin: 40px !important;}
.marall50 {margin: 50px !important;}


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

5.padding

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

/* top */
.padt5 {padding-top: 5px !important;}
.padt10 {padding-top: 10px !important;}
.padt20 {padding-top: 20px !important;}
.padt30 {padding-top: 30px !important;}
.padt40 {padding-top: 40px !important;}
.padt50 {padding-top: 50px !important;}

/* right */
.padr5 {padding-right: 5px !important;}
.padr10 {padding-right: 10px !important;}
.padr20 {padding-right: 20px !important;}
.padr30 {padding-right: 30px !important;}
.padr40 {padding-right: 40px !important;}
.padr50 {padding-right: 50px !important;}

/* bottom */
.padb5 {padding-bottom: 5px !important;}
.padb10 {padding-bottom: 10px !important;}
.padb20 {padding-bottom: 20px !important;}
.padb30 {padding-bottom: 30px !important;}
.padb40 {padding-bottom: 40px !important;}
.padb50 {padding-bottom: 50px !important;}

/* left */
.padl5 {padding-left: 5px !important;}
.padl10 {padding-left: 10px !important;}
.padl20 {padding-left: 20px !important;}
.padl30 {padding-left: 30px !important;}
.padl40 {padding-left: 40px !important;}
.padl50 {padding-left: 50px !important;}

/* all */
.padall5 {padding: 5px !important;}
.padall10 {padding: 10px !important;}
.padall20 {padding: 20px !important;}
.padall30 {padding: 30px !important;}
.padall40 {padding: 40px !important;}
.padall50 {padding: 50px !important;}