@charset "UTF-8";
/* CSS Document */


/* footer fixed
--------------------------------------*/
html,body{
	height:100%;
	background-image:url(../_images/common/paper.gif);
}
@media print {
	html,body{
		width: 1000px;
		}
		}
#whole{
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height:100%; /*IE6対策*/
	min-height: 100%;
	overflow:hidden;
	background-image:url(../_images/common/line.gif);
	background-repeat:repeat-x;
}
#wrap{
	
	padding-bottom:200px; /*フッターの高さと同じ*/
	overflow:hidden;	
}

header{
	width:980px;
	height:151px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../_images/common/illust.gif);
	background-repeat:no-repeat;
	background-position:220pt 15pt;
}



footer{
	width:100%;
	height:200px;
	position:absolute;
	left:0;
	bottom:0;
	background:#fff;
}


/* common
--------------------------------------*/


#h_left{
float:left;
width:280px;
margin-top:45px;}

#h_left h1{
	font-size:77%;
	margin-bottom:10px;}

#h_right{
float:left;
width:620px;
margin-left:80px;
height:90px;
}



#head_m{
margin-left:310px;
width:350px;}

#head_m ul{
}

#head_m li{
	float:left;
}


/*contents*/

section{
	width:980px;
	height:100%;
	margin:0 auto;
	position:relative;
	}

#middle{
width:980px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom:80px;}

#middle2{
width:980px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:38px;
margin-bottom:80px;}

	#menu{
width:980px;
height:70px;
position:absolute;
top:-35px;
z-index: 1;
line-height:0;
	}

#menu nav{
	}
#menu nav ul{

	}
#menu nav li{
	float:left;
	}
	
	
#fmenu{
width:650px;
height:51px;
margin-left:0px;

	}

#fmenu nav{
	}
#fmenu nav ul{

	}
#fmenu nav li{
	float:left;
	}
	
	
#content{
width:980px;
margin-left:auto;
margin-right:auto;
background-image:url(../_images/common/image.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}
	

	
	
#cont_l{
	height:600px;
	float:left;
	width:235px;
	}
	
#cont_l ul{}

#cont_l li{
	margin-bottom:20px;}	
	
#cont_r{
	float:left;
	width:675px;
	margin-left:65px;}

.box{
	margin-bottom:30px;
	
}
.box h2{
	background-image:url(../_images/index/midashi01.gif);
	text-indent:-9999px;
	margin-bottom:10px;
	width:670px;
	height:32px;
	}

.box2{
	
}
.box2 h2{
	background-image:url(../_images/index/midashi02.gif);
	text-indent:-9999px;
	margin-bottom:10px;
	width:670px;
	height:32px;}
	
	
	
/*footer*/

#totop{
	width:980px;
	margin-right:auto;
	margin-left:auto;
}



#totop2{
float:right;
width:181px;
background-color:#fff;
}

#totop a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#totop a{
	float:right;
	display:block;
	width:150px;
	padding-top:5px;
	padding-left:30px;
	border:1px solid rgba(219,219,219,1.00);
	}
	
	
address{
	width:100%;
	}
	
.fotter_div{
	width:980px;
	margin:0 auto;
	padding:30px 0;
	}

.fotter_left{
	width:280px;
	float:left}
	
	.fotter_right{
	width:650px;
	margin-left:35px;
	float:left}

.otter_div p{
	text-decoration:none;
	}


.safesite {
	width: 165px;
	margin: 0px;
}