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

@import "base.css";


/*----------------------
=00 navi
----------------------*/

#navi{
	margin:0 auto 9px;
	}

/*----------------------
=00 midblock
----------------------*/

.midblock{
	width:851px;
	margin:0 auto 10px;
	text-align:left;
	}
.midblock .box{
	float:left;
	width:277px;
	margin:0 10px 0 0;
	background:url(../img/bg_top-midm.gif) repeat-y;
	}
.midblock .box.last{
	margin:0;
	}
.midblock .box-b{
	width:277px;
	height:240px;
	padding-bottom:10px;
	text-align:center;
	background:url(../img/bg_top-midb.gif) bottom no-repeat;
	}

.midblock .box-c{
	width:277px;
	height:128px;
	padding-bottom:10px;
	text-align:center;
	background:url(../img/bg_top-midb.gif) bottom no-repeat;
	}

.midblock .box dl,
.midblock .box ul{
	width:243px;
	margin:10px auto 0;
	text-align:left;
	}
.midblock .box dl dt{
	margin-bottom:5px;
	font-weight:bold;
	}
.midblock .box dl dd,
.midblock .box ul li{
	padding-left:16px;
	background:url(../img/icon_arrow01.gif) no-repeat 0 3px;
	}
.midblock .box ul.ar-type02{
	width:260px;
	margin-top:5px;
	}
.midblock .box ul.ar-type02 li{
	margin-bottom:3px;
	padding-left:5px;
	background:url(../img/icon_arrow02.gif) no-repeat 0 5px;
	}
.midblock .box h4{
	margin-top:7px;
	}
.midblock .box dl dt.set-mat{
	margin-top:25px;
	}

.midblock .box h4.set-mat{
	margin-top:24px;
	}
.midblock .box h4.set-mat02{
	margin-top:59px;
	}

.midblock .about{
	float:left;
	width:563px;
	height:128px;
	background:url(../img/bgfr_top-about.gif) no-repeat;
	position:relative;
	}

.midblock .about h4{
	position:absolute;
	top:16px;
	left:24px;
	}
.midblock .about li{position:absolute;}

.midblock .about li.pos01{top:13px;right:192px;}
.midblock .about li.pos02{top:46px;right:192px;}
.midblock .about li.pos03{top:79px;right:192px;}
.midblock .about li.pos04{top:13px;right:17px;}
.midblock .about li.pos05{top:46px;right:17px;}



/*----------------------
=00 midblock
----------------------*/

.other{
	width:844px;
	margin:0 auto;
	clear:both;
	text-align:left;
	}