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


/*Micro Clearfix */
.cf{zoom: 1;}
.cf:before, .cf:after{content:""; display:table;}
.cf:after {clear: both;}

/*START */
body {	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;	
		font-size: 12px;line-height: 1.9em;	color: #333; background: #FFC7B9; }
hr {border-style: none; clear:both; }
a{color: #000; text-decoration:none;}
a:hover{color: #666;}

/* BASIC SET */
.clear{clear:both; margin:0px; padding:0px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mr50{margin-right:50px !important;}

.no-boder{border:none !important;}

.medium{font-size:16px; margin-bottom:10px;}
.small{ font-size:10px; color:#666;}
.green{ color:#a4d647; }
.big_green{ font-size:16px; color:#a4d647;}

.img_left{float:left; margin-right:20px; margin-bottom:20px;}
.img_right{float:right; margin-left:30px; margin-bottom:30px;}

.l_box{float:left; margin-right:20px; margin-bottom:30px;}
.l_box_end{float:left; margin-bottom:30px;}
.r_box{float:right;  margin-bottom:30px;}


/* HEAD set */
header{ width: 100%; height:45px; background-color: #FFF; position: relative; margin-bottom:10px;}

#head{clear:both; }
header h1{ float:left; margin:0 2%; padding:0;}
.gnav{float:right;}
.gnav li{float: left;}
.gnav li ul{ display:none; z-index:5000; width: 100%;  position:absolute; left: 0px; }
.gnav li ul li{  border-bottom:1px solid #333; width: 100%; border-left:none; background: url(../img/arrow6.png) no-repeat 95% center #000;}
.gnav li ul li a{display:block; padding:10px; width: 100%; color:#FFF;}

/* TEASER set */
#teaser{ margin-bottom:10px;}
#teaser img{max-width: 100%; height: auto; width /***/:auto;　}

/* CONTENTS set */
#wrap{ width:95%;	margin-top: 0; margin-right: auto; margin-bottom: 10px; margin-left: auto; }

.page-title{ margin-bottom: 40px; padding: 50px; background-color: #000;}
.under-h2{ font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #FFF;	width:940px; margin:0 auto;}

/* CONTENTS H3 TITLE*/
h3{ font-family: "Roboto Condensed", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; font-size:16px; width: 100%; display:inline-block; margin-bottom:5px; color:#FFF; background-color: #F99; padding:1% 0; text-indent:10px;border-radius:5px; font-weight:bold;}
h3 span{ font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; font-size:10px; vertical-align:middle; margin-left:10px; font-weight:bold;}

/* CONTENTS H2 TITLE*/
h2{	font-family: "Roboto Condensed", sans-serif;
	line-height:40px; font-size:40px;	 width: 100%; display:inline-block; padding:10% 0;  }


/* TOP CONTENTS BNRBOX*/
.m_cnt{ width:100%; overflow:hidden; _zoom: 1; margin-bottom:20px;}
.linkbox{width:100%; margin-bottom:1px; background: url(../img/arrow3.png) no-repeat right bottom #FFF; border-radius:5px;}
.linkbox img{max-width: 40%; height: auto; width /***/:auto; float:left; margin-right:5%;}
.linkbox-text{ padding:5%; }
.linkbox-text h4 a{ color:#000; font-weight:normal; margin-bottom:5px;}
.linkbox-text a:hover{color: #000;}
.box_hover{ cursor:pointer;background-color:#FFF; }

.l-box{width:620px; float:left;}
.l-box ul{width:640px; margin-right:-20px; overflow:hidden; _zoom: 1;}
.l-box ul li{float:left;margin-right:20px;}
.r-box{width:300px; float:right;}

.jinzai{ width:100%;  background: url(../img/arrow5.png) no-repeat 95% center #FFF; box-sizing: border-box; border-radius:5px; margin-bottom:1%;}
.jinzai a{display:block; padding:20px; color:#a4d647; font-weight:bold;}
.fashion{ width:100%;   background: url(../img/arrow5.png) no-repeat 95% center #FFF; box-sizing: border-box; border-radius:5px; margin-bottom:1%;}
.fashion a{display:block; padding:20px; color:#F69; font-weight:bold;}
.haken2{ width:100%;  background: url(../img/arrow5.png) no-repeat 95% center #FFF; box-sizing: border-box; border-radius:5px;}
.haken2 a{display:block; padding:20px; color: #39C; font-weight:bold;}

/* UNDER L-CONTENTS BNRBOX*/
#l_cont{width: 100% ;float:left; }
#l_cont a{color: #592225;}
#l_cont a:hover{color: #333;}

#l_cont .category{ background:#FFF; border:1px solid #EEE; padding:10px; margin-bottom:20px;}
#l_cont .category img{ float:left; margin-right:20px;}
#l_cont .category h5{overflow:hidden; _zoom: 1;	background: url(../img/arrow3.png)  no-repeat left center;font-size: 18px;color: #a4d647;text-indent: 20px;	border-bottom: 1px dotted #a4d647; padding:10px 0; margin-bottom:10px;}

#l_cont .under{ background:#FFF; border:1px solid #EEE; padding:5%; margin-bottom:20px; border-radius:5px;}
#l_cont .under dt{ margin-bottom: 5%; padding-bottom: 5%; width: 30%; float: left; clear: both; color:#a4d647;}
#l_cont .under dd{ margin-bottom: 5%; padding: 0 0 5% 30%; border-bottom: 1px dotted #a4d647;  }
#l_cont .under p{ margin-bottom:5%;}
#l_cont .under img{ padding:2%; max-width: 100%; box-sizing: border-box; margin-bottom:10px;}
.access-bt{border-radius: 3px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; display:block; background-color:#a4d647; padding:5px; line-height:10px; font-size:10px; width:100px; text-align:center; margin-bottom:20px;} 
#l_cont .under .access-bt a{color:#FFF; display:block;}
#l_cont .under h4{
	font-size:16px;
	border-bottom:1px dotted #C96;
	color: #930;
	margin-bottom:20px;
	background:url(../fashion/img/circle.png) no-repeat top left;
	padding:0 0 10px 20px;
}
.name{ text-align:right;} .name img{ border:none !important; max-width: 100%;}
.sarvice-bt{border-radius: 3px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; display:block; background-color:#F29C9F; line-height:10px; width:100%; text-align:center; } 
#l_cont .under .sarvice-bt a{color:#FFF; display:block; padding:20px 0; }


#l_cont table{ width:100%; margin:30px 0;}
#l_cont th{ width:20%; padding:20px; border: 1px solid #CCC;}
#l_cont td{ width:80%; padding:20px; border: 1px solid #CCC;}

.topics h3{ text-align: left; float:left;}

#l_cont .cont_box{margin-bottom:50px;}
#l_cont .cont_box li{margin-bottom:30px;}



.bbox{ width:100%;  box-sizing: border-box; border-radius:5px; margin-bottom:1%; border:1px solid #CCC; text-align:center; display:inline-block; padding:5%;}



#l_cont .box p{line-height: 2em;}


/* FOOTER */
footer{ clear: both; color:#FFF; width: 100%;}
footer a{ color:#FFF;}
footer a:hover{ color:#CCC;}

#foot-end{ background-color: #F99; padding:10px 0;}

.copyright{	clear:both; padding:10px 0; text-align:center; }
.copyright p{ font-size:10px;}

/* SEARCH */
#l_cont .job p{  margin-bottom:5%;}
#l_cont .job img{ padding:2%; max-width: 100%; box-sizing: border-box; }
#l_cont .job h4{ 	font-size:16px;
	border-bottom:1px dotted #C96;
	color: #930;
	margin-bottom:20px;
	background:url(../fashion/img/circle.png) no-repeat top left;
	padding:0 0 10px 20px;}
#l_cont .job .sarvice-bt a{color:#FFF; display:block; padding:20px 0; }
.entry-bt{border-radius: 3px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; display:block; background-color:#a4d647; line-height:10px; width:100%; text-align:center; font-size:20px; } 
#l_cont .job .entry-bt a{color:#FFF; display:block; padding:20px 0; }
.error{border:3px solid #EEE; padding:20px; margin-bottom:20px;}
.msg{font-size;14px; color:#F00;}

#l_cont .job table{ width:100%; margin:0 0 30px 0 !important;}
#l_cont .job th{  padding:10px; border: 1px solid #CCC;}
#l_cont .job th.bg{ background-color:#EEEEEE;}
#l_cont .job th.bg span{border-radius: 3px; -webkit-border-radius: 3px;  -moz-border-radius: 3px;  background-color:#f29c9f;  width:150px; color:#FFF; margin-left:10px; padding:1px 5px; font-size:10px;}
#l_cont .job td{  padding:10px; border: 1px solid #CCC;}
#l_cont .job td span{border-radius: 3px; -webkit-border-radius: 3px;  -moz-border-radius: 3px;  background-color:#f29c9f;  width:150px; color:#FFF;}
#l_cont .job td input{width:50%; }
.add input{width:80% !important;}
.birth input{width:20% !important;}
.sex input{width:5% !important;}
.job-title{font-size:14px; color;#f29c9f;}
.fixbt{ text-align:center;  margin:0;} 

#l_cont .job{ background:#FFF; border:1px solid #EEE; padding:5%; margin-bottom:20px; border-radius:5px;}
#l_cont .job dt{ padding-bottom: 5%; width: 100%;  clear: both; }
#l_cont .job dt span{border-radius: 3px; -webkit-border-radius: 3px;  -moz-border-radius: 3px;  background-color:#f29c9f;  width:150px; color:#FFF; margin-left:10px; padding:1px 5px; font-size:10px;}
#l_cont .job dd{ margin-bottom: 5%; padding: 0 0 5% 0; border-bottom: 1px dotted #D1C0A6;  }

input,textarea{ padding:5px; width:95%;}
.inputarea{ width:95%;}

ul.pageNav01 {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #eee;
	text-align: center;
}

ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

ul.pageNav01 li span,
ul.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle; color:#a4d647;
}

ul.pageNav01 li a:hover {
	background: #eeeff7;
	border-color: #333;
}

ul.optionlist li{ float:left; padding: 1px 8px;	background: #fff;  border: 1px solid #F29C9F; color: #F29C9F; margin: 0 1% 1% 0; font-size:10px; width:49%; box-sizing:border-box;}