@charset "utf-8";

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,tr,td,embed,object,img {
	margin: 0;
	padding: 0;
}

html{
    font-size: 62.5%;
}

body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 15px;
	font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}

a:hover img{
	opacity:0.75;
}
*{zoom:1;}

li{
	list-style:none;
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

a {
    color: #08c;
	overflow: hidden;
	outline: none;
}

a:focus,a:hover {
    color: #005580;
    text-decoration: underline;
	outline: none;
}

.of-h{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}

.inner{
	margin:0 auto;
	width:960px;
}

.color_red{
	color:#dc0000;
}

.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}

.txt_c{text-align:center;}

/* ------------------------------------------------
	Common styles
------------------------------------------------*/
#container{
	color:#231815;
}

#header{
	margin:7px auto 15px auto;
	width:960px;
}
#header .header_copy{
	margin-bottom:10px;
    font-size: 12px;
	font-size: 1.2rem;
}
#hcontents .header_logo{
	width:381px;
}
#hcontents .header_contact{
	margin-top:8px;
	width:290px;
}

#gnavi{
	margin-bottom:20px;
	height:60px;
	background: #45b035;
	background: -moz-linear-gradient(top,  #45b035 0%, #3d9c2f 100%);
	background: -webkit-linear-gradient(top,  #45b035 0%,#3d9c2f 100%);
	background: linear-gradient(to bottom,  #45b035 0%,#3d9c2f 100%);
	box-shadow:rgb(204, 204, 204) 0px 0px 6px 1px;
	-webkit-box-shadow:rgb(204, 204, 204) 0px 0px 6px 1px;
	-moz-box-shadow:rgb(204, 204, 204) 0px 0px 6px 1px;
}
#gnavi li{
	float:left;
	width:159px;
	height:40px;
	text-align:center;
}
#gnavi li:first-child{
	width:158px;
}
#gnavi li a{
	display:block;
	padding:10px 0;
	text-decoration:none;
	width:100%;
	height:40px;
	line-height:40px;
	color:#FFF;
}
#gnavi li a:hover{
	color:#FFF799;
	background:#3d9c2f;
	background: -moz-linear-gradient(top,  #3d9c2f 0%, #45b035 100%);
	background: -webkit-linear-gradient(top,  #3d9c2f 0%,#45b035 100%);
	background: linear-gradient(to bottom,  #3d9c2f 0%,#45b035 100%);
}
#gnavi li a span{
	display:block;
	border-right:1px dashed #AACC03;
}
#gnavi li:first-child a span{
	border-left:1px dashed #AACC03;
}

#slider{
	margin-bottom:25px;
}

#sidebar{
	width:200px;
}
#sidebar li{
	margin-bottom:10px;
}

#maincontent{
	width:730px;
}

#footer{
	margin-top:70px;
}
#fnavi{
	margin-bottom:10px;
}
#fnavi li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
}
#fnavi .navi02 li{
	font-size: 13px;
	font-size: 1.3rem;
}
#fnavi .navi01 li:after{
	content:"｜";
}
#fnavi .navi02 li span:after{
	content:" ▶";
}
#fnavi li:last-child:after{
	content:"";
}

#fcontents{
	border-top:1px dashed #45b035;
	padding:30px 0;
}
#fcontents .footer_logo{
	margin-top:5px;
	width:300px;
}
#fcontents .footer_contact{
	width:630px;
}
#copyright{
	color:#FFF;
	background:#45b035;
}
#copyright p{
	text-align:center;
}

/* ------------------------------------------------
	Page styles
------------------------------------------------*/
#breadcrumb_list li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 13px;
	font-size: 1.3rem;
}
.cont_title{
	border-left:7px solid #AACC03;
	border-bottom:1px dashed #AACC03;
	margin-bottom:20px;
	padding:5px 10px;
	font-size: 18px;
	font-size: 1.8rem;
}

/* ホーム */
#greeting{
	border:4px double #CCC;
	padding:10px;
}

/* サービス一覧 */
.service_title{
	padding:3px 10px;
	font-weight:normal;
	font-size: 16px;
	font-size: 1.6rem;
	color:#FFF;
	background:#45b035;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.service_title.bg_pink{
	color:#FFF;
	background:#EA609E;
}
.service_title.bg_orange{
	color:#FFF;
	background:#F08441;
}
.service_title.bg_blue{
	color:#FFF;
	background:#00B4ED;
}
.service_box{
	margin:0 5px 20px 5px;
}
.service_box li{
	margin-bottom:5px;
}
.service_box li span{
	font-size: 15px;
	font-size: 1.5rem;
}
.service_box li span:before{
	content:"●";
}
.service_box li dd{
	margin-left:10px;
    font-size: 14px;
	font-size: 1.4rem;
}
.service_box02{
	border:1px dashed #CCC;
	margin:0 5px 20px 5px;
	padding:5px;
}
.service_box02 ul{
	margin-left:10px;
    font-size: 14px;
	font-size: 1.4rem;
}

/* ご利用案内 */
.guide_box{
	border:3px double #45b035;
	padding:5px 5px 0 5px;
}
.guide_title{
	padding:3px 7px;
	color:#FFF;
	background:#45b035;
	font-size: 16px;
	font-size: 1.6rem;
}
.guide_title .circle{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin-right:7px;
	width: 23px;
	height: 23px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #FFF;
	color:#45b035;
	text-align:center;
	font-weight:bold;
}
.guide_txt{
	padding:7px;
    font-size: 14px;
	font-size: 1.4rem;
}
.guide_triangle:after {
    content: "";
    display: block;
	margin:7px auto;
    width: 0;
    height: 0;
    border-top: 20px solid #45b035;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
}

/* 会社案内 */
#company_detail{
	margin:10px auto;
	width:700px;
}
.company_box{
	margin-bottom:30px;
}
.company_box table{
	border-collapse:collapse;
	border:1px solid #CCC;
	width:100%;
}
.company_box th,
.company_box td{
	border-bottom:1px dashed #CCC;
	padding:7px 10px;
	font-size: 14px;
	font-size: 1.4rem;
}
.company_box th{
	text-align:left;
	font-weight:normal;
	width:20%;
	vertical-align:top;
	background:#FFFBC7;
}
.company_box .office_title{
	position:relative;
	margin-bottom:10px;
	padding:0 130px 0 10px;
	color:#FFF;
	text-align:left;
	background:#45b035;
}
.company_box .office_title p{
	font-size: 16px;
	font-size: 1.6rem;
	height:35px;
	line-height:35px;
}
.company_box .office_title .btn_map{
	display:block;
	position:absolute;
	width:120px;
	height:35px;
	right:0;top:0;
}
.company_box .office_title .btn_map a{
	display:block;
	color:#FFF;
	width:120px;
	height:35px;
	line-height:35px;
	text-align:center;
	text-decoration:none;
	font-size: 14px;
	font-size: 1.4rem;
	background:#333;
}
.company_box .office_title .btn_map a:hover{
	background:#999;
}
.company_box .office_title .btn_map a:before{
	content:"▶ ";
}


/* 企業理念 */
.philosophy_box{
	margin-bottom:30px;
}
.philosophy_box .title_philosophy{
	border-bottom:1px solid #45b035;
	margin-bottom:15px;
	font-size: 16px;
	font-size: 1.6rem;
}
.philosophy_box.rule .title_philosophy{
	padding:5px 10px;
	color:#FFF;
	background:#45b035;
	font-size: 16px;
	font-size: 1.6rem;
}
.philosophy_box.rule .title_rule{
	margin-bottom:5px;
	color:#F08441;
	font-weight:bold;
}
.philosophy_box.rule ul{
	margin-left:10px;
}

/* 採用情報 */
.recruit_messsage{
	border:4px double #CCC;
	padding:10px;
}
.recruit_messsage h2{
	border-bottom:1px solid #CCC;
	margin: 0 0 7px 0;
	padding:0 0 0 7px;
	font-size: 16px;
	font-size: 1.6rem;
}
.recruit_messsage ul{
	margin-left:10px;
}
.recruit_box{
	margin-bottom:30px;
}
.recruit_box table{
	border-collapse:collapse;
	border:1px solid #CCC;
	width:100%;
}
.recruit_box th,
.recruit_box td{
	border-bottom:1px dashed #CCC;
	padding:7px 10px;
}
.recruit_box th{
	text-align:left;
	font-weight:normal;
	width:20%;
	background:#ECF3CF;
	vertical-align:top;
	font-size: 14px;
	font-size: 1.4rem;
}
.recruit_box td{
	font-size: 13px;
	font-size: 1.3rem;
}
.recruit_box caption{
	text-align:left;
	margin-bottom:5px;
	font-size: 15px;
	font-size: 1.5rem;
}
.recruit_box caption p:before{
	content:"【";
}
.recruit_box caption p:after{
	content:"】";
}

/* 実務経験証明書発行の手続きについて */
#certification{
	font-size: 14px;
	font-size: 1.4rem;
}
#certification h3{
	border:1px solid #CCC;
	padding:5px 10px;
	font-weight:normal;
	font-size: 16px;
	font-size: 1.6rem;
	background:#FFE9A9;
	margin-top:20px;
}
#certification .txt_area01{
	padding:15px 20px;
	color:#FFF;
	background:#F08441;
}
#certification .txt_area01 .txt01{
	border:1px solid #FFF;
	padding:5px;
	font-size: 14px;
	font-size: 1.4rem;
}
#certification .txt_area01 .txt02{
	display:block;
	margin-top:10px;
	font-size: 28px;
	font-size: 2.8rem;
}
#certification .txt_area01 .txt03{
	display:block;
}
#certification .txt_area02{
	margin-top:10px;
}
#certification .txt_area02 .txt01{
	display:block;
	color:#dc0000;
	font-size: 18px;
	font-size: 1.8rem;
}
#certification .txt_area02 .txt02{
	display:block;
}
#certification .detail_box{
	margin:10px 10px 0 10px;
}
#certification .detail_box .app_list{
	margin:10px;
}
#certification .detail_box .app_list li,
#certification .detail_box .app_list li a{
	line-height:2;
	font-size: 15px;
	font-size: 1.5rem;
}
#certification .detail_box .app_detail{
	margin-top:20px;
}
#certification .detail_box .app_detail h4{
	font-size: 15px;
	font-size: 1.5rem;
}
#certification .detail_box .app_detail_box{
	margin:0 10px 10px 10px;
}
#certification .detail_box .transfer_list{
	margin-top:10px;
}
#certification .detail_box .transfer_list li{
	margin-bottom:10px;
	line-height:1.5;
}
#certification table {
	margin:10px 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
	border-collapse: collapse;
	}
#certification table th,
#certification table td {
	padding: 6px 10px 5px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	line-height: 1.5;
	 }
#certification table th {
	background: #FBFBFE;
	font-weight:normal;
}
#certification table .txt_center{
	text-align:center;
}
#certification table .ver_middle{
	vertical-align:middle;
}


/* プライバシーポリシー */
.privacy_box p{
	margin-bottom:1.5em;
}
.privacy_box ul{
	margin-top:-1.0em;
	margin-bottom:1.5em;
	margin-left:10px;
}
.privacy_box th,.privacy_box td{
	border:1px solid #CCC;
	padding:7px;
}
.privacy_box table {
	width:100%;
    border-collapse: collapse; 
	margin-bottom:1.5em;
}