﻿@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------
filling
------------------------------------------------------ */
.clearfix {
	width:100%;
}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}

p { 
	width:100% !important;
	margin-left:0!important;
	margin-bottom:10px;
}

.mb45 { margin-bottom:40px;}

/*-- navi --*/
.nav { margin:12px 0 10px 9px;}
.nav ul li {
	line-height:0; /*ie*/
}
.nav li a {
	width:197px;
	height:154px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin-right:16px;
}
.nav li.nv01 a { background:url(../../special/images/filling/navi010.jpg) no-repeat;}
.nav li.nv01 a:hover { background:url(../../special/images/filling/navi010.jpg) 0 154px;}
.nav li.nv02 a { background:url(../../special/images/filling/navi020.jpg) no-repeat;}
.nav li.nv02 a:hover { background:url(../../special/images/filling/navi020.jpg) 0 154px;}
.nav li.nv03 a { background:url(../../special/images/filling/navi030.jpg) no-repeat;}
.nav li.nv03 a:hover { background:url(../../special/images/filling/navi030.jpg) 0 154px;}
.nav li.nv04 a { background:url(../../special/images/filling/navi040.jpg) no-repeat; margin-right:0 !important;}
.nav li.nv04 a:hover { background:url(../../special/images/filling/navi040.jpg) 0 154px;}

.nav li.nv01_on a {background:url(../../special/images/filling/navi010.jpg) 0 154px;}
.nav li.nv02_on a {background:url(../../special/images/filling/navi020.jpg) 0 154px;}
.nav li.nv03_on a {background:url(../../special/images/filling/navi030.jpg) 0 154px;}
.nav li.nv04_on a {background:url(../../special/images/filling/navi040.jpg) 0 154px;}
.nav li.nv05_on a {background:url(../../special/images/filling/navi050.jpg) 0 154px; margin-right:0 !important;}

/*-- content --*/
#inner {
	margin:0 auto;
	width:850px;
	margin-left:1px !important;
	position:relative;
	background:url(../../special/images/filling/bg020.jpg) repeat-y;
}
* html #inner { margin-left:-3px !important;} /*ie6*/
#inner .backgroud_head {
	position:absolute;
	height:568px;
}
#inner .backgroud_main {
	position:relative;
}
#inner .backgroud_foot {
	margin-top:-16px;
}

.innerMain {
	margin:0 auto;
	padding:30px 0; 
	width:785px;
	position:relative;
}
* html .innerMain { padding-left:36px;} /*ie6*/

.innerMain .logo {
	position:absolute;
	right:0;
	top:0;
	margin-right:-14px;
	margin-top:17px;
}
.innerMain .logo a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.innerMain h3 {
	margin-bottom:40px;
}
.innerMain h4 {
	margin-bottom:14px;
	margin-left:0!important;
}

/*-- areaTop --*/
.innerMain .areaTop div {
	width:430px;
	float:left;
}
.innerMain .areaTop div p {
	font-size:14px;
	line-height:150%;
}
.innerMain .areaTop span {
	width:330px;
	float:right;
	display:block;
}
.innerMain .areaTop span.picMain01 { margin-right:-20px;}


/*-- areaGroup --*/
.innerMain .areaGroup {
	background:url(../../special/images/filling/bg040.png) no-repeat;
	width:772px;
	height:144px;
	padding:22px 0 0 80px;
}
.innerMain .areaGroup span {
	display:block;
	margin:0 0 7px 2px;
}
.innerMain .areaGroup div {
	margin-bottom:5px;
}
.innerMain .areaGroup div a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.innerMain .areaGroup div ul li {
	float:left;
}
.innerMain .areaGroup div ul li em {
	font-style:normal;
	padding:14px 0 0 7px;
	display:inline-block;
}
.innerMain .areaGroup dl dt {
	float:left;
	padding:9px 10px 0 3px;
	display:inline-block;
}
.innerMain .areaGroup dl dd {
	float:left;
}
p.pGroup { margin-top:-18px;}
* html p.pGroup { margin-top:2px;} /*ie6*/


/*-- content-filling --*/
#filling {
	margin:0 auto;
	width:850px;
	margin-left:1px !important;
	position:relative;
	background:url(../../special/images/filling/bg020.jpg) repeat-y;
}

* html #inner { margin-left:-3px !important;} /*ie6*/
#filling .backgroud_head {
	position:absolute;
	height:468px;
}

#filling .backgroud_main {
	position:relative;
	margin-bottom:-20px;
}

#filling .backgroud_foot {
}

p.pGroup { margin-top:-18px;}
* html p.pGroup { margin-top:2px;} /*ie6*/


/*-- areaBottom --*/
.areaBottom {
	margin:48px 0 36px 0;
}
.areaBottom ul.list {
	margin:0 0 22px 18px;	
}
.areaBottom ul.list li {
	list-style:disc;
	margin-bottom:6px;
	line-height:130%;
}
.areaLink .relation { margin-bottom:10px !important;}




/*-- index.html 
----------------------------------------------------*/
.fillingMain {
	padding-top: 52px;
	padding-bottom: 30px;
	text-align:center;
}

.fillingMain h3 {
	width:729px;
	margin:0 auto;
	text-align:center;
}

.fillingMain h4 {
	width:729px;
	margin:0 auto;

}

/*-- 画像1段目 --*/
.topmenu01 {
	padding-left:2px;
	margin:0 0 0 140px;
}
	
.topmenu01 a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.topmenu01 li {
	float:left;
	margin:0 50px 0 0;
}


/*-- 画像2段目 --*/
.topmenu02 {
	margin:0 0 8px 140px;
	}
	
.topmenu02 a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.topmenu02 li {
	float:left;
	margin:0 50px 0 0;
}

/*-- areaGroup --*/
.fillingMain .areaGroup {
	width:842px;
	height:20px;
	margin-left: 20px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.fillingMain .areaGroup dl dt {
	float:left;
	padding:9px 10px 0 3px;
	display:inline-block;
}
.fillingMain .areaGroup dl dd {
	float:left;
}


/*-- areaGroup --*/
.innerMain .areaGroup02 {
	background:url(../../special/images/filling/bg050.png) no-repeat;
	width:772px;
	height:194px;
	padding:22px 0 0 80px;
}
.innerMain .areaGroup02 span {
	display:block;
	margin:0 0 7px 2px;
}
.innerMain .areaGroup02 div {
	margin-bottom:5px;
}
.innerMain .areaGroup02 div a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.innerMain .areaGroup02 div ul li {
	float:left;
}
.innerMain .areaGroup02 div ul li em {
	font-style:normal;
	padding:14px 0 0 7px;
	display:inline-block;
}
.innerMain .areaGroup02 dl dt {
	float:left;
	padding:9px 10px 0 3px;
	display:inline-block;
}
.innerMain .areaGroup02 dl dd {
	float:left;
}
p.pGroup { margin-top:-18px;}
* html p.pGroup { margin-top:2px;} /*ie6*/


/*
.fillingMain h3 {
	background: transparent url(../../special/images/filling/h3_top.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../special/images/filling/h3_top.png", sizingMethod="scale");
	width:729px;
	height:27px;
	text-indent:-9999px;
}
.fillingMain h4 {
	background: transparent url(../../special/images/filling/h4_top.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../special/images/filling/h4_top.png", sizingMethod="scale");
	width:729px;
	height:72px;
	text-indent:-9999px;
}
*/



/*-- 下層
----------------------------------------------------*/



/*-- areaBottom --*/

.areaLeft {
	margin:0px 35px 0px 0px;
	width:370px !important;
	float:left;
}
.areaLeft ul.list {
	margin:0 0 20px 18px;
}

.areaLeft ul.list li {
	list-style:disc;
	margin-bottom:6px;
	line-height:150%;
	font-size:14px;
}
.areaLink .relation { margin-bottom:10px !important;}


.areaRight {
	width:370px !important;
	float:left;
}
.areaRight ul.list {
	margin:0 0 20px 18px;	
}
.areaRight ul.list li {
	list-style:disc;
	margin-bottom:6px;
	line-height:150%;
	font-size:14px;
}
.areaLink .relation { margin-bottom:10px !important;}
