/* CSS Document */
.selecter{cursor:pointer;}

body
{
	width:1000px;
	margin:0;
}

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


/* --- ロード画面 --- */
#load_bg
{
	position:fixed;
	z-index:100;
}
#load-logo
{
	position:absolute;
	top:350px;
	left:340px;
}

/* ======= Map 表示位置 ========================*/
#map 	{position:relative; left:-360px; top:-348px;}
#map01 	{position:absolute; left:0px; top:0px;}
#map02 	{position:absolute; left:2200px; top:0px;}
#map03 	{position:absolute; left:4400px; top:0px;}
#map04 	{position:absolute; left:6600px; top:0px;}
#map05 	{position:absolute; left:0px; top:2400px;}
#map06 	{position:absolute; left:2200px; top:2400px;}
#map07 	{position:absolute; left:4400px; top:2400px;}
#map08 	{position:absolute; left:6600px; top:2400px;}

#gate01 {position:absolute; left:600px;  top:1177px;}
#gate02 {position:absolute; left:1350px; top:477px;}
#gate03 {position:absolute; left:1800px; top:577px;}
#gate04 {position:absolute; left:7850px; top:527px;}
#gate05 {position:absolute; left:5097px; top:3777px;}
#gate06 {position:absolute; left:6798px; top:4200px;}

/* ======= 店ウインドウ ==========================*/
#shop_bg
{
	width:1000px;
	height:600px;
	background-color:#000000;
	z-index:90;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
#shop_bg ul
{
	width:1000px;
	margin:0 auto;
	clear:both;
	list-style-type:none;
}
#shop_bg ul li:first-child
{
	cursor:pointer;
	width:25%;
	line-height:60px;
	margin-top:10px;
	float:left;
	opacity:0.8;
}
#shop_bg ul li:first-child:hover
{
	opacity:1.0;
}

#shop_bg ul li:first-child
{
	cursor:pointer;
	width:25%;
	line-height:60px;
	margin-top:10px;
	float:left;
}
#shop_bg ul li:last-child
{
	width:75%;
	line-height:60px;
	padding-left:0px;
	color:#FFFFFF;
	margin-top:10px;
	float:left;
}
#shop_bg div#item00
{
	position:absolute;
	top:380px;
	left:750px;
	clear:both;
	cursor:pointer;
	width:150px;
	text-align:center;
	background-color:#FAE6B5;
	font-weight:bold;
	border-radius:10px;
	line-height:60px;
	font-size:20px;
}
#shop_bg div#item00:hover
{
	background-color:#FFEBBA;
}
/* ======= （ここまで　店ウインドウ） ======================*/

/*===== 所持アイテムウインドウ =============================*/
#item_bg
{
	width:450px;
	height:410px;
	background-color:rgba(255,255,255,0.8);
	position:absolute;
	border:5px solid gray;
	top:30px;
	left:275px;
	box-sizing:border-box;
	z-index:99;
}

#item_bg ul{margin:0; padding:0; }
#item_bg ul li{box-sizing:content-box; text-align:center; list-style:none; margin:0; padding:0;}
#item_bg ul li:nth-child(1){width:100%; height:70px; line-height:70px; color:white;}
#item_bg ul li:nth-child(2){width:100%; height:70px; line-height:70px; color:white;}
#item_bg ul li:nth-child(3){width:50%; float:left; background-position:center; background-repeat:no-repeat; height:65px; line-height:65px; color:white;}
#item_bg ul li:nth-child(4){width:50%; float:left; background-position:center; background-repeat:no-repeat; height:65px; line-height:65px; color:white;}
#item_bg ul li:nth-child(5){width:50%; float:left; background-position:center; background-repeat:no-repeat; height:65px; line-height:65px; color:white;}
#item_bg ul li:nth-child(6){width:50%; float:left; background-position:center; background-repeat:no-repeat; height:65px; line-height:65px; color:white;}
#item_bg ul li:nth-child(7){width:50%; float:left; background-position:center; background-repeat:no-repeat; height:65px; line-height:65px; color:white;}
#item_bg ul li:nth-child(8){width:50%; float:left; background-position:center; background-repeat:no-repeat; height:65px; line-height:65px; color:white;}
#item_bg ul li:nth-child(9){width:50%; float:left; background-position:center; background-repeat:no-repeat; height:65px; line-height:65px; color:white;}
#item_bg ul li:nth-child(10){width:50%; float:left; height:65px;}
#item_bg ul li:nth-child(10) div{width:180px; height:45px; line-height:45px; margin:10px 20px; text-align:center; background-color:#FFF616; font-size:18px; border-radius:10px; cursor:pointer;}
#item_bg ul li:nth-child(10) div:hover{background-color:#FFFF34;}


#item_bg ul li:nth-child(1) div:nth-child(1){width:40%; float:left; height:70px; line-height:70px; color:white; text-align:center; background-position:center; background-repeat:no-repeat; cursor:pointer;}
#item_bg ul li:nth-child(1) div:nth-child(2){width:20%; float:left; height:50px; line-height:50px; text-align:center; box-sizing:border-box; border:5px solid gray; font-size:28px; margin:10px 15% 10px 5%; color:black;}
#item_bg ul li:nth-child(1) div:nth-child(3){width:20%; float:left; height:70px; line-height:70px; color:white; text-align:center; background-position:center; background-repeat:no-repeat;}
#item_bg ul li:nth-child(2) div:nth-child(1){width:40%; float:left; height:70px; line-height:70px; color:white; text-align:center; background-position:center; background-repeat:no-repeat;}
#item_bg ul li:nth-child(2) div:nth-child(2){width:20%; float:left; height:50px; line-height:50px; text-align:center; box-sizing:border-box; border:5px solid gray; font-size:28px; margin:10px 15% 10px 5%; color:black;}
#item_bg ul li:nth-child(2) div:nth-child(3){width:20%; float:left; height:70px; line-height:70px; color:white; text-align:center; background-position:center; background-repeat:no-repeat;}
/*===== （ここまで 所持アイテムウインドウ） ========================*/


/*===== モンスターたち ========================================*/
 #enemy_flash
   {
	   width:1000px;
	   height:600px;
	   background-color:white;
	   opacity:1;
	   z-index:99;   
   }
   #enemy_bg
   {
	   width:1000px;
	   height:600px;
	   background-image:url(/RPG/images/background/bg_field01.jpg);
	   z-index:1;
	   position:absolute;
	   top:0;
	   left:0;
	   opacity:0;
   }
   #e101_img
   {
	   position:absolute;
	   top:50px;
	   left:275px;
	   opacity:0;
	}
   #enemy_body
   {
	   width:500px;
	   height:450px;
	   background-image:url(/RPG/images/enemy/enemy_tanon1-1.gif);
	   background-repeat:no-repeat;
	   background-position:-300px center;
	   position:absolute;
	   z-index:2;
	   opacity:0;
   }
   #enemy_bellP
   {
	   width:120px;
	   height:40px;
	   position:absolute;
	   top:140px;
	   left:830px;
	   background-image:url(/RPG/images/status/bellP.gif);
	   background-position:center;
	   z-index:99;
	   cursor:pointer;
   }
   #enemy_bellP:hover
   {
	   background-image:url(/RPG/images/status/bellP-2.gif);
   }
   #enemy_bellP:active
   {
	   top:150px;
   }
   #enemy_fight
   {
	   width:100px;
	   height:100px;
	   position:absolute;
	   top:100px;
	   left:700px;
	   background-image:url(/RPG/images/status/fight.png);
	   background-repeat:no-repeat;
	   background-position:center;
	   z-index:99;
	   cursor:pointer;
   }
   #enemy_fight:hover
   {
	   background-image:url(/RPG/images/status/fight-2.png);
   }
   #enemy_fight:active
   {
	   top:110px;
   }
   #enemy_choices
   {
	   width:500px;
	   height:450px;
	   position:absolute;
	   top:0px;
	   left:500px;
	   z-index:2;
	   opacity:0.5;
   }

/*------------------------ */
/* タノン族　選択肢 --------- */
#tanon{position:absolute; top:150px; left:50px;}
#tanon div.W
{
	background-image:url(/RPG/images/status/keyW.gif);
	position:absolute;
	top:8px;
	background-repeat:no-repeat;
	width:70px;
	height:260px;
}
#tanon div.W:active{background-image:url(/RPG/images/status/keyW_D.gif);}
#tanon div.B:active{background-image:url(/RPG/images/status/keyB_D.gif);}

#tanon div.B
{
	background-image:url(/RPG/images/status/keyB.gif);
	position:absolute;
	background-repeat:no-repeat;
	width:45px;
	height:145px;
}
#tanon div:nth-child(1){top:8px; left:0px;   z-index:1;}
#tanon div:nth-child(2){top:8px; left:60px;  z-index:2;}
#tanon div:nth-child(3){top:8px; left:120px; z-index:3;}
#tanon div:nth-child(4){top:8px; left:180px; z-index:4;}
#tanon div:nth-child(5){top:8px; left:240px; z-index:5;}
#tanon div:nth-child(6){top:8px; left:300px; z-index:6;}
#tanon div:nth-child(7){top:8px; left:360px; z-index:7;}
#tanon div:nth-child(8) {left: 35px; z-index:8;}
#tanon div:nth-child(9) {left: 95px; z-index:8;}
#tanon div:nth-child(10){left:215px; z-index:8;}
#tanon div:nth-child(11){left:275px; z-index:8;}
#tanon div:nth-child(12){left:335px; z-index:8;}


/* -------------------------- */
/* インターバルーン族　選択肢 --- */
#interballoon
{
	position:relative;
	margin-top:25px;
	margin-left:120px;
	background-color:rgba(0,0,0,0.5);
	width:280px;
	height:400px;
	border-radius:5px;
}
#interballoon div
{
	position:absolute;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	width:110px;
	height:40px;
	z-index:99;
	cursor:pointer;
}
.left{left:30px; background-color:#BAE1E9; box-shadow:0 4px #AAD1D9;}
.right{right:30px; background-color:#B5B5B6; box-shadow:0 4px #A5A5A6;}
.left:hover{background-color:#CAE8F0;}
.right:hover{background-color:#D3D3D4;}

#interballoon div:nth-child( 1){top:40px;}	/*		ボタンの高さ		:50px;							*/
#interballoon div:nth-child( 2){top:90px;}	/*		ボタン下マージン	:20px;							*/
#interballoon div:nth-child( 3){top:140px;} /*		（エリア内上下余白	:20px;）							*/
#interballoon div:nth-child( 4){top:190px;}	/*														*/
#interballoon div:nth-child( 5){top:240px;}	/*														*/
#interballoon div:nth-child( 6){top:290px;}	/*	ここでtopに持たせてる値は上の数値を合算したものを並べて配置	*/
#interballoon div:nth-child( 7){top:340px;} /*														*/

#interballoon div:nth-child( 8){top:20px; }	/*														*/
#interballoon div:nth-child( 9){top:70px; }	/*														*/
#interballoon div:nth-child(10){top:170px;}	/*														*/
#interballoon div:nth-child(11){top:220px;}	/*														*/
#interballoon div:nth-child(12){top:270px;}	/*														*/

/*------------------------ */
/* ワオーン族　選択肢 ------- */
#waon
{
	position:relative;
	margin-top:25px;
	margin-left:150px;
	width:200px;
	height:400px;
	background-color:rgba(0,0,0,0.5);
	border-radius:5px;
}
#waon div
{
	position:absolute;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	/*color:white;*/
	width:150px;
	height:30px;
	line-height:30px;
	left:25px;
	cursor:pointer;
}
.triad{background-color:#F4B0B2; box-shadow:0 4px #E4A0A2;}
.seventh{background-color:#8FCA8D; box-shadow:0 4px #7FBA7D;}
.triad:hover{background-color:#F0C1C3;}
.seventh:hover{background-color:#9FD19C;}

#waon div:nth-child(1){top:20px;}
#waon div:nth-child(2){top:60px;}
#waon div:nth-child(3){top:100px;}
#waon div:nth-child(4){top:140px;}

#waon div:nth-child(5){top:180px;}
#waon div:nth-child(6){top:220px;}
#waon div:nth-child(7){top:260px;}
#waon div:nth-child(8){top:300px;}
#waon div:nth-child(9){top:340px;}


/*---------------------- */
/* ネイローン族　選択肢 ---- */
#neiloan-metal
{
	position:relative;
	margin-top:25px;
	margin-left:10px;
	width:140px;
	height:350px;
	background-color:#800000;
	border-radius:5px;
}
#neiloan-metal div
{
	position:absolute;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background-color:#F18C2A;
	box-shadow:0 4px #E17C1A;
	width:120px;
	height:30px;
	line-height:30px;
	left:10px;
	border-radius:2px;
}
#neiloan-metal div:nth-child(1){top:20px;}
#neiloan-metal div:nth-child(2){top:60px;}
#neiloan-metal div:nth-child(3){top:100px;}
#neiloan-metal div:nth-child(4){top:140px;}
#neiloan-metal div:nth-child(5){top:180px;}
#neiloan-metal div:nth-child(6){top:220px;}
#neiloan-metal div:nth-child(7){top:260px;}
#neiloan-metal div:nth-child(8){top:300px;}

#neiloan-metal div:hover{background-color:#F5A54B;}

/*++++++++++++++ */
#neiloan-clavi
{
	position:relative;
	margin-top:25px;
	margin-left:10px;
	width:140px;
	height:350px;
	background-color:#00008B;
	border-radius:5px;
}
#neiloan-clavi div
{
	position:absolute;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	/*color:white;*/
	background-color:#6CC6DB;
	box-shadow:0 4px #5CB6CB;
	width:120px;
	height:30px;
	line-height:30px;
	left:10px;
	border-radius:2px;
}
#neiloan-clavi div:nth-child(1){top:20px;}
#neiloan-clavi div:nth-child(2){top:60px;}
#neiloan-clavi div:nth-child(3){top:100px;}
#neiloan-clavi div:nth-child(4){top:140px;}
#neiloan-clavi div:nth-child(5){top:180px;}
#neiloan-clavi div:nth-child(6){top:220px;}
#neiloan-clavi div:nth-child(7){top:260px;}
#neiloan-clavi div:nth-child(8){top:300px;}

#neiloan-clavi div:hover{background-color:#A3D9EE;}

/*++++++++++++++++*/
#neiloan-wind
{
	position:relative;
	margin-top:25px;
	margin-left:10px;
	width:140px;
	height:320px;
	background-color:#006400;
	border-radius:5px;
}
#neiloan-wind div
{
	position:absolute;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background-color:#86C12B;
	box-shadow:0 4px #76B11B;
	width:120px;
	height:30px;
	line-height:30px;
	left:10px;
	border-radius:2px;
}
#neiloan-wind div:nth-child(1){top:20px;}
#neiloan-wind div:nth-child(2){top:60px;}
#neiloan-wind div:nth-child(3){top:100px;}
#neiloan-wind div:nth-child(4){top:140px;}
#neiloan-wind div:nth-child(5){top:180px;}
#neiloan-wind div:nth-child(6){top:220px;}
#neiloan-wind div:nth-child(7){top:260px;}

#neiloan-wind div:hover{background-color:#ABD057;}

/*------------------------ */
/* フーズワークス族　選択肢 -- */
#whoseworks
{
	position:relative;
	margin-top:25px;
	margin-left:50px;
	width:400px;
	height:410px;
	background-color:rgba(0,0,0,0.5);
	border-radius:5px;
}
#whoseworks div
{
	position:absolute;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	/*color:white;*/
	width:140px;
	height:30px;
	line-height:30px;
	left:20px;
	border-radius:2px;
}
.baroque{background-color:#B383B2; box-shadow:0 4px #A373A2;}
.classic{background-color:#F5C53A; box-shadow:0 4px #E5B52A;}
.new{background-color:#9FCFF0; box-shadow:0 4px #8FBFE0;}
.baroque:hover{background-color:#D3A2C9;}
.classic:hover{background-color:#EED567;}
.new:hover{background-color:#B9E2FB;}

#whoseworks div:nth-child( 1){top: 20px;	left: 20px;}
#whoseworks div:nth-child( 2){top: 55px;	left:130px;}
#whoseworks div:nth-child( 3){top: 90px;	left:240px;}
#whoseworks div:nth-child( 4){top:110px;	left: 20px;}
#whoseworks div:nth-child( 5){top:145px;	left:130px;}
#whoseworks div:nth-child( 6){top:180px;	left:240px;}
#whoseworks div:nth-child( 7){top:200px;	left: 20px;}
#whoseworks div:nth-child( 8){top:235px;	left:130px;}
#whoseworks div:nth-child( 9){top:270px;	left:240px;}
#whoseworks div:nth-child(10){top:295px;	left: 20px;}
#whoseworks div:nth-child(11){top:330px;	left:130px;}
#whoseworks div:nth-child(12){top:365px;	left:240px;}

/*--------------------- */
/* enemy101　選択肢 ---- */
#e101_text
{
	position:absolute;
	width:800px;
	height:50px;
	line-height:50px;
	font-size:30px;
	font-weight:bold;
	color:white;
	top:20px;
	left:100px;
}
#e101
{
	position:relative;
	margin-top:250px;
	margin-left:50px;
	width:340px;
	height:180px;
	background-color:rgba(0,0,0,0.5);
	border-radius:5px;
}

#e101 div
{
	position:absolute;
	left:20px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:white;
	width:300px;
	height:40px;
	line-height:40px;
	border-radius:2px;
	background-color:#8336FF;
	z-index:255;
}
#e101 div:nth-child(1){top:20px;}
#e101 div:nth-child(2){top:70px;}
#e101 div:nth-child(3){top:120px;}
#e101 div:nth-child(1):hover{background-color:#9D60FF;}
#e101 div:nth-child(2):hover{background-color:#9D60FF;}
#e101 div:nth-child(3):hover{background-color:#9D60FF;}
/*===== （ここまで モンスターたち） ===========================*/

/*===== 選択肢・記述問題 =================================*/
#quiz_bg
{
	width:1000px;
	height:600px;
	background-color:black;
	top:0;
	left:0;
	position:absolute;
	opacity:0;
	z-index:90;
	visibility:hidden;
}
#quiz_bg ul#quiz_field,
#quiz_bg ul#writing_field
{
	color:white;
}
#quiz_bg ul#quiz_field li:nth-child(1),
#quiz_bg ul#writing_field li:nth-child(2)
{
	width:800px;
	height:50px;
	margin:30px auto 0 auto;
	line-height:50px;
	color:white;
	font-size:16px;
	z-index:99;
}
#quiz_bg ul#quiz_field li:nth-child(2),
#quiz_bg ul#writing_field li:nth-child(3)
{
	width:800px;
	height:210px;
	margin:0 auto;
	line-height:70px;
	color:white;
	font-size:16px;
}
#quiz_bg ul#quiz_field li:nth-child(n+3),
#quiz_bg ul#writing_field li:nth-child(4)
{
	width:100px;
	height:50px;
	border-radius:10px;
	background-color:#801010;
	text-align:center;
	font-size:22px;
	line-height:50px;
	color:white;
	position:absolute;
	top:300px;
	left:350px;
	cursor:pointer;
}
#quiz_bg ul#quiz_field li:nth-child(n+3):hover
{
	background-color:#C05050;
}
#quiz_bg ul#quiz_field li:nth-child(4)
{
	background-color:#108010;
	left:550px;
}
#quiz_bg ul#quiz_field li:nth-child(4):hover
{
	background-color:#50C050;
}
#quiz_bg ul#writing_field li:nth-child(4)
{
	background-color:#AA9115;
	left:450px;
}
#quiz_bg ul#writing_field li:nth-child(4):hover
{
	background-color:#BAA125;
}
/*===== （ここまで　選択肢・記述問題） ========================*/

/* ==== イベントで開く扉 ================================== */
#gate01,#gate02,#gate03,#gate04,#gate05,#gate06
{
	position:absolute;
	z-index:2;
}
/* ==== （ここまで　イベントで開く扉） ========================= */

/* 主人公 --------------------------- */
#obj
{
	width:35px;
	height:50px;
	position:absolute;
	top:250px;
	left:498px;
	z-index:5;
}
.button
{
	margin-top:50px;
	margin-left:20px;
	width:50px;
	height:50px;
	border-radius:5px;
	background-color:#DDDDDD;
	cursor:pointer;
	float:left;
}
.button a
{
	color:white;
	font-size:20pt;
	line-height:50px;
	display:block;
	text-align:center;
	z-index:9;
}

.checker
{
	width:150px;
	float:left;
	padding:10px;
	border:3px dashed gray;
	margin-left:20px;
}
.checker span{font-weight:bold; color:red;}

/* 外枠　フレーム --------------------- */
#content-box
{
	width:1000px;
	height:600px;
	background-color:#000;
	position:relative;
	overflow:hidden;
}

/* マップ ルーフ ---------------------- */
#map01{width:2200px; height:2400px; background-image:url(/RPG/images/map/map1_01_01.png); position:absolute;}
#map02{width:2200px; height:2400px; background-image:url(/RPG/images/map/map1_01_02.png); position:absolute;}
#map03{width:2200px; height:2400px; background-image:url(/RPG/images/map/map1_01_03.png); position:absolute;}
#map04{width:2200px; height:2400px; background-image:url(/RPG/images/map/map1_01_04.png); position:absolute;}
#map05{width:2200px; height:2400px; background-image:url(/RPG/images/map/map1_01_05.png); position:absolute;}
#map06{width:2200px; height:2400px; background-image:url(/RPG/images/map/map1_01_06.png); position:absolute;}
#map07{width:2200px; height:2400px; background-image:url(/RPG/images/map/map1_01_07.png); position:absolute;}
#map08{width:2200px; height:2400px; background-image:url(/RPG/images/map/map1_01_08.png); position:absolute;}
.roof{position:absolute; top:0; left:0; z-index:80;}


/* メタ要素ボックス ------------------ */
/* メッセージ */
#msgbox
{
	font-size:14px;
	color:#3D48BB;
	height:100px;
	width:1000px;
	position:absolute;
	top:455px;
	box-sizing:border-box;
	border:5px solid green;
	border-radius:5px;
	background-color:white;
	opacity:0;
	z-index:99;
/*	display:none;*/
}
#msgboxL
{
	padding:10px 15px;
	float:left;
	width:80%;
	height:100%;
	border-right:5px gray dotted;
	box-sizing:border-box;
	z-index:99;
}
#msgboxR
{
	float:left;
	width:20%;
	padding:10px;
	text-align:center;
	opacity:0;
	z-index:99;
	box-sizing:border-box;
	display:none;
}
#msgboxR div
{
	width:70%;
	height:30px;
	line-height:30px;
	font-size:14pt;
	text-align:center;
	margin:5px auto;
	background-color:#C9C7C7;
	border-radius:4px;
	font-weight:bold;
}
#msgboxR a{display:block; text-decoration:none; color:black;}
#msgboxR a:hover{text-decoration:none;}
#msgboxR div#yes:hover{background-color:#E9E7E7; cursor:pointer;}
#msgboxR div#no:hover {background-color:#E9E7E7; cursor:pointer;}

/* ステータスバー */
#statusbar
{
	width:100%;
	height:50px;
	position:absolute;
	top:550px;
	background-color:#FFF;
	box-sizing:border-box;
	border:5px green solid;
	padding:0 10px;
	z-index:99;
}

#statusbar div.param
{
	width:90px;
	float:left;
	font-size:14px;
	line-height:40px;
	position:absolute;
}
#statusbar div.param:nth-child(1){left:10px;}
#statusbar div.param:nth-child(2){left:120px;}
#statusbar div.param:nth-child(3){left:200px;}
#statusbar div.param:nth-child(4){left:300px; width:120px;}
#statusbar div.param:nth-child(5){left:420px; width:120px;}
#statusbar div.param span
{
	width:50px;
	text-align:right;
	line-height:30px;
	font-weight:bold;
}

/* ミミススー・ベルピー　の数値カウンタ */
#statusbar div.items
{
	width:70px;
	float:left;
	font-size:12px;
	line-height:40px;
	box-sizing:border-box;
	margin-right:0px;
	position:absolute;
}
#statusbar div.items:nth-child(6){left:560px;}
#statusbar div.items:nth-child(7){left:640px;}
#statusbar div.items span{font-weight:bold;}

/* アイテムウインドウオープナー */
#statusbar div#openwindow
{
	width:80px;
	float:left;
	font-size:12px;
	line-height:30px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:20px;
	background-color:#FFF616;
	border-radius:5px;
	text-align:center;
	color:black;
	cursor:pointer;
	position:absolute;
	left:720px;
}
#statusbar div#openwindow:hover{background-color:#FFFF34;}

/* CD保持状況反映欄 */
#statusbar div.cd
{
	width:8px;
	height:8px;
	background-color:white;
	border-radius:16px;
	border:8px solid;
	position:absolute;
	cursor:pointer;
}

#statusbar div.cd:nth-child(9) {left:830px; top:8px; visibility:hidden; border-color:#F00;}
#statusbar div.cd:nth-child(10){left:860px; top:8px; visibility:hidden; border-color:#0F0;}
#statusbar div.cd:nth-child(11){left:890px; top:8px; visibility:hidden; border-color:#00F;}
#statusbar div.cd:nth-child(12){left:920px; top:8px; visibility:hidden; border-color:#AA0;}
#statusbar div.cd:nth-child(13){left:950px; top:8px; visibility:hidden; border-color:#0AA;}
#statusbar div.cd:nth-child(9):hover {border-color:#F99;}
#statusbar div.cd:nth-child(10):hover{border-color:#9F9;}
#statusbar div.cd:nth-child(11):hover{border-color:#99F;}
#statusbar div.cd:nth-child(12):hover{border-color:#CC9;}
#statusbar div.cd:nth-child(13):hover{border-color:#9CC;}