* {
	font-size:13px;
	line-height:1.5em;
}

body {
	margin:0px;
	padding:0px;
	background-color:white;
}

input {
	margin:0px;
	padding:0px;
}

form {
	margin:0px;
	padding:0px;
}

#wrapper {
	clear:both;
	width:800px;
	margin:30px auto;
}

#main {
	border:1px solid silver;
	padding:20px;
	padding-bottom:20px;
}

#adv {
	padding-top:10px;
	text-align:center;
}

#header {
	height:36px;
	border-bottom:0px solid navy;
	color:black;
	padding-right:30px;
}

#header h1 {
	margin:0px;
	padding:0px;
	float:left;
	width:240px;
	padding-left:5px;
	padding-top:1px;
}

#header ul {
	padding:0px;
	margin:0px;
	float:right;
	width:460px;
}

#header li {
	float:right;
	list-style:none;
	height:20px;
	padding:0px;
	margin:0px 10px;
}

#header li A {
	font-size:11px;
	color:navy;
	text-decoration:none;
	display:block;
}

#menu_login {
	width:57px;
}

#menu_logout {
	width:66px;
}

#menu_portal {
	width:91px;
}

#menu_player {
	width:52px;
}

#menu_update {
	width:52px;
}

#menu_top {
	width:54px;
}

#menu_lost {
	width:56px;
}


#menu_login:hover {

}

#menu_logout:hover {

}

#menu_portal:hover {

}

#menu_player:hover {

}

#menu_update:hover {

}

#menu_top:hover {

}

br.clear {
	clear:both;
}

#main h2 {
	font-size:16px;
	border-left:10px solid navy;
	margin:0px;
	padding:0px;
	padding-left:8px;
	margin-bottom:10px;
}

#main h3 {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	border-bottom:2px solid brown;
	font-size:13px;
}


#login_area {
	border:1px solid silver;
	width:300px;
	margin:10px auto;
	margin-top:40px;
	padding:20px;
	padding-bottom:40px;
}

#login_area table {
	width:100%;
	border-collapse:collapse;
}

div.error,
div.error_box {
	color:red;
	border:1px solid red;
	padding:10px;
	text-align:center;
	line-height:1.5em;
	margin-bottom:10px;
}

div.pager {
	margin:5px 0px;
	text-align:left;
}

div.pager p {
	padding:0px;
	margin:0px;
	line-height:1.0em;
}

table.edit {
	width:100%;
	border-collapse:collapse;
}

table.edit th,
table.edit td {
	border:1px solid gray;
	font-size:13px;
	padding:8px 14px;
	background-color:white;
	color:black;
}

table.edit th {
	background-color:silver;
	color:black;
}

table.edit td.confirm {
	color:green;
}

table.edit th.child {
	background-color:#FFFFFF;
	color:black;
}

table.edit td textarea {
	width:500px;
	height:200px;
	font-size:13px;
}

p.caution {
	padding:5px;
	font-size:12px;
	color:orange;
	background-color:#FFFFCC;
}

span.caution {
	color:navy;
	font-size:11px;
	margin-left:10px;
}

div.edit_button {
	margin-top:5px;
}

div.edit_button input {
	width:150px;
}

div.edit_button input.l {
	color:red;
}

div.edit_button input.r {
	color:green;
}

span.no_data {
	font-size:90%;
	color:silver;
}

#chara_area {
	width:550px;
	float:left;
}

#message_area {
	width:290px;
	float:right;
}

#message_area div {
	padding:0px;
	margin:0px;
	margin-left:20px;
	padding:0px;
}

div.chara_box {
	float:left;
	width:110px;
	height:150px;
	text-align:center;
	font-size:11px;
}

#room_map {
	position:relative;
	background-image:url("../images/common/map.gif");
	width:550px;
	height:200px;
	margin-bottom:15px;
	font-size:13px;
}

#room_map A {
	text-decoration:none;
	color:black;
}

#room_map A:hover {
	color:orange;
}

#point1 {
	position:absolute;
	top:92px;
	left:50px;
	font-size:12px;
}

#point2 {
	position:absolute;
	top:57px;
	left:180px;
	font-size:12px;
}

#point3 {
	position:absolute;
	top:92px;
	left:420px;
	font-size:12px;
}

#point4 {
	position:absolute;
	top:127px;
	left:180px;
	font-size:12px;
}

#point5 {
	position:absolute;
	top:62px;
	left:320px;
	font-size:12px;
}

#point6 {
	position:absolute;
	top:122px;
	left:320px;
	font-size:12px;
}

#point7 {
	position:absolute;
	top:92px;
	left:200px;
	font-size:12px;
}

#talk_form dt {
	padding:0px;
	margin:0px;
	width:110px;
	float:left;
	text-align:center;
}

#talk_form dd {
	padding:0px;
	margin:0px;
	width:420px;
	float:left;
	margin-bottom:20px;
}

#talk_form dd textarea {
	width:420px;
	height:180px;
}

#talk_form dd input {
	width:420px;
}

#talk_list {
	padding:0px;
	margin:0px;
}

#talk_list dt {
	padding:2px 5px;
	margin:0px;
	font-weight:bold;
	color:#993333;
	border:1px solid black;
	border-bottom-width:0px;
}

#talk_list dd {
	padding:0px;
	margin:0px;
	padding-left:10px;
	margin-bottom:20px;
	border:1px solid black;
	border-top-width:0px;
}

#talk_list dd p {
	padding:0px;
	margin:0px;
	padding-right:5px;
	font-size:80%;
	text-align:right;
}

#talk_list dd.mood {
	border:1px solid black;
	background-color:#FFEEEE;
	padding-top:2px;
}

#talk_list dd.move {
	border:1px solid black;
	background-color:#EEFFEE;
	padding-top:2px;
}

#talk_list dd.atlas {
	border:1px solid black;
	background-color:#EEEEFF;
	padding-top:2px;
}


/*--------------------------------
 ƒAƒgƒ‰ƒX
----------------------------------*/
#atlas_map {
	width:560px;
}

#atlas_map p {
	margin:0px;
	padding:0px;
	font-size:1px;
	float:left;
	width:14px;
	height:14px;
}

#atlas_map p A {
	display:block;
	text-decoration:none;
	width:14px;
	height:14px;
}

#atlas_map p.g {
	background-image:url("../images/atlas/g.gif");
}

#atlas_map p.o {
	background-image:url("../images/atlas/o.gif");
}

#atlas_map p.h {
	background-image:url("../images/atlas/h.gif");
}

#atlas_map p.w {
	background-image:url("../images/atlas/w.gif");
}

#atlas_map p.l {
	background-image:url("../images/atlas/l.gif");
}

#atlas_map p.b {
	background-image:url("../images/atlas/b.gif");
}

#atlas_map p.f1 {
	background-image:url("../images/atlas/f1.gif");
}

#atlas_map p.f2 {
	background-image:url("../images/atlas/f2.gif");
}

#atlas_map p.f3 {
	background-image:url("../images/atlas/f3.gif");
}

#atlas_map p.f4 {
	background-image:url("../images/atlas/f4.gif");
}

#atlas_map p.f5 {
	background-image:url("../images/atlas/f5.gif");
}

#atlas_map p.f6 {
	background-image:url("../images/atlas/f6.gif");
}

#atlas_map p.f7 {
	background-image:url("../images/atlas/f7.gif");
}

#atlas_map p.f8 {
	background-image:url("../images/atlas/f8.gif");
}

#atlas_map p.f9 {
	background-image:url("../images/atlas/f9.gif");
}

#atlas_map p.f10 {
	background-image:url("../images/atlas/f10.gif");
}

#atlas_map p.f11 {
	background-image:url("../images/atlas/f11.gif");
}

#atlas_map p.f12 {
	background-image:url("../images/atlas/f12.gif");
}

#side {
	float:right;
	width:260px;
}

#side dl.face {
	margin:0px;
	padding:0px;
	width:260px;
}

#side dl.face dt {
	margin:0px;
	padding:0px;
	float:left;
	width:110px;
}

#side dl.face dd {
	margin:0px;
	padding:0px;
	float:left;
	width:150px;
}

#side select {
	width:260px;
}

#side div.mule {
	display:none;
}

#side div.mule dl {
	margin:0px;
	padding:0px;
	width:150px;
}

#side div.mule dt {
	width:150px;
	background-color:#EEEEFF;
}

#side div.mule dd {
	padding:2px 5px;
	font-size:12px;
}

#side dl.xy {
	margin:0px;
	padding:0px;
	width:260px;
	margin-top:10px;
	padding-bottom:10px;
}

#side dl.xy dt {
	margin:0px;
	padding:0px;
	float:left;
	width:110px;
	background-color:#EEEEFF;
}

#side dl.xy dd {
	margin:0px;
	padding:0px;
	float:left;
	width:150px;
	text-align:right;
}

#side dl.xy select {
	width:50px;
}

#side input.wide {
	width:260px;
}

#side div.mule_list {
	border:1px solid black;
	padding:5px 10px;
	margin:5px 0px;
	display:none;
}

#side div.mule_list h4 {
	padding:0px;
	margin:0px;
	color:darkgreen;
	border-bottom:1px solid darkgreen;
}

#side #history_list {
	margin:0px;
	padding:10px;
	border:1px solid black;
	margin-top:20px;
}

#side #history_list dt {
	background-color:#EEEEFF;
}

#side #history_list dd {
	margin-left:5px;
	margin-bottom:10px;
}

div.contents {
	margin-bottom:20px;
	margin-left:20px;
}

div.contents ul {
	margin:0px;
	padding:0px;
	padding-left:20px;
}

div.contents li {

}

div.contents p {
	margin-left:10px;
}

div.contents b {
	color:navy;
}

div.contents dt {
	font-weight:bold;
	color:navy;
}

div.contents dd {
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-bottom:15px;
	padding-left:20px;
}

div.contents dd A {
	color:navy;
	text-decoration:none;
}

#available {
	padding:0px;
	margin:5px 0px;
	margin-top:30px;
}

#available li{
	float:left;
	text-align:center;
	width:140px;
	height:160px;
	list-style:none;
	color:darkgreen;
	font-size:12px;
}

#available li A {
	color:navy;
	font-size:16px;
	text-decoration:none;
}

#guide b {
	color:DARKGREEN;
}