@charset "utf-8";


/*　全体　*/

body {
	color: #333;
	background:#FFFFFF;
	margin: 0px;
	padding: 0px;
	font: 15px/1.6 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	
	border-top: #285179 8px solid;
}

img {
	border: none;max-width:100%;margin:0 auto;
}

#header-inner{display:none;}

h1,h2,h3,h4{
	margin: 0px;
	padding: 0px;
}

p{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li{
	margin: 0px;
	padding: 0px;
}



form {
	margin: 0px;
	padding: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*　リンク　*/

a {
	color: #00F;
}
a:hover {
	color: #f28900;	
	text-decoration: none;
}

/*　包み　*/

#all {
	width: 980px;
	margin: 0px auto;
	
	background-color: #FFF;
	padding: 0px 30px;		/*上下　左右*/
	
}

/*　ヘッダー　*/

header {
	width: 100%;
	height: 130px;
	position: relative;
}

header h1 {
	font-weight: normal;
	color: #036;
	font-size: 16px;
	text-align: right;
	line-height: 18px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
}

header #title {
	position: absolute;
	left: 10px;
	top: 20px;
}

/*　検索フォームの設定　*/

header search {
	position: absolute;
	top: 68px;
	right: 20px;		
	font-size: 18px;
	text-align: center;
	font-style: normal;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #f28900;
	font-weight: bold;
}

/*　ナビゲーションバー　*/

nav#navi ul {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

nav#navi ul li {
	float: left;
	width: 196px;
}

nav#navi ul li a {
	height: 42px;
	padding-top: 8px;
	line-height: 1.4;
	text-decoration: none;
	display: block;
	margin: 0px 5px 20px 5px;	/*上、右、下、左*/
	font-size:16px;
	color: #036;
	letter-spacing: 0.1em;
	border: 1px solid #B8CFCF;
	border-radius: 5px;
	background-color: #FFF;
	background-image: url(../images/nav_b2.png), -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DFDFDF));
	background-image: url(../images/nav_b2.png), -webkit-linear-gradient(#FFF, #EBEBEB 49%, #DFDFDF 50%, #FFF 100%);
	background-image: url(../images/nav_b2.png), linear-gradient(#FFF, #EBEBEB 49%, #DFDFDF 50%, #FFF 100%);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	-webkit-box-shadow: 1px 2px 5px #B8CFCF, 0px 0px 1px #FFF inset;
	box-shadow: 1px 2px 5px  #B8CFCF, 0px 0px 1px #FFF inset;
}

nav#navi ul li a:hover,
nav#navi ul li#current a {
	border: 1px solid #9CB6BC;
	background-color: #285179;
	background-image: url(../images/nav_b1.png), -webkit-gradient(linear, left top, left bottom, from(#829FB0), to(#B9CCD5));
	background-image: url(../images/nav_b1.png), -webkit-linear-gradient(#829FB0, #B9CCD5 49%, #B9CCD5 50%, #829FB0 100%);
	background-image: url(../images/nav_b1.png), linear-gradient(#829FB0, #B9CCD5 49%, #B9CCD5 50%, #829FB0 100%);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FFF;
}


/*　ナビ項目下の小さい字　*/

nav#navi ul li a span {
	font-size: 9px;
	color: #366;
	display: block;
	font-weight: normal;
}
nav#navi ul li a:hover span,
nav#navi ul li#current a span {
	color: #FFF;
}

/*　大画像　*/

#pict {
	clear: left;
	width: 980px;
	height: 210px;
	position: relative;
	border-radius: 4px;
	-webkit-box-shadow: 1px 2px 7px #999999;	/*右 下 ぼかし幅 */
	box-shadow: 1px 2px 7px #999999;
	margin-bottom: 20px;
}
#pict img{
	vertical-align:middle;}

/*　メニューとコンテンツの包み　*/

#wrapper {
	clear: left;
	width: 100%;
}

/*　右コンテンツ　*/

#contents {
	float: right;
	width: 680px;
	padding-bottom: 30px;
	padding-left:20px;
	padding-right:20px;
}

#contents h2 {
	background-color: #FFF;
	background-image: url(../images/list_h2.png),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DFDFDF));
	background-image: url(../images/list_h2.png),-webkit-linear-gradient(#FFF, #FFF 49%, #EBEBEB 50%, #FFF 100%);
	background-image: url(../images/list_h2.png),linear-gradient(#FFF, #FFF 49%, #EBEBEB 50%, #FFF 100%);
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 2px 5px #829FB0;
	box-shadow: 1px 2px 5px #829FB0;
	font-size: 16px;
	color: #036;
	padding: 7px 15px;	/*　上下　左右　*/
	clear: both;
	border-bottom: 3px solid #829FB0;
	border-top: 1px solid #829FB0;
	border-right: 1px solid #829FB0;
	border-left: 1px solid #829FB0;
	text-indent:24px;margin-bottom:10px;
	border-radius:5px;	/*　左上　右上　右下　左下　*/
}

#contents #first h2{
	font-size:24px;border-radius:0;
	text-align:center;
	border-bottom: 3px solid #285179;
	border-top: none;
	border-right: none;
	border-left: none;
	background-color: #FFF;text-indent:0px;
	background-image:none;
	background-image:none;
	background-image:none;
	background-repeat: no-repeat;
	-webkit-box-shadow: none;	/*　右　下　ぼかし幅　*/
	box-shadow: none;	/*　右　下　ぼかし幅　*/
	margin-bottom:30px;
	
}

#contents h3 {
	background-color: #FFF;
	background-image: url(../images/list_h2.png),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EBF4E6));
	background-image: url(../images/list_h2.png),-webkit-linear-gradient(#FFF, #FFF 49%, #EBF4E6 50%, #FFF 100%);
	background-image: url(../images/list_h2.png),linear-gradient(#FFF, #FFF 49%, #EBF4E6 50%, #FFF 100%);
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 2px 5px #649595;
	box-shadow: 1px 2px 5px #649595;
	font-size: 16px;
	color: #036;
	padding: 7px 15px;	/*　上下　左右　*/
	clear: both;
	border-bottom: 3px solid #649595;
	border-top: 1px solid #649595;
	border-right: 1px solid #649595;
	border-left: 1px solid #649595;
	text-indent:24px;margin-bottom:10px;
	border-radius:5px;	/*　左上　右上　右下　左下　*/
}

#contents h4 {
	background-color: #FFF;
	background-image: url(../images/list3.png),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EBEBEB));
	background-image: url(../images/list3.png),-webkit-linear-gradient(#FFF, #FFF 49%, #EBEBEB 50%, #FFF 100%);
	background-image: url(../images/list3.png),linear-gradient(#FFF, #FFF 49%, #EBEBEB 50%, #FFF 100%);
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 2px 5px #9CB6BC;	/*　右　下　ぼかし幅　*/
	box-shadow: 1px 2px 5px #9CB6BC;
	font-size: 14px;
	color: #036;
	padding: 7px 15px;	/*　上下　左右　*/
	clear: both;
	border: 1px solid #9CB6BC;
	text-indent:24px;margin-bottom:10px;
}

#contents p {
	padding: 20px 15px 20px;	/*　上　左右　下　*/
	padding:4px;
	margin-bottom:10px;
}

#contents .kasen{
	border-bottom: solid 1px #CCCCCC;
}

/*　左サイドメニュー　*/

#menu {
	float: left;
	width: 230px;
	padding-bottom: 30px;
}

#menu h2 {
	font-size: 100%;
	padding: 5px 0px;	/*　上下　左右　*/
	border: 1px solid #829FB0;
	background-color: #036;
	background-image: url(../images/list_m.png), -webkit-gradient(linear, left top, left bottom, from(#647C95), to(#285179));
	background-image: url(../images/list_m.png),-webkit-linear-gradient(#647C95, #285179);
	background-image: url(../images/list_m.png),linear-gradient(#647C95, #285179);
	background-repeat: no-repeat;
	color: #FFF;
	border-radius: 6px 6px 0px 0px;	/*　左上　右上　右下　左下　*/
	text-indent:2.4em;
}

/*サイドメニュー　左*/

#menu ul.side_menu {
	border-top: 1px solid #829FB0;
	border-right: 1px solid #829FB0;
	border-left: 1px solid #829FB0;
	margin-bottom: 15px;
}


#menu ul.side_menu li a {
	border-bottom: 1px solid #829FB0;
	color: #036;
	padding-top:8px;
	padding-bottom:8px;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	transition: 0.5s;
	background-color: #FFF;
	background-image:  url(../images/),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EBEBEB));
	background-image:  url(../images/), -webkit-linear-gradient(#FFF,#F7F8F9 49%, #EBEBEB 50%, #FFF);
	background-image:  url(../images/), linear-gradient(#FFF,#F7F8F9 49%, #EBEBEB 50%, #FFF);
	background-repeat: no-repeat;
	-webkit-box-shadow: 0px 0px 1px #FFF inset;	/*　右　下　ぼかし幅　*/
	box-shadow: 0px 0px 0px 1px #FFF inset;
	font-size:16px;
	text-indent:10px;
}

#menu ul.side_menu li a:hover {
	background-image:  url(../images/), -webkit-gradient(linear, left top, left bottom, from(#649595), to(#426464));
	background-image:  url(../images/), -webkit-linear-gradient(#649595, #426464);
	background-image:  url(../images/), linear-gradient(#649595, #426464);
	background-color: #B8CFCF;
	color: #FFF;
}



/*　サイドメニューのフリーエリア　*/
#menu .free_sp {
	border: 1px solid #829FB0;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DFDFDF));
	background-image: -webkit-linear-gradient(#FFF, #DFDFDF);
	background-image: linear-gradient(#FFF, #DFDFDF);
	-webkit-box-shadow: 0px 0px 1px #DFDFDF inset;
	box-shadow: 0px 0px 0px 1px #FFF inset;
}

#menu .free_sp h2 {
	padding: 2px 0px;	/*　上下　左右　*/
	border-radius: 0px;
}

/*　新着情報　*/

#new{
	border:solid 1px #336699;
	background: #F3F8FA;
	margin-bottom:15px;
}


#new h2{
	background-color: #FFF;
	background-image: url(../images/list4.png),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFEFBF));
	background-image: url(../images/list4.png),-webkit-linear-gradient(#FFF, #FFEFBF 49%, #FFEFBF 50%, #FFF 100%);
	background-image: url(../images/list4.png),linear-gradient(#FFF, #FFEFBF 49%, #FFEFBF 50%, #FFF 100%);
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 2px 5px #FC6;	/*　右　下　ぼかし　*/
	box-shadow: 1px 2px 5px #FC6;
	font-size: 16px;
	color: #336;
	padding: 7px 15px;	/*　上下　左右　*/
	clear: both;
	border: 1px solid #336699;
	text-indent:24px;margin-bottom:10px;
	border-radius:0;
		border-top: none;
	border-right: none;
	border-left: none;
	}

#new h3{
	background-color: #FFF;
	background-image: url(../images/list_h2.png),-webkit-gradient( none);
	background-image: url(../images/list_h2.png),-webkit-linear-gradient( none);
	background-image: url(../images/list_h2.png),linear-gradient( none);
	background-repeat: no-repeat;
	-webkit-box-shadow: 0px 2px 5px #336699;	/*　右　下　ぼかし　*/
	box-shadow: 0px 2px 5px #336699;
	font-size: 16px;
	color: #336;
	padding: 7px 15px;	/*　上下　左右　*/
	clear: both;
	border: 1px solid #336699;
	text-indent:24px;margin-bottom:10px;
	border-radius:0;
	border-top: none;
	border-right: none;
	border-left: none;
}

#new .kasen{
	border-bottom: dotted 1px #336699;
}

#new p{
	padding-left:20px;}
	
/*　お知らせ　*/

#notice{
	background-color: #FFC;
	padding:10px;
	width:70%;
	margin:auto;
	}

/*　まとめ　*/

#matome{
	margin-bottom: 15px;
	background: #FFFFCC;
	border-bottom: #FFBE51 solid 1px;
	border-left:#FFBE51 solid 1px;
	border-right:#FFBE51 solid 1px;
	margin-bottom:24px;
}

#matome h2{
	background-color: #FFF;
	background-image: url(../images/list_h2.png),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFEFBF));
	background-image: url(../images/list_h2.png),-webkit-linear-gradient(#FFF, #FFEFBF 49%, #FFEFBF 50%, #FFF 100%);
	background-image: url(../images/list_h2.png),linear-gradient(#FFF, #FFEFBF 49%, #FFEFBF 50%, #FFF 100%);
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 2px 5px #FC6;	/*　右　下　ぼかし　*/
	box-shadow: 1px 2px 5px #FC6;
	font-size: 16px;
	color: #336;
	padding: 7px 15px;	/*　上下　左右　*/
	clear: both;
	border: 1px solid #336699;
	text-indent:24px;margin-bottom:10px;
	border-radius:0;
		border-top: none;
	border-right: none;
	border-left: none;
}

#matome h3{
	background-color: #FFF;
	background-image: url(../images/list_h2.png),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFEFBF));
	background-image: url(../images/list_h2.png),-webkit-linear-gradient(#FFF, #FFEFBF 49%, #FFEFBF 50%, #FFF 100%);
	background-image: url(../images/list_h2.png),linear-gradient(#FFF, #FFEFBF 49%, #FFEFBF 50%, #FFF 100%);
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 2px 5px #FC6;	/*　右　下　ぼかし　*/
	box-shadow: 1px 2px 5px #FC6;
	font-size: 16px;
	color: #336;
	padding: 7px 15px;	/*　上下　左右　*/
	clear: both;
	border: 1px solid #336699;
	text-indent:24px;margin-bottom:10px;
	border-radius:0;
		border-top: none;
	border-right: none;
	border-left: none;
}

#matome .kasen{
	border-bottom: dotted 1px #FF9900;
}

#matome p{
	padding-left:20px;}
	
/*　概要　*/

#gaiyo{
	border:solid 1px #336699;
	background: #F3F8FA;
	margin-bottom:15px;
}

#gaiyo h2{
	background-color: #FFF;
	background-image: url(../images/list_h2.png),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EBEBEB));
	background-image: url(../images/list_h2.png),-webkit-linear-gradient(#FFF, #FFF 49%, #EBEBEB 50%, #FFF 100%);
	background-image: url(../images/list_h2.png),linear-gradient(#FFF, #FFF 49%, #EBEBEB 50%, #FFF 100%);
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 2px 5px #9CB6BC;	/*　右　下　ぼかし　*/
	box-shadow: 1px 2px 5px #9CB6BC;
	font-size: 16px;
	color: #336;
	padding: 7px 15px;	/*　上下　左右　*/
	clear: both;
	border: 1px solid #9CB6BC;
	text-indent:24px;margin-bottom:10px;
	border-radius:0;
		border-top: none;
	border-right: none;
	border-left: none;
}

#gaiyo h3{
	background-color: #FFF;
	background-image: url(../images/list_h2.png),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EBEBEB));
	background-image: url(../images/list_h2.png),-webkit-linear-gradient(#FFF, #FFF 49%, #EBEBEB 50%, #FFF 100%);
	background-image: url(../images/list_h2.png),linear-gradient(#FFF, #FFF 49%, #EBEBEB 50%, #FFF 100%);
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 2px 5px #9CB6BC;	/*　右　下　ぼかし　*/
	box-shadow: 1px 2px 5px #9CB6BC;
	font-size: 16px;
	color: #336;
	padding: 7px 15px;	/*　上下　左右　*/
	clear: both;
	border: 1px solid #9CB6BC;
	text-indent:24px;margin-bottom:10px;
	border-radius:0;
		border-top: none;
	border-right: none;
	border-left: none;
}

#gaiyo .kasen{
	border-bottom: dotted 1px #336699;
}

#gaiyo p{
	padding-left:20px;}

/*　フッター　*/

footer {
	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #457078;
	border-top:solid 1px #9CB6BC;
}

footer a {
	text-decoration: none;
	color: #457078;
}

footer a:hover {
	color: #9CB6BC;
}

/*　テーブル　*/

.ta{
	border:solid 1px #669999;
}

.td01 {
	
	background-color: #D8E7ED;
	font-weight:bold;
	color:#309;
}


.bb{
	border-bottom:solid 1px #669999;
}

.bb2{
	border-bottom:solid 1px #669999;
	border-left:solid 1px #669999;
}

.bb3{
	border-left:solid 1px #669999;
}

.bgb{
	background-color: #E4EDE9;
	font-weight:bold;
}


.td1, .td1 td, .td1 th{
	border: 1px solid #FC6;
	line-height: 2;
}

.td1 td{
	padding: 10px;
}

.td1 th{
	width: 180px;
	padding: 10px;
	text-align: center;
	background-color: #FFBE26;
}

.td1 th.t_midashi{
	width: auto;
	text-align: left;
	color: #FFF;
	background-color: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FC6), to(#FFBE26));
	background-image: -webkit-linear-gradient(#FC6, #FFBE26);
	background-image: linear-gradient(#FC6, #FFBE26);
}

.td1 caption{
	padding: 10px;
	border-top: 1px solid #FC6;
	border-right: 1px solid #FC6;
	border-left: 1px solid #FC6;
	text-align: left;
	background-color: #FFBE26;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CEDDDD), to(#FFBE26));
	background-image: -webkit-linear-gradient(#CEDDDD, #FFBE26);
	background-image: linear-gradient(#CEDDDD, #FFBE26);
	font-weight: bold;
}

/*　フォームのsubmitボタン　*/

input[type="submit"],
input[type="button"] {
	width: 80px;
	padding: 5px;
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;
	background-color: #669999;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#829FB0), to(#4F6C8A));
	background-image: -webkit-linear-gradient(#829FB0, #4F6C8A);
	background-image: linear-gradient(#829FB0, #4F6C8A);
	-webkit-box-shadow: 1px 2px 7px #829FB0;	/*　右　下　ぼかし　*/
	box-shadow: 1px 2px 7px #829FB0;
	color: #FFF;
	font-size: 16px;
	letter-spacing: 0.1em;
	text-align:center;
}

input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: #FFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4F6C8A), to(#285179));
	background-image: -webkit-linear-gradient(#4F6C8A, #285179);
	background-image: linear-gradient(#4F6C8A, #285179);
}




/*　ページトップ　*/

#pg_top {
	clear: both;
}
#pg_top a {
	color: #FFF;
	font-size: 14px;
	background-color: #426464;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#649595), to(#426464));
	background-image: -webkit-linear-gradient(#649595, #426464);
	background-image: linear-gradient(#649595, #426464);
	text-decoration: none;	
	margin-bottom:20px;
	text-align: center;
	width: 12em;
	display: block;
	float: right;
	letter-spacing: 0.1em;
	border-radius: 30px;
}

#pg_top a:hover {
	background-color: #FF9900;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#B8CFCF), to(#426464));
	background-image: -webkit-linear-gradient(#B8CFCF, #426464);
	background-image: linear-gradient(#B8CFCF, #426464);
	color: #FFF;
}

/*マージン*/

.mg10{
	margin-bottom:10px;
}

.mg20{
	margin-bottom:20px;
}

.mg30{
	margin-bottom:30px;
}

/*テキストの文字色*/
.red{
	color: #F33;
	}

.red2{
	color:#FF0000;
}

.blue{
	color: #333399;
	}
	
.blue2{
	color: #00C;
	}
	
.green{
	color: #339900;
	}

.green2{
	color:#426464;
}

/*　テキストの大きさ・太さ調整　*/	
.b{
	font-weight:bold;}

.fs24{
	font-size:24px;
}

.fs20{
	font-size:20px;
}

.fs16{
	font-size:16px;
}

.fs12{
	font-size:12px;}

.torikeshi{
	text-decoration:line-through;
}

.center{
	text-align:center;
}

.komidashi{
	border-bottom:solid 1px #426464;	
	text-indent:1em;
	padding:4px 0;
}

.comment{
	background-color: #FFC;
	text-indent:1em;
}

.daimoku{
	color:#003;
	font-size:24px;
	font-weight:bold;
	border-bottom:solid 1px #669999;
	background-color: #FFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CEDDDD));
	background-image: -webkit-linear-gradient(#FFF, #CEDDDD);
	background-image: linear-gradient(#FFF, #CEDDDD);
}
	
/*　画像の回り込み　*/

.f_right{
	float: right;			
	margin-left:1em;background-color:#FFFFFF;
	padding:10px;
}

.f_left{
	float: left;	
	padding: 10px;
	background-color:#FFFFFF;
	margin-right:4px;
}

.floatclear
      {
         clear: both;
		 margin-bottom:10px;
      }

	  
/*　サイトマップ　*/

sitemap .midashi{
	background-color: #FFF;
	background-image: url(../images/list_m2.png),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DFDFDF));
	background-image: url(../images/list_m2.png),-webkit-linear-gradient(#FFF, #EBEBEB 49%, #DFDFDF 50%, #FFF 100%);
	background-image: url(../images/list_m2.png),linear-gradient(#FFF, #EBEBEB 49%, #DFDFDF 50%, #FFF 100%);
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 2px 5px #DFDFDF;
	box-shadow: 1px 2px 5px #DFDFDF;
	font-size: 15px;
	color: #036;
	font-weight:bold;
	padding: 4px 15px;	/*上下　左右　*/
	clear: both;
	border: 1px solid #B3BFCA;
	text-indent:2em;margin-bottom:10px;border-radius:4px;	/*　左上　右上　右下　左下　*/
}
	

sitemap ul a {
	color: #630;	
	text-decoration: none;
	border-bottom: 1px solid #829FB0;	
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-indent:1.5em;	
}

sitemap li a {
	color: #336;
	font-size:16px;	
	text-decoration: none;
	border-bottom: 1px dotted #426464;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background:  url(../images/menu_bg2.png) no-repeat;

}

sitemap ul a:hover {
	background:  url(../images/menu_bg2.png) no-repeat;
	color: #03F;
}
	

.s_left{
	float:left;
	width:49%;
}

.s_right{
	float:right;
	width:49%;
}

.s_clear{
	clear:both;
}

.s_mg{
	margin-bottom:20px;
}

.menseki{
	font-size:12px;
}

/*　上目次　*/

#daimoku{
	border:solid 1px #336699;
	background: #FFC;
	padding:5px;
	width:80%;
	margin:auto;
	margin-bottom:10px;
}

#daimoku ul li{
	line-height:200%;
}

#daimoku h3{
	background-color: #FFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EBEBEB));
	background-image: -webkit-linear-gradient(#FFF, #FFF 49%, #EBEBEB 50%, #FFF 100%);
	background-image: linear-gradient(#FFF, #FFF 49%, #EBEBEB 50%, #FFF 100%);
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 2px 5px #9CB6BC;	/*　右　下　ぼかし　*/
	box-shadow: 1px 2px 5px #9CB6BC;
	font-size: 16px;
	color: #336;
	padding: 7px 15px;	/*　上下　左右　*/
	clear: both;
	border: 1px solid #9CB6BC;
	text-indent:24px;margin-bottom:10px;
	border-radius:0;
	border-top: none;
	border-right: none;
	border-left: none;
}

.image {
	position: absolute;
	width: 100%;
	opacity: 0;
	animation: change-img-anim 30s infinite;
}

.image:nth-of-type(1) {
	animation-delay: 0s;
}
.image:nth-of-type(2) {
	animation-delay: 10s;
}
.image:nth-of-type(3) {
	animation-delay: 20s;
}

@keyframes change-img-anim {
	0%{ opacity: 0;}
	30%{ opacity: 1;}
	36%{ opacity: 1;}
	45%{ opacity: 0;}
	100%{ opacity: 0;}
}


.header {
    height: fit-content;
    background-color: rgba(255, 255, 255, 1);
    width: 100%;height:120px;
    z-index: 1000;
}

.header-inner {
    padding: 0 5%;
}


#header-inner a {
    text-decoration: none;
}

#header-inner li {
    list-style: none;
}

#header-inner ul {
    margin: 0;
    padding: 0;
}

/* ---------------------------------------------- */
/* ハンバーガーメニュー */
/* ------------------------- */
#header-hamburger {
    /* 見た目のCSS */
    background: #285179;
    cursor: pointer;
    width: 50px;
    aspect-ratio: 1/1;
    margin-left: auto;
    /* ボタンがハンバーガーウィンドウの下に隠れないようにする指定 */
    position: relative;
    z-index: 10;
}

/* ----------------- */
/* 三本線 */
/* ----------------- */
#header-hamburger span {
    /* 見た目のCSS */
    display: inline-block;
    background: #fff;
    width: 50%;
    height: 2px;
    /* バーガー線の太さ */
    /*アニメーションの設定*/
    transition: all .4s;
    position: absolute;
    left: 50%;
    /* バーガー線の位置 */
    transform: translateX(-50%);
}

/* １本目 */
#header-hamburger span:nth-of-type(1) {
    top: 30%;
}

/* ２本目 */
#header-hamburger span:nth-of-type(2) {
    top: 50%;
}

/* ３本目 */
#header-hamburger span:nth-of-type(3) {
    top: 70%;
}

/* ------------------ */
/* ×印 */
/* ------------------ */
/*activeクラスが付与されると線が回転して×になる*/
#header-hamburger.active span:nth-of-type(1) {
    top: 50%;
    left: 25%;
    transform: rotate(-45deg);
    width: 50%;
}

#header-hamburger.active span:nth-of-type(2) {
    opacity: 0;
}

#header-hamburger.active span:nth-of-type(3) {
    top: 50%;
    left: 25%;
    transform: rotate(45deg);
    width: 50%;
}

/* ----------------------------------------------- */
/* メニューウィンドウ */
/* -------------------------- */
#hamburger-window {
    transition: 0.3s;
    text-align: center;
    /* 初期状態は非表示 */
    visibility: hidden;
    position: fixed;
    top: 50px;
    right: -100vw;
    z-index: 1;
    /* 画面いっぱいに表示されるサイズに設定 */
    width: 100%;
    height: calc(100vh - 50px);
    /* 画面からはみ出したらスクロール可能にする */
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/*スクロールバー非表示（Chrome・Safari）*/
.content::-webkit-scrollbar{
    display:none;
}

#hamburger-window.open {
    visibility: visible;
    right: 0;
}

.hamburger-window__link {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.hamburger-window__link:first-child .acordion-btn {
    border-top: 1px solid #ccc;
}


/* ----------------------------------
アコーディオン部分
--------------------- */
.acordion-menu-wrapper {
    background-color: #fff
}    

.acordion-btn {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-left: 5%;
}    

.acordion-btn:hover {
    background-color: #ccc;
}

.acordion-btn::after {
    /* fontawesomeアイコンを表示 */
    content: '\2b';
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    position: absolute;
    right: 5%;
    width: 10px;
    aspect-ratio: 1/1;
    color: #333;
}    

.acordion-btn.is-open::after {
    /* fontawesomeアイコンを表示 */
    content: '\f068';
}

.hamburger-window__title {
    color: #333;
}    

.acordion>.acordion__item {
    position: relative;
    text-align: left;
    width: 100%;
    background-color: #dfdfdf;
    /* 閉じている状態 */
    border-top: 0 #ccc solid;
    line-height: 0;
    /* 閉じるアニメーション */
    transition:
        border-top .1s ease-out,
}

.acordion.is-open>.acordion__item {
    background-color: #dfdfdf;
    /* 開いている状態 */
    border-top: 1px #ccc solid;
    /* 開くアニメーション */
    transition:
        border-top .1s ease-out,
}

.acordion.is-open>.acordion__item:first-child {
    border-top: none;
}

.acordion.is-open>.acordion__item::after {
    /* fontawesomeアイコンを表示 */
    content: '\f054';
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10%;
    width: 10px;
    aspect-ratio: 1/1;
    color: #333;
}

.acordion>.acordion__item>.acordion__link {
    color: #333;
    display: block;
    padding-left: 7%;
    /* 閉じている状態 */
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    /* 閉じるアニメーション */
    transition:
        padding-top .3s ease-out,
        padding-bottom .3s ease-out,
        line-height .3s ease-out,
        opacity .1s linear,
        visibility .1s linear;
}

.acordion.is-open>.acordion__item>.acordion__link {
    display: block;
    padding-left: 7%;
    /* 開いている状態 */
    padding-top: 23px;
    padding-bottom: 23px;
    line-height: 1.5;
    opacity: 1;
    visibility: visible;
    /* 開くアニメーション */
    transition:
        padding-top .3s ease-out,
        padding-bottom .3s ease-out,
        line-height .3s ease-out,
        opacity .1s linear,
        visibility .1s linear;
}
@media screen and (min-width:801px) {

	
}