@charset "utf-8";
/* CSS Document for next pages */

/*=========　Next Pages Common CSS　==========*/

/*===submenu===*/
#submenu{
	background:#052725;
	padding:10px 20px;
	}
#submenu ul li{
	float:left;
	margin-right:30px;
	font-size:120%;
	line-height:1.8;
	color:#FFFFFF;
	}
#submenu ul li a{
	background:url(../img/list_submenu.gif) no-repeat 0 50%;
	padding-left:15px;
	color:#ffffff;
	}	
#submenu ul li a:hover{
	color:#A66A1B;
	}	

		
/*===content===*/	
#content{
	padding:15px 10px;
	}

#content #conbox,
#content #qa{
	width:761px;
	padding: 15px 0 15px 18px;
	margin-bottom:20px;
	}	
	

.Fright{
	float:right;
	margin-left:5px;
	margin-bottom:10px;
}

.Fleft{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

/*===ul green disc===*/	
ul.grnc li{
	background:url(../img/ul_grn.gif) no-repeat 2px 50%;
	padding-left:15px;
}

/*======== center ========*/
#content #conbox div.center{
	width:600px;
	padding:20px 0;
	margin:0 70px;
}

#content #conbox div.center table.unei{
	width:400px;
	margin:10px 100px;
}

#content #conbox div.center table.sodan{
	width:500px;
	margin:10px 50px;
}

#content #conbox div.center table th{
	background:#2f4d46;
	color:#FFFFFF;
	padding:2px 5px;
	border:#666666 solid 1px;
}

#content #conbox div.center table td{
	padding:2px 5px;
	border:#666666 solid 1px;
}

#content #conbox div.center p.setsumei{
	background:url(../img/ul_grn.gif) no-repeat 0 7px;
	border-bottom:#003333 double 3px;
	color:#003333;
	padding-left:10px;
}

#content #conbox div.center p.number{
	color:#003333;
	border-bottom:#003333 solid 1px;
	width:600px;
}

#content #conbox div.center p.content{
	margin-left:40px;
}

/*======== link ========*/
#content #linkbox{
	width:760px;
	margin:0 0 20px 20px;
	}	

#content #linkbox h3{
	color:#003333;
	border-bottom:#003333 solid 2px;
	font-size:120%;
	padding-left:5px;
	font-weight:bold;
	margin:20px 0;
}

#content #linkbox p{
	background:url(../img/link.gif) no-repeat 0 8px;
	padding-left:20px;
}

/*===Introduce Box ===*/	
/* for Captain / President / OB pages */			
#content div.introbox{
	width:737px;
	padding: 15px 18px;
	border-top: 1px solid #143124;
	border-right: 6px solid #143124;
	border-bottom: 6px solid #143124;
	border-left: 1px solid #143124;
	margin-bottom:20px;
	}	
#content div.introbox div.profile{
	width:555px;
	float:right;
	margin-top:10px;
	}
#content div.introbox div.profile ul li{
	line-height:1.8;
	font-size:120%;	
	}	
/*===Profile Photo===*/	
p.photo{
	border: 1px solid #143124;
	padding:5px;
	float:left;
	margin-bottom:20px;
	}
/*===OB ul line===*/		
ul.ob{
	padding-bottom:10px;
	border-bottom:1px solid #143124;
	margin-bottom:10px;
	}
/*============team============*/
/*===index===*/

#content div.team p{
	margin-left:50px;
	margin-right:50px;	
}

/*===history===*/

#content #conbox div.history{
	border-bottom:#003333 solid 1px;
	padding:20px 0;
}

#content #conbox div.history h4{
	color:#660000;
	width:80px;
	float:left;
	font-size:100%;
	margin:0;
}

#content #conbox div.history p{
	width:660px;
	padding-left:80px;
}

#content #conbox div.history p img{
	width:200px;
	float:right;
	margin-left:10px;
}

/*===question===*/

#content strong{
	font-size:120%;
	font-weight:bold;
}

#content em.black{
	color:#000000;
	font-weight:bold;
}

#content #qa h3{
	margin-top:20px;
}

#content #qa p{
	padding:5px 0 5px 20px;
}

/*===interview===*/
#content div.interview img{
	margin-right:15px;
	margin-bottom:20px;
}

#content div.interview p{
	width:735px;
	margin-left:5px;
}

/*===environment===*/

#content div.enviroment{
	width:740px;
	height:200px;
	color:#000000;
}

#content div.enviroment p{
	width:480px;
}

#content div.house{
	width:710px;
	margin-left:30px;
	margin-bottom:30px;
}

#content div.house p{
	width:450px;
}

/*========== recruit position ==========*/
/*=== position ===*/
#content #position{
	width:762px;
	padding: 15px 0 15px 18px;
	margin-bottom:20px;
	}	

#content #position img.map{
	float:right;
	margin-right:18px;
}

#content #position div.offense h3,
#content #position div.defense h3{
	margin-bottom:12px;
}

#content #position div.offense{
	width:396px;
	background:#dad8c9;
	float:left;
	margin-bottom:10px;
	padding:12px 12px 0 12px;
}

#content #position div.defense{
	width:396px;
	background:#bbcfbe;
	float:left;
	padding:12px 12px 0 12px;
}

#content #position div.offense img,
#content #position div.defense img{
	margin:0 0 10px 20px;
}

/*=== comment ===*/
#content #comment{
	width:762px;
	padding: 15px 0 15px 0;
	margin-bottom:20px;
	}	

#content #comment div.setsumei{
	width:700px;
	margin:20px;
}

#content #comment div.setsumei h4{
	background:url(../recruit/img/comment_h4.gif) no-repeat 0 0;
	padding-left:30px;
	color:#003333;
	height:23px;
}

#content #comment div.setsumei em{
	color:#003333;
	font-size:120%;
}

#content #comment div.word{
	width:670px;
	background:#dfdfdf;
	padding:14px 20px 14px 12px;
	margin-bottom:10px;
}

#content #comment div.word img{
	float:right;
	margin-left:35px;
}

/*=== staff ===*/

#content div.staff{
	width:740px;
	margin:20px;
}

#content div.staff p img{
	float:right;
	margin-left:28px;
}

#content div.staff h3{
	height:auto;
	margin:0 0 15px 0;
}

#content div.staff div.word{
	width:480px;
	background:#dff0df;
	padding:12px 15px 18px 15px;
}

/*=== after ===*/

#content div.after{
	width:741px;
	margin:20px;
}

#content div.after h3{
	margin-bottom:10px;
}

#content div.after div.before{
	float:left;
	width:447px;
	margin-right:11px;
}

#content div.after ul li{
	background:url(../img/ul_grn2.gif) no-repeat 5px 6px;
	padding-left:20px;
}

#content div.after em{
	color:#ff0000;
}

/*========== examinee ==========*/
.examinee{
	width:740px;
	margin:20px;
}

#content #contact {
	width: 500px;
	background:#cccccc;
	color:#000000;
	text-align:left;
	padding:10px;
	margin:30px 120px;
}

#content #contact h3{
	font-size:130%;
	font-weight:bold;
	margin:0 0 10px 0;
}