@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
/* -------------------------------------------------------------- */

body{
color:#555;
font-size:14px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:24px;
-webkit-text-size-adjust:100%;
}


/* リンク設定
------------------------------------------------------------*/
a{color: #666;text-decoration: none;}
a:hover{color:#a30000;;}
a:active, a:focus {outline:0;}


/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
}

.inner{
margin:0 auto;
width:100%;
}


/*************
/* ヘッダー
*************/


#header h1{
padding:5px 0 10px;
font-size:12px;
font-weight:normal;
}



/*************
/* ロゴ
*************/
.logo{
	float:left;
	width:100%;
	padding-top:5px;
}

.logo a{
color:#1b75bc;
}

.logo p{float:left;}

.logo span{display:block;}

.logo img{
	float:left;
	width:80px;
	padding-right:10px;
}

/*************
/* 電話番号
*************/
.info{
	float:right;
	padding-right:0px;
	text-align:right;
}

.info .open{font-size:11px;}


/*************
/* ロゴ+電話番号
*************/
.logo,.info .tel{
	margin-top:0px;
	margin-bottom:10px;
	font-size:26px;
	font-weight:bold;
	line-height: 26px;
}

.logo span,.info span{
	font-size:14px;
	font-weight:normal;
	color:#555;
}
.lead1{
	font-size:28px;
	line-height: 30px;
	margin-top:2px;
	color:#169ccc;
}

/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
clear:both;
margin:25px auto 40px;
padding:0;
position:relative;
text-align:center;
}
#mainBanner .inner{position:relative;}

#mainBanner img{
max-width:100%;
height:auto;
}

.slogan{
color:#fff;
font-weight:bold;
position:absolute;
max-width:100%;
height:auto;
bottom:42%;
left:40px;
padding:5px 10px;
line-height:1.4;
text-align:left;
}

.slogan h2{
padding-bottom:5px;
font-size:22px;
}
/**************************
/* フォーム
**************************/
form#searchform { padding-top: 30px; background-color: #ffffff; display: block; overflow: hidden; width:260px;float:right;}
form#searchform input {
	width:170px;
	padding:5px 0px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
	margin:0px;
}
form#searchform input#searchsubmit {
	background-color:#ffffff;
	width:14%;
	padding:5px 0px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-family: FontAwesome
}

/**************************
/* グリッド
**************************/
.gridWrapper{
clear:both;
padding-bottom:20px;
overflow:hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
overflow:hidden;
}

.box{
padding:10px;
}

.box img{
max-width:100%;
height:auto;
}

.box h3{
font-size:16px;
padding:10px 0 15px;
}

.box h3, .box p{text-align:left;}

.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}

.box p.readmore a{
padding:3px 7px;
border-radius:3px;
}


/*************
メイン コンテンツ
*************/
section.content {
	overflow: hidden;
}
.contentback {
	width:100%;
	overflow: hidden;
}
.contentback2 {
	width:100%;
	overflow: hidden;
	background: #eeefef;
}
section.content article{
	padding:30px 0 20px 0;
	margin-bottom:10px;
	overflow:hidden;
}

section.toppage article,section.content .archive{border:0;}


/* アーカイブページ */
section.content .archive{
padding:0;
border-bottom:1px dotted #ccc;
}

section.content p{margin-bottom:5px;}

h3.heading{
font-size:16px;
font-weight:normal;
padding:15px 0;
margin-bottom:5px;
border-top:2px solid #ebebeb;
border-bottom:2px solid #ebebeb;
}

section.content img{
max-width:100%;
height:auto;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}


/*************
/* サイドバー
*************/
#sidebar article{
clear:both;
margin-bottom:20px;
}

#sidebar ul{padding:15px 0;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dashed #ebebeb;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{
color:#555;
font-size:12px;
display:block;
}

#sidebar li a:hover{
color:#999;
font-size:12px;
display:block;
}
/*************
/* 新着情報
*************/
.topmainarea {
	width:100%;
	margin-right:2%;
	box-sizing: border-box;
}
.topmainarea2 {
	width:100%;
	margin-right:2%;
	overflow: hidden;
	background: #eeefef;
}
.topsidearea {
	padding-top:20px;
	padding-bottom:10px;
	float:right;
	width:25%;
	overflow: hidden;
}
.topsidearea img {
	width:100%;
	margin-bottom:5px;
	border: 1px solid #ccc;
}
.content .infoList {
    padding-top:10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    overflow: hidden;
}
.content .infoList li {
	display:block;
	list-style-type:none;
	margin:0px 15px 10px 10px;
	padding-bottom:6px;
	border-bottom: 1px solid #ccc;
	padding-left:1.5em;
	text-indent:-0.5em;
}
.content .infoList li.dnews {
	display:block;
	list-style-type:none;
	margin:5px 0px 10px 0px;
	padding-bottom:6px;
	border-bottom: 1px solid #ccc;
	padding-left:1.5em;
	text-indent:-0.5em;
}
.content .infoList .infoCate {
    background-color: #d7f1db;
    padding:10px;
}
.content .infoList .infoCate a:hover {
    background-color: #068735;
}
.content .infoList .infoTxt a {
    color: #666;
    text-decoration: underline;
}
.content .infoList .infoTxt a:hover {
    color:#a30000;
}

.pagetitle {
    width: 100%;
    padding:7px 0 ;
    margin-bottom:20px;
    background-color: #068735;
}
.pagetitletxt {
    margin-left:10px;
    color:#ffffff;
    font-size:18px;
    font-weight:bold;
    background-color: #068735;
}
.newstitle {
    width: 88%;
    margin:0 auto;
    padding:5px 0;
    background: #0d6fad;
    box-sizing: border-box;
}
.newstitle2 {
    width: 100%;
    padding:5px 0;
    background-color: #6ca428;
}
.newstitletxt {
    margin-left:10px;
    color:#fff;
    font-weight:bold;
}
.newslistmain {
    width: 88%;
    height:120px;
    margin:0 auto;
    padding:10px 0px;
    background-color: #eeefef;
    overflow: auto;
    box-sizing: border-box;
}
.dorennewserea {
    width: 100%;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:5px;
    box-sizing: border-box;
    font-size:14px;
}
.newslist {
    font-size:11px;
    float:right;
    color:#ffffff;
    margin-top:5px;
    margin-top:5px;
}
.content .infoList .infoDate {
    margin-right: 0px;
    font-size:12px;
    color: #666;
}
.content .infoList ul li .infoDate {
    float: none;
}
.content .infoList ul li {
    border-bottom: 1px dotted #08960c;
}
.content .infoList ul {
    margin: 0px;
}
.newslistmein a {
    text-decoration:none;
    color:#08960c;
    font-weight:bold;
}
.newslistmein a:hover {
    text-decoration:underline;
}
.newslistarrow {
    font-size:20px;
    vertical-align: -3px;
    color:#ffffff;
}
.box28 {
    position: relative;
    margin: 1em 0;
    padding: 25px 10px 7px;
    border: solid 2px #e0b862;
    background-color: #ffffff;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 3px;
    width:100%;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #e0b862;
    color: #ffffff;
    font-weight: bold;
    text-align:center;
}
.box28 p {
    margin: 0; 
    padding: 8px 5px 0px;
    line-height: 22px;
}
.box28 p a:hover {
    color:#a30000;
    text-decoration: underline;
}

/*************
/* タイトル
*************/
.content h2 { border:1px solid #ccc;border-top:2px solid #999;padding-left:15px;padding-right:15px;
	-moz-box-shadow:inset 0 1px 0 #fff;
	-webkit-box-shadow:inset 0 1px 0 #fff;
	box-shadow:inset 0 1px 0 #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9e9e9), to(#fff));
	background: -moz-linear-gradient(#e9e9e9, #fff);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#e9e9e9, EndColorStr=#ffffff)";
	zoom: 1;
	background: linear-gradient(to bottom, #e9e9e9, #fff);/* IE10+, W3C */
	margin-bottom: 5px;
	padding: 10px 0px 10px 10px;
	font-size:15px;
	font-weight:bold;
}
.content h2, .content h1.contentTitle, .content h1.entryPostTitle {
    position: static;
}
.content h3 {
	border-left:5px solid #ccc;
	margin-bottom: 5px;
	padding: 10px 0px 10px 10px;
	font-size:15px;
	font-weight:bold;
}

.titlebelt {
	width:100%;
	padding: 7px 0px;
	font-size:16px;
	background: #ededed;
}
.titlebeltin {
	width:100%;
	font-weight:bold;
	max-width:950px;
	margin: 0 auto;
}

.docmain {
    font-size:14px;
    line-height:24px;
    margin: 10px 0px 15px 0px; 
}
.docmain a {
    text-decoration: underline;
}
.clear {
	clear:both;　/*floatの解除、ここがポイント*/
}

/*************
/* フッター
*************/
#footer{
margin:0 auto;
clear:both;
border-top:1px solid #ccc;
padding-top:5px;
width:100%;
max-width:960px;
}

#footer a{
color:#555;
}

#footer a:hover{
color:#a30000;
text-decoration: underline;
}

#footer .inner{
padding:0px 0;
overflow:hidden;
}

#footer .grid{
margin:0;
}

#footer #info{float:left;}

#footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:5px 0 0;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer .info .tel,#footer .info .tel span,#footer #info .open{
font-size:12px;
line-height: 18px;
}

ul.footnav{
float:right;
width:220px;
padding:10px 0;
line-height: 15px;
}
ul.footnav ul{display:none;}

ul.footnav li{
float:left;
margin:10px 0 10px 0;
padding:0 7px 0 8px;
border-right:1px solid #ebebeb;
}

.copyright{
clear:both;
padding:0px 0 10px 0;
text-align:center;
font-style:normal;
font-size:11px;
color:#555;
text-align:center;
}

/*************
/* オイル
*************/
.scroll {
	overflow-x: auto;
}
table.tbloil {
    width: 700px;
    font-size:13px;
    margin-top:0px;
    margin-bottom:10px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
table.tbloil th {
	background: #daf4d1;
	font-weight:normal;
	border: solid 1px #ccc;
	border-right: 0px;
	border-bottom: 0px;
	padding: 7px;
	text-align:center;
	vertical-align:middle;
}
table.tbloil th.tblth1 {
	width: 16%;
}
table.tbloil th.tblth2 {
	width: 7%;
}
table.tbloil td {
	border: solid 1px #ccc;
	border-right: 0px;
	border-bottom: 0px;
	padding: 7px;
	text-align:center;
	vertical-align:middle;
}
.beforoilbtm {
	margin: 0px 0px 10px 10px;
	background-color: #698201;
	border-radius: 5px;
	display: block;
	overflow: hidden;
	width:160px;
	float:right;
	color:#fff;
	padding:3px;
	font-size:13px;
	position: relative;
	text-align:center;
}
/*************
/* サブページ
*************/
.befornewsbtm {
	margin: 0px 0px 10px 10px;
	background-color: #e67894;
	border-radius: 5px;
	display: block;
	overflow: hidden;
	width:160px;
	float:right;
	color:#fff;
	padding:3px;
	font-size:13px;
	position: relative;
	text-align:center;
}
.singlecn {
	height:40px;
}
.kikinsub {
	font-weight:bold;
	font-size:14px;
	color:#679e11;
	margin-top:10px;
}
.kikinindt {
	padding-left:2em;
	text-indent:-2em;
	margin-left:3px;
}
.kikinindt2 {
	padding-left:2.3em;
	text-indent:-2.3em;
	margin-left:3px;
}
.kikindoc {13:48 2019/09/12
	margin:0px 0px 0px 3px;
}
.joinindt {
	padding-left:1em;
	text-indent:-1em;
	margin-left:3px;
	margin-bottom:10px;
}
.gaiyoubtm {
	margin: 0px 0px 10px 20px;
	background-color: #65a8ed;
	border-radius: 5px;
	width:80px;
	color:#fff;
	padding:3px;
	font-size:13px;
	text-align:center;
}
.kaiinsub {
	font-weight:bold;
	font-size:15px;
	color:#679e11;
	margin-bottom:10px;
	border-bottom: 1px solid #ccc;
}
.coopname {
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}
.coopname a {
	text-decoration: underline;
}
.kaiinarea {
    display:inline-block;
    width:49.5%;
    vertical-align:top;
}
.sosikierea {
    margin:0 auto;
    width:60%;
    margin-bottom:20px;
}
.plansub {
	font-weight:bold;
	font-size:14px;
	color:#679e11;
	margin:10px 0px 10px 5px;
}
.planindt {
	padding-left:3em;
	text-indent:-3em;
	margin-left:3px;
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
}
.planindt2 {
	padding-left:3.6em;
	text-indent:-1em;
}
.kaiinsub2 {
	font-weight:bold;
	font-size:15px;
	color:#cf7a27;
	margin-bottom:10px;
	border-bottom: 1px solid #ccc;
}
.kaiinbtm {
	margin: 10px 0px 25px 10px;
	background-color: #cf7a27;
	border-radius: 5px;
	width:130px;
	color:#fff;
	padding:3px;
	font-size:13px;
	text-align:center;
	display:block;
}

/*************
/* マップ
*************/
.seikyomap {
	width:68%;
	float:left;
	margin-right:2%;
	margin-top:20px;
}
.seikyolist {
	width:30%;
	float:right;
	margin-top:20px;
}
.mapcap1 {
	float:left;
	margin-bottom:20px;
	display:none;
}
.mapcap2 {
	float:left;
}

.mapindt {
	padding-left:1.6em;
	text-indent:-1em;
}
.mapindt2 {
	padding-left:1.8em;
	text-indent:-1.8em;
}
.mapsub {
	font-weight:bold;
	font-size:14px;
	color:#679e11;
	margin-bottom:5px;
}
.br-map { display:block; }
.br-stl { display:none; }
.sqspace { display:block; }

/*************
/* テーブル
*************/
.content table.opencampas {
    border-top: 1px solid #ccc;
    margin: 10px -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
    line-height: 141.7%;
}
.content table.opencampas th, .content table.opencampas td {
    border: 1px solid #ccc;
    padding: 10px 15px;
    vertical-align: middle;
}
.content table.opencampas td {
    border: 1px solid #ccc;
    padding: 10px 15px;
    vertical-align: middle;
}
.opencampas th {
	width: 30%;
    background-color: #f5f5f5;
    white-space: nowrap;
}
.opencampas th, .opencampas td {
	text-align: left;
}
form input[type=date], form input[type=email], form input[type=password], form input[type=text], form select, form textarea {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 5px;
    outline: 0;
    -webkit-appearance: none;
    font-size: 13px;
    width:99%;
}
form select.q2_1 {
    width:auto;
}
.content .alert {
    color: #f00;
}
table.tblgaiyo {
    width: 100%;
    font-size:12px;
    margin-top:0px;
    margin-bottom:20px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
table.tblgaiyo th {
	background: #e6f3f8;
	font-weight:normal;
	border: solid 1px #ccc;
	border-right: 0px;
	border-bottom: 0px;
	padding: 5px;
	text-align:center;
	vertical-align:middle;
}
table.tblgaiyo td {
	border: solid 1px #ccc;
	border-right: 0px;
	border-bottom: 0px;
	padding: 5px;
	vertical-align:middle;
}
table.tblyakuin {
    width: 100%;
    font-size:14px;
    margin-top:0px;
    margin-bottom:20px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
table.tblyakuin th {
	background: #e6f3f8;
	font-weight:normal;
	border: solid 1px #ccc;
	border-right: 0px;
	border-bottom: 0px;
	padding: 7px;
	text-align:center;
	vertical-align:middle;
}
table.tblyakuin td {
	border: solid 1px #ccc;
	border-right: 0px;
	border-bottom: 0px;
	padding: 7px;
	vertical-align:middle;
}
/**************************
/* メールフォーム
**************************/
table.conftbl {
    margin: 10px -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 24px;
    padding:10px;

}
table.conftbl th {
	width: 25%;
	background-color:#f6fce8;
}
table.conftbl th, table.conftbl td {
	text-align: left;
	padding:10px;
	border: 1px solid #ccc;
	box-sizing:border-box;
	border-collapse: collapse;
}
input.kakuninbottom {
    padding: 10px 30px;
    background-color: #eee;
    border: 1px solid #ccc;
}

.conftbl2 {
    border: 1px solid #ccc;
    margin: 10px -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 24px;
    padding:5px;

}
.conftbl2 th {
	width: 70%;
	background-color:#fafcec;
	border: 1px solid #ccc;
}
.conftbl2 th.thtop {
	width: auto;
	text-align: center;
}

.conftbl2 th, .conftbl2 td {
	text-align: left;
	padding:5px;
	border: 1px solid #ccc;
}
.conftbl2 td.dcenter {
	vertical-align: middle;
	text-align: center;
}
/*潮流
---------------------------------------------------------------------------*/
.movie {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
 
.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pvindt {
	padding-left:1em;
	text-indent:-1em;
}
.footmenu {
	font-size:12px;
}
.cytitle {
	background-color: #0089d3;
	padding: 5px 20px;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
}
.cytitle2 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.cyimg {
	width:27%;
	float:right;
}
.cyimg img {
	width:100%;
}
.cydoc {
	font-size:16px;
	line-height:26px;
}
.cymain {
	width:95%;
	margin: 0 auto;
	margin-bottom:20px;
	box-sizing: border-box;
}
.cytitle3 {
	background-color: #faf0e6;
	padding: 5px 10px;
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}

form input.nametb { width: 100%; }
form input.nametb2 { width:100%; }
form input.teltb { width: 35%;margin-right:10px; }
form input.centertb { width: 50%;margin-right:10px; }
form input.cultb { width: 50px; }
form input.othertb { width: 30%;}
.ytscroll {
	overflow-x: auto;
}
.yeartbl {
    border: 1px solid #ccc;
    margin: 10px -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 24px;
    padding:5px;

}
.yeartbl th {
	background-color:#fafcec;
	border: 1px solid #ccc;
	text-align:center;
	vertical-align:middle;
}
.yeartbl th, .yeartbl td {
	text-align: left;
	padding:5px;
	border: 1px solid #ccc;
	text-align:center;
}
.sosialbox {
	border: 1px solid #ccc;
	padding:5px;
	margin:20px 0;
}
.readbox {
	border: 1px solid #ccc;
	padding:10px;
	margin:20px 0 30px 0;
}
.readbox2 {
	border: 1px solid #ccc;
	padding:10px;
	margin:20px 0 5px 0;
}
.thname {
	width: 25%;
	display:inline-block;
	vertical-align:top;
}
.inputerea {
	width: 73%;
	display:inline-block;
	margin-bottom:10px;
}
.subqtxt {
	margin-left:40px;
	margin-bottom:5px;
}
.qsnzone {
	margin-bottom:20px;
	box-sizing: border-box;
}
.qshosoku {
	padding-left:3em;
	text-indent:-3em;
}
.uderline {
	border-bottom: 1px solid #ccc;
	padding-bottom:3px;
}





/*トップへ
---------------------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 24px;
    font-size: 22px;
    opacity: 0.4; 
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 35px;
    padding: 5px 0 7px 0;
    text-align: center;
    display: block;
    border-radius: 30px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width:100%;
height:30px;
margin:5px 0 20px;
}

.prev{float:left}
.next{float:right;}

#pageLinks{
clear:both;
text-align:center;
}


/* タイポグラフィ
*****************************************************/
.dateLabel{
margin:0 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p{padding-bottom:10px;}

.post ul{margin:0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin:0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color:#000;
border-bottom:3px solid #cf6a88;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color:#333;
border-bottom:2px solid #cf6a88;
}

.post h3{
margin:10px 0 25px 0;
padding:10px 0 10px 0;
font-size:120%;
font-weight:normal;
border-bottom:1px solid #ddd;
}

.post blockquote{
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border-collapse:collapse;
margin:5px auto 15px auto;
}

.post table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

.post table th{
background-color:#F5F5F5;
text-align:right;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}


.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter{
display:block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin:0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float:left;}
.suberea{display:none;}
.mainerea{display:none;}




/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:960px){
	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}
	
	#mainNav{
	clear:both;
	z-index:200;
	position:relative;
	}

	#mainNav li{
	float:left;
	position:relative;
	}

	#mainNav li a{
	color:#fff;
	display: block;
	text-align: center;
	_float:left;
	font-size:11.5px;
	line-height:14px;
	font-weight:bold;
	width:102px;
	height:14px;
	padding:13px 0;
	border-right:2px solid #fff;
	background: #83a2b1;
	}
	#mainNav li.line2 a {
		padding:6px 0;
		height:28px;
		width:125px;
	}
	
	#mainNav li a.kikinstyle  {
	height:36px;
	padding:5px 0;
	}
	
	#mainNav li:first-child a{
		border-right:2px solid #fff;
	}

	#mainNav li a span,#mainNav li a strong{display:block;}

	#mainNav li a span{
	color:#bababa;
	font-size:10px;
	}
	
	#mainNav ul ul{width:160px;background:#fff;}
	#mainNav li ul{display:none;}

	#mainNav li:hover ul{
	display:block;
	position:absolute;
	top:46px;
	z-index:500;
	}
	
	#mainNav li li{
	margin:0;
	float:none;
	width:190px;
	border:0;
	}
	#mainNav li li:last-child{border:0;}
	
	#mainNav li li a{
	width:auto;
	height:auto;
	padding:10px;
	font-size:95%;
	text-align:left;
	border:0;
	background:#fff;
	color:#666;;
	font-weight:normal;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
	#mainNav li li:first-child a{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}

	#mainNav li li span{padding:0 10px;}
	
	#mainNav li.current-menu-item a{
	}

	#mainNav li.current-menu-item a,#mainNav li a:hover,#mainNav li.current-menu-item li a:hover{
		background: #6fb6d8;
	}

	#mainNav li li.current-menu-item a,#mainNav li li a:hover,#mainNav li li.current-menu-item li li a:hover{
		background: linear-gradient(#fff, #eee);
	}

	#header,#wrapper,.inner{
	width:960px;
	padding:0;
	margin:0 auto;
	box-sizing: border-box;
	}
	
	#wrapper{clear:both;padding:15px 0 15px;}
	
	#main{
	float:right;
	width:680px;
	padding:15px 0 0 0;
	}
	
	#sidebar{
	float:left;
	width:250px;
	padding:15px 0;
	overflow:hidden;
	}
	
	#sidebar article{
	margin-bottom:20px;
	overflow:hidden;
	}
	
	
	/* グリッド全体 */
	.gridWrapper{
	display:table;
	border-collapse:separate;
	border-spacing:0px;
	}
	
	/* グリッド */
	.grid{
	width:320px;
	display:table-cell;
	}
	form input.nametb2 { width: 98%; }
	
	
}

.br-sp { display:none; }
.br-menu { display:block; }

@media only screen and (max-width:959px){
	*{
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
         -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
            box-sizing:border-box;
	}
	
	#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
  border:1px solid #e4e4e4;
	border-left:0;
	border-right:0;
	}

	#mainNav a.menu{
	color:#555;
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	}

	#mainNav a#menu span{
	padding-left:10px;
	}
	#mainNav a.menu span:before{content:"≡ ";}
	#mainNav a.menuOpen span:before{content:"× ";}

	#mainNav a#menu:hover{cursor:pointer;}

	nav .panel{
	display:none;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index:1;
	}
	
	#mainNav ul{margin:0;padding:0;}

  #mainNav li{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	#mainNav li a,#mainNav li.current-menu-item li a{
	color:#fff;
	font-weight:bold;
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #fff;
	background:#83a2b1;
	}
	
 	#mainNav li a span{padding-left:10px;}
	
	
	#mainNav ul > li:last-child a{border:0;}
	#mainNav li li:last-child a{border-bottom:1px dashed #ccc;}
	#mainNav li.current-menu-item a {
	color:#fff;
	}
	#mainNav li.current-menu-item a,#mainNav li a:hover,#mainNav li.current-menu-item a,#mainNav li a:active, #mainNav li li.current-menu-item a, #mainNav li.current-menu-item li a:hover, #mainNav li.current-menu-item li a:active{
	background: #6fb6d8;
	
	}

	#mainNav li li{
	float:left;
	border:0;
	}

	#mainNav li li a, #mainNav li.current-menu-item li a, #mainNav li li.current-menu-item a{
	padding-left:40px;
	background:url(images/sub1.png) no-repeat 20px 18px;
	color:#fff;
	}

	#mainNav li li.current-menu-item a,#mainNav li li a:hover, #mainNav li.current-menu-item li a:hover{background:url(images/sub1.png) no-repeat 20px -62px;}

	#mainNav li li:last-child a{background:url(images/subLast.png) no-repeat 20px 20px;}
	#mainNav li li:last-child.current-menu-item a,#mainNav li li:last-child a:hover,#mainNav li.current-menu-item li:last-child a:hover{background:url(images/subLast.png) no-repeat 20px -65px;}

	nav div.panel{float:none;}
	
	#header{padding-left:10px;}
	
	#main{padding-top:15px;}
	section.toppage{margin:0;}
	#sidebar{padding-bottom:15px;}
	#sidebar article{padding:7px 8px;}
	
	#footer .grid,#footer ul.footnav{float:none;width:100%;text-align:center;}
	ul.footnav li{float:none;display:inline-block;}
	
	.grid{
	float:left;
	width:32%;
	margin:10px 0 0 1%;
	}

	#footer .grid img,#footer .info{float:none;}
	#footer .grid p{display:block;}
	#footer #info .info{float:none;text-align:center;}
	#footer.logo,#footer .info{width:100%;float:none;}
	#footer .logo p{float:none;display:block;	}
	#footer .logo img{float:none;padding:0;}
	
	.logo img{
		width:90px;
	}
	
	form#searchform { margin-right: 10px;}
	
	section.content{
	padding:0 0px;
	}
	.topmainarea {
	    float: none;
	    width: 100%;
	    margin: 0 auto;
	}
	.topmainarea2 {
	    float: none;
	    width: 100%;
	    margin: 0 auto;
	}
	.topsidearea {
		margin-right:2%;
	}
	.newslistmain {
	    height:150px;
	}
	.titlebeltin {
		padding-left:20px;
	}
	.singlecn {
		height:60px;
	}
	.beforoilbtm {
		margin-top: 20px;
	}
	.br-map { display:none; }
	
	form input[type=date], form input[type=email], form input[type=password], form input[type=text], form select, form textarea {
	    width:100%;
	}
	.kaiinarea {
	    display:block;
	    width:100%;
	}
	.topmainarea {
		float:none;
		width:90%;
		margin:0 auto;
	}
	.topmainarea2 {
		float:none;
		width:90%;
		margin:0 auto;
	}
	#footer {
		width:90%;
	}
	.threebox1 {
		width:266px;
		display: inline-block; 
		vertical-align:top;
	}
	.threebox2 {
		width:266px;
		margin-right:0px;
		display: inline-block; 
		vertical-align:top;
	}
	.threebox3 {
		width:266px;
		margin-left:69px;
		display: inline-block; 
		vertical-align:top;
	}
	.cyimg {
		width:35%;
	}
	form input.nametb { width: 100%; }
	form input.teltb { width: 30%; }
	form input.cntertb { width: 50%; }
	form input.cultb { width: 50px; }
	form input.othertb { width: 30%;}
	.yeartbl{

		width:700px;
	}
	.thname {
		width: 100%;
		display:block;
	}
	.inputerea {
		width: 100%;
		display:block;
	}
	
	
	
}





@media only screen and (max-width:640px){

	
	.box img{
	float:left;
	margin-right:5px;
	}
	
	.box h3{padding-top:0;}

  .alignleft,.alignright,img.alignleft,img.alignright{float:none;display:block;margin:0 auto 10px;}
  
	form#searchform {
		float:none;
		margin:0 auto;
		margin-top:-5px;
		margin-bottom:5px;
	}
  

	.topsidearea {
		float:none;
		width:90%;
		margin:0 auto;
	}
	.seikyomap {
		width:100%;
		float:none;
		margin-right:0%;
	}
	.seikyolist {
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	.mapcap1 {
		display:block;
		float:none;
	}
	.mapcap2 {
		display:none;
		float:none;
	}
	.sosikierea {
	    width:100%;
	}

	.br-sp { display:block; }
	.br-menu { display:none; }
	.newstitle {
	    width: 100%;
	}
	.bctxt {
	    width: 100%;
	}
	.newslistmain {
	    width: 100%;
	}
	.bcilst {
		width:50%;
	}
	.threebox1 {
		margin:0px auto;
		display:block;
	}
	.threebox2 {
		margin:0px auto;
		display:block;
	}
	.threebox3 {
		margin:0px auto;
		display:block;
	}

	.bccont1 {
	    display:none;
	}
	.bccont2 {
	    display:block;
	}

	.menubox1 {
		float:none;
		width:100%;
		margin-right:0%;
		margin-bottom:20px;
	}
	.menubox2 {
		float:none;
		width:100%;
		margin-bottom:20px;
	}
	.cyimg {
		width:45%;
	}
	form input.teltb { width: 100%;margin-right:0px; }
	form input.centertb { width: 100%;margin-right:0px; }
	form input.othertb { width: 40%;}
	table.conftbl {
		border-top: 1px solid #ccc;
	}
	table.conftbl th, table.conftbl td {
		display: block;
		width:100%;
	}
	table.conftbl th {
		border-bottom:none;
		border-top:none;
	}
	.br-stl { display:block; }
	.sqspace { display:none; }
}

@media only screen and (max-width:480px){
	.grid{width:100%;margin:10px 0;}
	.box img{max-width:100px;}
	#mainBanner h2,#mainBanner p{font-size:80%;}
	


	.opencampas {
		width:100%;
		box-sizing:border-box;
	}
	.opencampas th, .opencampas td {
		display: block;
	}
	.opencampas th {
		width:100%;
		box-sizing:border-box;
		word-break : break-all;
	}
	.cyimg {
		width:60%;
	}
	.conftbl2 {
		width:100%;
		box-sizing:border-box;
	
	}
	.conftbl2 th, .conftbl2 td {
		display: block;
		white-space: normal;
		line-height:24px;
	}
	.conftbl2 th {
		width:100%;
		box-sizing:border-box;
		word-break : break-all;
	}
	.conftbl2 th.thtop {
		display: none;
	}

}