﻿/*---------------- ここから bace.html -----------------*/
*{
 margin:0;
 padding:0;
 list-style:none;
 font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;

}
header,#main_visual,#thumbs,
#main_contents,footer{
 max-width:1200px;
 min-width:1200px;
 margin:0 auto;
}

/*---------------- header -----------------*/
header{
 background:#6fba2c;
 overflow:hidden;
}
#header{
 width:100%;
 height:80px;
 background:#6fba2c;
}
#header #header_left{
 float:left;
}
#header #header_right{
 margin-top:5px;
 float:right;
}
header h1{
 width:290px;
 height:80px;
 background-image:url("images/logo.jpg");
 background-repeat:no-repeat;
 background-position:20px 10px;
 overflow:hidden;
 white-space:nowrap;
 float:left;
 margin-right:20px;
}
header h1 a{
 text-indent:100%;
 display:inline-block;
 height:100%;
 width:100%;
}
header #header_balloon{
 margin-top:3px;
 float:right;
 height:67px;
 width:228px;
 text-align:center;
 position:relative;
 display:inline-block;
 border:solid 4px #e1e5e8;
}
header #header_balloon:before{
 content:"";
 position:absolute;
 top:22px;
 right:-22px;
 border:12px solid transparent;
 border-left:12px solid #6fba2c;
 z-index:2;
}
header #header_balloon:after{
 content:"";
 position:absolute;
 top:20px;
 right:-28px;
 border:14px solid transparent;
 border-left:14px solid #e1e5e8;
 z-index:1;
}
header #header_balloon p{
 font-size:15px;
 margin-top:22px;
 margin-left:3px;
 font-weight:bold;
}
header #header_balloon p span{
 color:#ff540a;
 margin-left:2px;
 text-emphasis-style:circle filled;
 -webkit-text-emphasis-style:circle filled;
}
header #header_tel{
 width:225px;
 float:left;
 margin-right:12px;
 margin-top:10px;
}
header #header_tel .tel_num{
 font-size:25px;
 text-decoration:none;
 color:black;
 line-height:25px;
 display:block;
 text-align:center;
 position:relative;
}
header #header_tel .tel_num:before{
 font-family:FontAwesome;
 content:"\f095";
 color:#11a5dc;
 position:absolute;
 top:0;
 left:-10px;
}
header #header_tel p{
 text-align:center;
 font-weight:bold;
}
header #tel_box{
 width:100px;
 height:70px;
 background:#dddddd;
 float:left;
 margin-right:6px;
}
header #tel_box p{
 font-size:12px;
 text-align:center;
 color:#8b99ae;
 font-weight:bold;
 line-height:14px;
 margin-top:15px;
}
header #header_form{
 width:280px;
 height:70px;
 background:#ff540a;
 border-radius:4px;
 margin-right:7px;
 float:left;
}
header #header_form h4{
 text-align:center;
}
header #header_form h4 span{
 font-size:16px;
}
header #header_form h4 a{
 text-decoration:none;
 display:block;
 color:#fff;
 font-size:18px;
 position:relative;
 padding:10px 0 0 10px;
}
header #header_form h4 a:before{
 font-family:FontAwesome;
 content:"\f0a9";
 position:absolute;
 top:20px;
 left:27px;
 font-size:23px;
 transition:0.5s
}
header #header_form h4 a:hover:before{
 transform:translateX(7px);
}


/*---------------- footer -----------------*/
#footer{
 height:160px;
 width:100%;
 min-width:1200px;
 background:#6eb92b;
 clear:both;
}
footer{
 text-align:center;
}
footer #footer_category{
 height:17px;
 padding-top:27px;
 overflow:hidden;
 width:850px;
 margin:0px auto 16px auto;
}
#footer_category ul li{
 line-height:17px;
 font-size:17px;
 margin-right:30px;
 float:left;
}
#footer_category ul li:last-child{
 margin-right:0;
}
#footer_category ul li a{
 display:block;
 color:#fff;
 text-decoration:none;
}
#footer_category ul li a:hover{
 opacity:0.8;
}
#footer_category ul li a:before{
 font-family:FontAwesome;
 content:"\f18e";
 display:inline-block;
 margin-right:5px;
 font-size:16px;?
}
footer #copyright{
 margin-top:30px;
 color:#fff;
 font-size:13px;
}

#page_top{
 position:fixed;
 bottom:30px;
 right:30px;
 cursor:pointer;
}
#page_top a{
 display:block;
 background:#6fba2c;
 color:#fff;
 width:50px;
 line-height:50px;
 padding:15px 5px 0px 5px;
 text-align:center;
 text-decoration:none;
 border-radius:10px;
 position:relative;
 font-weight:bold;
}
#page_top a:before{
 font-family:FontAwesome;
 content:"\f062";
 position:absolute;
 top:-7px;
 left:22px;
 font-size:18px;
}

/*---------------- ここまで bace.html -----------------*/

/*---------------- ここから index.html -----------------*/
/*---------------- main_left -----------------*/


/*---------------- about_work -----------------*/
#about_work{
 height:550px;
}
#about_work #about_img{
 margin-bottom:15px;
}
#about_text .about_round{
 float:right;
}
#about_text .about_round img{

}
#about_text p{
 font-size:16px;
 line-height:2em;
}
#about_text h3{
 margin-top:20px;
}

/*---------------- ここまで index.html -----------------*/
/*---------------- ここから ws_detaile.php -----------------*/
.job_detail{
 width:900px;
 border: 3px solid #dedace;
 box-shadow: 2px 2px 4px #dedace;
 margin-bottom:200px;
 padding-bottom:50px;
}
.job_detail .detaile_header{
 width:890px;
 height: 65px;
 margin: 5px 5px 25px 5px;
 background: #6fba2c;
 box-shadow: 0px 8px 3px -3px #dedace;
 overflow: hidden;
}
.detaile_header .detaile_header_left{
 float:left;
 line-height:65px;
}
.detaile_header .detaile_header_left h3{
 margin-left:35px;
 font-size:1.2em;
}
.detaile_header .detaile_header_right{
 float:right;
 margin:10px 15px 0 0;
}
.detaile_header .detaile_header_right p{
 width: 300px;
 text-align: right;
 font-weight: bold;
 line-height: 1.3em;
}
.detaile_main{
 margin:0px 30px;
}
.detaile_main .detaile_main_head{
 overflow:hidden;
 margin-bottom:20px;
}
.detaile_main .detaile_main_head h2{
 color: #2d39c3;
 margin-bottom: 9px;
}
.detaile_main .detaile_main_head ul{
 margin-left:20px;
}
.detaile_main .detaile_main_head ul li{
 float: left;
 line-height: 19px;
 background: #d8e5f7;
 margin-right: 8px;
 padding: 3px 5px;
 border-radius: 3px;
}
.detaile_main_imgs{
 width:840px;
 height:380px;
 overflow:hidden;
 margin:0 auto 20px auto;
}
.detaile_main_imgs .imgs_center{
 float:left;
 width:540px;
 height:380px;
}
.detaile_main_imgs .imgs_right{
 float:right;
 width:290px;
 height:320px;
 overflow:hidden;
}
.detaile_main_imgs .imgs_right ul li{
 float:left;
 margin:0 0 5px 5px;
 cursor:pointer;
}
.detaile_main_imgs .imgs_right ul li:hover{
 opacity:0.8;
}
.detaile_main_imgs .imgs_center img,.detaile_main_imgs .imgs_right ul li img{
 display:block;
}
.main_sentence{
 margin:0 10px 30px 10px;
 border: 1px solid #dedace;
 padding:20px;
}
.detaile_table{
 margin:0 40px;
}
.detaile_table h3{
 color:#836a57;
 font-size:25px;
}
.detaile_table h3:before{
 font-family:FontAwesome;
 content:"\f05a";
 margin-right:5px;
}
.table_block table{
 border:2px solid #e3ddcd;
 width:820px;
 border-collapse:collapse
}
table td,table th{
 border-bottom:1px solid #e3ddcd;
}
.table_block table th{
 background-color: #f8f6f1;
 text-align: left;
 vertical-align: top;
 color: #71533b;
 padding:5px 10px;
 width:110px;
}
.table_block table td{
 padding: 7px 12px;
}
.apply_btn{
 margin-top:20px;
}
.apply_btn p a{
 display:block;
 margin:0 auto;
 width:410px;
 height:65px;
 line-height:65px;
 background:url(images/button.png)no-repeat;
 text-align:center;
 text-decoration:none;
 color:#fff;
 font-size:27px;
 font-weight:bold;
}
.apply_btn p a:hover{
 opacity:0.7;
}
.job_period p{
 margin:10px 0;
 text-align:center;
}

/*---------------- ここまで ws_detaile.php -----------------*/


/*---------------- ここから kakunin.php -----------------*/

#main_left_wrape section{
	width:1200px;
	position:relative;
	margin-bottom:10px;
	
}
#main_left_wrape #oubosaki{
	border:1px solid #9fc99f;
	border-radius:5px;
	width:800px;
	margin:0 auto;
	margin-top:20px;
	padding-bottom:10px;
}

#main_left_wrape #oubosaki .kigyou{
	background-color:#6eb92b;
	padding:10px 20px;
	font-size:10px 20px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

#main_left_wrape #oubosaki .kaisyamei{
	margin:0 20px;
	margin-top:5px;
	font-size:14px;
}
#main_left_wrape #oubosaki .midasi{
	margin:0 20px;
	font-size:18px;
	font-weight:bold;
}
#main_left_wrape #oubosaki .kyuyo{
	margin:0 20px;
	margin-top:10px;
	font-size:14px;
}
#main_left_wrape #oubosaki .ti{
	margin:0 20px;
	font-size:14px;
}
#main_left_wrape #oubosaki .zikan{
	margin:0 20px;
	font-size:14px;
}

hr{
	border:none;
	border-top:dashed 1px #6eb92b;;
	height:1px;
	color:#32cd32;;
	width:750px;
	margin:0 auto;
}


#main_left_wrape #foam {
	width:900px;
	position:abusolute;
	margin-top:50px;
	margin-left:50px;
}
#main_left_wrape #foam h2 {
	width:98px;
	background:linear-gradient(transparent 60%,#6eb92b 95%);
}

#main_left_wrape #foam .naiyou{
	width:170px;
	background:linear-gradient(transparent 60%,#6eb92b 95%);
}

#main_left_wrape #foam .toiawase{
	width:195px;
	background:linear-gradient(transparent 60%,#6eb92b 95%);
}

#main_left_wrape #foam .consult{
	width:265px;
	background:linear-gradient(transparent 60%,#6eb92b 95%);
}

#main_left_wrape #foam .kakunin{
	text-align:center;
        display: block;	
}



#main_left_wrape table{
	width:800px;
	border:solid 1px #d8d8d8;
	border-collapse:collapse;
	margin:10px 0;
}
#main_left_wrape th{
	width:200px;
	height:35px;
	background:#ebebeb;
	border:solid 1px #d8d8d8;
	font-weight:normal;
	font-size:18px;
	text-align:left;
	padding:12px;
}
#main_left_wrape span{
	color:#fff;
	background:#f00;
	font-size:12px;
	float:right;
	padding:2px;
	border-radius:3px;
	text-align:center;
	margin-right:3px;
}
#main_left_wrape td{
	border:solid 1px #d8d8d8;
	border-collapse:collapse;
	padding:12px;
}
#main_left_wrape input{
	background:#f8e0f1;
}
#main_left_wrape input,textarea{
	border:solid 1px #cfd8dc;
	border-radius:5px;
	padding:5px;
	font-size:14px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:10px;
}
#main_left_wrape #moji{
	font-size:12px;
	color:#848484;
	margin-left:5px;
	margin-bottom:5px;
}
#main_left_wrape #kiyaku{
	background:#E3F6CE;
	width:800px;
	margin:0;
	margin-bottom:120px;
	padding:10px 0;
	border-radius:5px;
}

#main_left_wrape #kiyaku>p{
	text-align:center;
    display: block;
   }
#main_left_wrape #submit{
	text-align:center;
}
#main_left_wrape #submit_button{
	font-size:20px;
	padding:10px 50px;
	background:#047FE2;
	border:solid 2px #999;
	color:#fff;
	font-weight:bold;
}

#main_left_wrape #submit_button:hover{
	 opacity:0.7;
}

#main_left_wrape #modoru{
	font-size:20px;
	padding:10px 50px;
	background:#047FE2;
	border:solid 2px #999;
	color:#fff;
	font-weight:bold;
	margin-left:150px;

}


#main_left_wrape #modoru:hover{
	opacity:0.7;
}


#main_left_wrape #nini{
	background:#fff;
	color:gray;
	border:solid 1px #bdbdbd;
}


/*---------------- ここから touroku.php -----------------*/

#main_left_wrape #completion>p{
	text-align:center;
	margin:0px auto;
}

#main_left_wrape #completion .kanryou{
	letter-spacing:5px;
	font-size:30px;
	color:#6eb92b;
	font-weight:bold;
	margin:30px auto;
}

#main_left_wrape #completion .wait{
	margin-top:30px;
}

#main_left_wrape #completion .home a {
    display: block;
    margin: 50px auto;
    width: 150px;
    height: 40px;
    line-height:40px;
    background: url(images/button.png)no-repeat;
    background-size:150px 40px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

#main_left_wrape #completion .home a:hover{
	opacity:0.7;
}

/*---------------- ここまで touroku.php -----------------*/

footer{
	clear:both;
}


/*---------------- ここから privacy.php -----------------*/

#content .policy{
	width:800px;
	padding:30px;
	border-radius: 15px;
	margin: 20px 0;
	background: #eff5f6;
	border: 5px solid #e5eeef;
}

#content .privacy h1{
	margin-bottom:30px;
	font-size:32px;
}

#content .privacy h2{
	margin:10px 0;
	margin-top:30px;
}

#content .privacy ul{
	margin-bottom:10px;
}

#content .privacy .tR{
	text-align:right;
}


#content{
	width:1200px;
}

