@charset "utf-8";

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

common.css

	1	format
	　1-1	a
	2	body
	3	head
	4	navigation
	5	contents
	　5-1 table
	6	main
	7	side
	8	foot
	9	other
	　9-1	hover
	　9-2	margin, padding
	　9-3	text
	　9-4	font
	　9-5	pageup


last update 08/11/27
produced by 0510office (http://www.0510office.co.jp/)


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




/*=====================================================================
	1　format
=====================================================================*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img{
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.6em "ＭＳ Ｐゴシック","Osaka",sans-serif;
	border:none;
}
hr{display:none;}
img{display:block;}
li{list-style-type: none;}
a{ display:block;	outline:none;}
table{ border-collapse:collapse;}

/*	a
==========================================================*/
a{
	color:#41931c;
	text-decoration: underline;
}
a:visited{
	color:#41931c;
	text-decoration:underline;
}
a:hover{
	color:#41931c;
	text-decoration:none;
}
a:active{
	color:#41931c;
	text-decoration:none;
}


/*=====================================================================
	2　body
=====================================================================*/
body{
	font-size: 12px;
	color: #000;
	text-align: center;
	background:#7bb426;
}

#wrapper{
	margin:0 auto;
	text-align:center;
	background:#FFF;
}

#container{
	width:775px;
	margin: 0 auto ;
	padding-bottom:10px;
	background:#FFF;
	text-align: left;
}


#footer{
	clear:both;
	height:120px;
	text-align: left;
	background:url(../img/footer.gif) repeat-x;
}



/*=====================================================================
	3　header
=====================================================================*/

#header{
	width:775px;
	height:100px;
	margin:0 auto;
	background:url(../img/header.jpg) no-repeat;
}


/* h1
==========================================================*/
#header h1{
	font-size:10px;
	padding-top:2px;
	color:#7da340;
	text-align:right;
}

/* logo
==========================================================*/
#header #logo{
	float:left;
	width:350px;
	height:80px;
	margin-top:-8px;
	text-indent:-9999px;
}


/* header navigation
==========================================================*/
#header ul{
	float:right;
	margin-right:-16px;
}
#header ul li,
#header ul li a{
	width:77px;
	height:76px;
}
#header ul li{
	display:inline;
	float:left;
	margin-right:16px;
}
#header ul li a{
	display:block;
	text-indent:-9999px;
}
#header ul li a:hover,
#header ul li#on2 a{
	background:#FFF;
	opacity:0.3;
	filter: alpha(opacity=30);
}

/*=====================================================================
	6	global navigation
=====================================================================*/
#g_nav{
	width:775px;
	height:100px;
	background:url(../img/nav.jpg) no-repeat;
}
#g_nav li,
#g_nav li a{
	width:155px;
	height:88px;
	margin-top:0;
	margin-left:0;
}
#g_nav li{float:left;}
#g_nav li a{ text-indent:-9999px;}
#g_nav li a:hover,
#g_nav li#on a{
	background:#FFF;
	opacity:0.3;
	filter: alpha(opacity=30);
}


/*=====================================================================
	6	h2
=====================================================================*/
h2{
	width:775px;
	margin:0 auto;
}
#flash_main{
	width:775px;
	height:300px;
	clear:both;
	text-align:center;
}

/*=====================================================================
	7	contents
=====================================================================*/

#contents{
	width:775px;
	margin:10px auto;
	padding-bottom:50px;
}

#main_pane{
	float:left;
	width:570px;
	margin-top:-20px;
}
#side{
	float:right;
	width:190px;
}





/* main
==========================================================*/

h3{
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
}
h4{
	clear:both;
	margin-top:10px;
	margin-bottom:20px;
}

h5{
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}


.inner{
	width:560px;
	margin-left:5px;
	margin-bottom:20px;
}





/* side
==========================================================*/

#side .box{
	width:190px;
	padding-bottom:10px;
	background:url(../img/s_box.gif) bottom no-repeat;
}
#side .inner{
	width:170px;
	margin-left:10px;
	margin-bottom:0px;
}


#side h3{
	margin-top:0px;
	margin-bottom:10px;
}


/*=====================================================================
	8	footer
=====================================================================*/
#foot{
	width:775px;
	height:120px;
	margin:0 auto;
	padding-top:4px;
	text-align:center;
}

/* foot navigation
==========================================================*/
#foot ul{
	width:670px;
	height:23px;
	margin:10px auto 20px auto;
	border-left:1px solid #FFF;
}
#foot ul li{
	float:left;
	display:inline;
	border-right:1px solid #FFF;
	font-size:14px;
}
#foot ul li a{
	display:inline;
	margin:0 10px;
	text-decoration:none;
	color:#FFF;
}

/* copy
==========================================================*/
#copy{
	width:775px;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	text-align:center;
}





/* clearfix
==========================================================*/
＃container:after,
#header:after,
h2:after,
#g_nav:after,
#contents:after,
#main:after,
#side:after,
#footer:after,
#foot:after,
.inner:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;  
}

#container,
#header,
h2,
#g_nav,
#contents,
#main,
#side,
#footer,
#foot,
.inner{zoom:1;}














/*=====================================================================
	9	other
=====================================================================*/

.right{float: right;}
.left{float: left;}
.clear{clear: both;}

.inline{ display:inline;}
.block{ display:block;}


/* clearfix */
.clear2:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;  
}
.clear2{zoom:1;}


/*	9-1	hover 
=====================================================================*/
.hover a#on4 img, 
.hover a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.hover2 a#on5, 
.hover2 a:hover{
	background:#FFF;
	opacity:0.6;
	filter: alpha(opacity=60);
}


/*	9-2	margin, padding
=====================================================================*/
.mt_5{margin-top: -5px;}
.mr_5{margin-right: -5px;}
.mb_5{margin-bottom: -5px;}
.ml_5{margin-left: -5px;}
.mt_10{margin-top: -10px;}
.mr_10{margin-right: -10px;}
.mb_10{margin-bottom: -10px;}
.ml_10{margin-left: -10px;}
.mt_15{margin-top: -15px;}
.mr_15{margin-right: -15px;}
.mb_15{margin-bottom: -15px;}
.ml_15{margin-left: -15px;}
.mt_20{margin-top: -20px;}
.mr_20{margin-right: -20px;}
.mb_20{margin-bottom: -20px;}
.ml_20{margin-left: -20px;}
.mt_30{margin-top: -30px;}
.mr_30{margin-right: -30px;}
.mb_30{margin-bottom: -30px;}
.ml_30{margin-left: -30px;}
.mt5{margin-top: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.ml5{margin-left: 5px;}
.mt10{margin-top: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.mt15{margin-top: 15px;}
.mr15{margin-right: 15px;}
.mb15{margin-bottom: 15px;}
.ml15{margin-left: 15px;}
.mt20{margin-top: 20px;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
.mt25{margin-top: 25px;}
.mr25{margin-right: 25px;}
.mb25{margin-bottom: 25px;}
.ml25{margin-left: 25px;}
.mt30{margin-top: 30px;}
.mr30{margin-right: 30px;}
.mb30{margin-bottom: 30px;}
.ml30{margin-left: 30px;}
.mt40{margin-top: 40px;}
.mr40{margin-right: 40px;}
.mb40{margin-bottom: 40px;}
.ml40{margin-left: 40px;}


.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}

/*	9-3	text
=====================================================================*/
.txt_c{ text-align:center;}
.txt_r{ text-align:right;}
.txt_l{ text-align:left;}
.txt_j{ text-align:justify;}

/*	9-4	font
=====================================================================*/

.att1{ color:#FF0000;}

.deco1{color:#ff8836;}/* flow page tel no.*/
.deco2{
	font-size:14px;
	color:#7aaf26;
}/* recommend  & side recruit */



/*	9-5	pagetop
=====================================================================*/
.pagetop{
	clear: both;
	width: 523px;
	font-size: 10px;
	text-align: right;
	margin: 0 0 10px;
	color:#3b83c0;
}