@charset "utf-8";


/* CSS Document */


/* cssリセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote { margin:0; padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; list-style-position:outside;}
caption,th { text-align:left; }
q:before,q:after { content:'';}
img  {
vertical-align: bottom;
}

html{height:100% }

a:link {
  text-decoration:underline; color:#0033cc;
}

a:visited {
  text-decoration:underline; color:#0033cc;
}

a:active {
  text-decoration:underline; color:#0033cc;
}

a:hover {
  text-decoration:underline;
   color: #663399;
}

body{ background-image:url(../img/bg.gif); background-repeat:repeat-x;}

/* クラス */
.spannone {display:none;}
.width100{ width:100px;}
.width200{ width:200px;}
.width280{ width:280px;}
.width305{ width:305px;}
.width400{ width:400px;}
.width30{ width:30px;}
.width50{ width:50px;}
.clleft{clear:left;}
.cright{ clear:right;}
.float_l{ float:left;}
.float_r{ float:right;}

/* クラスフォント色 */
.font_white{color:#FFFFFF;}
.font_dred{color:#CC0033}
.font_orange{ color:#FF3344;}
.font_indigo{ color:#000033;}
.font_dgreen{ color:#616600;}
.font_brown{ color:#43270E;}
.font_yellow{ color: #FFCC33;}
.font_lyellow{ color: #CCCC66;}
.font_blue{ color: #0099CC;}
.font_lblue{ color:#0033FF;}
.font_purple{ color:#363E7F;}
.font_black{ color:#000000;}
.font_gray{ color:#666666;}
.font_pink{ color:#C40469;}
.font_green{ color:#33CC00;}
.font_red{color:#FF0000}


/* BG色 */
.bg_f0f0f0{background-color:#f0f0f0;}


/* クラス*/
.cb{ clear:both;}
.f0{font-size:0; line-height:0; vertical-align:bottom;}
.h001{ border-left:#006633 3px solid; padding:5px 0 3px 10px; border-bottom:#CCCCCC dotted 1px;}
.h002{ padding:5px 0 3px 0; border-bottom:#CCCCCC dotted 1px;}
.h003{ color:#333333; border-left: #FBE2DC solid 4px; padding:5px 0 3px 10px; margin:30px 40px 0 0; border-bottom:#CCCCCC dashed 1px;}
.h004{ background-color: #FFE8F3; padding:5px; width:540px;}
.h010{ color: #003399;}

.h005{ color:#333333; border-left:#0099CC solid 4px; padding:5px 0 3px 10px; margin:20px 40px 0 20px;}
.h006{ color: #FF0080; border-bottom:#CCCCCC solid 1px; padding:5px 0 0 0; margin:20px 10px 0 10px;}
.h007{ color:#333333; border-left:#C40469 solid 4px; padding:5px 0 3px 10px; margin:20px 10px 0 20px;}
.h008{ color: #333333; border-bottom:#CCCCCC dotted 1px; padding:5px 0 3px 5px; margin:40px 20px 10px;}
.h009{ color:#333333; border-left:#401070 solid 4px; padding:5px 0 3px 10px; margin:30px 40px 0 20px;}

.waku{background-color:#efefef; border:#CCCCCC 1px solid; padding:5px;}
.faq{}
 .faq dt{ background-color:#FFCCCC; padding:3px; margin-left:20px; margin-top:20px; margin-bottom:10px; margin-right:10px;}
 .faq dd{ margin-right:10px; margin-left:30px;}

.table{ margin:20px 0 10px 20px; width:300px;}
 .table td{ border-bottom:#CCCCCC dotted 1px; padding:3px;}

.tableb_gray{border-width:1px; border-style:solid; border-color: #CCCCCC; border-collapse:collapse;}
    .tableb_gray th{border-width:1px; border-style:solid; border-color: #CCCCCC; padding:5px;}
	.tableb_gray td{border-width:1px; border-style:solid; border-color: #CCCCCC; padding:5px;}

.foot_menu{ width:181px; float:left;}
 .foot_menu dl{ margin-top:8px; margin-left:8px; padding:0.3em;}
 .foot_menu dt{ color:#003399;}
 .foot_menu dd{ margin-left:10px;} 
 .foot_menu p{ margin-top:8px; margin-left:8px; color:#003399; padding:0.3em;} 
 
.a_right{ text-align:right;}
.a_center{ text-align:center;}
.v_bottom{ vertical-align:bottom} 
 
 
 
/* クラスマージン */ 

.auto{margin:auto;}
.T5{ margin-top:5px;}
.T10{ margin-top:10px;}
.T20{ margin-top:20px;}
.T30{ margin-top:30px;}
.T40{ margin-top:40px;}
.T50{ margin-top:50px;}
.T210{ margin-top:210px;}

.L0{ margin-left:0px;}
.L5{ margin-left:5px;}
.L10{ margin-left:10px;}
.L15{ margin-left:15px;}
.L20{ margin-left:20px;}
.L30{ margin-left:30px;}
.L40{ margin-left:40px;}
.L45{ margin-left:45px;}
.L50{ margin-left:50px;}
.L60{ margin-left:60px;}
.L2em{ margin-left:2em;}
.L3em{ margin-left:3em;}

.R5{ margin-right:5px;}
.R10{ margin-right:10px;}
.R20{ margin-right:20px;}
.R30{ margin-right:30px;}
.R40{ margin-right:40px;}
.R50{ margin-right:50px;}

.B5{ margin-bottom:5px;}
.B10{ margin-bottom:10px;}
.B20{ margin-bottom:20px;}
.B30{ margin-bottom:30px;}

.ALL10{ margin:10px;}

.p_all05{padding:5px;}
.p_all10{padding:10px;}
.pT5{padding-top:5px;}
.pT20{padding-top:20px;}

.w100{width:100px;}
.w200{width:200px;}
.w225{width:225px;}
.w300{width:300px;}
.w600{width:600px;}

.h100{ height:100px;}
.h200{ height:200px;}


/* クラスフォントサイズ */
.text_s{font-size: 0.8em; line-height: 1.1em;}
.text_n{font-size: 0.9em; line-height: 1.6em;}
.text_sn{font-size: 0.8em; line-height: 1.4em;}
.text_nb{font-size: 1.1em; line-height: 1.6em;}
.text_b{font-size: 1.3em; line-height: 1.8em;}
.text_h{font-size: 1.4em; line-height: 1.3em;}
.text_u{font-size: 36px; line-height: 110%;}


.block{	display: block;}

/* テーブルクラス */
.table001{}
	.table001 td{ padding:5px; border:#CCCCCC 1px solid; border-collapse:collapse;}
	.table001 th{ padding:5px; background-color:#DBF7FB; border:#CCCCCC 1px solid; border-collapse:collapse;}

.table002 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 630px;
}

.table002 th {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	text-align: center;
}

.table002 td {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	text-align: center;
}

.table002 .ttn1 {
	width: 130px;
}

.table002 .ttn2 {
	width: 80px;
}

.table002 .ttn3 {
	width: 210px;
}

.table002 .ttn4 {
	width: 210px;
}



.table003 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 550px;
}

.table003 th {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #E7FCFE;
	font-weight: bold;
	width: 20%;
}

.table003 td {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	width: 80%;
}

.table004 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 550px;
}

.table004 th {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #E7FCFE;
	font-weight: bold;
	width: 30%;
}

.table004 td {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	width: 70%;
}

.table004 input {
	border: 1px solid #CCCCCC;
}

.table004 textarea {
	height: 150px;
	width: 100%;
	border: 1px solid #CCCCCC;
}

.table005 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 629px;
}

.table005 th {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #E7FCFE;
	width: 30%;
	font-weight: bold;
}

.table005 td {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	width: 70%;
}

.table005 input {
	border: 1px solid #CCCCCC;
}

.table005 textarea {
	height: 150px;
	width: 100%;
	border: 1px solid #CCCCCC;
}

.table006 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 100%;
}

.table006 th {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #E7FCFE;
	font-weight: bold;
	width: 30%;
}

.table006 td {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	width: 70%;
}

.table006 .input {
	border: 1px solid #CCCCCC;
}

#table007 {
}

#table007 td {
	width: 209px;
	text-align: center;
}

#table007 th {
	width: 208px;
	border-right-style: none;
	text-align: center;
}

#table007 .btm {
	border-bottom-style: none;
}





/* リスト */
.list-d{ list-style:disc;}




/* ID */
#head{}

#main-image{}

#middle{width:970px;}

#menu{ float:left; margin-left:20px; padding-top:20px; width:260px; display:inline;}

#login{ background-image:url(../img/login_bg.gif); background-repeat:repeat-y;}
	#login p{ margin-right:15px; margin-left:15px;}
	
#menu-list{ margin-top:20px;}

#menu-banner{ margin-top:20px;}

#menu-new{ margin-top:20px;}
	#menu-new dl{ margin-left:20px;}
	#menu-new dt{margin-top:10px;}
	#menu-new dd{}

#contents{ float:left; margin-left:20px; padding-top:20px; width:650px; display:inline;}
	#contents .data-q{ padding:10px; background-color:#efefef; border:#ccc 1px solid;}
	#contents .data-q dt{ color:#006633; margin-top:5px; font-weight:bold;}
	#contents .sp{ font-weight:normal; color:#666666;}

#topsearch{ background-color:#d3ffe5; border:1px #CCCCCC solid;}
	#topsearch ul,#topsearch h4{ margin:0 10px;}
 #topsearch li{ 
 padding-right:10px; 
 float:left; 
 #white-space:nowrap;/*IE回避用*/ 
 display:block;}
 
 #topsearch :after{content : ""; display : block; height : 0; clear : both;}


#topinterview{ clear:left;}
	#topinterview dd{ float:left; padding-right:10px;
	#white-space:nowrap;/*IE回避用*/ 
 display:block;}

#interview_left{ width:315px; float:left; padding-top:15px;}

#interview_right{ width:315px; float:left; margin-left:10px; padding-top:15px;}


#footer{clear:left; padding-top:20px; width:950px;}

.interview-comment{background-color: #efefef; border:#CCCCCC solid 1px; padding:10px;}