@charset "utf-8";

body {
	margin:0px auto;
	padding:0px;
	text-align:center;
	background-color:#fff;
	background-image:url(/static/img/front/page_head_bg.jpg);
	background-repeat:repeat-x;
	color:#666;
	font-size:12px;
	font-family:arial;
	line-height:12pt;
}
a{
	color:#666;
	text-decoration:underline;
}
a:hover {
	text-decoration: none;
	position: relative; top: 1px; left: 1px;
}
#buttons a:hover {
	text-decoration: none;
	position: static; top: 0; left: 0;
}
a.blue{
	color:#3399CC;
	text-decoration:underline;
}
a.red{
	color:#AB1011;
	text-decoration:underline;
}
br.clear{
	clear:both;
}
img{
	border:0px;
}
img.toright{
	float:right;
	margin:0 0 0 20px;
}
img.toleft{
	float:left;
}
img.toright_wspace{
	float:right;
	margin:0 15px 0 20px;
}
.red_12{
	color:#cc0000;
}
.required{
	color:#cc0000;
	float:right;	
}
.textcenter{
	text-align:center;
}
h1{
	font-size:12px;
	margin:0px;
	padding:0px;
	color:#fff;
	font-weight:normal;
}
label {
	cursor: pointer;
}
.error {
	display: block;
	margin-top: 3px;
	color: red;
}
.bluenotice {
	color: #009;
}

/* common */
#intro_container{
	margin:0px auto;
	text-align:center;
	width:870px;
	height:20px;
	background-image:url(/static/img/front/intro_bg.jpg);
	padding:6px 0 0 0px;
}
#intro{
	float:left;
	padding:0 0 0 6px;
}
#headermenu{
	color:#fff;
	float:right;
	padding:0 6px 0 0px;
}
#headermenu a{
	color:#fff;
}
#wrap{
	width:870px;
	margin:0px auto;
	text-align:center;
	/*overflow:auto;*/
	background-color:#fff;
}
#header{
	width:852px;
	height:114px;
	padding:12px 18px 0 0px;
	background-image:url(/static/img/front/page_header_bg.gif);
	background-repeat:no-repeat;
}
#header_old{
	width:850px;
	margin:10px 0 0 0px;
	padding:0 0 10px 0px;
	border-bottom:5px solid #C8ACBA;
	overflow:auto;
}
#logo{
	width:210px;
	float:left;
	padding:17px 0px 0 42px;
	text-align:left;

}
#logo_top_old{
	width:266px;
	float:left;
}
#logo_bottom{
	width:266px;
	float:left;
}
#header_login{
	width:456px;
	height:34px;
	float:right;
	background-image:url(/static/img/front/standard_login.gif);
	text-align:left;
	padding:6px 0 0 130px;
	margin:0 0 3px 0px;
}
.login_input{
	font-size:12px;
	padding:3px;
	color:#777;
	width:110px;
	vertical-align:middle;
	margin:0;
}
.login_button{
	border:none;
	width:65px;
	height:24px;
	background:url(/static/img/front/login_bn.jpg) top right no-repeat; 
	cursor: pointer;
	outline:none;
	vertical-align:middle;
	margin:0;
}

#header_menu{
	width:587px;
	float:right;
	height:71px;
	overflow:hidden; /*IE6*/
}
#outer{
	width:830px;
	margin:0 10px 0 10px;
	padding:0 10px 0 10px;
	background-image:url(/static/img/front/page_main_bg.gif);
	text-align:left;
	overflow:auto;
}
#inner{
	width:830px;
	background-image:url(/static/img/front/header_bottom_bg.jpg);
	background-repeat:repeat-x;
	padding:10px 0 0 0px;
	overflow:auto;
}

dl.breadcrum{
	float:right;
	height:25px;
	margin:0px;
	padding:3px 5px 0 0px;
	background-image:url(/static/img/front/home_icon.jpg);
	background-repeat:no-repeat;
	background-position:10px 0px;
}

#serchresult_pictures{
	width:303px;
	border:1px solid #ccc;
	padding:6px 0 4px 6px;
	margin:0 0 20px 0px;
	overflow:auto;
}
dl.serchresult_pictures_s{
	width:298px;
	padding:6px 0 0 0px;
	margin:0px;
}
dl.serchresult_pictures_s dd{
	padding:0px;
	margin:0px;
	float:left;
}
dl.serchresult_pictures_s dd.middle{
	padding:0 6px 0 6px;
	margin:0px;
	float:left;
}


.input_ll{
	font-size:12px;
	padding:3px;
	color:#444;
	width:90%;
	vertical-align:middle;
	margin:0;
}
.input_l{
	font-size:12px;
	padding:3px;
	color:#444;
	width:180px;
	vertical-align:middle;
	margin:0;
}
.input_s{
	font-size:12px;
	padding:3px;
	color:#444;
	width:110px;
	vertical-align:middle;
	margin:0;
}
.input_ss{
	font-size:12px;
	padding:3px;
	color:#444;
	width:60px;
	vertical-align:middle;
	margin:0;
}





/*footer*/
#footer{
	width:850px;
	height:72px;
	padding:40px 0 0 0px;
	margin:0 10px 0 10px;
	background-image:url(/static/img/front/footer_bg.jpg);
}
#footerimg{
	width:100%;
	background-color:#B01F20;
	margin:0px auto;
	text-align:center;
}
#footerimg_inner{
	width:870px;
	height:16px;
	background-image:url(/static/img/front/footer.jpg);
	background-repeat:no-repeat;
	color:#fff;
	padding:40px 0 5px 0px;
	margin:0px auto;
	text-align:center;
}
#footermenu{
	float:left;
}
#copyright{
	float:right;
}


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

				resourcecode add 
				
--------------------------------------------------------------*/
#pagelist {text-align:center}
#pagelist ul{list-style:none}
#pagelist li{display:inline; margin:0 2px; padding:3px 5px; background-color:#B01F20; color:#FFFFFF;}
#pagelist li a{text-decoration:none; color:#FFFFFF;}


.inner2{
		margin-top:40px;
		margin-bottom:60px;
		text-align:center;
		line-height:220%;
}

.inner3{
		margin-top:60px;
		margin-bottom:100px;
		text-align:center;
		line-height:160%;
}
.inner4{
		margin-top:80px;
		margin-bottom:100px;
		text-align:center;
		line-height:160%;
}
.inner5{
		margin-top:15px;
		margin-left:15px;
		margin-bottom:100px;
		text-align:left;
		line-height:140%;
}

.inner_form{
		margin-top:40px;
		margin-bottom:60px;
		text-align:center;
}



.linkblue a{color:#3399cc;}

.textright{
	text-align:right;
}


/* links format */
#options2{
	text-align:right;
	margin-top:5px;
}

.menu_01{list-style:none;
		 margin:0 -25px 0 0;
		 padding:0;
		 }
.menu_01 li{display:inline;
			padding: 3px 25px 3px 23px;
			}

.menu_02{list-style:none;
		 margin:0;
		 padding:0;
		 }
.menu_02 li{display:inline;
			padding: 3px 12px;
			}
			
.menu_03{list-style:none;
		 margin:0;
		 padding:0;
		 }
.menu_03 li{
			padding:0 0 0 20px;
			background-position:0 7px;
			}

.menu_04{list-style:none;
		 
		 margin:0 -25px 10px 0;
		 padding:0 15px 0 0;
		 text-align:right;
		 }
.menu_04 li{
			display:inline;
			padding: 0 25px 2px 20px;
			}			

.menu_05{list-style:none;
		 margin:0 -25px 0 0;
		 padding:0;
		 }
.menu_05 li{display:inline;
			padding: 3px 25px 3px 30px;
			}

.menu_06{list-style:none;
		 margin:0;
		 padding:0;
		 }
.menu_06 li{
			display:inline;
			padding:6px 30px;
			}

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

				table form layout 
				
--------------------------------------------------------------*/

/* login form format */
.login_form{margin:0 auto;}
.login_form th{text-align:right; padding-right:10px;}
.login_form td{text-align:left;}
.login_form td.button{padding:10px 0 20px 0; text-align:center;}
.login_form td.button input{padding:3px 20px;}



/*table-tlr / td th-b */
.simpleborder{ margin:0 auto 25px auto;
			  border-left:1px #cccccc solid;
			  border-right:1px #cccccc solid;
			  border-top:1px #cccccc solid;}
.simpleborder td{width:150px;
				 padding:10px 20px;
				 text-align:left;
				 border-bottom:1px #cccccc solid;
				 }
.simpleborder th{width:60px;
				 padding:10px 20px;
				 text-align:left;
				 font-weight:normal;
				 border-bottom:1px #cccccc solid;
				 }
				 
/* form_reguser */
#form_reguser{margin:15px 0;}
#form_reguser th.atop{padding-top:13px; vertical-align:top}
#form_reguser th.atop2{vertical-align:top}


.form_reguser{
			   width:100%;
			   margin:10px 0 20px 0;
			   border-top:1px #E0E0E0 solid;
			  }
.form_reguser td{
				 padding:10px 15px;
				 text-align:left;
				 border-bottom:1px #E0E0E0 solid;
				 }
.form_reguser th{width:115px;
				 padding:10px 15px;
				 text-align:right;
				 font-weight:normal;
				 border-bottom:1px #E0E0E0 solid;
				 }
				 
.form_reguser td.box_l{width:150px; padding-right:0;} 
.form_reguser td.box_r{width:215px; vertical-align:middle;} 
				 
.form_reguser td p{margin:10px 0;}		
.form_reguser td p.gray{color:#999999; margin:5px 0;}			 

.thgray th{background-color:#EFEFEF;}


th.atop{padding-top:13px; vertical-align:top}
th.atop2{vertical-align:top}

/* send mail */
.sendmail {width:100%;
			margin:15px 0;
		 }
.sendmail th{ width:30px;
				 padding:10px 10px;
				 text-align:left;
				 font-weight:normal;
				 }
.sendmail td{
				 padding:10px 10px;
				 text-align:left;
				 }

/* change password */

#form_changepass{margin:15px 0;}


.form_changepass{
			   width:100%;
			   margin:10px 0 20px 0;
			   border-top:1px #E0E0E0 solid;
			   border-bottom:1px #E0E0E0 solid;
			  }
.form_changepass td{
				 padding:15px 15px;
				 text-align:left;
				 }
.form_changepass th{width:110px;
				 padding:15px 15px 20px 85px;
				 text-align:left;
				 vertical-align:bottom;
				 font-weight:normal;
				 }
.form_changepass th.preset{padding-top:0;}
.form_changepass td.preset{padding-top:0;}



div.formhead_l{width:350px; float:left; padding-#form_changepass left:25px}
div.formhead_r{width:150px; text-align:right; float:right;}
div.formhead_r small{font-size:9px}
div.textright small{font-size:9px}

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

				etc... 
				
--------------------------------------------------------------*/


/* menu border right */ 
.border{border-right:#333333 1px solid;}	
.border_btm{border-bottom:1px #E0E0E0 solid;}	



/* icons */ 
.icon_mypage{background:url(/static/img/front/icon_mypage.gif) no-repeat;}
.icon_mypage_big{background:url(/static/img/front/icon_03.gif) no-repeat;}
.icon_logout{background:url(/static/img/front/icon_logout.gif) no-repeat;}
.icon_ar_red{background:url(/static/img/front/icon_ar_red.gif) no-repeat;}
.icon_ar_blue{background:url(/static/img/front/icon_login.gif) no-repeat;}
.icon_findjob_a{background:url(/static/img/front/icon_01.gif) no-repeat;}
.icon_log{background:url(/static/img/front/icon_02.gif) no-repeat;}


.icon_findjob{
	margin:0 0 0 0px;
	padding:0 0 0 25px;
	background-image:url(/static/img/front/icon_01.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}



.cls:after{ 
			content:".";
			display: block;
			clear:both;
			height: 0;
			visibility: hidden;
			
			}
.cls {display: inline-block;}

/* mac ie5 \*/
* html .cls {height: 1%;}
.cls{ display: block;}
/* mac ie5 */



/**
 * mailList
 * mailDetail
 */
.inner_mail {
        margin-top: 10px;
}
table.mailList,
table.mailDetail {
        border-collapse: collapse;
        width: 100%;
        border-top: 1px solid #ccc;
}
table.mailList a,
table.mailDetail a {
        color:#3399CC;
        text-decoration:underline;
}
table.mailList th,
table.mailDetail th {
        padding: 5px;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        background-color: #eee;
        vertical-align: top;
}
table.mailDetail th {
        width: 100px;
}

table.mailList td,
table.mailDetail td {
        vertical-align: mmiddle;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 5px;
}
table.mailList td *,
table.mailDetail td * {
        vertical-align: bottom;
}


/**
 * myNews
 */
div#myNews {
	width:800px;
	overflow:auto;
	border-bottom:1px dotted #ccc;
	padding:0 0 15px;
	margin:0 0 20px 0px;
}
div#myNews p {
	margin: 5px 0;
	padding-left: 18px;
}
div#myNews a {
	color: #AB1011;
	font-weight: bold;
}


/**
 * regNavi
 */
div#regNavi {
	margin: 20px 0 30px;
	text-align: center;
}
div#regNavi * {
	vertical-align: middle;
}
.example {
	margin-left: 10px;
	padding-left: 21px;
	background: transparent url(/static/img/front/regnavi/ex.gif) left center no-repeat;
}
.divide {
	margin: 3px 0 5px !important;
	display: block;
}



.typeInformation {
	padding-left: 21px;
	background: transparent url(/static/img/icon/information.gif) left center no-repeat;
	height: 16px;
}