/* --------------------------------------------------
	2007/9/23
	「morea」
 --------------------------------------------------- */
@charset "utf-8";

/***************************
  base 
***************************/
/* other */
*{ margin:0;padding:0;}
img{border:none;vertical-align:top;}
.clear{clear:both;}
p {margin:0;padding:0;}
b,strong { color:#f00;}

/* link */
a {color:#595858;text-decoration:underline;}
a:hover {text-decoration:underline;color:#360;}

/* body */
body {
	margin:0;
	padding:0;
	text-align:left;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:#240908 url(image/background.jpg) repeat left top;
	line-height:17px;
	letter-spacing:0;
	color:#595858;

	}
/* safari only \*/
html:\66irst-child body,
html:\66irst-child table{
	font-size:10px;
}
/* end */

table {
	font-size:12px;
	text-align:left;
	}

/***************************
  font-color
***************************/
.font-color-gray {
	color:#888888;
	}
	
.font-color-black {
	color:#595858;
	}	

.font-color-orange {
	color:#FF9933;
	}
	
.font-color-red {
	color:#FF0000;
	}
	
.font-color-heabyred {
	color:#D20000;
	}	
	
	
/***************************
  all 
***************************/
/* main-layout*/
div#container {
	width:809px;
	text-align:center;
	margin: 0 auto;
	}
	
div#back {
	width:100%;
	background:#240908;
	}

div#wrapper{
	width:100%;
	background: url(image/main-background.jpg) repeat-y center top;
	float:left;
	}
	
div#wrapper-category{
	width:100%;
	background: url(image/main-background-category.jpg) repeat-y center top;
	float:left;
	}
	
div#content {
	margin:10px 14px;
	}
	
div#header-back {
	width:100%;
	height:100px;
	background-color:#240908;
	}
	
div#footer-back {
	width:100%;
	height:288px;
	background-color:#240908;
	}
	

/***************************
  header 
***************************/
div#header {
	width:100%;
	}
	
	
/***************************
  footer 
***************************/
div#footer {
	width:100%;
	height:34px;
	background:url(image/footer.jpg);
	clear:both;
	text-align:center;
	}
	
div#footer2 {
	width:100%;
	height:34px;
	background:url(image/footer_category.jpg);
	clear:both;
	text-align:center;
	}
	
#footer p,
#footer2 p{
	line-height:34px;
	color:#d1c4ab;
	font-size:12px;
	}
	
#footer p a,
#footer2 p a{
	color:#d1c4ab;
	}	
	
	
/***************************
  main
***************************/
div.main {
	padding-bottom:30px;
	}
	
	
/* finding */
h2 {
	padding:5px 0 3px 8px;
	font-size:120%;
	font-weight:bold;
	border-bottom:1px solid #555;
	border-left:6px solid #555;
	clear:both;
	}

h3 {
	font-size:110%;
	border-left:10px solid #333333;
	padding-left:10px;
	background:#eee;
	}

h2 a {
	color:#222;
	}

h3 a {
	color:#222;
	}


/***************************
  page 
***************************/
dl#news {
	width:307px;
	height:140px;
	overflow:auto;
	background:#fff;
	}
	
dl#news dt{
	margin:10px 10px 0px 10px;
	}
	
dl#news dd{
	margin:0 10px 5px 10px;
	border-bottom:1px dotted #000;
	}
	
div#pro1,
div#pro2,
div#pro3,
div#pro4 {
	width:148px;
	height:376px;
	float:left;
	position:relative;
	}
	
div#pro1 p,
div#pro2 p,
div#pro3 p,
div#pro4 p{
	position:absolute;
	top:100px;
	padding:0 8px;
	display:block;
	color:#FFFFFF;
	font-size:10pt;
	line-height:130%;
	}
	
div#pro1 { background-image:url(image/pro-01.jpg);
			background-repeat: no-repeat;
	}
div#pro2 { background-image:url(image/pro-02.jpg);
			background-repeat: no-repeat;
	}
div#pro3 { background-image:url(image/pro-03.jpg);
			background-repeat: no-repeat;
	}
div#pro4 { background-image:url(image/pro-04.jpg) ;
			background-repeat: no-repeat;
	}
	
/***************************
  option 
***************************/
.img-left{
	float:left;
	}
	
.img-right {
	float:right;
	}

	
/***************************
  table
***************************/
table.sheet-c,
table.sheet-l
{
	padding-bottom:10px;
	}

table.sheet-c table,
table.sheet-l table{
	font:12px "ＭＳ Ｐゴシック", Osaka;
	border-collapse:collapse;
	border:1px solid #ccc;
	border-spacing:0;
	empty-cells:show;
	}

table.sheet-c th,
table.sheet-l th{
	padding:5px;
	border:1px solid #ccc;
	background:	#F1F5F6;
	font-weight:normal;
	text-align:center;
	}

table.sheet-c td,
table.sheet-l td{
	padding:5px;
	border:1px dotted #ccc;
	text-align:center;
	}

table.sheet-l table,
table.sheet-l th,
table.sheet-l td{
	text-align:left;
	}


/***************************
  form
***************************/
input.form {
	padding:3px;
	border:1px solid #aaa;
	}
	
input.form:focus,
textarea:focus{
	background-color:#fee;
	}
	
textarea{
	padding:3px;
	border:1px solid #aaa;
	}

.input-no-line {
	border:none;
	}
	
fieldset {
	padding:10px;
	}
	
fieldset textarea{
	margin:0 0 10px 0;
	}
	
legend {
	padding:0 10px;
	}