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

@import"common.css";

/*-------------------------------------------------
Header
-------------------------------------------------*/

#header li a{
	color:#000000;
}

/*-------------------------------------------------
Navigation
-------------------------------------------------*/

#navi03{
	position:relative;
	height:165px;
	margin-bottom:30px;
}

#navi03 ul{
	list-style-type:none;
}

#navi03 li{
	display:inline;
}

#navi03 li a{
	position:absolute;
	display:block;
	height:36px;
	text-indent:-1000em;
	top:58px;
}

/*背景ラインの調整*/
#navi03 li.menu0{
	display:block;
	position:absolute;
	top:58px;
	width:68px;
	height:36px;
	background:url(../img/03img/03_navi0.gif) no-repeat;
	text-indent:-1000em;
}

/*↓ページごとのメニューのスタイルです。マウスオーバーで切り替わる画像は差し替えて下さい。*/
#navi03 li.menu1 a{
	left:68px;
	width:210px;
	background-image: url(../img/03img/03_navi1.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu1 a:hover{
	background-image: url(../img/03img/03_navi1_f2.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu2 a{
	left:278px;
	width:106px;
	background-image: url(../img/03img/03_navi2.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu2 a:hover{
	background-image: url(../img/03img/03_navi2_f2.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu3 a{
	left:384px;
	width:114px;
	background-image: url(../img/03img/03_navi3.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu3 a:hover{
	background-image: url(../img/03img/03_navi3_f2.jpg);
	background-repeat: no-repeat;
}

/*背景ラインの調整*/
#navi03 li.menu3-0{
	display:block;
	position:absolute;
	top:58px;
	left:498px;
	width:73px;
	height:36px;
	background:url(../img/03img/03_navi3_0.gif) no-repeat;
	text-indent:-1000em;
}

#navi03 li.menu4 a{
	top:94px;
	left:68px;
	width:169px;
	background-image: url(../img/03img/03_navi4.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu4 a:hover{
	background-image: url(../img/03img/03_navi4_f2.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu5 a{
	top:94px;
	left:237px;
	width:112px;
	background-image: url(../img/03img/03_navi5.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu5 a:hover{
	background-image: url(../img/03img/03_navi5_f2.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu6 a{
	top:94px;
	left:349px;
	width:149px;
	background-image: url(../img/03img/03_navi6.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu6 a:hover{
	background-image: url(../img/03img/03_navi6_f2.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu7 a{
	top:130px;
	left:68px;
	width:111px;
	background-image: url(../img/03img/03_navi7.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu7 a:hover{
	background-image: url(../img/03img/03_navi7_f2.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu8 a{
	top:130px;
	left:179px;
	width:141px;
	background-image: url(../img/03img/03_navi8.jpg);
	background-repeat: no-repeat;
}

#navi03 li.menu8 a:hover{
	background-image: url(../img/03img/03_navi8_f2.jpg);
	background-repeat: no-repeat;
}

/*-------------------------------------------------
Main
-------------------------------------------------*/	

#main {
	position:relative;
	background:url(../img/03img/03_bg_wrap.gif) repeat-y;
}

#mainback03{
	position:absolute;
	top:0px;
	left:571px;
	background:url(../img/03img/03_bg1.jpg) no-repeat;
	height:724px;
	width:327px;
	text-indent:-1000em;
}

/*-------------------------------------------------
Contents
-------------------------------------------------*/	

#contents03{
	width:571px;
	position: relative;
	top: 0px;
	background-color: #FFFFFF;
	
}

#contents03 h2{
	width:350px;
	height:60px;
	text-indent:-1000em;
	margin-left:60px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}
#contents03 h2.sai{
	background-image: url(../img/03img/03_h2_1.jpg);
}
#contents03 h2.shin{
	background-image: url(../img/03img/03_h2_2.jpg);
}
#contents03 h2.tyuu{
	background-image: url(../img/03img/03_h2_3.jpg);
}
#contents03 h2.baa{
	background-image: url(../img/03img/03_h2_4.jpg);
}
#contents03 h2.sen{
	background-image: url(../img/03img/03_h2_5.jpg);
}
#contents03 h2.jin{
	background-image: url(../img/03img/03_h2_6.jpg);
}
#contents03 h2.huku{
	background-image: url(../img/03img/03_h2_7.jpg);
}
#contents03 h2.web{
	background-image: url(../img/03img/03_h2_8.jpg);
}

#contents03 h3{
	text-indent:-1000em;
}

#contents03 h4{
	font-size:90%;
	color:#8D6391;
	font-weight:bold;
	margin-top:30px;
}

#contents03 .mid01{
	margin-top:10px;
	background-color: #FFFFFF;
	background-image: url(../img/03img/03_bg2.jpg);
	background-repeat: no-repeat;
}

#contents03 .mid02{
	margin-top:10px;
	background-color: #FFFFFF;
	background-image: url(../img/03img/03_bg3.jpg);
	background-repeat: no-repeat;
}

#contents03 .mid03{
	background-color: #FFFFFF;
	background-image: url(../img/03img/03_bg4.jpg);
	background-repeat: no-repeat;
}

#contents03 .mid04{
	margin-top:10px;
	min-height:460px;
	background-color: #FFFFFF;
	background-image: url(../img/03img/03_bg5.jpg);
	background-repeat: no-repeat;
}

#recruit{
	width: 468px;
	position: relative;
	left: 60px;
}

#contents03 .leftp{
	width:320px;
	color:#000000;
	margin-top: 160px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 70px;
}

#contents03 .rightp{
	width:320px;
	color:#000000;
	margin-top: 130px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 215px;
}

/*最下部のコメントは、margin-bottomを「0」にする*/
#contents03 .lastrightp{
	width:320px;
	color:#000000;
	margin-top: 130px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 215px;
}

#contents03 .lastleftp{
	margin:160px 0px 0px 70px;
	width:331px;
	color:#000000;
}

/*-------------------------------------------------
Footer
-------------------------------------------------*/

#footer {
	background:url(../img/03img/03_bg_wrap.gif) repeat-y;
	padding:50px 0px 10px 0px;
}

#footer p{
	margin-left:65px;
	color:#000000;
	font-size:72%;
}
#wrapper #main #contents03 #recruit #jyuu img {
	float: right;
	clear: both;
}
#wrapper #main #contents03 #recruit #jyuu #ryokka img {
	float: none;
}
#wrapper #main #contents03 #recruit #box1 {
	height: 150px;
	width: 184px;
	padding: 20px;
	background-color: #EFFBDB;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#wrapper #main #contents03 #recruit #box2 {
	padding: 20px;
	height: 150px;
	width: 184px;
	float: left;
	background-color: #FCF8DA;
	margin-bottom: 20px;
}
#wrapper #main #contents03 #recruit #migi img {
	float: right;
	margin-left: 10px;
}
#wrapper #main #contents03 #recruit #hidari img {
	float: left;
	clear: both;
	margin-right: 16px;
}
#wrapper #main #contents03 #recruit #migi2 img {
	float: right;
	clear: both;
	margin-left: 10px;
	margin-bottom: 20px;
}
#wrapper #main #contents03 #recruit #ver {
	padding: 20px;
	background-color: #E4DFCC;
}
#wrapper #main #contents03 #recruit #migi2 #eveshita img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}