@charset "shift_jis";
/*==================================================
■html
==================================================*/
html{
	width:100%;
	height:100%;
}
/*==================================================
■body
==================================================*/
body{
	height:100%;
	font-size:12px;
	background:url(../img/BODY_BG.PNG) repeat-x;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#222;
}
/*==================================================
■各ﾀｸﾞ
==================================================*/
a{
	color:#07519A;
	text-decoration:none;
}
a:hover{
	color:#EB6100;
	text-decoration:underline;
}
/*==================================================
■#wrapper ｺﾝﾃﾅ
==================================================*/
#wrapper{
	width:100%;
	min-width:1250px;
	background:url(../img/main_bg.jpg) no-repeat 90% 35px;

}
/*==================================================
■#cntainer ｺﾝﾃﾅ
==================================================*/
#cntainer{
	width:100%;
	min-width:1200px;
	margin:0 auto;
/*	background:url(../img/main_bg.jpg) no-repeat 512px 35px;*/
}
/*==================================================
■#header ﾍｯﾀﾞ
==================================================*/
#header{
	height:139px;
}

#head_link{
	color:#FFFFFF;
	font-size: 13px;
	position: absolute;
	top: 1px;
	left: 10px;
}

/* ﾍｯﾀﾞ上部 ---------- */
.header_top{
	height:17px;
}
/* ﾛｺﾞ ---------- */
.header_logo{
	height:122px;
}
.header_logo h1{
	margin-top:27px;
	left: 10px;
    position: relative;
	float:left;
}
/*==================================================
■#navi ﾒﾆｭｰ
==================================================*/
#navi{
	/*width:950px;*/
	height:35px;
	margin-top:16px;
	background-image:url(../img/navi/navi_bg.png);
	background-repeat: no-repeat;
	background-position: 219px 0;
}
#navi ul{
	margin-left:220px;
}
#navi li{
	width:134px;
	height:33px;
	margin-top:1px;
	display:block;
	float:left;
	border-right:solid 1px #D4D5DC;
	cursor:pointer;
}
#navi li a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999em;
	background-position:0px 0px;
}
/* ﾏｳｽｵｰﾊﾞｰ ---------- */
#navi li a:hover{ background-position:0px 33px; }
/* 各ﾒﾆｭｰ画像 ---------- */
#navi li.post a{ background-image:url(../img/navi/navi_post.gif); }
#navi li.list a{ background-image:url(../img/navi/navi_list.gif); }
#navi li.rule a{ background-image:url(../img/navi/navi_rule.gif); }
/*==================================================
■#doc ｺﾝﾃﾝﾂ
==================================================*/
#doc{
	margin-top:16px;
}

/*==================================================
■#left-side 左ｶﾗﾑ
==================================================*/
#left-side{
	position: absolute;
	top: 0px;
	left: 20px;
}

/*==================================================
■#sidebar 右ｶﾗﾑ
==================================================*/
#sidebar{
	width:230px;
	margin-left:20px;
	float:left;
	background:url(../img/sidebar/bg.gif) repeat-y;
	border-bottom:solid 1px #D4D5DC;
}
/* ｻｲﾄﾞﾊﾞｰﾃﾝﾌﾟﾚｰﾄ ---------- */
.box{

}
/* ｻｲﾄﾞﾊﾞｰ ﾀｲﾄﾙ ---------- */
.box h3{
	margin-bottom:1em;
}
.box h3 img{
	vertical-align:bottom;
}
/* ｻｲﾄﾞﾊﾞｰ 記事一覧 ---------- */
.post_list{

}
.post_list ul{
	width:170px;
	margin-left:15px;
	list-style:none;
}
.post_list ul li{
	margin-bottom:1em;
	background:url(../img/sidebar/list_dot.gif) repeat-x bottom;
}
.post_list ul li p{
	width:100%;
	padding-left:20px;
	padding-bottom:8px;
	line-height:1.3;
	background:url(../img/note_pin_red_min.gif) no-repeat;
}
.post_list ul li p a{
	color:#444;
}

/*==================================================
■#main 左ｶﾗﾑ
==================================================*/
#main{
	width:700px;
	float:left;
	margin-left:220px;
/*	background:url(../img/main_bg_rep.png) repeat-y;*/
}
.main_container{
	width:698px;
	margin:0 auto;
}
/* ﾀｲﾄﾙ */
.main_container h2{
	margin:10px 0 25px;
}
/*==================================================
■左ｶﾗﾑ 書き込み一覧表示用
==================================================*/
#bord_main{
	padding:10px 0 20px;
	margin-left:10px;
}
.res_indent{
	margin-left:32px;
}
.rep_cont{
	width:650px;
	padding-bottom:30px;
}
.top{
	border-top:solid 1px #9EB8C5;
	background-color:#E2EEF4;

}
.top a{
	font-weight:bold;
	font-size:13px;
}
.rep_entry{
}
.rep_entry a{

}
.rep_entry img{
	margin-right:5px;
	margin-bottom:5px;
	vertical-align:middle;
}
.rep_comment{
	margin-bottom:20px;
	margin-left:40px;
	line-height:1.4;
	background-color:#fff;
}
p.name_date{
	height:20px;
	text-align:right;
	margin-right:10px;
}
span.inline_name_date{
	margin-left:10px;
}
/*==================================================
■左ｶﾗﾑ 投稿ﾌｫｰﾑ
==================================================*/
#post_main{
	width:100%;
	margin:0 auto;
	padding:20px 0;
	border-top:solid 1px #E5E5E5;
	background-color:#F1F1F1;
}

#post_main label{
	width:90px;
	height:35px;
	display:block;
	float:left;
}
#post_main .inp_cont div{
	width:420px;
	background-color:#FFF;
}
#post_main .inp_cont input{
	width:100%;
	border:1px none;
}
#post_main .input_off{
	border:solid 1px #D9D9D9;
	border-top:solid 1px #C0C0C0;
}
#post_main .input_over{
	border:solid 1px #B9B9B9;
	border-top:solid 1px #A0A0A0;
}

#post_main .required{
	width:90px;
	height:35px;
	border:solid 1px #000;
	float:left;
}






.fmr_tbl{
	width:640px;
	margin:10px auto;
	border-collapse:collapse;
	table-layout:fixed;
	color:#333;
}
.fmr_tbl th{
	width:90px;
	height:35px;
	text-align:left;
}
.fmr_tbl td.frm_split{
	width:20px;
	text-align:left;
}
.fmr_tbl td.frm_input{
	width:530px;
	text-align:left;
}
/* ----- 投稿入力 text ------ */
.fmr_tbl td.frm_input div{
	width:420px;
	background-color:#FFF;
}
.fmr_tbl td div.input_off{
	border:solid 1px #D9D9D9;
	border-top:solid 1px #C0C0C0;
}
.fmr_tbl td div.input_over{
	border:solid 1px #B9B9B9;
	border-top:solid 1px #A0A0A0;
}
.fmr_tbl td div.input_active{
	border:solid 1px #4D90FE;
}
.fmr_tbl input{
	width:400px;
	padding:4px 9px 2px;
	border:1px none;
}
/* ----- 投稿入力 textarea ------ */
.fmr_tbl td.frm_textarea div{
	width:620px;
	margin-top:10px;
	padding:4px 5px 2px;
	background-color:#FFF;
}
.fmr_tbl textarea{
	width:100%;
	height:200px;
	border:1px none;
	white-space:pre;
}
/* ---- 送信ﾎﾞﾀﾝ ---- */
.frm_bnt{
	margin-top:20px;
	text-align:center;
}
.frm_bnt input{
	width:100px;
	height:30px;
	margin:0 10px;
	cursor:pointer;
	border:solid 1px #C6C6C6;
	background:#fff;
}
.frm_bnt .btn_off{
	color:#444;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#F1F1F1, EndColorStr=#E4E4E4);
	background: -webkit-gradient(linear, left top, left bottom,from(#F1F1F1),to(#E4E4E4));
	background: -moz-linear-gradient(top, #F1F1F1, #E4E4E4);
}
.frm_bnt .btn_active{
	color:#3B3B3B;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#E4E4E4);
	background: -webkit-gradient(linear, left top, left bottom,from(#FFFFFF),to(#E4E4E4));
	background: -moz-linear-gradient(top, #FFFFFF, #E4E4E4);
}
/*==================================================
■左ｶﾗﾑ 利用規約
==================================================*/
#rule_main h3{
	height:24px;
	font-size:14px;
	color:#333;
	border-bottom:solid 2px #ccc;
}
.rule_section{
	width:600px;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:37px;
	text-justify:distribute;
}
.rule_section p{
	line-height:1.4;
	text-justify:distribute;
}
.rule_section ol{
	margin-left:25px;
}
.rule_section li{
	margin-bottom:0.7em;
	line-height:1.4;
	text-justify:distribute;
}
.rule_section ol ol{
	margin:10px 0 20px 10px;
	list-style:none;
}
.rule_section ol ol li{
	padding-left:20px;
}
.olind_01{ background:url(../img/rule/rule_01.gif) no-repeat 0 1px; }
.olind_02{ background:url(../img/rule/rule_02.gif) no-repeat 0 1px; }
.olind_03{ background:url(../img/rule/rule_03.gif) no-repeat 0 1px; }
.olind_04{ background:url(../img/rule/rule_04.gif) no-repeat 0 1px; }
.olind_05{ background:url(../img/rule/rule_05.gif) no-repeat 0 1px; }
.olind_06{ background:url(../img/rule/rule_06.gif) no-repeat 0 1px; }
.olind_07{ background:url(../img/rule/rule_07.gif) no-repeat 0 1px; }
.olind_08{ background:url(../img/rule/rule_08.gif) no-repeat 0 1px; }
.olind_09{ background:url(../img/rule/rule_09.gif) no-repeat 0 1px; }
.olind_10{ background:url(../img/rule/rule_10.gif) no-repeat 0 1px; }
.olind_11{ background:url(../img/rule/rule_11.gif) no-repeat 0 1px; }
.olind_12{ background:url(../img/rule/rule_12.gif) no-repeat 0 1px; }
.olind_13{ background:url(../img/rule/rule_13.gif) no-repeat 0 1px; }
.olind_14{ background:url(../img/rule/rule_14.gif) no-repeat 0 1px; }
.olind_15{ background:url(../img/rule/rule_15.gif) no-repeat 0 1px; }
.olind_16{ background:url(../img/rule/rule_16.gif) no-repeat 0 1px; }
.olind_17{ background:url(../img/rule/rule_17.gif) no-repeat 0 1px; }
.olind_18{ background:url(../img/rule/rule_18.gif) no-repeat 0 1px; }
/*==================================================
■#footer
==================================================*/
/* ﾌｯﾀ固定のため 各ｽﾀｲﾙに追加 STR */
* html #wrapper{
	height:100%;
}
#wrapper{
	min-height:100%;
	position:relative;
}
body > #wrapper{
	height: auto;
}
#cntainer{
	padding-bottom:30px;/* #footer height */
}
#footer{
	height:30px;
	width:100%;
	position:absolute;
	bottom:0px;
}
/* ﾌｯﾀ固定のため 各ｽﾀｲﾙに追加 END */
#footer{
	text-align:right;
}
#footer p{
	margin-top:10px;
	margin-right:10px;
}
/*==================================================
■CGIｶｳﾝﾀ 画像
==================================================*/
IMG.counterImg{ display:none; }
/*==================================================
■clearfix floatクリア用CSSハック
==================================================*/
.clearfix:after	{ content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix		{ display:inline-table; min-height: 1%; }
/* exlude MacIE5 \*/
* html .clearfix{ height: 1% }
.clearfix		{display:block;}
/* end MacIE5 */


/*==================================================
accessCounter
==================================================*/
/*
.counter{
	color:yellow;
	position:absolute;
	top:8px;
	left:461px;
	font-size:24px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #333333;
}
.counter span{
	display:none;
}*/
.wrapAccessCounter{
	border:1px solid #000000;
	background-color:#555555;
	position:relative;
	display:inline-block;
	/*top:164px;
	left:625px;*/
	margin-left:46px;
	vertical-align: 12px;
	width:322px;
}
.accessCounter{
	font-family: "ＭＳ ゴシック";
	font-weight:bold;
	font-size:16px;
	padding:4px 10px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #777777;
	border-bottom:1px solid #777777;
	color:yellow;
}
.accessCounter span{
	font-family:"メイリオ", sans-serif;
	color:#ffffff;
	margin:0;
	padding:0 2px;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0;
}
.wrapTotalCount,
.wrapTodayCount{
	display:inline-block;
	background-color:#222222;
	color:#ffffff;
	margin-left:2px;
	padding:2px 6px;
	box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 1) inset;
	font-weight:normal;
	font-family:"メイリオ", sans-serif;
	letter-spacing: 0.2em;
	font-size:12px;
	text-align: right;
}
.wrapTotalCount{
	margin-right:16px;
	width:80px;
}
.wrapTodayCount{
	width:45px;
}
.no_underline:hover{
	text-decoration:none;
}

/*181101*/
.recruit2018 {
	border-top: 1px dotted #919191;
	padding-top: 10px;
	margin-bottom: 15px;
}
.recruit2018 img{
	width: 100%;
	height: auto;
	margin-top: -20px;
}
.recruit2018 ul {
	padding: 0;
	display: flex;
	justify-content: space-between;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.recruit2018 li {
	list-style-type: none;
	font-size: 15px;
	font-weight: bold;
}
.recruit2018 li:nth-child(1) a {
	color: #f15a24;
	text-decoration: underline;
}
.recruit2018 li:nth-child(2) a {
	color: #009245;
	text-decoration: underline;
}
.recruit2018 li:nth-child(3) a {
	color: #0071bc;
	text-decoration: underline;
}
.recruit2018 li a:hover {
	opacity: .7;
}h
/*181101*/