@charset "UTF-8";

/* 画面表示用スタイル */

/* ------------------------基本設定------------------------ */
#baseall-i,
#baseall-itop {
	margin: 0;
	padding: 0;
	min-width: 1024px;
	background-color: #FFFFFF;
	background-image: url(/images/s_i_bg_all.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	_height: 1%;
	font-size: 0.9rem;
}

#baseall-itop{
	font-size: 0.9rem;
}

#basewrap{
	width: 1024px;
}


/* ------------------------ヘッダー------------------------ */
#headbgall{
	border: none;
	background: #fff;
}
div#headbg {
	background-image: none;
	height: auto;
}
div#h0left {
	padding: 0 0 6px 0;
}
div#h0title {
	clear: both;
	margin: 0;
	padding: 24px 0 0 0;
	height: 102px;
	background-image: url(/images/s_i_bg_head.jpg);
	background-position: 100% 0;
	background-repeat: no-repeat;
}

.head_nav ul li:last-child a{
	background: none;
    padding: 0;
}

.head_nav ul li:last-child{
	margin: 0;
}

.head_nav {
    margin: 10px 0 0 0;
}

.head_nav td{
	border: none!important;
}

.head_nav table td.gsc-search-button{
	padding: 0;
}

.head_nav .gsib_a{
	padding: 4px 9px;
	background-color: transparent;
}

.head_nav .gsib_b{
	background-color: transparent;
}

/* ------------------------グローバルナビ------------------------ */
div#gnbbgwrap {
	clear: both;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
div#gnbwrap {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	width: 1024px;
}
ul.gnavi {
	margin: 0;
	padding: 0 0 0 1px;
	background-color: #FFFFFF;
}
ul.gnavi li {
	float: left;
	margin: 0 1px 0 0;
	padding: 22px 0 0 0;
	text-align: center;
	line-height: 110%;
	font-size: 13.6pt;
	font-weight: bold;
	background-color: #C9E180;
	background-image: none;
	width: 255px;
	height: 61px;
}
ul.gnavi li.lilast {
	width: 254px;
}
ul.gnavi li.gnb01,ul.gnavi li.gnb02,ul.gnavi li.gnb03,ul.gnavi li.gnb04 {
	border-bottom: 1px solid #FFFFFF;
}
ul.gnavi li.gnb03 {
	padding: 13px 0 9px 0;
}
ul.gnavi li a:link,
ul.gnavi li a:visited,
ul.gnavi li a:hover,
ul.gnavi li a:focus,
ul.gnavi li a:active {
	display: block;
	margin: 0;
	padding: 0;
	color: #333333;
	text-decoration: none;
}


/* ------------------------コンテンツ外枠------------------------ */


/* ------------------------パンくずナビ------------------------ */


/* ------------------------コンテンツ大枠------------------------ */


/* ------------------------フッター------------------------ */
/* アドレス */
div.f1add h2 {
	width: 12em;
}


/* ------------------------サブナビ------------------------ */
div.lobgbox li.pagelinkin,
div.lobgbox li.innerLink {
	background-image: url(/images/s_i_icon_inlink.gif);
	background-repeat: no-repeat;
}

.ichiran-all{
	clear: both;
    margin: 0;
    padding: 0 0 0 10px;
    background: none;
}

div.ichiran-all div {
    float: right;
    margin: 0 0 4px 0;
    padding: 2px 12px 0 20px;
    line-height: 1.2em;
    font-size: 90%;
    text-align: right;
    background-image: url(/images/c_icon_circle_blue.gif);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    _height: 1%;
    _padding: 2px 10px 0 10px;
}

div.lobgbox div.ichiran-all div {
	background-image: url(/images/s_i_icon_inlink.gif);
}

.ichiran-all a{
	background: none;
    padding: 0;
    width: auto;
}

/* サブナビゲーション */

.wrap #main{
	width: 734px;
    margin: 0 20px 0 0;
}


div#losubnavi {
	border: 1px solid #74A311;
}
.wrap #losubnavi h2 {
	background-color: #74A311;
	margin: 0;
}

div#losubnavi h2 {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.4em;
    border: none;
    background-color: #74A311;
}

.wrap div.lorecommend {
    border: 1px solid #96D578;
		margin: 10px 0 10px 0;
}

.wrap div.lorecommend h2 {
    color: #1B1B1B;
    background-color: #D5EEC9;
    background-image: url(/images/s_gi_icon_snavi_recommend.gif);
}

.wrap div.lorecommend h2 {
    margin: 0;
    padding: 3px 10px 3px 54px;
    font-size: 12.6pt;
    line-height: 120%;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: 12px 0.6em;
    _height: 1%;
}

.wrap div.lorecommend li.pagelinkin{
	background-image: url(/images/s_i_icon_inlink.gif);
    background-repeat: no-repeat;
    padding: 3px 6px 3px 26px;
    background-position: 10px center;
}

.lorecommend li a{
	background: none;
	padding: 0;
}

div.lobgbox ul {
    margin: 0;
    padding: 8px 0 0 0;
    background-color: transparent;
    _height: 1%;
}

div#losubnavi h2 span {
	background-image: url(/images/s_i_icon_snavi.gif);
}

div#losubnavi h2 span {
    margin: 0 4px 0 4px;
    padding: 8px 45px 10px 6px;
    display: block;
    background-color: transparent;
    background-image: url(/images/c_icon_snavi.gif);
    background-repeat: no-repeat;
    background-position: 216px 0.42em;
    _height: 1%;
}

div#losubnavi li {
    margin: 0;
    padding: 4px 6px 3px 26px;
    background-color: transparent;
    background-image: url(/images/c_icon_snavi_li.gif);
    background-repeat: no-repeat;
    background-position: 8px 0.7em;
    _height: 1%;
}

div#losubnavi li a{
	background: none;
	margin: 0;
	padding: 0;
}

#losubnavi li:last-child,
.lorecommend li:last-child{
	border: none;
}

/* ▽このページを見ている人はこんなページも見ています▽ */
div.lorecommend {
	border: 1px solid #ACD340;
}
div.lorecommend h2 {
	color: #1B1B1B;
	background-color: #DEEDB2;
	background-image: url(/images/s_i_icon_snavi_recommend.gif);
}


/* ------------------------共通タグの基本定義（再設定）------------------------ */
div.h1bg {
	background-color: #DEEDB2;
	border-left: 4px solid #ACD33F;
}

.h1bg h1{
	background: none;
	font-size: 1.3rem;
	padding: 12px 5px 8px 10px;
}

.wrap h2{
	background: none;
    margin: 0;
	padding: 7px 4px 4px 1px;
}

div.h2bg {
	border-top: 1px dotted #BEDB66;
	border-bottom: 2px solid #ACD340;
	margin: 30px 0 10px 0;
}
div.h3bg {
	border-bottom: 1px solid #96D577;
	background: none;
	margin: 10px 0 10px 0;
}

div.h3bg div {
    margin: 0;
    padding: 0 0 2px 14px;
    background-image: url(/images/c_icon_h3.gif);
    background-repeat: no-repeat;
    background-position: 1px 0.04em;
    _height: 1%;
}

div.h3bg div {
	background-image: url(/images/s_i_icon_h3.gif);
}

.h3bg div h3{
	padding: 0;
	background: none;
}


/* ------------------------テンプレート用共通------------------------ */
/* 内部ページリンクスタイル */
p.innerLink {
	background-image: url(/images/s_i_icon_inlink.gif);
	padding: 0 0 0 23px;
	line-height: 1.5em;
    background-position: 5px center;
}
li.innerLink {
	background-image: url(/images/s_i_icon_inlink.gif);
}

div.socialmedia {
    clear: both;
    margin: 10px 0 10px 0;
    padding: 0;
}

div.img-area {
    margin: 0.56em 5px 0 0;
    padding: 0;
}

p.img-left {
    float: left;
    padding-bottom: 0.25em;
    color: #1B1B1B;
    text-align: left;
    _margin-left: 5px;
}

.img-area:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

p.img-center img, p.img-left img, p.img-right img {
    padding-bottom: 5px;
}


table.table01 {
    margin: 0.2em 5px 0.2em 10px;
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #999999;
    font-size: 85%;
    line-height: 1.4em;
}

th {
    margin: 0;
    padding: 4px;
    border: 1px solid #999999;
    color: #1B1B1B;
    text-align: left;
    background-color: #F9F3EA;
}

td {
    margin: 0;
    padding: 4px;
    border: 1px solid #999999;
    color: #1B1B1B;
    background-color: #FFFFFF;
}

ul.norcor {
    margin: 0.7em 5px 0.7em 0;
    padding: 0 0 0 11px;
}

ul.norcor li {
    background-image: url(/images/s_i_icon_inlink.gif) !important;
}

ul.norcor li {
    margin: 0.2em 0 0 0;
    padding: 3px 0 1px 16px;
    background-image: url(/images/c_icon_inlink.gif) !important;
    background-repeat: no-repeat;
    background-position: 3px 0.6em;
    _height: 1%;
}

.norcor li a{
	background: none;
    display: block;
    text-decoration: underline;
	padding: 0;
}

.norcor li a[href*="index.html"]{
	background: none;
}

div#localnavi div.subrightnavi p.pagelinkbt {
    margin: 10px 0 10px 10px;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
}

div#localnavi p.lojoho {
    font-size: 11.8pt;
    background-image: url(/images/c_icon_snavi_joho.gif);
    background-position: 100% 0.4em;
}

div#localnavi p.linkbttxt {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 11pt;
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    background-repeat: no-repeat;
    _height: 1%;
}

div#localnavi p.linkbttxt a {
    margin: 0;
    text-decoration: none;
    display: block;
    padding: 15px 60px 15px 8px;
		background: none;
    font-size: 1rem;
    font-weight: normal;
}



/* ページ内ジャンプ */
ul.linkjump li {
	background-image: url(/images/s_i_icon_jumplink.gif) !important;
}
ul.linkjump2 li {
	background-image: url(/images/s_i_icon_jumplink.gif) !important;
}

/* コンテンツ内のこのページの上へ戻る */
div.tothispage2 div {
	background-image: url(/images/s_i_icon_pagetop.gif);
}

/* コーナー用 */
ul.norcor li {
	background-image: url(/images/s_i_icon_inlink.gif) !important;
}

/* コーナー用（横） */
ul.norcor-side li {
	background-image: url(/images/s_i_icon_jumplink.gif) !important;
}

div.contact p.contact-email {
	background-image: url(/images/s_i_icon_email.gif);
    background-repeat: no-repeat;
    background-position: 18px 7px;
    padding: 0 0 20px 40px;
    background-color: #F1F1F1;

}

.contact p.contact-email a:before{
	display: none !important;
}

div.menulist ul.site-li li {
	background-image: url(/images/s_i_icon_inlink.gif);
}

form.feedback{
	background: none;
}

.wrap form.feedback p{
	background: #f1f1f1;
}

.wrap form.feedback .formtxt{
	background: #f1f1f1;
	margin: 0 0 20px 0;
}

/* 次階層新着情報エリア */
div.newinfo-box {
	clear: both;
	margin: 0.8em 0 0.8em 0;
	padding: 0 0 10px 0;
	background-color: #F0FAFD;
}
div.newinfo-box div.h2bg {
	margin: 0 0 0.8em 0;
	padding: 0;
	background-color: #B2DDF2;
	border-top: none;
	border-bottom: 1px solid #B2DDF2;
	background-image: url(/images/s_t_i_bg_h2_info.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	_height: 1%;
}
div#main div.newinfo-box h2 {
	padding: 4px 0 2px 10px;
	font-size: 110%;
	background: none;
	margin: 0;
}
div.newinfo-box ul.info-list {
	margin: 0.5em 2px 0.5em 8px;
	padding: 0;
    background: none;
}

.newinfo-box ul li span:last-child{
	width: 500px;
}

div.newinfo-box ul.info-list li {
	padding: 4px;
	margin: 0;
}
div.newinfo-box div.ichiran-all div {
	background-image: url(/images/c_icon_circle_blue.gif);
}

/* ピックアップコーナーエリア */
div.pickup-box {
	clear: both;
	margin: 1.2em 0 0.8em 0;
	padding: 0 0 10px 0;
	background-color: #F0FAFD;
}
div.pickup-box div.h2bg {
	margin: 0 0 0.8em 0;
	padding: 0;
	background-color: #B2DDF2;
	border-top: none;
	border-bottom: 1px solid #B2DDF2;
	background-image: url(/images/s_i_bg_h2_pickup.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	_height: 1%;
}
div#main div.pickup-box h2 {
	padding: 4px 0 2px 10px;
	color: #003151;
	font-size: 110%;
}
div.pickup-box div.img-area {
	margin-left: 2px;
}
div.pickup-box div.img-area p.imglink-side4 {
	padding: 0 10px 0 24px;
	text-align: left;
	width: 140px;
}
div.pickup-box div.img-area p.imglink-side4 a {
	margin: 0;
	padding: 0;
	display: block;
}
div.pickup-box div.img-area p.imglink-side4 img {
	margin: 0 0 4px 0;
}
div.pickup-box div.img-area p.imglink-side4 span {
	margin: 0;
	padding: 0 0 0 12px;
	display: block;
	background-image: url(/images/s_i_icon_inlink.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	_height: 1%;
}


/* ------------------------トップページ用------------------------ */


/* ------------------------ヘッダー------------------------ */
div#t-headbgall {
	clear: both;
	margin: 0;
	padding: 0;
}
div#t-headbg {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	width: 1024px;
	height: 74px;
}
h1#h0title {
	clear: both;
    margin: 10px auto;
    padding: 0 0 0 0;
    width: 1024px;
}


/* ------------------------コンテンツ外枠------------------------ */


/* ------------------------パンくずナビ------------------------ */
#baseall-itop div.pankuzu ul {
	clear: both;
	margin: 0;
	padding: 6px 0 0 0;
}


/* ------------------------コンテンツ大枠------------------------ */


/* ------------------------サブナビ------------------------ */
/* サブサイト右ナビ */
#baseall-itop div.subrightnavi {
	clear: both;
	margin: 0.8em 0 15px 0;
	padding: 0;
	width: 270px;
	background-color: #F7F7F7;
	border: 1px solid #F7F7F7;
}

/* フッタ */
div.foot2bgall {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
    background-image: url(/images/c_bg_foot.gif);
    background-repeat: repeat;
    background-position: 0 0;
    _height: 1%;
}

div.foot2bg {
    clear: both;
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: left;
    width: 1024px;
}

ul.footlist {
    clear: both;
    margin: 0 auto 0 auto;
    padding: 18px 0 18px 0;
    width: 1024px;
    background-color: transparent;
}

ul.footlist li {
    float: left;
    margin: 0;
    padding: 0 10px 0 10px;
    font-size: 90%;
    line-height: 120%;
    white-space: nowrap;
    border-right: 1px solid #000000;
    background-image: none;
    _height: 1%;
}

ul.footlist a{
	text-decoration: underline;
}

div.f0add {
    clear: both;
    margin: 0;
    padding: 8px 15px 6px 15px;
    background-color: #E6E6E6;
}

div.f1add {
    clear: both;
    margin: 0 0 0.4em 0;
    padding: 0;
}

div.f1add h2 {
    width: 14em !important;
}

div.f1add h2 {
    float: left;
    margin: 0;
    padding: 0 0 0 38px;
    font-size: 112%;
    line-height: 1.4em;
    border: none;
    background-image: none;
    width: 5.5em;
    background-image: url(/images/c_icon_foot_add.gif);
    background-repeat: no-repeat;
    background-position: 0 0.2em;
    _height: 1%;
		font-weight: bold;
}

address {
    float: left;
    margin: 0;
    padding: 3px 0 0 0;
    color: #333333;
    font-style: normal;
    font-size: 90%;
    line-height: 1.4em;
}

div#f0copy {
    clear: both;
    margin: 0 auto 0 auto;
    padding: 0 0 2px 0;
    width: 1024px;
    font-size: 90%;
    line-height: 1.5em;
}

.guidance {
    clear: both;
    font-size: 1%;
    line-height: 1%;
    width: 1px;
    height: 1px;
}

/*------------------------
max-width: 768px
------------------------*/

@media screen and (max-width: 768px) {
h1#h0title,
#baseall-i, #baseall-itop,
div#gnbwrap{
	width: 100%;
}

#baseall-i, #baseall-itop{
	min-width: 100%;
}

h1#h0title img{
	width: 100%;
	height: auto;
}

div.h1bg{
	margin: 0 3%;
}

div.h2bg{
	margin: 30px 3% 10px;
}

ul.gnavi{
	display: flex;
	flex-wrap: wrap;
}

ul.gnavi li{
	float: none;
	width: 50%;
	margin: 0;
}

ul.gnavi li.lilast{
	width: 50%;
}

.wrap{
	display: block;
}

.wrap #localnavi, .losubnavi, .lojoho{
	display: block;
}

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

ul.gnavi li a:link, ul.gnavi li a:visited, ul.gnavi li a:hover, ul.gnavi li a:focus, ul.gnavi li a:active{
	font-size: 1rem;
}

ul.gnavi li.gnb01, ul.gnavi li.gnb02, ul.gnavi li.gnb03, ul.gnavi li.gnb04, ul.gnavi li.gnb05, ul.gnavi li.gnb06{
	border-bottom: 1px solid #FFFFFF;
}

ul.gnavi li:nth-child(even){
	border-left: 1px solid #FFFFFF;
}

.dladobereader{
	    margin: 10px 3% 0;
}

div.newinfo-box{
	margin: 0.8em 3% 0.8em;
}

ul.info-list .date {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 9.2em;
}

.newinfo-box ul li span:last-child{
	width: 100%;
}

ul.info-list .date{
	float: none;
}

.newinfo-box ul li span:first-child{
	margin: 0;
}

ul.info-list li span {
    display: block;
    margin: 0 0 0 9.4em;
}

.wrap #localnavi{
	margin: 0 auto;
}

.head_nav{
	margin: 10px 0 20px 0;
}

.t-box{
	overflow: auto;
    white-space: nowrap;
}

div.img-area{
	margin: 0.56em 5px 0.56em 0.56em;
}

#losubnavi,
.lorecommend,
.lojoho{
	display: none;
}

/*-------------------
フッタ
-----------------------*/

ul.footlist,
div.foot2bg,
div#f0copy{
	width: 100%;
}


}