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

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

#wrapper{
	width:100%;
}

#header{
	width:100%;
	height:40px;
	border-bottom-style: none;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

#headerBottomLine{
	height:4px;
	background-image:url(../images/service/headerBottomLine.gif);
	background-position: center 0px;
	/*/margin-top: -57px;
	_margin-top: -57px;*/
}

#logo{
	width:980px;
	padding-top:6px;
	height:30px;
	margin-bottom:0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#logo img{
	padding:0;
	margin:0;
}

#contactbanner {
	position:relative;
	width:190px;
	height:57px;
	z-index:1;
	top: -30px;
	left: 790px;
}

#container{
	width:100%;
	background-image:url(../images/top/TopBodyBG.gif);
	background-repeat:repeat-x;
	background-position: center 335px;
	_margin-top: -59px;
}

#content{
	width:942px;
	/width:944px;
	background-color:#F8F8F8;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	text-align: left;
	padding: 10px;
	
	border-top-left-radius: 4px;     /* 左上 */
	border-top-right-radius: 4px;    /* 右上 */
	border-bottom-left-radius: 4px;  /* 左下 */
	border-bottom-right-radius: 4px; /* 右下 */
}


#TopFlash{
	width:100%;
	height:335px;
	background-color:#EEE;
	background-image: url(../images/top/FlashBG.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#TopSeparator{
	
}

#footer{
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #1B1464;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	font-size:small;
}

#logolink {
	float: left;
	padding:3px;
	margin-top:10px;
	margin-right:10px;
}

#copyright {
	float: left;
	margin-top:10px;
	color:#999;
	
}

#bottomnavi {
	float: right;
	background-image: url(../images/dot2x2CCC.gif);
	background-repeat: repeat;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 8px;
	font-size:90%;
	
	border-top-left-radius: 0px;     /* 左上 */
	border-top-right-radius: 0px;    /* 右上 */
	border-bottom-left-radius: 4px;  /* 左下 */
	border-bottom-right-radius: 4px; /* 右下 */
}

#bottomnavi a{
	color:#666;
}
#bottomnavi a:hover{
	color:#333;
}



/*---------------------------------------------------------------------
 CONTENTT 
---------------------------------------------------------------------*/


#navi-service,
#navi-info,
#navi-other {
	background-color:#FFF;
	-moz-box-shadow: 2px 2px 4px #DDD;
	-webkit-box-shadow: 2px 2px 4px #DDD;
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#CCCCCC,strength=1) progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#FFFFFF,strength=1) progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=135,strength=2);/**/
}

/* サービス部 */
#navi-service{
	display:block;
	float: left;
	width: 369px;
	height: 318px;
	overflow:hidden;
	margin-right: 9px;
	/margin-right: 5px;
	
	padding-bottom:1px;
	_padding-bottom:-5px;
	/*background-attachment: scroll;*/
	background-image: url(../images/top/serviceBtn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	border-radius: 2px;
	font-size: 88%;
}

#navi-service li{
	display:block;
	height:70px;
	font-size:90%;
	border:none;
}

#navi-service a{
	display:block;
	padding-left:105px;
	background-image:none;
	padding-right: 24px;
	height: 58px;
	padding-top: 12px;
	line-height:1.2em;
}

#navi-service a h3{
	height:34px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	
}

#navi-service a#btn0{
	display:block;
	height:38px;
	margin-top: 0px;
	padding-top: 0px;
	
}

#navi-service a#btn0 h3{
	display:none;
}

#navi-service a#btn0:hover{
	background-image: url(../images/top/serviceBtn_o.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#navi-service a#btn1:hover{
	background-image: url(../images/top/serviceBtn_o.gif);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	/background-position: 0px -41px;
}
#navi-service a#btn2:hover{
	background-image: url(../images/top/serviceBtn_o.gif);
	background-repeat: no-repeat;
	background-position: 0px -108px;
	/background-position: 0px -111px;
}
#navi-service a#btn3:hover{
	background-image: url(../images/top/serviceBtn_o.gif);
	background-repeat: no-repeat;
	background-position: 0px -178px;
	/background-position: 0px -181px;
}
#navi-service a#btn4:hover{
	background-image: url(../images/top/serviceBtn_o.gif);
	background-repeat: no-repeat;
	background-position: 0px -248px;
	/background-position: 0px -251px;
	
}
#navi-service a#btn4{
	_height:71px;
}

#navi-service a#btn1 h3{
	background-image: url(../images/top/btn1_ttl.gif);
}
#navi-service a#btn2 h3{
	background-image: url(../images/top/btn2_ttl.gif);
}
#navi-service a#btn3 h3{
	background-image: url(../images/top/btn3_ttl.gif);
}
#navi-service a#btn4 h3{
	background-image: url(../images/top/btn4_ttl.gif);
}

/*---------------------------------------------------------------------*/
/* 最新情報 */

#navi-info{
	display:block;
	width: 370px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	
	float: left;
	margin-right: 9px;
	_margin-right: 7px;
	
	border-radius: 2px;
}
*:first-child+html #navi-info{
	margin-right: 5px;
}

#navi-info h2{
	display:block;
	height:37px;
	background-attachment: scroll;
	background-image: url(../images/top/nbtn0.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-indent:-9999px;
	_margin-bottom:8px;
}

#navi-info 

#navi-info li{
	clear:both;
	display:block;
	padding:5px;
}

#navi-info li a{
	display:block;
	width:346px;
	height:23px;
	padding:4px;
	background-color:#0F91E3;
	color:#FFF;
	margin: 8px;
	_margin-top:4px;
	_margin-bottom:4px;
	border-radius: 4px;
}

#navi-info li a:hover{
	background-color:#0B79BF;
}

#navi-info li.nolink a{
	background-color:#666;
}

#navi-info li.nolink a:hover{
	background-color:#555;
}

#navi-info li dt{
	float:left;
	_width:65px;
	margin-right:6px;
	
	padding:5px;
	/*background-color: #F00;*/
	background-image: url(../images/top/dot2x2linkBG.gif);
	
	border-top-left-radius: 2px;     /* 左上 */
	border-top-right-radius: 2px;    /* 右上 */
	border-bottom-left-radius: 2px;  /* 左下 */
	border-bottom-right-radius: 2px; /* 右下 */
}

#navi-info li.nolink dt{
	background-image: url(../images/top/dot2x2nolinkBG.gif);
}

#navi-info li dd{
	padding:5px;
}

/*-------------------------------------------------------------- */
/* ほかリンンク */
/* サービス部 */
#navi-other{
	display:block;
	float: left;
	width: 179px;
	height: 249px;
	overflow:hidden;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	background-image: url(../images/top/otherBtn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-radius: 2px;
}

#navi-other li{
	display:block;
	height:50px;
	padding:0px;
}

#navi-other a{
	display:block;
	height:50px;
	padding:0px;
}

#navi-other a h3{
	text-indent:-9999px;
}

#navi-other a#btn1:hover{
	background-image: url(../images/top/otherBtn_o.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#navi-other a#btn2:hover{
	background-image: url(../images/top/otherBtn_o.gif);
	background-repeat: no-repeat;
	background-position: 0px -50px;
}
#navi-other a#btn3:hover{
	background-image: url(../images/top/otherBtn_o.gif);
	background-repeat: no-repeat;
	background-position: 0px -100px;
}
#navi-other a#btn4:hover{
	background-image: url(../images/top/otherBtn_o.gif);
	background-repeat: no-repeat;
	background-position: 0px -150px;
}
#navi-other a#btn5:hover{
	background-image: url(../images/top/otherBtn_o.gif);
	background-repeat: no-repeat;
	background-position: 0px -200px;
}