/* ★基本色★　黄色#EBB305   青#3399CC　　薄青#99CCCC */


@charset "utf-8";

#hdleft {
background:transparent url(/images/top_left_2a.gif) no-repeat scroll left top;
border:0 solid blue;
float:left;
text-align:left;

}
#chapter_h {
	position: relative;
	height: 30px;
	width: 180px;
	background:url(../image/chapter_h1.png) no-repeat bottom;
	padding-top: 4px;
	padding-left:8px;
	margin-left: 5px;
	color: #0099ff;
	font-size: 90%;
	font-weight: bold;

}
#chapter_1h {
	position: relative;
	height: 30px;
	width: 180px;
	background:url(../image/chapter_h1.png) no-repeat bottom;
	padding-top: 4px;
	padding-left:8px;
	
	color: #0099ff;
	font-size: 90%;
	font-weight: bold;

}


#hanrei1{
	position: relative;

}
#hanrei2{
	position: relative;

}
#h1data{
	position: relative;
	height: 80px;
	width: 180px;
	background:url(../image/chapter_2.png) repeat-y top;
	margin-top: -2px;
	padding-top: 0px;
	padding-left:8px;
	
	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}

#h1color{
display:none;
	position: relative;
	height: 170px;
	width: 180px;
	background:url(../image/chapter_2.png) repeat-y top;
	margin-top: -2px;
	padding-top: 0px;
	padding-left:8px;
	
	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}

#h1youto{
display:none;
	position: relative;
	height: 170px;
	width: 180px;
	background:url(../image/chapter_2.png) repeat-y top;
	margin-top: -2px;
	padding-top: 0px;
	padding-left:8px;
	
	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}


#hdata{
	position: relative;
	height: 80px;
	width: 180px;
	background:url(../image/chapter_2.png) repeat-y top;
	margin-top: -2px;
	padding-top: 0px;
	padding-left:8px;
	margin-left: 5px;
	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}

#hcolor{
display:none;
	position: relative;
	height: 80px;
	width: 180px;
	background:url(../image/chapter_2.png) repeat-y top;
	margin-top: -2px;
	padding-top: 0px;
	padding-left:8px;
	margin-left: 5px;
	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}

#hyouto{
display:none;
	position: relative;
	height: 230px;
	width: 180px;
	background:url(../image/chapter_2.png) repeat-y top;
	margin-top: -2px;
	padding-top: 0px;
	padding-left:8px;
	margin-left: 5px;
	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}


/*　■■基本枠組み　全体■?■　位置指定　高さ　幅　背景色　余白　文字位置-　*/
/*　ページ　---------------------------------------------------------------　*/
html {
	height:100%;
}
#dbmapdata{
margin-left:-5px;
font-size:80%;
margin-top:50px;
width:185px;
}
#dbmap{
font-size:80%;
}

#common-header{
	padding:5px;
border-style:double;
border-width: 3px;
border-color: #ff0000;

margin:5px;
/*	background-image:url(../image/top_left_2a.png);
	background-repeat: repeat-y;*/
font-family:'ＭＳ ゴシック';
}
#common-header a{
font-family:'ＭＳ ゴシック';
font-size:26px;
color:#000000;
	text-decoration:none;
text-shadow: black 2px 3px 4px, 5px 6px;
margin-left:10px;
}

#naganobanner{
	position: relative;
	margin: 10px;
 text-decoration: none;

}

#naganobanner img{
border-style:none;
}

#rosen{


}

#googlemapimage{
	z-4:100;
	position:absolute;
	top: 10px;
width:180px;
height:45px;
	right: 0px;

	background-image:url(../image/googlemap.PNG);
	background-repeat: no-repeat;
}


#copyR{
	text-align: center; 
	font-size:12px;
font-family:'ＭＳ Ｐゴシック';
}
.inquiry {
z-index:100;
	text-align:center;
	background-color:#ffffff;
	padding:5px 5px;
	margin: 5px 204px 0px 205px;
	border: 1px solid #0992d4;
	font-size:10px;

border-bottom: 4px solid #0992d4;

}
.inquiry_p1 {
height:10px;
	font-size: 13px;
	border-bottom-style:dashed;
	border-bottom-width: 1px;
	border-bottom-color: #0992d4;
	color: #0992d4;
	margin: 0px; padding:0px;
}
.inquiry_p2 {	line-height:1.5;text-align:center; margin: 5px 0px 0px; padding: 0px;}



/*　ボディ　---------------------------------------------------------------　*/
body {
	height:100%;

	margin: 0;
	padding: 0;
}



/*　全体構造　-------------------------------------------------------------　*/
#wrapper{
	position:absolute;
top:0px;
	min-height: 65%;
	_height: 65%;
	width: 100%;
}



/*　■■基本枠組ヘッダー■?■　位置指定　高さ　幅　背景色　余白　文字位置-　*/
/*　ヘッダ　---------------------------------------------------------------　*/
#header {
	
	position: relative;


}






/*　■■基本枠組メニュー■?■　位置指定　高さ　幅　背景色　余白　文字位置-　*/
/*　メニュー　-------------------------------------------------------------　*/
#top{
	position: relative;
	height: 70px;
	width: 100%;

	margin: 0px;
}



/*　メニュー（上）---------------------------------------------------------　*/
#top_menu{
	position: relative;
	height: 70px;




	font-size: 85%;
}



/*　メニュー（左上）-------------------------------------------------------　*/
#top_left{
	position: absolute;
	height: 40px;
	width: 205px;

	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}



/*　メニュー（右上）-------------------------------------------------------　*/
#top_link{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 40px;
	width: 205px;
	background-image:url(../image/toplink.png);
	background-repeat: no-repeat;
}

#jiten{
 position:relative;
 margin-top:6px;
}


#menu_container {
 position:relative;
 
 font-size: 90%;
 margin: 0 auto;
}




/*　■■基本枠組　メイン■?■　位置指定　高さ　幅　背景色　余白　文字位置-　*/
/*　内容囲み　-------------------------------------------------------------　*/
#container {
z-index:0;
	position: relative;


	_height:100%;
	width: 100%;
	background: #FFFFFF;
	margin: 0px;
}



/*　本文　-----------------------------------------------------------------　*/
#main{
	position: relative;
border: 1px solid #aaaaaa;
	height:100%;
	
margin-left:0px;
	margin-right:0px;
	
}



/*　地図　-----------------------------------------------------------------　*/
#map{
	clear: both;
	position: relative;

	height:100%;
	width: 100%;
	margin-top: 0px;
	margin-right:0px;
}



/*　メニュー（左）---------------------------------------------------------　*/
#left{

	position: absolute;


	height:50px;
	width: 205px;

	background-repeat: repeat-y;

	top: 0px;
	left: 0px;
}



/*　メニュー（右）---------------------------------------------------------　*/
#link{

	position: absolute;

	min-height:100%;
	height:50px;
	width: 205px;
height:100%;
	background-repeat: repeat-y;

	top: 0px;
	right: -1px;
}



/*　■■基本枠組フッター■?■　位置指定　高さ　幅　背景色　余白　文字位置-　*/
/*　現在位置　-------------------------------------------------------------　*/
#position {
	clear: both;
	position: relative;
	height: 5px;
	width: 100%;
	background: #ffffff;
	margin: 0px;

}


/*　左下タイトル画像　-----------------------------------------------------　*/
#position_left{

	position: absolute;
	height: 5px;
	width: 205px;

	background-repeat: no-repeat;
	padding-top: 9px;
	top: 0px;
	left: 0px;
	color: #99ffcc;
}


/*　右下タイトル画像　-----------------------------------------------------　*/
#position_link{

	position: absolute;
	height: 5px;
	width: 205px;

	background-repeat: no-repeat;
	padding-top: 9px;
	top: 0px;
	right: -1px;
	color: #99ffcc;
}



/*　■■基本枠組フッター■?■　位置指定　高さ　幅　背景色　余白　文字位置-　*/
/*　フッター　-------------------------------------------------------------　*/
#footter {



//	clear: both;

	position: absolute;
bottom:0px;
	height: 60px;
	width: 100%;
//	background: #ffffff;
	margin: 0px;
}


#footer a:link {

	text-decoration:none;
}



/*　フッター（中）---------------------------------------------------------　*/
#copy {

	position: relative;
	bottom:0px;
	background-color: #99ffcc;
	padding: 5px 3px 2px 3px;
	line-height:1.2em;
//	white-space: nowrap;
	font-size: 85%;
	text-align: center;
}



/*　■■共通枠組　　　　■11■　位置指定　高さ　幅　背景色　余白　文字位置-　*/
/*　左見出枠　-------------------------------------------------------------　*/
.left_frame {

	position: relative;
	height: 130px;
	width: 180px;

	padding-left: 4px;
	font-size: 98%;
}


/*　右見出枠　-------------------------------------------------------------　*/
.link_frame {
	position: relative;
	height: 120px;
	width: 180px;
	margin-top: 5px;
	left: 15px;
	font-size: 98%;
}
.square_btn {
float:right;
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid #999; /* 枠の調整 */
background-color: rgba(240, 240, 240, 0.7);
}
 
.square_btn::before, .square_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px; /* 棒の幅（太さ） */
  height: 27px; /* 棒の高さ */
  background: #999; /* バツ印の色 */
}
 
.square_btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.square_btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}


/*　インデックスＡ　上段高さ30　タブ　中段高さ80　下段高さ20　コメント可---　*/
.chapter_1 {
	position: relative;
	height: 30px;
	width: 180px;
	background:url(../image/chapter_1.png) no-repeat bottom;
	padding-top: 6px;
	padding-left: 12px;
	color: #0099ff;
	font-size: 95%;
	font-weight: bold
}
/*　インデックスＡ　上段高さ30　タブ　中段高さ80　下段高さ20　コメント可---　*/
.chapter_11 {
	position: relative;
	height: 30px;
	width: 180px;
	background:url(../image/chapter_11.png) no-repeat bottom;
	padding-top: 4px;
	padding-left: 8px;
	color: #0099ff;
	font-size: 90%;
	font-weight: bold
}


.chapter_H {
border: 1px solid #aaaaaa;
	position: relative;
	height: 100%;
	width: 180px;
	margin-top: -1px;
	padding-top: 0px;
	padding-left: 10px;
	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}




.chapter_2 {

	position: relative;
	height: 80px;
	width: 180px;
	background:url(../image/chapter_2.png) repeat-y top;
	margin-top: -2px;
	padding-top: 0px;
	padding-left: 8px;
	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}
.chapter_22 {
	position: relative;
	height: 200px;
	width: 180px;

	margin-left: 3px;
	padding-top: 0px;
	padding-left: 0px;
	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}
.usuwaku{
left:12px;
	border: 1px solid #cccccc;
background-color: rgba(240, 240, 240, 0.7);
padding:10px;
width:180px;

}
.usuwaku2{
border: 1px solid #cccccc;
padding: 5px;

margin-top:0px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
width:180px;
font-size:80%;

}


.usuwakutop{
	border: 1px solid #cccccc;
margin-top:0px;
margin-left:5px;
margin-right:10px;
margin-bottom:10px;
padding:5px;
width:180px;

}

.chapter_3 {
	position: relative;
	height: 20px;
	width: 180px;
	background:url(../image/chapter_3.png) no-repeat bottom;
	margin-top: -13px;
	padding-left:8px;
	color: #0066ff;
	margin-left: 5px;
	font-size: 70%;
}

.chapter_33 {
	position: relative;
	height: 20px;
	width: 180px;
	background:url(../image/chapter_3.png) no-repeat bottom;
	margin-top: -13px;
	color: #0066ff;
	padding-left:8px;
	padding-left: 8px;
	font-size: 70%;
}



/*　インデックスＣ　-------------------------------------------------------　*/
.index_1 {
	position: relative;
	height: 30px;
	width: 180px;
	background-color: #3399CC;
	padding-top: 5px;
	margin-top:10px;
	margin-left: 3px;
	padding-left: 0px;
	text-align: center;
	color: #ffffff;
	font-size: 90%;
	font-weight: bold
}



/*　キャラ表示左上　-------------------------------------------------------　*/
#screen {
	position: relative;
	height: 170px;
	width: 180px;
	margin: 0px 0px 5px 0px;
	padding: 0px; 
	border: solid 1px blue;
	text-align: center;
	color: black;
	font-size: 85%;
	left: 10px;
}


#character {
	position: relative;
	height: 120px;
	width: 120px;
	margin-left: auto;    /* 左側マージンを自動的に空ける */
	margin-right: auto;   /* 右側マージンを自動的に空ける */
}



/*　バナー広告右上　-------------------------------------------------------　*/
#banner {
	position: relative;
	height: 170px;
	width: 180px;
	background-color: #ccff99;
	margin: 0px 0px 5px 0px;
	padding: 0px; 
	left: 15px;
	text-align: center;
	color: black;
	font-size: 90%;
}


#banner1 {
	position: relative;
	height: 60px;
	width: 120px;
	margin-left: auto;    /* 左側マージンを自動的に空ける */
	margin-right: auto;   /* 右側マージンを自動的に空ける */
	margin-top: 10px;
}


#banner2 {
	position: relative;
	height: 60px;
	width: 120px;
	margin-left: auto;    /* 左側マージンを自動的に空ける */
	margin-right :auto;   /* 右側マージンを自動的に空ける */
	margin-top: 10px;
	margin-bottom:10px;
}










#hanrei{
	position: absolute;
	height: 210px;
	width: 180px;
	left: 1px;
}

#hanrei_color{
	position: absolute;
	height: 180px;
	width: 180px;
	left: 1px;
}




/* ---------------------------------------------------------------- *
　ナビゲーション
 * ---------------------------------------------------------------- */
#navi {
	background: url(../image/header_bar01.gif) no-repeat top left #B8DFEC;
	margin-left: auto;    /* 左側マージンを自動的に空ける */
	margin-right: auto;   /* 右側マージンを自動的に空ける */
	width: 560px;
	z-index: 2;
	position:absolute;
}


/* ---------------------------------------------------------------- *
　ドロップダウンメニュー
 * ---------------------------------------------------------------- */


#menu_container dl {
	width: 135px;
	/*margin: 3px 3px 0 0;*/
	float:left;
	margin: 0 auto;
	background: #fff;
}

#menu_container dt {
	text-align: center;
	
	
}

#menu_container dd {
	display: none;
	margin: 0;
	border-left: 1px solid #5B90C3;
	border-right: 1px solid #5B90C3;
}

#menu_container dl:hover dd {
	display: block;
}

#menu_container a{
	display: block;
	padding: 5px;
	text-decoration:none;
	color:#158749!important;
	font-weight: bold;
	font-size: 25px;
}

#menu_container dt a {
	color: #158749;
}

#menu_container dd a {
	border-bottom: 1px solid #5B90C3;
	color:#0A50A1!important;
}

#menu_container a:hover {
	
}

#menu_container dt a:hover {

color:#AAAAFF!important;
}


A#ACOM{
	width : 180px;
	height : 35px;
	background-color : #5fa4c4;
	border : 5px outset #85b8d0;
	text-align : center; 

	margin-left: 10px;
color:#0000cc;
font-family:'ＭＳ ゴシック';
font-size:18px;
font-weight:bold;
}