* {
	margin:0px;
	padding:0px;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}
body {
	margin:8px 10px 0px;
	padding:0px;
	font-size:12px;
	line-height:1;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;
}
form {
	display:inline;
}
table, td {
	border-width:0;
	border-collapse:collapse;
}
textarea {
	padding:2px;
	border-width:1px;
	border-style:solid;
	border-color:#aaaaaa;
	border-radius:3px;
	line-height:1;
	font-size:12px;
}
select {
	height:19px;
	margin:0 0 2px;
	border-width:1px;
	border-style:solid;
	border-color:#aaaaaa;
	border-radius:3px;
	vertical-align:bottom;
	line-height:1;
	font-size:12px;
}
input {
	vertical-align:middle;
}
input[type="text"],
select,
textarea { 
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;
}
input[type="text"],
select,
textarea {
	background-color:#dde;
}
input[type="text"]:focus,
select:focus,
textarea:focus {
	background-color:#eef;
}
a,
div,
input,
select,
textarea,
.c_view {
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
}
input[type="text"] {
	height:19px;
	padding:0px 2px;
	border-width:1px;
	border-style:solid;
	border-color:#aaaaaa;
	border-radius:3px;
	font-size:12px;
}

input[type="button"],
input[type="submit"] {
	height:19px;
	padding:0;
	border-width:1px;
	border-style:solid;
	border-color:#778;
	border-radius:3px;
	background-color:#bbc;
	background-image: -webkit-linear-gradient(      top, rgba(255,255,255,0.5), rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3));
	background-image:    -moz-linear-gradient(      top, rgba(255,255,255,0.5), rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3));
	background-image:      -o-linear-gradient(      top, rgba(255,255,255,0.5), rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3));
	background-image:         linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#00ffffff')";
	color:#000;
	text-shadow:0px 1px 1px #fff;
	line-height:12px;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;
	font-weight:bold;
}
input[type="button"].dice { border-color:#b55; background-color:#f99; }
input[type="button"].rate { border-color:#b95; background-color:#fb7; }
input[type="button"].dxdc { border-color:#55b; background-color:#99f; }
input[type="button"].sfdc { border-color:#a94; background-color:#dc5; }
input[type="button"].agdc { border-color:#596; background-color:#7c9; }
input[type="button"].gedc { border-color:#b64; background-color:#e85; }

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="submit"]:focus {
	border-color:#59b;
	background-color:#adf;
	color:#000;
}
input[type="button"]:active,
input[type="submit"]:active {
	background: -webkit-linear-gradient(      top, #ace, #def);
	background:    -moz-linear-gradient(      top, #ace, #def);
	background:      -o-linear-gradient(      top, #ace, #def);
	background:         linear-gradient(to bottom, #ace, #def);
	color:#000;
}
#side {
	clear:both;
}

#leave {
	position:fixed;
	top:8px;
	right:2px;
}
#refresh {
	position:fixed;
	right:2px;
	bottom:5px;
}

#contents {
	overflow:hidden;
	margin-right:55px;
}
#contents input {
	margin-bottom:2px;
}
#contents input[type="button"],
#contents input[type="submit"] {
	width:50px;
}
.left {
	float:left;
	width:45%;
	padding-right:10px;
	white-space:nowrap;
}
.center {
	float:left;
	width:25%;
	padding-right:10px;
	white-space:nowrap;
}
.right {
	float:left;
	width:30%;
	white-space:nowrap;
}
.left td,
.right td {
	white-space:nowrap;
	vertical-align:bottom;
	text-align:right;
	line-height:15px;
}
.left td:first-child {
	text-align:left;
}
#commarea { margin:0px 80px 0px 52px; }
#status table,
#npc_line,
#npc_line table,
#dice_upper table,
#dice_lower table { width:100%; table-layout: fixed; }

#dice_lower table td b { display:block; text-align:center; }

#status table input[type="text"],
#status table input[type="button"],
#npc_line input[type="text"],
#npc_line input[type="button"],
#code_line input[type="text"],
#dice_lower input[type="text"],
#dice_lower select { width:100%; }

#code_line table{ margin-left:-3px; }
#code_line input[type="button"]{ width:20px; }
#code_line td{ text-align:right; }

#npc_line .colorbox {
	text-align:right;
}

#gamesystem {
	text-align:right;
}
#gamesystem select {
	vertical-align:middle;
}