@charset "Shift_JIS";
@import "common.css";

/* ========== subpages ========== */

/* ========== header ========== */

#header {
	width		: 750px;
	height		: 25px;
	overflow	: hidden;
	margin		: 0 auto;
}

#header #logo {
	width		: 165px;
	float		: left;
	text-align	: left;
}

h1 {
	width		: 585px;
	float		: right;
	margin		: 0;
}

/* ========== top ========== */

#top {
	width		: 750px;
	height		: 125px;
}

/* ========== left ========== */

#left {
	background	: #1E1610 url("img/submenu_frame_top.gif") no-repeat top center;
	width		: 175px;
	float		: left;
	margin		: 20px 0 0 0;
}

#left ul#submenu {
	background	: url("img/submenu_frame_bottom.gif") no-repeat bottom center;
	list-style-type	: none;
	margin		: 0;
	padding		: 30px 10px;
}

#left ul#submenu li {
	margin		: 5px 0 0 0;
}

#left ul#submenu ul {
	list-style-type	: none;
	margin		: 0 0 10px 0;
	padding		: 0 0 0 8px;
}

#left ul#submenu ul li {
	background	: url("img/submenu_listitem.gif") no-repeat 0 2px;
	margin		: 0 0 2px 0;
	padding		: 0 0 0 7px;
}

/* ========== content ========== */

#content {
	background-color: #251A15;
	width		: 563px;
	float		: left;
	border		: 1px solid #8A7161;
	margin          : 22px 0 0 10px;
	padding         : 0 0 15px 0;
}

#main_header {
	background      : transparent url(img/content_corner.gif) no-repeat 0 0;
	position        : relative;
	top             : -22px;
	left            : -11px;
	padding         : 30px 5px 0 30px;
}

#main_header h2 {
	margin		: 0.7em 0 0 0;
}

#main_header p {
	margin		: 0.5em 0 0 1em;
	padding		: 0 0 0.8em 0;
}

.request {
	width		: 90px;
	position	: relative;
	top		: -50px;
	left		: 440px;
	margin		: 0 0 -80px 0;
	padding		: 0;
}

#main_body {
	padding		: 0 15px;
}

h2, h3, h4 {
	color		: #FFF;
}

h2 {
	font-size	: 200%;
}

/* ========== item =========== */

.item {
	height		: 107px;
}

.item h3 {
	margin		: 0;
	font-size	: 120%;
}

.item_desc {
	width		: 415px;
	float		: right;
	margin		: 0;
}

.item_desc p {
	margin		: 0.5em 0;
}

/* ========== Plan ========== */

.plan h3 {
	font-size	: 180%;
	margin		: 0 0 1em 0;
}

.plan h4 {
	font-size	: 160%;
	margin		: 1em 0 0 0;
}

.ex {
	color		: #FFF;
	background	: url("img/ex_bg.jpg") no-repeat top center;
	width		: 220px;
	height		: 290px;
	float		: right;
	padding		: 25px 30px;
}

.ex table {
	color		: #FFF;
}

.ex caption {
	font-size	: 160%;
	font-weight	: bold;
	text-align	: left;
	margin		: 0 0 5px 0;
}

.ex th, .ex td {
	border-bottom	: 1px dashed #FFF;
}

.ex table ul {
	margin		: 0;
	padding		: 0 0 0 25px;
}

/* ========== Request ========== */

table.req {
	margin		: 0 0 1.5em 0;
}

table.req caption {
	font-weight	: bold;
	text-align	: left;
	margin		: 0;
}

table.req th, table.req td {
	padding		: 3px;
}

/* ========== About ========== */

dt {
	color		: #FFF;
	font-weight	: bold;
	margin		: 0 0 1em 0;
}

dd {
	margin		: 0 0 0 2em;
}

dd p {
	margin		: 0 0 0.5em 0;
}

/* ========== Dress ========== */

.dresslist img {
	margin		: 0 15px 10px 0;
}

/* ========== BBS ========== */

#commentform {
	margin		: 0 0 10px 0;
}

#commentform dl {
	clear		: both;
	height		: 20px;
	margin		: 0 0 5px 0;
}

#commentform dt {
	width		: 80px;
	float		: left;
	text-align	: right;
	margin		: 0 5px 0 0;
}

#commentform dd {
	width		: 420px;
	float		: left;
}
#commentform dd input,
#commentform dd textarea {
	width		: 250px;
}

#commentform dd textarea {
	width		: 400px;
	height		: 100px;
}

#commentform p#btn {
	clear		: both;
	text-align	: right;
	padding		: 10px 0 5px 0;
}

.comnt {
	margin		: 5px 0;
	padding		: 5px;
}

.comnt .posted {
	font-weight	: bold;
}

.comnt .comnt_body {
	margin		: 0 0 0 15px;
}