@charset "UTF-8";

/* -- HTML -- */

html {
	background-color: #e2dfde;
	}

/* -- Catalog -- */

#catalog {
	width: 800px;
	margin: 0 auto 5px;
	padding: 0;
	overflow: auto;
	}

#catalog h1 {
	text-align: left;
	width: 425px;
	margin: 30px auto;
	padding: 0;
	}

#catalog p {
	margin: 0 0 30px;
	padding: 0;
	}

dl.catalog_photo {
	margin: 0 0 15px;
	padding: 0;
	}

dl.catalog_photo dt {
	margin: 0 0 5px;
	padding: 0;
	}

dl.catalog_photo dd {
	text-align: left;
	margin: 0;
	padding: 0 3px;
	}

dl.catalog_photo img {
	border: 2px solid #5c9f14;
	}

/* -- Catalog Contents -- */

#catalog_contents {
	background-color: black;
	margin: 0;
	padding: 30px 0;
	overflow: auto;
	}

.catalog_contents {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	overflow: auto;
	}

/* -- Catalog Title -- */

#catalog_title {
	width: 800px;
	margin: 0 auto 20px;
	padding: 0;
	}

#catalog_title h2 {
	text-align: left;
	margin: 0 0 8px;
	padding: 0 5px;
	border-bottom: 2px solid #5c9f14;
	float: left;
	}

#catalog_title p {
	text-align: left;
	margin: 0;
	padding: 0 5px;
	clear: left;
	}

/* -- Color -- */

#color {
	background-color: white;
	width: 800px;
	margin: 0 auto 30px;
	padding: 10px 0;
	overflow: auto;
	}

#color h2 {
	text-align: left;
	margin: 0 0 20px;
	padding: 0 10px;
	border-bottom: 3px none #e5e5e5;
	border-left: 20px solid #e1e1d2;
	}

#color h3 {
	text-align: left;
	margin: 0 20px 15px;
	padding: 1px 0 1px 10px;
	float: left;
	clear: left;
	}

#color h4 {
	text-align: left;
	margin: 20px 30px 7px;
	padding: 0;
	}

#color h5 {
	text-align: left;
	margin: 0 30px 25px 180px;
	padding: 0;
	}

#color h6 {
	text-align: left;
	margin: 5px 30px 0;
	padding: 0;
	clear: left;
	}

#color dl {
	text-align: left;
	margin: 0 30px;
	padding: 0;
	clear: left;
	overflow: auto;
	}

#color dt {
	text-align: left;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	}

#color dd {
	text-align: left;
	width: 175px;
	padding: 0;
	float: left;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	}

#color p {
	text-align: left;
	margin: 0 30px;
	padding: 0;
	}

/* -- Panel -- */

#panel_395px {
	width: 800px;
	margin: 0 auto 20px;
	padding: 0;
	overflow: auto;
	}

.panel_395px {
	background: url(../../_img/panel_395px-back.png) no-repeat 0 bottom;
	width: 395px;
	margin: 0 0 10px;
	padding: 0;
	}

.panel_395px h2 {
	text-align: left;
	background: url(../../_img/panel_395px-h2_back.png) no-repeat;
	margin: 0;
	padding: 6px 15px 14px;
	}

.panel_395px p {
	text-align: left;
	margin: 0;
	padding: 0 15px 10px;
	clear: left;
	}

.panel_395px img {
	margin: 0 10px 10px;
	float: left;
	border: 1px solid #bfbfbf;
	}

/* -- Datail -- */

#datail {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #333;
	}

.datail {
	margin: 0;
	padding: 20px 10px;
	overflow: auto;
	border-bottom: 1px solid #333;
	}

.datail h2 {
	text-align: left;
	margin: 0 0 5px;
	padding: 0;
	}

.datail h3 {
	text-align: left;
	margin: 0 0 20px;
	padding: 0;
	}

.datail p {
	text-align: left;
	margin: 0 0 0 235px;
	padding: 0;
	}

.datail ul {
	text-align: left;
	margin: 0 0 0 235px;
	padding: 0;
	clear: left;
	overflow: auto;
	}

.datail li {
	text-align: left;
	width: 60px;
	margin: 0 0 5px;
	padding: 0;
	display: block;
	float: left;
	clear: right;
	}

.datail img {
	margin-right: 15px;
	float: left;
	}