@charset "utf-8";
@import url("reset.css");
/* CSS Document */
body{
	background-image: url(/common/img/common/body_bg_sec.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	text-align:center;
	}
/*
body#Index{
	background-image: url(/common/img/common/body_bg_index.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	text-align:center;
	}
*/
body#Index{
	background-image: url(/common/img/common/body_bg_index.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	text-align:center;
	}
	
#wrap{
	width:850px;
	margin:0 auto;
	text-align:left;
	}
body#Index #wrap{
	width:100%;
	text-align:center;
}
body#Index #head{
	width:850px;
	margin:0 auto;
	text-align:left;
}
body#Index .index_head2{
	height:500px;
	width:100%;
}
body#Index .index_head2 .noFlash{
	background:url(/common/img/toppage/noFlashBg.jpg) 50% 0 no-repeat;
	text-align:center;
}
body#Index .index_head2 .noFlashInner{
	text-align:left;
	width:850px;
	margin:0 auto;
	height:500px;
	position:relative;
}
body#Index .index_head2 .noFlashInner p.firstChild{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
body#Index .index_head2 .noFlashInner p.secondChild{
	position:absolute;
	top:340px;
	left:740px;
	font-size:36px;
	font-weight:bold;
	color:#FFF;
	z-index:200;
}
body#Index .index_head2 .noFlashInner p.thirdChild{
	position:absolute;
	top:390px;
	left:640px;
	font-size:36px;
	font-weight:bold;
	color:#FFF;
	z-index:300;
}

body#Index #main{
	width:850px;
	text-align:left;
	margin:20px auto;
	background:none;
}

#indexMaincol{
	width:600px;
	float:left;
}
/***********************indexmain**********************/	

#index01{
	width:600px;
}
#index01 p{
	font-size:90%;
}
#index01 .box01,
#index01 .box02{
	width:290px;
	float:left;
	margin-right:10px;
	margin-bottom:15px;
	border-bottom:1px dotted #ddd;
	padding:0 0 10px 0;
}


.clearfix:after {
  content: ".";  
  display: block;  
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#index01 p.imgBox{
	width:70px;
	float:left;
	margin-right:10px;
}
#index01 div{
	width:210px;
	float:right;
}


#index02 .formBtns{
	width:600px;
}
#index02 .fBox{
	width:190px;
	float:left;
	margin-right:8px;
	border:1px dotted #f0f0f0;
}

#index03{
	width:600px;
	height:400px;
	overflow:scroll;
}
#index03 table th,
#index03 table td{
	padding:5px;
	border-bottom:1px dotted #ddd;
}
#index03 table th{
	width:120px;
}
#index03 table th span.new{
	padding:2px 3px;
	margin:0;
}

#indexRightcol{
	width:240px;
	float:right;
}

#indexRightcol .sideBanner{
	padding:10px 0;
}
#indexRightcol .sideBanner p{
	margin-bottom:10px;
}
#indexRightcol .sideInfo{
	text-align:right;
}
/***********************indexRight**********************/	
.indexTable{
}
.indexTable table{
	border:1px solid #ddd;
	width:100%;
}
.indexTable table th,
.indexTable table td{
	padding:5px;
	font-size:90%;
	border:1px solid #ddd;
}
.indexTable table th{
	background:#336699;
	color:#FFF;
}
.indexTable table td{
	font-weight:bold;
}

body#Index #foot{
	background-color:#004e89;
	text-align:center;
	margin:0 auto;
	height:auto;
}
body#Index #foot .footInner{
	padding:20px 0;
	width:850px;
	margin:0 auto;
	text-align:left;
}
body#Index #foot .footInner p{
	color:#FFF;
}
body#Index #foot .mainBanner{
	width:620px;
	float:left;
	margin-right:20px;
}
body#Index #foot .mainBanner p{
	margin-bottom:10px;
}
body#Index #foot .banner{
	margin:0;
	background:none;
	text-align:left;
	padding:0;
	width:180px;
	float:right;
}
body#Index #foot .banner ul li{
	margin-bottom:10px;
}
body#Index #foot .fNavi{
	clear:both;
}
body#Index #foot .fNavi li{
	font-size:90%;
}
/***********************head**********************/	
#head{
	}
h1{
	width:600px;
	float:right;
	text-align:right;
	color:#333333;
	}
.hNavi{
	width:330px;
	float:left;
	padding:20px 0 0 0;
	}
.hNavi li{
	display:inline;
	padding:0 10px;
	font-size:12px;
	}
.hNavi li.firstChild{
	margin-left:60px;
	}
.apply_link{
	width:270px;
	float:right;
	}	
.heading{
	height:85px;
	}
#sign{
	width:600px;
	float:right;
	}		
#logo{
	background-image:url(/common/img/common/logo.jpg);
	height:80px;
	width:240px;
	float:left;
	}
h3{
	clear:both;
	}
#logo a{
	display:block;
	text-indent:-9999px;
	height:80px;
	width:240px;
	}
/************gNavi*****************************/


.gNavi{
	background-image:url(/common/img/common/gnavi.jpg);
	background-repeat:no-repeat;
	width:850px;
	height:43px;
	}
.gNavi li{
	float:left;
	}
.gNavi li a{
	display:block;
	height:43px;
	text-indent:-9999px;
	}	
.gNavi li.navi01{	width:118px;}	
.gNavi li.navi02{	width:123px;}	
.gNavi li.navi03{	width:189px;}	
.gNavi li.navi04{	width:129px;}	
.gNavi li.navi05{	width:134px;}	
.gNavi li.navi06{	width:157px;}	

.gNavi li a:hover,
.gNavi li a.here{
	background-image:url(/common/img/common/gnavi.jpg);
	background-repeat:no-repeat;
}

.gNavi li.navi01 a:hover,.gNavi li.navi01 a.here{background-position:0 -43px;}
.gNavi li.navi02 a:hover,.gNavi li.navi02 a.here{background-position:-118px -43px;}
.gNavi li.navi03 a:hover,.gNavi li.navi03 a.here{background-position:-241px -43px;}
.gNavi li.navi04 a:hover,.gNavi li.navi04 a.here{background-position:-430px -43px;}
.gNavi li.navi05 a:hover,.gNavi li.navi05 a.here{background-position:-559px -43px;}
.gNavi li.navi06 a:hover,.gNavi li.navi06 a.here{background-position:-693px -43px;}
		
	
/***************pan**************/	
h2.sec{
	background-image:url(/common/img/sec/sec_h2_bg.jpg);
	background-repeat:no-repeat;
	font-size:x-large;
	_font-size:large;
	padding:37px 0 40px 40px;
	color:#FFFFFF;
	font-weight:bold;
	}	
	
#main{
	width:850px;
	background-image:url(/common/img/common/main_bg.jpg);
	background-repeat:repeat-y;
	margin:10px 0 20px;
	}
/***********pan*********/		
.pan{
	clear:both;
	margin:10px;
	float:right;
	}
.pan li{
	display:inline;
	padding:0 10px 0 10px;
	background-image: url(/common/img/sec/pan_bg.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	font-size:x-small;
	_font-size:xx-small;
	
	}
.pan li.firstChild{
	background:none;
	}
/************sidebar********************/	
#leftcol{
	width:200px;
	float:left;
	}
#menu{}
#menu a{
	text-decoration:none;
	display:block;
	}
#menu a:hover{
	text-decoration:underline;
	}
#menu li{
	border-bottom:1px dotted #CCCCCC;
	}
#menu li dl{
	margin:5px 0;
	}	
#menu li dl dt,
#menu li.oneent{
	background-image:url(/common/img/sidebar/sidebar_link.jpg);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:3px 0 3px 10px;
	font-weight:bold;
	}
#menu li dl dd{
	margin:0 10px;
	padding:3px 0 3px 10px;
	background:#E8F8FF;
	border-bottom:1px dotted #CCCCCC;
	}
#menu li dl dd a:hover{
	background:#FFFFFF;
	}	
.btn_links{
	text-align:center;
	margin:20px 0 0 0;
	}	
.cards{
	width:180px;
	background: #FFFFFF;
	margin:10px;
	}
.cards p{
	text-align:center;
	}
.banner{
	margin:20px 10px;
	background: #FFFFFF;
	}
.banner p{
	margin:10px 0 0 0;
	text-align:center;
	}	
/**********main******************/
#maincol{
	width:640px;
	float:right;
	}	
/*********foot*******************/
#foot{
	clear:both;
	background-image:url(/common/img/common/foot_bg.jpg);
	background-repeat:repeat-x;
	height:120px;
	}
#foot address{
	clear:both;
	color:#FFFFFF;
	}
#sitemap{
	margin:40px;
}
#sitemap li dl dt,
#sitemap li.toplevel_link{
	background-image:url(/common/img/sec/h5_sec.jpg);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:10px 20px;
}
#sitemap li dl dd{
	margin:0 0 0 40px;
	}
h3.side_h3{
	background-image:url(/common/img/sidebar/side_h3_bg.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	margin:0 10px;
	}
.fNavi{
	padding:20px;
	}
.fNavi li{
	display:inline;
	font-size:12px;
	color:#FFFFFF;
	border-right:1px dotted #CCCCCC;
	padding:0 10px;
	}
.fNavi li.navi01{
	border-left:1px dotted #CCCCCC;
	}
.fNavi li a{
	color:#FFFFFF;
	}			
/**************message***************/
.comment_table{
	width:600px;
	border:1px solid #999999;
	}
.comment_table th{
	background: #f7f7f7;
	padding:10px;
	font-weight:bold;
	border-bottom:1px dotted #666666;
	}
.comment_table td{
	padding:10px;
	vertical-align:middle;
	border-bottom:1px dotted #666666;
	}		

.form {
	margin-bottom:30px;
}

.form dl {
	width:200px;
	float:left;
}

.clear{height:1%;}
.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.formcontents p {

}

.kouzatbl {
	margin-bottom:30px;
	font-size:13px;
}

.kouzatbl th {
	text-align:center;
	vertical-align:middle;
	padding:4px !important;
}
.kouzatbl td {
	padding:5px;
}

b.ryui {
	color:red;
	display:block;
	margin-bottom:10px;
}

.b-m10 {
	margin-bottom:10px;
}