@charset "utf-8";


/* formatting style
----------------------------------*/

* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	color: #DCDCDC;
}


header {
	margin: 5px auto;
	height: 210px;
	width: 800px;
	background-color: #465532;
}



body {
	color: #333;
	font-family: sans-serif;
	font-size: 75%;
	line-height: 1.6;
	background-color: #2D462D;
/*	background-image: url(../images/bgimg.gif); */
/*	background-repeat: repeat; */
/*	background-color: #193755 */
}

noscript.attention {
	background-color: #fff;
	color: #F00;
	font-weight: bold;
}

#wrapper {
	margin: 5px auto;
	width: 810px;
	background-color: #465532;
	opacity: 1;
	/*	background-color: #55789B; */
}
h1 {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 {
	background-image: url(../images/ball_h2.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
}

h3 {
	background-image: url(../images/ball_h3.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	border-top: 2px solid #04e800;
}

h3#mbs {
	background-image: url(../images/ball_h3.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	border-top: 2px solid #04e800;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}




#fl {
	text-align: center;
	margin-bottom: 5px;
}

img.photomic {
	margin-left: 200px;
}


/* メニュー
----------------------------------------------------- */

#menu {
	list-style:none;
	width: 780px;
	width: 784px;
	height: 30px;
	height: 150px;
	margin-left: 15px;
	margin-bottom: 5px;
}
#menu ul {
	list-style: none;
}

#menu li {
	float:left;
}

#menu li li {
	clear:boht;
	float:none;
}

#menu li a {
	text-decoration:none;
	width:112px;
	display:block;
	height:30px;
	line-height:30px;
	color:#fff;
	background-position:left top; 
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#menu li ul {
	display: none;
}



#menu li#bt_home a {
	background-image: url(../images/bt_home.jpg);
}
#menu li#bt_prog a {
	background-image: url(../images/bt_prog.jpg);
}
#menu li#bt_photo a {
	background-image: url(../images/bt_photo.jpg);
}
#menu li#bt_etc a {
	background-image: url(../images/bt_etc.jpg);
}
#menu li#bt_access a {
	background-image: url(../images/bt_access.jpg);
}


#menu li#bt_hoby a {
	background-image: url(../images/bt_hoby.jpg);
}
/*  第2レベル   */
#menu li#bt_radio a {
	background-image: url(../images/bt_radio.jpg);
}
#menu li#bt_camera a {
	background-image: url(../images/bt_camera.jpg);
}




#menu li#bt_mbs a {
	background-image: url(../images/bt_mbs.jpg);
}
#menu li#bt_open a {
	background-image: url(../images/bt_open.jpg);
}
#menu li#bt_athletic a {
	background-image: url(../images/bt_athletic.jpg);
}
#menu li#bt_song a {
	background-image: url(../images/bt_song.jpg);
}
#menu li#bt_quiz a {
	background-image: url(../images/bt_quiz.jpg);
}

/* 2024-11-01 追加 */
#menu li#bt_stock a {
	background-image: url(../images/bt_stock.jpg);
}

#menu li#bt_wuhan a {
	background-image: url(../images/bt_wuhan.jpg);
}

/* 2024-11-01 追加終了 */

#menu li a:hover {
	background-position:left bottom;
}



#home #menu #bt_home a,
#prog #menu #bt_prog a,
#etc #menu #bt_etc a,
#photo #menu #bt_photo a,
#access #menu #bt_access a,
#hoby #menu #bt_hoby a,
#mbs #menu #bt_mbs a {
	background-position: right bottom;
}


/* #wuhan #menu #bt_wuhan a, */
/* #stock #menu #bt_stock a */

/*
#menu ul .menu-item1 ul .menu-item2 a:hover {
	background-position: right top;
}
*/


/* 子レベルのページが選択されているときの高輝度 */
#radio #menu #bt_radio a {
	background-position: right top;
}
#camera #menu #bt_camera a {
	background-position: right top;
}

#open #menu #bt_open a {
	background-position: right top;
}

#athletic #menu #bt_athletic a {
	background-position: right top;
}

#song #menu #bt_song a {
	background-position: right top;
}

#quiz #menu #bt_quiz a {
	background-position: right top;
}

#wuhan #menu #bt_wuhan a {
	background-position: right top;
}

#stock #menu #bt_stock a {
	background-position: right top;
}



/* 子レベルのページのボタンがマウスオーバーの時の背景反転 */
#menu ul .menu-item1 ul .menu-item2 a:hover {
	background-position: left bottom;
}

#menu ul .menu-item1 ul .menu-item3 a:hover {
	background-position: left bottom;
}

#menu ul .menu-item1 ul .menu-item4 a:hover {
	background-position: left bottom;
}


#menu ul li:hover > ul, div.menu-item1 ul li:hover > ul {
    display: block;
}





#intro {
	width: 600px;
	margin-top: 10px;
	margin-left: 100px;
	margin-bottom: 10px;	
}

#home #intro ul,#prog #info ul {
	list-style: none;
}

#home #intro li,#prog #info li {
	padding-left: 25px;
	margin-left: 5px;
	background-image: url(../images/ball_h3.gif);
	background-repeat: no-repeat;
}

#sidebar {
	/*	background-color: #73A528; */
	width: 230px;
	float: left;
	margin: 10px 5px;
	border: outset #465532 5px;
	padding-left: 2px;
}
#sidebar #sub_ttl {
	font-weight: bold;
	color: #6C6;
	font-size: larger;
}

#sidebar li {
	background-image: url(../images/main_list_img.gif);
	list-style: none;
	background-repeat: no-repeat;
	padding-left: 18px;
}
#sidebar li a {
	text-decoration: none;
}
#sidebar li a:hover {
	color: #fff;
	text-decoration: underline; 
}



#main {
/*	background-color: #339900; */
	float: right;
	width: 550px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}



.pagetop {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}
.pagetop a {
	text-decoration: none;
	background-image: url(../images/bt_pagetop.png);
	text-indent: -9999px;
	height: 30px;
	width: 98px;
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 30px;
	display: block;
}
.pagetop a:hover {
	background-position: left bottom;
}


div.source {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: small;
	line-height: 1.2em;
	color: #0f0;
	background-color: #000;
	white-space: pre;
	margin-left: 10px;
}

span.scale {
	color: #fff;
}
span.rem {
	color: #6C6;
}

span.purple {
	color: #C800C8;
}


span.yellow {
	color: #FFFF00;
}

span.red {
	color: #f00;
	font-weight: bold;
}
span.blk {
	color: #000;
/*	font-weight: bold; */
}
p.exp {
	margin-left: 23px;
	margin-bottom: 5px;
	width: 650px;
}

p.exp2 {
	margin-left: 23px;
	margin-bottom: 5px;
	width: 500px;
}

span.orange {
	color:#f80;
}
span.lightblue {
	color:#0ff;
}

span.white {
	color:#fff;
}


#etc p.item {
	border: 2px solid #fff;
	padding: 5px;
}


#etc p.item-1 {

	border-top: 0px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
/*	padding-left: 10px; */
/*	margin-top: 30px; */
	padding-left: 20px;
}


#etc a,#stock a {
	color:#0ff;
}
.clear {
	clear: both;
	margin-bottom: 10px;

}
div.photo {
	margin-left: 20px;	
}
.photo a img {
	border: 3px solid #FFF;
	margin-right: 5px;
	margin-bottom: 5px;
}

#footer {
	clear: both;
	height: 30px;
	background-color: #006e11;
	
}address {
	color: #FFF;
	text-align: center;
}

kbd   {
	border-style: solid;
	border-width: 3px;
	border-color: #eeeeee #999999 #999999 #eeeeee;
	background-color: #cccccc;
	font-size: 95%;
	margin: 0px 1px;
	padding: 1px 3px;
}


/*
#history {
	margin: 10px auto;
	width: 760px;
	heith: 10px; */

/* **** background-color: #9ffff; ***** */
/* ****	opacity: 1; **** */
/*	background-color: #55789B;
	background-color: #00a0e9;
}   */

#history-1 {
	margin: 10px auto;
	width: 720px;
/*	background-color: #9ffff; */
/*	opacity: 1; */
	background-color: #55789B;
	background-color: #00a0e9;
}



iframe.history {
	margin: 10px auto;
/*	margin-left: 55px; */

	width: 710px;
	height: 100px;

/*	background-color: #9ffff; */
/*	opacity: 1; */
	background-color: #55789B;
	background-color: #00a0e9;
}