@charset "utf-8";
/* Copyright 2018 design hack. */

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

リセット

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

/* 全ての要素に対する余白初期値設定 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, main, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border: 0;
	font-size: 100%;
}

/* デフォルト文字設定 */
body{
	color:#333333;
	font-family:"游明朝 Light", "游明朝", "YuMincho","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:16px;
	line-height:1.8;
	background: url(../img/bg_main.gif) repeat 0 0;
	word-break: break-all;
 }
main{display: block;}

/* リストマーカーを非表示 */
ul,ol{list-style-type:none;}

/* テーブルセルのボーダーの設定 */ 
table {	border-collapse: collapse; border-spacing: 0;}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea {vertical-align: middle;}

/* デフォルトリンク色の設定 */
a{color:#333333;text-decoration: none;-webkit-transition: color 0.3s;transition: color 0.3s;outline: none;}
a:hover{color:#007AC7;}

/* 画像リンクの設定 */
a img.opa07:hover{opacity: 0.7}

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

初期化

------------------------------------------------------------ */
p{margin-bottom:none;}
h2 span,h3 span,h4 span,h5 span,h6 span{visibility:hidden;}
img{vertical-align:top;border:none;}
header, footer, nav, section, article, aside {display:block;}

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

サイト共通設定

------------------------------------------------------------ */
/*	clearfix
---------------------------------------------- */
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}

.clearfix { *zoom:1; } /*for IE6,IE7*/

p#browser{padding: 10px 0;background: #000;color: #FFF;text-align: center;}
p#browser span{font-size: 86%;}

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

レイアウト

------------------------------------------------------------ */
/* ヘッダー
---------------------------------------------- */
h1#catch{
	padding-top:6px;
	color:#333333;
	font-size:12px !important;
	font-weight:normal;
	line-height:1.0;
}

h1#catch span{
	display:block;
	width:1200px;
	margin:0 auto;
	text-align:left;
}

header div#inner{
	width: 1200px;
	height: 94px;
	margin: 0 auto;
    position: relative;
}
h2#logo {position:absolute;left: 0;top:26px;}
h2#logo a {
    background: url("../img/h2_logo.gif") no-repeat 0 0;
    display: block;
    height: 36px;
    width: 260px;
}
p#h_tel{position: absolute;left: 533px;top:16px;}
p#h_txt{position: absolute;left: 786px;top:16px;}
p#h_mail{position: absolute;right: 0;top:16px;}

/* グローバルナビゲーション
---------------------------------------------- */
/* ul
---------------------------------------------- */
nav{background:url(../img/bg_navi.gif) repeat-x 0 0;}
ul#nav_global{margin:0 auto;width: 1200px;height:61px;}
ul#nav_global li{float:left;position:relative;}
ul#nav_global li.g01,
ul#nav_global li.g02,
ul#nav_global li.g03,
ul#nav_global li.g04{width:300px;}
ul#nav_global li a{display:block;height:61px;}
ul#nav_global li.g01 a{background:url(../img/nav_global.gif) no-repeat 0 0;}
ul#nav_global li.g02 a{background:url(../img/nav_global.gif) no-repeat -300px 0;}
ul#nav_global li.g03 a{background:url(../img/nav_global.gif) no-repeat -600px 0;}
ul#nav_global li.g04 a{background:url(../img/nav_global.gif) no-repeat -900px 0;}
ul#nav_global li.g01 a:hover{background:url(../img/nav_global.gif) no-repeat 0 -61px;}
ul#nav_global li.g02 a:hover{background:url(../img/nav_global.gif) no-repeat -300px -61px;}
ul#nav_global li.g03 a:hover{background:url(../img/nav_global.gif) no-repeat -600px -61px;}
ul#nav_global li.g04 a:hover{background:url(../img/nav_global.gif) no-repeat -900px -61px;}
ul#nav_global li span{display:none;}

/* メインコンテンツ
---------------------------------------------- */
/* パンくず
---------------------------------------------- */
div#wrap_breadcrumb{border-bottom: 1px solid #E6E6E6;padding:12px 0;margin-bottom: 100px;}
ol#breadcrumb{width: 1200px;margin: 0 auto;background:url(../img/ico_home.png) no-repeat left 0.45em;padding-left:16px;font-size:13px;overflow:hidden;color: #333333;}
ol#breadcrumb li{float:left;background:url(../img/ico_arrow_bread.png) no-repeat right 0.3em;padding-right:20px;margin-right:12px;color:#949494;}
ol#breadcrumb li:last-child{background:none;padding-right:0;margin-right:0;}
ol#breadcrumb li a{text-decoration:underline;}
ol#breadcrumb li a:hover{text-decoration:none;}


/* バナー
---------------------------------------------- */
p#recruit{width: 1200px;margin: 100px auto;}
/* フッター
---------------------------------------------- */
div#footer_contact{background:url(../img/bg_footer.jpg) repeat center 0;margin-top: 100px;padding: 55px 0;}
div#wrap_footer_contact{margin:0 auto;width: 1200px;text-align: center;color: #FFFFFF;}
p#ttl_footer_contact{background:url(../img/ftr_txt.png) no-repeat 0 0;width: 1200px;height: 71px;margin-bottom: 30px;}
p#ttl_footer_contact span{visibility: hidden;}
div#footer{border-top: #999999 1px solid; background:#000000;color: #FFFFFF;}
div#wrap_footer{margin:0 auto;width: 1200px;padding: 50px 0;overflow: hidden;}
p#ftr_logo{float: left;padding-top: 10px;margin-right: 44px;}
p#address{float: left;font-size: 17px;}

div#wrap_footer ul{overflow: hidden; float: right;}
div#wrap_footer ul li{float: left;background: url(../img/ftr_ico.gif) no-repeat left 0.5em;padding-left: 18px;margin:15px  30px 0 0;}
div#wrap_footer ul li a{color: #FFFFFF;}
div#wrap_footer ul li a:hover{color: #09A9F7;}

div#wrap_copy{border-top: #333333 1px solid;background: #000000;}
div#copy{width: 1200px;margin: 0 auto; padding: 10px 0;color: #CCCCCC;overflow: hidden;}
div#copy small{	float: left;font-size:14px;}
div#copy p{	float: right;font-size:13px;}

/* コンテンツエリア
---------------------------------------------- */
/*--ttl_style01-*/
.ttl_style01{
	background: url("../img/bg_ttl01.gif") no-repeat center bottom;
	font-size: 36px;
	text-align: center;
	font-weight: 500;
	padding-bottom:15px;
	margin-bottom: 60px;
}

/*--p-*/
p.date{color:#797F8C;font-size:86%;margin-bottom:30px;}
p.btn_style01{border-top: 1px dotted #CFCFCF;padding-top: 60px;margin-top: 60px;}

/*--table--*/
table.tbl_style01{width:100%;border-top:1px solid #CDD1D9;}
table.tbl_style01 th{width: 23%;border-bottom:1px solid #CDD1D9;font-weight:normal;text-align:left;vertical-align: top;padding: 18px 0;}
table.tbl_style01 td{border-bottom:1px solid #CDD1D9;padding: 18px 0;}

/*--a-*/
span.red_link a{font-weight: bold;color: #F33D44;text-decoration: underline;}

/* ページトップ
---------------------------------------------- */
p#pagetop{position:fixed;right:40px;bottom:40px;margin-bottom:0;}
p#pagetop a{width:60px;height:70px;background:url(../img/btn_pagetop01.png) no-repeat 0 0;display:block;text-decoration:none;}
p#pagetop a:hover{background:url(../img/btn_pagetop01_on.png) no-repeat 0 0;}
p#pagetop a span{display:none}

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

ベースCSS

------------------------------------------------------------ */
/* color
---------------------------------------------- */
.blu{color: #0079C6;}

/* width
---------------------------------------------- */
.w100{width: 100px;}
.w260{width: 260px;}
.w390{width: 390px;}
.w420{width: 420px;}
.w430{width: 430px;}
.w450{width: 450px;}
.w500{width: 500px;}
.w510{width: 510px;}
.w600{width: 600px;}
.w640{width: 640px;}

/* center
---------------------------------------------- */
.center{margin:0 auto;}

/* clear
---------------------------------------------- */
.overflow_clear{overflow:hidden;height:100%;}

/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}

/* float
---------------------------------------------- */
.left{float:left;}
.right{float:right;}

/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}

/* padding
---------------------------------------------- */
.pt_04{padding-top: 4px;}

/* margin
---------------------------------------------- */
.mb_1em{margin-bottom:1em !important;}
.mb_2em{margin-bottom:2em !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}

.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_42{margin-left:42px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}