/*********************************/
/*          common               */
/*********************************/

* {
	padding: 0;
	margin: 0;
}

body{
	text-align: center;
	margin:0 auto;
	background-image: url("../images/bg.jpg");
	background-position: center top;
	background-repeat: repeat;
}

#outer_outer_contents{
	width: 800px;
	text-align: center;
	margin:0 auto;
	background-image: url("../images/bg2.gif");
	background-position: center top;
}

#outer_contents{
	width: 768px;
/*	height: 100%;*/
	text-align: left;
	margin:0 auto;
	border-left: white 1px solid;
	border-right: darkred 1px solid;
	border-bottom: darkred 1px solid;
	background-color: mistyrose;
}

#navigator{
	width: 768px;
}

#navigator ul{
	list-style: none;
}

#navigator li{
	text-align: center;
	width: 128px;
	height: 32px;
	float: left;
	margin: 0;
	padding: 0;
}

#navigator a{
	display:block;
	width:100%;
	height: 100%;
	background-image: url("../images/navigator_button.gif");
}

a:hover{
	color: red;
}

h1{
	clear: both;
	padding: 20px 0 0 1.4em;
	color: firebrick;
	background-image: url("../images/h1.gif");
	background-repeat: no-repeat;
}

h2{
	color: darkred;
	margin-left: 13px;
}

h3{
	color: darkred;
	margin-left: 13px;
}

p{
	color: #454545;
	padding:0.5em 0.125em 0.1em 13px;
	line-height: 1.3em;
}

.explain{
	font-size: 80%;
	padding: 0;
	line-height: 1.15em;
}

ol{
	margin: 8px 0;
}

li{
	margin: 2px 0 5px 50px;
}

dt{
	margin-top: 4px;
	border-bottom: black 1px dashed;
}

dd{
	margin-left: 4px;
}

img{
	border: 0;
}

#header{
	text-align: left;
	padding-top: 20px;
	background-image: url("../images/mesh.gif");
	background-repeat: repeat-x;
	border-bottom: pink 10px solid;

}

#footer_nav{
	clear: both;
}

#footer_nav ul{
	list-style: none;
	margin: 0;
	padding:10px 0 0 0;
}

#footer_nav li{
	position: relative;
	bottom: -5px;
	font-size: 15px;
	text-align: center;
	float: left;
	margin: 0 0 0 19px;
	padding: 2px 3px 0 3px;
	border-top: 2px white solid;
	background-color: pink;
}

#footer{
	text-align: right;
	clear: both;
	height: 20px;
	border-top: pink 10px solid;
	background-image: url("../images/mesh.gif");
	background-repeat: repeat-x;

}

#notice, .notice{
	color: red;
	font-size: 90%;
	margin-left: 3%;
}

#notice{
	margin-top: 5px;
	margin-bottom: 15px;
}

.form_std{
	background-color: white;
	border: pink 2px solid;
	margin: 0 1%;
	padding: 1%;
}

.form_std label{
	clear: both;
	color: dimgray;
	font-weight: bold;
	float: left;
	text-align: right;
	margin-right: 10px;
}

.form_std .nolabel{
	float: left;
	margin-bottom: 5px;
}

.form_std .submit{
	margin-top: 5px;
	clear: both;
}

input {
	background-color: mistyrose;
}

textarea {
	background-color: white;
}

.form_std textarea {
	background-color: mistyrose;
}

.section_std{
	margin: 15px 1% 20px 1%;
	padding: 1%;
	border: #FFF0EF 2px solid;
	background-color: white;
	background-image: url("../images/listheader.gif");
	background-repeat: repeat-x;
}

.section_std table{
	width: 710px;
	margin: 10px 1%;
	border: lightblue 1px solid;
}

.section_std th{
	border: #D4EBF2 1px solid;
	background-color: white;
	background-image: url("../images/th.gif");
	background-repeat: repeat-x;
	color: darkblue;
}

.section_std td{
	border: lightblue 1px solid;
	padding: 0 4px;
}

/*********************************/
/*          top page             */
/*********************************/

#title{
	padding: 0 0 15px 0;
}

#login_form{
	float: right;
	border: pink 2px solid;
	width: 390px;
}

#login_form label{
	width: 130px;
}

#new_game, #ranking, #new_comment, #search {
	font-size: 90%;
	width: 375px;
	margin: 10px 2px 10px 2px;
	padding-top: 5px;
	border: #FFF0EF 2px solid;
	background-color: white;
	background-image: url("../images/listheader.gif");
	background-repeat: repeat-x;
}

#new_game, #new_comment{
	float: left;

}

#new_game li, #new_comment li{
	margin-left: 20px;
	list-style-type: none;
}

#ranking, #search{
	float: right;
}

#news{
	clear: both;
}

#notice_beta{
	clear: both;
}

#ranking_nav{
	float:right;
	font-weight:bold;
	color: MediumSlateBlue;
	font-size: 18px;
}

#ranking_nav .selected{
	border: 2px white solid;
	background-color: white;
}

/* play */

#play_game{
	width: 768px;
}

#mini_sidemenu{
	float: left;
	width: 120px;
	margin-left: 1px;
}

#mini_sidemenu dl{
	margin: 4px 0 10px 0;
	font-size: 80%;
}

#flash_contents{
	float: right;
	width: 640px;
}

.vote_each{
	float: left;
}

.vote_button{
	font-size: 50px;
}

.vote_button a{
	text-decoration: none;
}

.vote_num{
	text-align: center;
}

#rating_status{
	clear: both;
}

#comments{
	list-style-type: none;
}

#comments li{
	margin-left: 13px;
}

.commenter{
	font-weight: bold;
	color: dimgray;
}

/*********************************/
/*           my page             */
/*********************************/

/* none */

/*********************************/
/*         edit page             */
/*********************************/

/* for sidemenu */

#sidemenu{
	float: left;
	width: 180px;
	font-size: 13px;
	background-color: white;
	background-image: url("../images/sidemenu.gif");
}

#sidemenu_head{
	padding-top: 10px;
	background-image: url("../images/sidemenu_head.gif");
	background-repeat: no-repeat;
}

#sidemenu_foot{
	padding: 10px 0 30px 10px;
	background-image: url("../images/sidemenu_foot.gif");
	background-position: bottom;
	background-repeat: no-repeat;
}

#sidemenu h2{
	margin: 15px 15px 5px 15px;
	padding-left: 5px;
	font-size: 17px;
	border: #D4EBF2 1px solid;
	background-color: white;
	background-image: url("../images/th.gif");
	background-repeat: repeat-x;
	color: darkblue;
}

#sidemenu li{
	height: 22px;
	margin: 0 0 0 5px;
	padding-left: 3px;
	padding-top: 3px;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url("../images/li.gif");
}

#scenario_list li{
	list-style-image: url("../images/scenario.gif");
}

.scenario_selected{
	background-image: url("../images/scenario_selected.gif");
	background-position: right center;
	background-repeat: no-repeat;
}

/* for main contents */

#edit_section{
	float: right;
	width: 585px;
}

#scenario_setting{
	margin-bottom: 10px;
}

#scenario_setting *, #publish_setting *{
	display: inline;
}

#event_list{
	margin: 5px 0;
}

.each_event{
	background-color: pink;
	background-image: url("../images/event_bg_foot.gif");
	background-position: bottom;
	background-repeat: no-repeat;
}

.each_event_nav{
	height: 10px;
	background-color: pink;
	background-image: url("../images/event_bg_head.gif");
	background-repeat: no-repeat;
}

.event_delete{
	float: right;
	width: 18px;
	height: 18px;
	margin: 2px 2px 0 0;
	border: 0;
	background-image: url("../images/delete_button.gif");
	background-repeat: no-repeat;
}

.event_delete:hover{
	float: right;
	width: 18px;
	background-image: url("../images/delete_button_horizon.gif");
}

.event_insert{
	display: block;
	margin-left: 32px;
	width: 84px;
	height: 16px;
	background-image: url("../images/insert_button.gif");
	background-position: bottom;
	background-repeat: no-repeat;
}

.event_edit{
	margin: 0 0 5px 0;
	background-color: #D4EBF2;
	background-image: url("../images/event_edit_bg_foot.gif");
	background-position: bottom;
	background-repeat: no-repeat;
}

#event_edit_nav{
	padding: 3px 20px 0px 20px;
	background-image: url("../images/event_edit_bg_head.gif");
	background-repeat: no-repeat;
}

#event_edit_nav .tab, .tab_selected{
	font-weight: bold;
	text-align: center;
	border-left: #D4EBF2 2px solid;
	margin: 0;
	padding: 2px 4px;
}

#event_edit_nav .tab_selected{
	background-color: #D4EBF2;
	background-image: url("../images/event_tab_selected.gif");
	background-repeat: repeat-x;
}

.submit_add{
	clear: both;
	margin: 5px;
	text-align: right;
}

.submit_add_real{
	width: 150px;
}

.talker{
	float: left;
}

.msg{
	margin-left: 5px;
	float: left;
}

.each_char{
	float: left;
	width: 117px;
}

.each_char img{
	vertical-align: bottom;
}

.char_select{
	font-size: 11px;
}

.char_select select{
	width: 6em;
}

.char_select4char select{
	width: 5em;
}

.charselect, .bgselect{
	width: 585px;
}

.bg_thumbnail{
	float: left;
	margin: 3px 10px 0 10px;
	width: 160px;
	height: 120px;
}

.bg_select{
	margin: 3px 0 0 0 ;
	width: 350px;
	height: 100px;
}

.bg_select select{
	width: 9em;
}

.editmsg, .editbgm, .editse, .editselect{
	width: 585px;
	padding: 3px 0 0 5px;
}

.bgm_select, .se_select{
	float: left;
}

.bgm_listen, .se_listen{
	left: 10px;
}

.editselect label{
	width: 80px;
}

#edit_game_form label, #publish_game_form label{
	width: 32%;
}

#publish_game_form .nolabel{
	width: 61%;
}

#edit_game_form .explain{
	width: 361px;
	clear: both;
}

.existed_event{
	clear: both;
}

.existed_message, .existed_bgm, .existed_se, .existed_bg, .existed_select{
	padding: 0 0 0px 5px;
}


.fieldChanged {
  background-color: lightgreen;
}

.fieldErrors {
  background-color: palevioletred;
}