@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html{
	height:100%;
}
body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:300;
	height:100%;
}
#c1 {
	position: absolute;
	top: 0;
/*	position: fixed;*/
}


#body0   { 
	position:relative; 
	top:0; left:0; /*background: #bed5e8;*/
}

span.bold_white{
	font-weight:bold;
	color:#fff;
}

p.pagetop{
	text-align: right;
}

.main {
	clear: both;
	height:220px;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}

.main_title{
	float: left;
	width: 200px;
	clear: both;

}

.main_toiawase{
	float: right;
	width: 300px;
}

.back_menu{
	background-color: rgba(180, 9, 38,1.0);
	width: 200px;
	height: 1500px;
	position: absolute;
/*	position: relative;*/
	/*position: fixed;*/
bottom:0;
left:-200px;
z-index: 0;
}

.over_menu{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

.menu-box{
	max-width: 960px;
	margin: 0 auto;
	padding: 0px 0;
	float: center;
}

.head-menu{/*メニュー全体の幅*/
	width: 100%;
	max-width: 200px;
	height: 470px;
	margin: 0 auto;
	text-align: center;
	margin-right: auto;
	position: relative;
	background-color: rgba(180, 9, 38,0.5);
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */ 
	float:left;
z-index: 3;
}

.posit-bottom{
	position: absolute;
	width: 200px;
/*bottom:0;*/

}

.head-menu ul input {
  display: none; /* ラジオボタンは隠す */
}
.menu1 ul,
.menu2 ul {
  max-height: 0; 
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  /* 初期は非表示 */
}
/* ラジオボタンが checked のときにのみ展開 */
.head-menu ul input:checked + .Smenu {
  max-height: 800px;
  transition: max-height 0.2s ease-in;
}

.head-menu li{
	/*display: inline-block;*/
	letter-spacing: normal; /* 文字間を通常に戻す */
	width:100%;/*メニューの横幅*/
	line-height: 45px;/*メニュー高さ*/
	color: #fff;
}

.head-menu li a{
	display: block;
	padding: 0px 10px 0px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	color: #b40926;/*#fcfaf5;*/
}

.head-menu li a:hover{/*ヘッドメニューマウスオーバー*/
/*	background: #b40926;/*#B3DB7D;*/
	color:#fff;/*#327f24;*/
	background-color: rgba(180, 9, 38,0.7);
}


.Lmenu li {
	vertical-align: top;
	list-style:none;
}
.Lmenu input {
	display: none;
}
.Lmenu label {
	cursor: pointer;
	padding: 10px;/*大メニューテキスト周り*/
}
.Lmenu label:hover {
	background: #627d4d;
}


.Mmenu label {
	display: block;
	border-bottom: 3px solid #b40926;
	color:#fff;
	font-size:14pt;
	cursor: pointer;
	background-color: rgba(180, 9, 38,0.5);
	padding: 10px;/*大メニューテキスト周り*/
}
.Mmenu label:hover {
	/*background: #1D6CAB;*/
	color:#fcfaf5;
	font-size:14pt;
	border-bottom: 3px solid #fff;
	background-color: rgba(180, 9, 38,0.1);
}

.Mmenu2 label {
	display: block;
	border-bottom: 3px solid #ffb975;
	font-weight:bold;
	color:#fff;
	font-size:14pt;
	cursor: pointer;
	padding: 10px;/*大メニューテキスト周り*/
	background-color: rgba(255, 143, 34,1.0);
}
.Mmenu2 label:hover {
	background: #FF8F22;
	color:#fcfaf5;
	font-size:14pt;
	border-bottom: 3px solid #fff;
	background-color: rgba(255, 143, 34,0.5);
}

.Mmenu3 p,.Mmenu3 p a {
	display: block;
	border-bottom: 3px solid #b40926;
	color:#fff;
	font-size:14pt;
	cursor: pointer;
	background-color: rgba(180, 9, 38,1.0);
	padding:0px;/*大メニューテキスト周り*/
	text-align: center;
	
}
.Mmenu3 p:hover {
	background: #1D6CAB;
	color:#fcfaf5;
	font-size:14pt;
	border-bottom: 3px solid #fff;
	background-color: rgba(180, 9, 38,0.5);
}

.Lmenu .Smenu {
	max-height: 0;
	transition: max-height 0.2s ease-out;
	overflow: hidden;
	/*background: #212222;*/
	background-color: rgba(255,255,255,1.0);
	color:#803b32;
}
.Lmenu input:checked + .Smenu {
	max-height: 600px;/*展開時の仮想距離*/
	transition: max-height 0.2s ease-in;
}

.Smenu {
	width:100%;/*プルダウンメニューの横幅*/
	font-size:11pt;

}
.Smenu li {
	width:100%;
}
.Smenu li a{;
	text-align: left;
}
/*プルダウンメニュー左右ズレ*/
#ac1 {
	position:relative;
	left:0px;
}
#ac2 {
	position:relative;
	left:0px;
}
#ac3 {
	position:relative;
	left:0px;
}
#ac4 {
	position:relative;
	left:0px;
}
#ac5 {
	position:relative;
	left:0px;
}




#news{
	/*width: 100%;*/
	max-width:760px;
	/*height: 400px;*/
	margin-left:200px;
/*	margin-left: auto;*/
	text-align: left;
	font-size:11pt;
	float: center;
	background-color: rgba(255,255,255,0.5);

}


.topic{
	padding-top:10px;
	/*padding-bottom:10px;*/
/*	clear: left;*/
		/*background-color: rgba(255,255,255,0.8);*/
}

/*トピック枠*/
.topic_back{

	padding:10px;
	margin:10px;
/*	margin-bottom:10px;*/
/*	clear: left;*/
background:rgba(193, 124, 103,1.0);
}


/*トピック*/

dl{
	/*background: #fff;*/
	background-color: rgba(255,255,255,1.0);

	line-height : 1;
	padding-top : 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	overflow : auto;
	/*height: 300px;*/
}

dt{
	font-family : "Arial";
	float : left;
	clear : both;
	width : 10em;
	padding-top : 17px;
	padding-bottom : 3px;
}

dd{ 
	margin-left : 7em;
	padding-top : 17px;
 	padding-bottom : 3px;
	padding-left : 1em;
	border-bottom:1px dashed #edb918;
}



#menu{
	width: 300px;
	/* max-width: 600px;*/
	/*margin-right: -300px;*/
	margin: 0 auto;
	text-align: center;
	float: right;
	margin-right: auto;
}
#menu li{
	display: block;
	float: left;
	width: 300px;
	line-height: 38px;
	margin: 0;
	padding: 0; 
}
#menu li a{
	display: block;
	padding: 0px 0 0px;
	color: #000;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
}


#bot_menu li{/* トピック下メニュー */
	padding-left:10px;
	display: inline-block;

}

#bot_menu li a:link { color: #000; }
#bot_menu li a:visited { color: #000; }
#bot_menu li a:hover { color: #3A181E; }




#color_1{
	background: #fff;
}
#color_2{
	background: #fff;
}
#color_3{
	background: #fff;
}
#color_4{
	background: #fff;
}

#menu li a:hover{
	background: #09f;
}


.sitemap li a:link { color: #fff; }
.sitemap li a:visited { color: #fff; }
.sitemap li a:hover { color: #3A181E; }


.sitemap_0{

width:960px;
position:relative;
left: -200px;
}
.sitemap{
/*	clear: both;*/
/*height: 200px;*/
width:100%;
max-width:  960px;
	background:  #999;
	text-decoration: none;
	text-align: center;
	padding:10px;
	margin-right: auto;
	margin-left: auto;
	font-size:10pt;
/*float:left;*/


    content: "";
    display: table;
	background-color: rgba(180, 9, 38,1.0);


	position:relative;
z-index: 1;
}
.sitemap ul{
/*float: left;*/
	display: inline-block;
	/*width:120px;/*メニューの横幅*/
	vertical-align: top;
	text-align: left;
	list-style:none;
	margin: 0 0 0 1em;
	padding: 0;
    clear: both;
}

.bot{
	clear: both;
	width: 100%;
	max-width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(180, 9, 38,1.0);
	font-size:9pt;
	color: #fff;
}
.bot li{
	display: inline-block;
	text-align: center;
	margin: 10px;
	padding: 0px; 
}

.mainimg{
	width: 100%;
	max-width: 100%;/*960px;*/;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/*background: #181a13;*/
background-color: rgba(0,0,0,0.2);
}
.mainimg canvas{
	width: 100%;
	max-width: 100%;/*960px;*/;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#banner{
	width:100%;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-right: auto;
	color:#fff;
}

#banner li{
	display: inline-block;
	margin: 10px;
	padding:0 40px;
	/* box-shadow */


background:rgba(255, 255, 255,0);
}




.mobiimg{
	display: none;
}

/*768以下の時*/
@media only screen and (max-width: 768px) {

.deskimg{
	display: none;
}
.mobiimg{
	display: inline;
}

.back_menu{
	display: none;
}

#c1{
	display: none;
}

.main{
	background: #fff;
}

.over_menu{
	width: 100%;
	max-width: 100%;
overflow: hidden;
}

.head-menu{/*メニュー全体の幅*/
	width: 100%;
	max-width: 100%;
height: auto;
	background-color: rgba(180, 9, 38,1.0);
}
#menu-top{
	width: 100%;
	max-width: 100%;
}


.posit-bottom{
	position: static;
	width: 100%;

}


#player{
	display: none;
}

.Mmenu3{
	display: none;
}

.news_banner{
	width:100%;
	margin-right: auto;
	margin-left: auto;
	float: center;

	position: static;
top:0;
}

#news{
	width:100%;
	/* max-width: 600px;*/
	margin-right: auto;
	margin-left: auto;
}

#menu{
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#menu li{
	width: 100%;
	display: block;
	line-height: 50px;
}

#color_1{
	background: #fff;
}
#color_2{
	background: #fff;
}
#color_3{
	background: #fff;
}
#color_4{
	background: #fff;
}

.head-menu li{
	width: 100%;
	display: block;
	line-height: 50px;
}
.Lmenu label {
	padding: 0px;/*大メニューテキスト周り*/
}
/*プルダウンメニュー左右ズレ*/
#ac1 {
	position:relative;
	left: 0px;
}
#ac2 {
	position:relative;
	left: 0px;
}
#ac3 {
	position:relative;
	left: 0px;
}
#ac4 {
	position:relative;
	left: 0px;
}
#ac5 {
	position:relative;
	left: 0px;
}
.Smenu {
	width:100%;/*プルダウンメニューの横幅*/
}
.Smenu li{
width:100%;
}

.Smenu li a{;
	text-align: center;
}
.sitemap{
	display: none;
}

.main_toiawase{
	display: none;
}



}


/*480以下の時*/
@media only screen and (max-width: 480px) {

.main{
	background: #fff;
}

.news_banner{
	width:100%;
	margin-right: auto;
	margin-left: auto;
	float: center;
}

#news{
	width:100%;
	/* max-width: 600px;*/
	margin-right: auto;
	margin-left: auto;
}

#menu{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#menu li{
	width: 100%;
	display: block;
	line-height: 50px;
}


}