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




/*汎用セレクタ
-------------------------------------------------------------------------------------*/

	
.clrfix{
	clear:both;
	zoom:100%;}
.clrfix:after{
    content: "";
    display: block;
    clear: both;
}
.clrfix .left{ float:left;}
.clrfix .right{ float:right;}

	
.cf{
	clear:both;
	zoom:100%;}
.cf:after{
    content: "";
    display: block;
    clear: both;
}


	
.center{text-align:center ;}
.L{ text-align:left ;}
.R{text-align:right ;}

/*テキストセレクタ
-------------------------------------------------------------------------------------*/
.B{ font-weight:bold;}
.U{ text-decoration:underline;}
.noB{ font-weight:normal;}
.t9{ font-size:9px;}
.t10{ font-size:70%;}
.t11{ font-size:80%;}
.t12{ font-size:90%;}
.t13{ font-size:100%;}
.t14{ font-size:110%;}
.t16{ font-size:130%;}
.t18{ font-size:160%;}

.LL{ font-size:180%;}
.SS{ font-size:80%;}
.BL{ color:#006699;}
.RD{ color:#FF0000;}
.RD2{ color:#CC0000;}
.OR{ color:#FF6600;}
.BK{ color:#000000;}


.bgBL{ background-color:#DAFBFE;}
.bgGR{ background-color:#DAFFB5;}
.bgGY{ background-color:#EEEEEE;}
.bgYW{ background-color:#FFFF99;}
.bgBL2{ background-color:#0099CC; color:#FFFFFF;}


.bgGR2{ background-color:#009900; color:#FFFFFF;}
.bgYW2{ background-color:#FF9900; color:#FFFFFF;}

.bgPK{ background-color:#FFCCCC;}
.bgOR{ background-color:#FFCC66;}
.bgRD{ background-color:#FF9966;}
.bgPK2{ background-color:#FF0066; color:#FFFFFF;}
.bgOR2{ background-color:#FF6600; color:#FFFFFF;}
.bgRD2{ background-color:#CC0000; color:#FFFFFF;}

tr.bgBL td{ background-color:#DAFBFE;}
tr.bgGR td{ background-color:#DAFFB5;}
tr.bgYW td{background-color:#FFFF99;}

/*レイアウトセレクタ*/
.wakuRD{border: #FF0000 solid 1px;background-color:#FFFFCC;}
.wakuRD p{ margin:10px;
	}
.bnrimg a:hover img{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;	}
/*ONボタンで透明*/
.bnr_a0:hover img{
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}

.mgn_b10{	margin-bottom:10px;}
.mgn_t10{	margin-top:10px;}

.mgn_tb10{
	margin-top:10px;
	margin-bottom:10px;
}
.mgn_tb20{
	margin-top:20px;
	margin-bottom:20px;
}
/*各種リセット
-------------------------------------------------------------------------------------*/
*{ margin:0; padding:0;}
img{ border:0; vertical-align:bottom;}
ul{ list-style-type:none;}



header,
section,
nav,
address{ display:block;}



/*テキストカラー・リンクテキストカラー
-------------------------------------------------------------------------------------*/


body{color:#000;}
a{	color:#CD5BAD;
	text-decoration:underline;}
a:hover{
	color:#4ECB0A;
	}
a:hover img{
	  filter:alpha(opacity=70);
     -moz-opacity:0.70;
     opacity:0.70;
}
#logo a:hover img,
header_menu a:hover img{
	  filter:alpha(opacity=100);
     -moz-opacity:1.00;
     opacity:1.00;
}





/*フォントサイズ調整
-------------------------------------------------------------------------------------*/
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p,td,th,li{
	font-size:100%;/*firefox*/
	*font-size:100%;/*IE7.0*/
	_font-size:90%;/*IE6.0以下*/
}



td,th{
	font-size:100%;/*firefox*/
	*font-size:100%;/*IE7.0*/
	_font-size:90%;/*IE6.0以下*/
}
table,div{	margin:auto;	}











/*基本レイアウト
-------------------------------------------------------------------------------------*/
body{
	text-align:center;
	}

#bg{}

	
#container{
	margin:0 auto;
	text-align:left;
	}


header .inner,
footer .inner,
#contents{
	width:1000px;
	margin:auto;
	}

#mainimage .inner{}


#title h1{
	width:980px;
	margin:auto;
	}

#mainimage{
	clear:both;
	margin-bottom:0px;
	}
	
#mainimage{
	background: #56022D;
	
}



/*ヘッダー
--------------------------------------------------------------------------------*/

header{
	zoom:100%;
	clear:both;

	padding:1% 0;
	
	border: solid #197CD8;
	border-width:4px 0;
	
	
	}
header:after{
	content:"";
	display:block;
	clear:both;
}




header #logo{ text-align:left;}
/*header #head_right{	float:right;}*/
header #logo h1{}
header #logo h1 a {
color: #23008C;
text-decoration: none;
}



header ul.navi_contact{ list-style-type:none;}
header ul.navi_contact li{ float:left;}
header ul.navi_contact .btn_tel{}
header ul.navi_contact .btn_contact{}

header #head_right .addr{
	clear:both;
	}


/*
ヘッダーナビ
-------------------------------------------------------------------------------------------*/			


header nav{
	background:url(../images/common/bg-navi.png) repeat-x;
	clear:both;
	zoom:100%;
	}
header nav:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
	
header nav ul{
	list-style-type:none;
	display:block;
	}
header nav ul li{
	float:left;
	}
header nav  ul li img{
	vertical-align:bottom;
	}	


/*フッター
------------------------------------------------------------------------------------*/
.pagetop{
	text-align:center;
	padding:10px 0;
	}


footer{}
footer .bg_foot{

	background:#388E1B;
	padding:20px 0;
	}
footer .inner{
	clear:both;
	zoom:100%;
}
footer .inner:after{
    content: "";
    display: block;
    clear: both;
	}

footer #foot_logo{
	float:left; width:410px;}

footer nav *{ color:#FFF;}
footer nav{
	width:550px;
	float:right;
	padding:20px 0;
	}
footer nav ul{ clear:both;}
footer nav ul li{
	float:left;
	font-size:12px;
	}
footer nav ul li a{
	font-size:14px;
	text-decoration:none;
	margin-right:5px;
	padding-left:5px;
	
	}	
footer nav ul li a:hover{
	text-decoration:underline;
	}	

address{
	color:#FFF;
	clear:both;
	text-align:center;
	font-size:11px;
	padding:8px;
	font-style:normal;
	}








/*
コンテンツ
------------------------------------------------------------------------------------*/

#contents{
	background-color:#FFF;
	clear:both;
	zoom:100%;
	padding:20px 25px 50px 25px;

	position:relative;
	z-index:100;
	}
#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}

#pan_navi{
	font-size:12px;
	margin:6px 0 6px 0;
	}
	
	


/*
　カラム
------------------------------------------------------------------------------------*/


/*
#sidebar{ float:left; width:250px; }
#main{ float:right; width:740px;}
*/



			
/*その他セレクタ
------------------------------------------------------------------------------*/	

.txt{}
.txt p{
	line-height:1.3em;
	margin:0px 0px 15px 0px;
	}
	



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

汎用セレクタ

---------------------------------------------*/
.tbl_simple{
	border-collapse:collapse;
	}
.tbl_simple th,
.tbl_simple td{
	padding:15px;
	border:1px solid #DDD;
	}
.tbl_simple th{
/*	background:#23008C;*/
	background:#EEE;
	color:#23008C;
	text-align:center;
	}
.tbl_simple td{

	}


.list_simple{
	list-style-type:disc;
	margin-left:40px;
	
	}
.list_simple li{
	margin-bottom:10px;
	}	

.list_no{	list-style-type:decimal;
	margin-left:40px;}
.list_no li{ font-weight:normal;
line-height:1.6em;}


.box_yw{
	border:#FC0 solid 4px;
	color:#F60;
	padding:10px;
	}

.box_pk{
	border:#F9C solid 4px;
	color:#F09;
	padding:10px;
	background:#FFF;
	}

.box_pk h5{
	font-size:18px;
}

.box_pk p{
	margin-bottom:12px;
}
	


/*スマートフォン用リンク*/
/*
#sp_chnge{ display:none;}
*/

	/*スマホ対策*/
.sp_navi,
#side nav a.menu,
.btn_sp_navi,
.sp_only{ display:none;}
.hide{ } 






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

　求人一覧

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



#list{}
#list *{ box-sizing:border-box;}

#list .sub{
	border:1px solid #BBB;
	border-radius: 10px; 
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
	
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

	padding:3%;
	
	margin-bottom:50px;
	}


#list .sub .clrfix{ margin-bottom:20px;}

#list .sub .pic{

	width:40%;

}
#list .sub .catch{
	width:60%;
	}

#list .sub .catch p{
	color:#1B81DF;
	font-weight:bold;
	font-size:18px;
	margin-bottom:1em;
	}

#list .sub .catch ul.icon{
	list-style-type:none;
	}
#list .sub .catch ul.icon li{
	float:left;

	font-weight:bold;
	font-size:16px;

	color:#1B81DF;

	border:2px #1B81DF solid;
	margin:0 10px 10px 0;

	border-radius: 3px; 
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px; 
	
	padding:3px 5px;
	}


#list .detail{}
#list .detail table{
	border-collapse:collapse;
	margin-bottom:30px;}
#list .detail table th,
#list .detail table td{
	border: solid #DDD;
	border-width:1px 0;
	padding:15px;
	
	 font-weight:normal;
	 font-size:15px;
	 
	}
#list .detail table th{ width:20%; text-align:center;}
#list .detail table td{ width:80%;}


.btn_entry ul{
	text-align:center;}
.btn_entry ul li{
	
	display:inline-block;
	margin-right:15px;
	}
	








/*　タイトル類　*/
h2,h3,h4,h5,h6{ clear:both;	}

h2{

	padding:2% 0 1% 0;
	font-size:28px;
	font-weight:normal;
	margin-bottom:20px;
	
	color:#23008C;
	
	/*background:url(../images/common/icon-line.png) no-repeat center bottom;*/
	
	}
h2 span{
	font-size:16px;
	display:block;
}



h3{
/*	background:#23008C;
	color:#FFF;
*/

	color:#23008C;
	border-bottom:1px solid #23008C;
	text-align:left;
	font-size:18px;
	padding:5px 10px;
	margin:0 0 15px 0;
	line-height:1.2em;
	}


h4{
	padding:8px 10px;
	margin:0 0 13px 0;
	font-size:15px;
	line-height:1.2em;
	background:#FFECEC;
	}

h3.img,
h4.img{ padding:0;
	text-align:center;
	background:inherit;
	border:0;
}

h3.L,
h4.L{ 
	text-align:left !important;

}


h5{ font-size:16px;}
h6{
	font-size:15px;
	font-weight:normal;
	background:#FFE500;
	display:inline-block;
	padding:1px 4px;
	color:#000;
}


	
.line{ text-align:center; padding:15px 0;}
.home .line{ text-align:center; padding:0 0 15px 0;}


#contents section{
	 margin-bottom:20px;
	 }



/*お問い合せ
-------------------------------------------------------------------------------------*/


#contact{}
#contact .tel_box{
	text-align:center;
	font-family:"Century Gothic";
	}
#contact .tel_box span{
	font-size:30px;
	font-weight:bold;
}

#contact label{
	cursor:pointer;
}
#contact .list_setsumeikai label{ display:block;
 font-size:15px;
 margin-bottom:6px;
 }

#contact input[type="text"]{
	padding:2px 3px;
	margin-bottom:3px;
	}


#contact .textarea{ width:95%; height:7em; }
#contact span.hissu{
	display:block;
	float:right;
	width:40px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#FF0000;
	padding:2px 4px;
	}

#contact span.rei{
	color:#666666;
	}
	
	
	
	
#contact table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
	
	}
	
#contact table th,
#contact table td{
	
	padding:5px 8px;	
	line-height:1.3em;
	border: solid #DDD 1px;
/*	border-width:0px 0 1px 0;*/
	font-size:15px;	
}
#contact table th{
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background:#F1F7CA;
	width:30%;
}
#contact table td{
	width:70%;
	vertical-align:top; }

#contact table table{ margin:0; width:auto;}
#contact table table th,
#contact table table td{
	
	padding:3px;	
	border:0;
	background:inherit;
	
}
#contact table table th{
	font-size:12px;
	width:15%;
	text-align:right;

}


#contact .btn_submit{
	text-align:center;
	padding:10px;
	}
#contact .btn_submit input{
	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:10px 50px 10px 50px;
	
	text-align:center;
	font-size:18px;
	
	font-weight:bold;
	
	color:#FFF;
	background:#9F2077;
	border:solid  #832874 1px;
	}	

#contact .btn_submit input:hover{
	cursor:pointer;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;

}

input.sizeSS{ width:30%;}
input.sizeS{ width:40%;}
input.sizeM{ width:50%;}
input.sizeL{ width:95%;}

textarea.textarea{
	width:90%;
	height:150px;
	}




.err_txt{ font-size:11px; color:#FF0000;}



#contact .bg_rd{ background-color:#FFDFDF;} 
#contact .err_txt{ font-size:11px; color:#FF0000;}


.tbl_form input[type="text"],
.tbl_form input[type="password"],
.tbl_form textarea,
.tbl_form select{
	vertical-align:middle;
	max-width:90%;
	line-height:30px;
	height:30px;
	padding:1px 5px;
	border:1px solid #d4d4d7;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:100%;
	color:#555;
	background:#fcfcfc;
}


/*2012 06*/
.sub_navi{
/*	background:url(../img/common/bg_menu.jpg) repeat-x 0 36px ;*/
	margin:10px 0 25px 0;
	zoom:100%;
	width:100%;
	border-bottom:1px solid #CCC;
	}
.sub_navi:after{
	content:"";
	display:block;
	clear:both;
}
.sub_navi ul{
	list-style-type:none;}
.sub_navi ul li{
	float:left;
	margin-left:10px;



}

.sub_navi ul li a{
	display:block;
	padding:8px 25px;

	border:solid #999;
	border-width:1px 1px 0 1px;
	
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;

	
	color:#FFF;
	font-weight:bold;



	background-color: #09F;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #09F), color-stop(0.00, #09C));
	background: -webkit-linear-gradient(#09F, #09C);
	background: -moz-linear-gradient(#09F, #09C);
	background: -o-linear-gradient(#09F, #09C);
	background: -ms-linear-gradient(#09F, #09C);
	background: linear-gradient(#09F, #09C);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#645664', endColorstr='#53474F', GradientType=0);
  
  text-decoration:none;	
	 
	 	
	}

.sub_navi ul li a:hover {
	text-decoration:none;
     filter:alpha(opacity=70);
     -moz-opacity:0.70;
     opacity:0.70;	
}