@charset "utf-8";
/*------------------------------------------------------------------------------
[1] レイアウト[ 配置 + 書式設定その他 ]
[2] 詳細デザイン
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] レイアウト[ 配置 + 書式設定その他 ]
*******************************************************************************/
/*==============================================================================
	配置　独自の設定
==============================================================================*/
#wrap{
	margin:0px auto 0px auto;
}
#header{
	width:100%;
}
.container{
	margin:0px auto;
	max-width:1200px;
	min-width:950px;
	width:100%;
}
#gnavi{
	max-width:1200px;
	min-width:950px;
	width:100%;
}
#tpath{
	max-width:1150px;
	min-width:930px;
	width:100%;
	box-sizing:border-box;
}
#pagebody{
	margin:0px auto 0px auto;
	max-width:1200px;
	min-width:950px;
	width:100%;
	clear:both;
	position:relative;
	z-index:99;
}
#content{
	width:calc(100% - 230px);
}
#content2,#content3{
	width:100%;
}
#guide{
	padding:20px 0px 20px 0px;
	max-width:1200px;
	min-width:950px;
	width:100%;
}
#footer,#footernavi{
	margin:0px auto 0px auto;
	max-width:1200px;
	min-width:950px;
	width:100%;
}
#footernavi{
	min-width:930px;
}
/*==============================================================================
	書式設定その他
==============================================================================*/
body{
	font-family:"游ゴシック体","Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight:500;
	-webkit-text-size-adjust:100%;
}
input,select,textarea{
	font-family:"游ゴシック体","Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:100%;
	font-weight:500;
}
/* Firefoxのみ適用 */
@-moz-document url-prefix() {
	body,input,select,textarea{
		font-weight:500;
	}
}
/* Edgeのみ適用 */
@supports (-ms-ime-align: auto) {
	body,input,select,textarea{
		font-weight:normal;
	}
}
#content,#content2,#content3{
	background:#FFFFFF;
}
#content,#content2,#content3{
	background:#FFFFFF;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
/*==============================================================================
	ヘッダ
==============================================================================*/
#tline{
	background:url(images/header/header_bg.png) repeat top center;
	min-width:950px;
}
#tline .container{
	position:relative;
}
#tlogo{
	width:256px;
	position:absolute;
	left:0px;
	top:0px;
}
#tlogo img{
	vertical-align:bottom;
}
#tcopy{
	padding:12px 0px 5px 76px;
	float:left;
	position:relative;
	z-index:2;
}
/*エラーページ*/
#errorheader{
	margin:0px auto 0px auto;
	max-width:1200px;
	min-width:950px;
	width:100%;
	clear:both;
}
#errorheader #tlogo{
	margin-top:-40px;
	position:static;
}
/*------------------------------------------------------------------------------
	util
------------------------------------------------------------------------------*/
#util{
	width:650px;
	float:right;
}
#util ul{
	margin:8px 0px 10px 0px;
	list-style-type:none;
}
#util li{
	display:inline;
	margin-left:15px;
	padding-left:13px;
	background:url(images/header/mark_util.png) no-repeat left center;
}
#util li a{
	color:#333333;
}
/*------------------------------------------------------------------------------
	検索
------------------------------------------------------------------------------*/
#sitesearch{
	padding:0px 0px 14px 70px;
}
#sitesearch label{
	font-weight:bold;
	color:#006E37;
	font-size:110%;
}
#sitesearch input{
	vertical-align:middle;
	-webkit-appearance: none;
	border-radius:0px;
}
#sitesearch #key{
	padding:3px 5px 2px 5px !important;
	width:320px;
	font-size:120%;
	border-left:2px solid #CCCCCC !important;
	border-top:2px solid #CCCCCC !important;
	border-bottom:2px solid #CCCCCC !important;
	border-right:none !important;
	border-radius:0px;
}
#sitesearch form,#sitesearch p,#sitesearch p img{
	display:inline;
	vertical-align:middle;
}
#sitesearch p{
	margin-left:5px;
}
#sitesearch p a{
	padding:6px 8px 6px 8px;
	display:inline-block;
	color:#333333;
	border-radius:3px;
	background:#B9DD7E;
	text-decoration:none;
}
/*==============================================================================
	グローバルナビ
==============================================================================*/
#topgnavibg,#headerbg #header{
	background:#fef6e6;
	background: -moz-linear-gradient(top, rgba(255,243,232,1) 0%, rgba(252,250,228,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,243,232,1) 0%,rgba(252,250,228,1) 100%);
	background: linear-gradient(to bottom, rgba(255,243,232,1) 0%,rgba(252,250,228,1) 100%);
	border-bottom:2px solid #B9DD7E;
	min-width:950px;
}
#gnavi{
	padding:17px 0px 17px 0px;
	background:url(images/gnavi/inappy.png) no-repeat 1124px center;
}
#headerbg #gnavi{
	padding-bottom:14px;
}
#gnavi ul{
	margin-left:283px;
}
#gnavi ul li{
	width:16.666%;
	max-width:140px;
	font-size:130%;
}
#gnavi ul li:first-child{
	letter-spacing:-0.1em;
}
@media screen and (max-width:1060px) {
	#gnavi ul li{
		font-size:120%;
	}
	#gnavi ul li:first-child{
		letter-spacing:-0.2em;
	}
}
#gnavi ul li a,#topgnavi ul li a{
	margin-right:10px;
	padding:18px 4px 18px 4px;
	display:block;
	position:relative;
	color:#111111;
	font-weight:bold;
	background:#CBEF84;
	border-radius:5px;
	box-shadow:0px 3px 0px 0px #89D510;
	text-decoration:none;
}
#gnavi ul li a:hover,#topgnavi ul li a:hover,
#gnavi ul li.choice a,#topgnavi ul li.choice a{
	background:#89D510;
}
#gnavi ul li a:hover:after, #topgnavi ul li a:hover:after,
#gnavi ul li.choice a:before, #topgnavi ul li.choice a:before{
	content: '';
	position: absolute;
	display: inline-block;
	width:38%;
	height:4px;
	left:50%;
	bottom:10px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color:#1f9e01;
	border-radius:3px;
}
/* 緑 */
#gnavi ul li.gnavi1 a{
	background:#CBEF84;
	box-shadow:0px 3px 0px 0px #89D510;
}
#gnavi ul li.gnavi1 a:hover,#topgnavi ul li.gnavi1 a:hover,
#gnavi ul li.gnavi1.choice a,#topgnavi ul li.gnavi1.choice a{
	background:#89D510;
}
#gnavi ul li.gnavi1 a:hover:after, #topgnavi ul li.gnavi1 a:hover:after,
#gnavi ul li.gnavi1.choice a:before, #topgnavi ul li.gnavi1.choice a:before{
	background-color:#1f9e01;
}
/* 水色 */
#gnavi ul li.gnavi2 a{
	background:#BBE0FF;
	box-shadow:0px 3px 0px 0px #70B5F0;
}
#gnavi ul li.gnavi2 a:hover,#topgnavi ul li.gnavi2 a:hover,
#gnavi ul li.gnavi2.choice a,#topgnavi ul li.gnavi2.choice a{
	background:#70B5F0;
}
#gnavi ul li.gnavi2 a:hover:after, #topgnavi ul li.gnavi2 a:hover:after,
#gnavi ul li.gnavi2.choice a:before, #topgnavi ul li.gnavi2.choice a:before{
	background-color:#2c84ce;
}
/* オレンジ */
#gnavi ul li.gnavi3 a{
	background:#FFD6AD;
	box-shadow:0px 3px 0px 0px #FAAF66;
}
#gnavi ul li.gnavi3 a:hover,#topgnavi ul li.gnavi3 a:hover,
#gnavi ul li.gnavi3.choice a,#topgnavi ul li.gnavi3.choice a{
	background:#faaf66;
}
#gnavi ul li.gnavi3 a:hover:after, #topgnavi ul li.gnavi3 a:hover:after,
#gnavi ul li.gnavi3.choice a:before, #topgnavi ul li.gnavi3.choice a:before{
	background-color:#e47c16;
}
/* 赤 */
#gnavi ul li.gnavi4 a{
	background:#FFBEBE;
	box-shadow:0px 3px 0px 0px #F08787;
}
#gnavi ul li.gnavi4 a:hover,#topgnavi ul li.gnavi4 a:hover,
#gnavi ul li.gnavi4.choice a,#topgnavi ul li.gnavi4.choice a{
	background:#F08787;
}
#gnavi ul li.gnavi4 a:hover:after, #topgnavi ul li.gnavi4 a:hover:after,
#gnavi ul li.gnavi4.choice a:before, #topgnavi ul li.gnavi4.choice a:before{
	background-color:#e04545;
}
/* 紫 */
#gnavi ul li.gnavi5 a{
	background:#FCBAE9;
	box-shadow:0px 3px 0px 0px #E272CE;
}
#gnavi ul li.gnavi5 a:hover,#topgnavi ul li.gnavi5 a:hover,
#gnavi ul li.gnavi5.choice a,#topgnavi ul li.gnavi5.choice a{
	background:#E272CE;
}
#gnavi ul li.gnavi5 a:hover:after, #topgnavi ul li.gnavi5 a:hover:after,
#gnavi ul li.gnavi5.choice a:before, #topgnavi ul li.gnavi5.choice a:before{
	background-color:#d436b8;
}
/* 青 */
#gnavi ul li.gnavi6 a{
	background:#C7B2F8;
	box-shadow:0px 3px 0px 0px #8580F3;
}
#gnavi ul li.gnavi6 a:hover,#topgnavi ul li.gnavi6 a:hover,
#gnavi ul li.gnavi6.choice a,#topgnavi ul li.gnavi6.choice a{
	background:#8580F3;
}
#gnavi ul li.gnavi6 a:hover:after, #topgnavi ul li.gnavi6 a:hover:after,
#gnavi ul li.gnavi6.choice a:before, #topgnavi ul li.gnavi6.choice a:before{
	background-color:#4b44ed;
}
/*==============================================================================
	左メニュー
==============================================================================*/
#menu{
	width:194px;
	border:3px solid #B9DD7E;
	border-radius:5px 5px 0px 0px;
	overflow:hidden;
}
/*------------------------------------------------------------------------------
	見出しh2
------------------------------------------------------------------------------*/
#menu h2 a,#menu h2 span{
	padding:30px 5px 30px 5px;
	width:184px;
	display:block;
	color:#333333;
	background:url(images/lnavi/lnavi_h2_bg.png) no-repeat right bottom, #B9DD7E url(images/lnavi/lnavi_h2_bg2.png) repeat top center;
}
/*------------------------------------------------------------------------------
	リンクなし　セパレータ
------------------------------------------------------------------------------*/
#menu h3.separator{
	margin:0px;
	padding:14px 5px 8px 8px;
	width:181px;
	background:#FFF url(images/lnavi/hr2_bg.png) repeat-x top left;
	border-bottom:3px solid #FFDBA4;
	text-align:center;
}
#menu h4.separator,#menu h5.separator,#menu h6.separator{
	margin:0px 0px 0px 10px;
	padding:14px 5px 8px 6px;
	width:173px;
	background:#FFF url(images/lnavi/hr2_bg.png) repeat-x top left;
	border-bottom:3px solid #FFDBA4;
	text-align:center;
}
/*------------------------------------------------------------------------------
	詳細メニュー　h3 h4 ul 同じリスト風デザイン
------------------------------------------------------------------------------*/
#menu h3{
	padding-top:2px;
	background:#FFF url(images/lnavi/hr_bg.png) repeat-x top left;
	border-bottom:none;
}
#menu h4{
	margin:0px;
	padding-top:2px;
	font-weight:normal;
	background:#FFF url(images/lnavi/hr_bg.png) repeat-x top left;
	border-bottom:none;
}
#menu h5{
	margin-left:10px;
	padding-top:2px;
	font-weight:normal;
	background:#FFF url(images/lnavi/hr_bg.png) repeat-x top left;
	border-bottom:none;
}
#menu h3 a{
	padding:8px 5px 8px 23px;
	width:166px;
	background:url(images/lnavi/mark_h3_lnavi.png) no-repeat 9px 8px;
}
#menu h3 a:hover{
	color:#333333;
	background:#FFE6BC url(images/lnavi/mark_h3_lnavi.png) no-repeat 9px 8px;
}
#menu h4 a{
	padding:8px 5px 8px 23px;
	width:166px;
	background:url(images/lnavi/mark_lnavi.png) no-repeat 10px 15px;
}
#menu h4 a:hover{
	color:#333333;
	background:#FFE6BC url(images/lnavi/mark_lnavi_o.png) no-repeat 10px 15px;
}
#menu h5 a{
	padding:8px 5px 8px 23px;
	width:156px;
	background:url(images/lnavi/mark_lnavi.png) no-repeat 10px 15px;
}
#menu h5 a:hover{
	color:#333333;
	background:#FFE6BC url(images/lnavi/mark_lnavi_o.png) no-repeat 10px 15px;
}
#menu ul li{
	padding-top:2px;
	background:#FFF url(images/lnavi/hr_bg.png) repeat-x top left;
}
#menu ul li a{
	padding:8px 5px 8px 23px;
	width:166px;
	background:url(images/lnavi/mark_lnavi.png) no-repeat 10px 15px;
}
#menu ul li a:hover{
	color:#333333;
	background:#FFE6BC url(images/lnavi/mark_lnavi_o.png) no-repeat 10px 15px;
}
#menu ul li.choice{
	padding:10px 5px 8px 23px;
	width:166px;
	display:block;
	color:#333333;
	background:url(images/lnavi/mark_lnavi_o.png) no-repeat 10px 15px ,#FFE6BC  url(images/lnavi/hr_bg.png) repeat-x top left;
}
/*------------------------------------------------------------------------------
	入れ子リスト
------------------------------------------------------------------------------*/
#menu ul.lmenu{
	margin-left:10px;
}
#menu ul.lmenu li a{
	width:156px;
	background:url(images/lnavi/mark_slnavi.png) no-repeat 9px 15px;
	border-bottom:none;
}
#menu ul.lmenu li a:hover{
	color:#333333;
	background:#FFE6BC url(images/lnavi/mark_slnavi_o.png) no-repeat 9px 15px;
}
#menu ul.lmenu li.choice{
	width:156px;
	display:block;
	color:#333333;
	background:#FFE6BC url(images/lnavi/mark_slnavi_o.png) no-repeat 9px 15px ,#FFE6BC  url(images/lnavi/hr_bg.png) repeat-x top left;
	border-bottom:none;
}
/*==============================================================================
	ページ遷移
==============================================================================*/
#topguidebg, #guidebg{
	position:relative;
	z-index:99;
}
#guide ul,#guide ul li{
	display:inline;
}
#guide ul{
	padding:6px 8px;
	background:rgba(255,255,255,0.5);
}
/*------------------------------------------------------------------------------
	このページのトップへ
------------------------------------------------------------------------------*/
#guide p.pagetop{
	display: block;
	clear: both;
	text-align: right;
	position: fixed;
	right: 30px;
	bottom:25px;
	z-index:10000;
}
#guide p.pagetop a{
	padding-left:18px;
}
/*------------------------------------------------------------------------------
	ページ戻り
------------------------------------------------------------------------------*/
#guide ul li a.pageback{
	margin-right:15px;
	padding-left:20px;
	background:url(images/page/mark_pageback.png) no-repeat left center;
}
#guide ul li a.pagehome{
	padding-left:20px;
	background:url(images/page/mark_pagehome.png) no-repeat left center;
}
/*------------------------------------------------------------------------------
	表示切替
------------------------------------------------------------------------------*/
#guide .viewmode{
	display:inline;
	font-size:95%;
}
#guide .viewmode dl,#guide .viewmode dt,#guide .viewmode dd{
	display:inline-block;
	*display:inline;
    *zoom:1;
}
#guide .viewmode dl:after{
	content:"";
	display:block;
	clear:both;
}
#guide .viewmode dl{
	margin-left:20px;
	background:#FFFFFF;
	overflow:hidden;
	vertical-align:middle;
}
#guide .viewmode dt{
	margin-right:5px;
	padding:5px 10px 5px 10px;
	display:inline-block;
	*display:inline;
    *zoom:1;
    color:#FFFFFF;
	background:#006E37;
    border-radius: 3px;
	vertical-align:middle;
}
#guide .viewmode dd{
	vertical-align:middle;
}
#guide .viewmode ul{
	padding:3px 0px 3px 0px;
    display:table;
	list-style-type:none;
	background:#FFF4E8;
	border-bottom:2px solid #B9DD7E;
}
#guide .viewmode ul li{
    display: table-cell;
	text-align:center;
	white-space: nowrap;
}
#guide .viewmode dd a{
	padding:2px 15px 2px 15px;
	display:block;
}
#guide .viewmode #viewmode_pc{
	border-right:2px solid #B9DD7E;
    color: #333333;
    text-decoration: none;
}
#guide .viewmode #viewmode_smp{
	padding:2px 10px 2px 10px;
    border: none;
}
/*==============================================================================
	フッタ
==============================================================================*/
#footerbg,#topfooterbg{
	margin-top:120px;
	min-width:950px;
	position:relative;
	z-index:1;
	background:url(images/footer/footer_bg.png) repeat-x center bottom;
}
#footer:after{
	width:100%;
	height:337px;
	position:absolute;
	top:-313px;
	left:0;
	content:"";
	background:url("images/footer/footer_illust.png") no-repeat bottom center;
/*	left:50%;
	transform:translate(-50%, 0);*/
}
#footer h2{
	padding:8px 25px 40px 45px;
	font-size:130%;
	background:url(images/footer/flogo.png) no-repeat left 6px;
	text-align:left;
	float:left;
}
#add{
	padding:46px 0px 20px 0px;
	width:950px;
}
#add address{
	display:inline;
}
#add ul.access{
	list-style-type:none;
	display:inline;
	vertical-align:top;
}
#add ul.access li{
	display:inline;
	vertical-align:bottom;
}
#add ul.access li a{
	margin-left:5px;
	padding:2px 5px 1px 20px;
	display:inline-block;
	color:#333333;
	background:#FFFFFF url(images/footer/mark_footer.png) no-repeat 7px 9px;
	border:1px solid #CCCCCC;
	border-radius:2px;
	text-decoration:none;
}
#poplation{
	margin:60px 0px 35px 0px;
	width:350px;
	float:right;
}
#poplation h3{
	padding:8px 20px 10px 0px;
	font-size:120%;
	text-align:left;
	float:left;
}
#poplation p{
	display:inline;
}
#poplation p.textright{
	padding:0px 0px 0px 10px;
	font-size:90%;
}
#footernavi ul{
	float:left;
	text-align:left;
	list-style-type:none;
}
#footernavi ul li{
	margin-right:8px;
	margin-left:8px;
	padding-left:20px;
	display:inline;
	background:url(images/footer/mark_ul.png) no-repeat left center;
}
#footernavi ul li a,#topfooternavi ul li a{
	display:inline-block;
	color:#FFFFFF;
}
#copy{
	margin:0px auto 0px auto;
	padding:7px 10px 8px 10px;
	min-width:930px;
	clear:both;
	color:#FFFFFF;
	background:#006E37;
	text-align:center;
}
#copy p{
	font-size:85%;
	float:right;
}
/*==============================================================================
	遊ゴシックIE対策（IE10以上）
==============================================================================*/
@media all and (-ms-high-contrast: none){
	#gnavi ul li a, #topgnavi ul li a{
		padding:21px 4px 15px 4px;
	}
	#add ul.access li a{
		padding:4px 5px 0px 20px;
	}
}