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


@charset "utf-8";

fieldset {border:none}

a.shadow {
position: absolute;top: -10000px;left: -10000px;
}
.shadow {
position: absolute;
top: -10000px;
left: -10000px;
}

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

	height:100%;
	width: 100%;
	margin-top: 0px;
}
/*　■■基本枠組み　全体■①■　位置指定　高さ　幅　背景色　余白　文字位置-　*/
/*　ページ　---------------------------------------------------------------　*/
html {
	height:100%;
}

a.rbutton{

color:#ff0000;
text-decoration:none;
}
a.rbutton:hover{

color:#ff0000;
text-decoration:none;
}


a.bbutton{

color:#0099ff;
text-decoration:none;
}
a.bbutton:hover{

color:#0099ff;
text-decoration:none;
}




/*　ボディ　---------------------------------------------------------------　*/
body {
	height:100%;
	background-color: #bbdce7;
overflow-x: hidden;
}



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

#ImgPlus{
position : absolute ;
Left:2;Top:2px;
z-index:1000;
}
#ImgMinus{
position : absolute ;
Left:26;Top:2px;
z-index:100;
}
#ImgMap{
position : absolute ;
Right:100;Top:2px;
z-index:100;
}
#ImgPhoto{
position : absolute ;
Right:33;Top:2px;
z-index:100;
}
#ImgHome{
position : absolute ;
Right:5;Top:2px;
z-index:100;
}




#image{
z-index:10;
	position:absolute;
}

/*　■■基本枠組ヘッダー■②■　位置指定　高さ　幅　背景色　余白　文字位置-　*/
/*　ヘッダ　---------------------------------------------------------------　*/
#header {
	
	position: relative;
	height: 30px;
	background: #3399CC;
}

#header h1 {
	margin:0;
}



/*　■■基本枠組メニュー■③■　位置指定　高さ　幅　背景色　余白　文字位置-　*/
/*　メニュー　-------------------------------------------------------------　*/
#top{
	position: relative;
	height: 40px;
	width: 100%;
	background-color: #99cccc;
	margin: 0px;
}



/*　メニュー（上）---------------------------------------------------------　*/
#top_menu{
	position: relative;
	height: 40px;
/*	width: 100%;*/
	margin-right: 205px;
	margin-left: 205px;
	background-image:url(../image/top_menu.gif);
	background-repeat: repeat-x;
	background-color: #99cccc;
	font-size: 85%;
}



/*　メニュー（左上）-------------------------------------------------------　*/
#top_left{
	position: absolute;
	height: 40px;
	width: 205px;
	background-image: url(../image/top_left.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}



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


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





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

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



/*　本文　-----------------------------------------------------------------　*/
#main{
	position: relative;

	height:100%;
	margin-right: 204px;
	margin-left: 205px;
//	background-color: #99ffcc;
}





/*　メニュー（左）---------------------------------------------------------　*/
#left{
	/*overflow:auto;*/
	position: absolute;

	min-height:100%;
	height:300px;
	width: 205px;
	background-image:url(../image/left.gif);
	background-repeat: repeat-y;
//	background-color: #99cccc;
	top: 0px;
	left: 0px;
}



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

	position: absolute;

	min-height:100%;
	height:50px;
	width: 205px;
	background-image:url(../image/link.gif);
	background-repeat: repeat-y;
//	background-color: #99cccc;
	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-image:url(../image/fotter_left.gif);
	background-repeat: no-repeat;
	padding-top: 9px;
	top: 0px;
	left: 0px;
	color: #99ffcc;
background-color:#ffffff;
}


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

	position: absolute;
	height: 5px;
	width: 205px;
	background-image:url(../image/fotter_link.gif);
	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: 120px;
	width: 180px;
	margin-top: 5px;

	left: 6px;
	font-size: 98%;
}


/*　右見出枠　-------------------------------------------------------------　*/
.link_frame {
	position: relative;
	height: 140px;
	width: 180px;
	margin-top: 5px;
	left: 15px;
	font-size: 98%;
}



/*　インデックスＡ　上段高さ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
}
#chapter_h {
	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
}

#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;
	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: 10px;
	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}

#hyouto{
display:none;
	position: relative;
	height: 250px;
	width: 180px;
	background:url(../image/chapter_2.png) repeat-y top;
	margin-top: -2px;
	padding-top: 0px;
	padding-left: 10px;
	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}
/*　インデックスＡ　上段高さ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_2 {
	position: relative;
	height:80px;
	width: 180px;
	background:url(../image/chapter_2.png) repeat-y top;
	margin-top: -2px;
	padding-top: 0px;

	color: #000000;
	line-height:1.2em;
	font-size: 85%;
}
.chapter_22 {
	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_3 {
	position: relative;
	height: 40px;
	width: 180px;
	background:url(../image/chapter_3.png) no-repeat bottom;
	margin-top: -13px;
	color: #0066ff;
	padding-left: 8px;
	font-size: 70%;
}





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



/*　キャラ表示左上　-------------------------------------------------------　*/
#screen {
	position: relative;
	height: 170px;
	width: 180px;
	background-color: #FFFFFF;
	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: 180px;
	width: 180px;
	background-color: #ccff99;
	margin: 0px 0px 5px 0px;
	padding: 0px; 
	left: 15px;
	text-align: center;
	color: black;
	font-size: 90%;
}


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


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


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


#banner3 {
	position: relative;
	height: 12px;
	width: 120px;
	margin-left: auto;    /* 左側マージンを自動的に空ける */
	margin-right :auto;   /* 右側マージンを自動的に空ける */
	margin-top: 7px;
	margin-bottom:5px;
	overflow:auto;
	font-size: 66%;
}



.margin_no {
	font-size:80%;
	margin:4px 4px 0px 12px;
}









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

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




/* ---------------------------------------------------------------- *
　ナビゲーション
 * ---------------------------------------------------------------- */
#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;
}


/* ---------------------------------------------------------------- *
　ドロップダウンメニュー
 * ---------------------------------------------------------------- */
#jiten{
	position:relative;
	float:right;
	padding-left: 5%;
	margin-top:6px;
}


#youto{
margin-left:6px;
	margin-top:6px;
	float: left;


}
#menu_container {
	position:relative;
	padding-left: 1%;
	font-size: 90%;
}

#menu_container dl {
	width: 120px;
	margin: 3px 3px 0 0;
	float: left;
	background: #fff;
}

#menu_container dt {
	text-align: center;
	border:solid 1px #5B90C3;
	background:#fff url(../image/bar01.gif) repeat-x top;
}

#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:#000!important;
background-color:#ffffff;
}

#menu_container dt a {
	background:url(../image/bar02.gif) repeat-x bottom;
}

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

#menu_container a:hover {
	background-color: #ccc;
}

#menu_container dt a:hover {
	background: none #336699;
	color:#fff!important;

}