@charset "UTF-8";
@import "archive.css";

/* スタイルのリセット */
body,div,ul,li,ol,h1,h2,h3,p,form,fieldset,input,p,blockquote,th,td,dt,dd {
margin:0;
padding:0;
line-height: 1.4em;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
em,th,var {
font-style:normal;
font-weight:normal;
}

/* 全体 */
html {
min-width:
834px;
}
html body {
margin:0 auto;
text-align: center;
padding:0;
background-color:#fff;
color: #666;
font-size: 100%;
font-family:
Verdana,
Arial,
Meiryo,
"メイリオ",
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3",
Osaka,
"MS P Gothic",
"ＭＳ Ｐゴシック",
sans-serif;
text-align: center;
}

/* テキスト系 */

a {
	text-decoration: none;
	}
a:hover {
	text-decoration:underline;
	}
a:visited{
	}
a:active{
	}
a:focus{
	outline: none;
	}
.clear {
	clear: both;
	line-height: 0px;
	}
.bold {
	font-weight: bold;
	}
li{
	list-style: none;
	}
.right{
	text-align: right;
	}
.pan{
	font-size: 80%;
	text-align: right;
	margin-bottom: 10px;
	}
h1.toph1{
	font-size: 80%;
	font-weight: bold;
	padding-left: 10px;
	margin: 3px 0;
	}

/* レイアウト */

.whole{
	margin:0 auto;
	padding: 10px 0px;
	width: 834px;
	background: #fff url("../image/back.gif") repeat-y;
	font-size: 90%;
	}
#contain{
	margin: 0px 17px;
	text-align: left;
	width: 800px;
	border-top: 5px solid #5f5033;
	}
#content{
	background: #fff url("../image/contentback.gif") repeat-y;
	width: 800px;
	}
#content:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#head{
	}
	
#main{
	padding-top: 15px;
	float: right;
	width:580px;
	padding-right: 5px;
	}

#navi{
	float: left;
	width: 199px;
	background: #f1f1f1;
	}

#foot{
	clear: both;
	background: #604e38;
	width: 800px;
	}

/* head *//* tabs */
#tabs {
	width: 800px;
	clear:both;
	height:40px;
	background: url("../image/g-navi_back.gif") repeat-x;
	margin: 0px;
	padding: 0px;
	}

#tabs li {
	float: left;
	padding: 0px 11px;
	list-style: none;
	width: 110px;
	height: 40px;
	text-indent: -2000px;
	}
#tabs li a {
	display: block;
	width: 110px;
	height: 40px;
	}
#tabs li.home a {
	background: url("../image/g-navi_01.gif") no-repeat;
	}
#tabs li.concept a {
	background: url("../image/g-navi_02.gif") no-repeat;
	}
#tabs li.gallary a {
	background: url("../image/g-navi_03.gif") no-repeat;
	}
#tabs li.brand a {
	background: url("../image/g-navi_04.gif") no-repeat;
	}
#tabs li.access a {
	background: url("../image/g-navi_05.gif") no-repeat;
	}
#tabs li.inquiry a {
	background: url("../image/g-navi_06.gif") no-repeat;
	}

#tabs li a:hover {
	background-position: 0px -40px;
	}

#tabs a:link, #tabs a:visited {
	}

#tabs a.active:link, #tabs a.active:visited, #tabs a:hover {
	background-position: -40px;
	}

/* main */
#new {
	width: 580px;
	}
#new div.newentries {
	width: 280px;
	padding: 0 4px;
	float: left;
	}
div.newentries h3 {
	font-weight: bold;
	font-size: 100%;
	margin: 10px 0 3px 3px;
	width: 270px;
	}
div.newentries p {
	float: left;
	padding-left: 5px;
	width: 160px;
	font-size: 90%;
	}
div.newentries p.tosyousai {
	float: right;
	margin-left: 5px;
	width: 100px;
	}
p.tosyousai {
	float: right;
	margin-left: 5px;
	width: 100px;
	}
p.toshousai img {
	margin: 0px;
	padding: 0px;
	}
span.price {
	color: red;
	}
#aisatu {
	clear: both;
	width: 580px;
	height: 130px;
	background: url("../image/aisatu.gif") no-repeat;
	}
#aisatu p {
	width: 390px;
	height: 110px;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 11px;
	line-height: 1.7em;
	overflow: hidden;
	}

/* navi */
#jisya {
	width: 199px;
	background: #fff;
	padding-bottom: 3px;
	text-align: center;
	font-size: 85%;
	}
#navi ul {
	padding: 5px 0px 0px 10px;
	background: #f1f1f1;
	
	}
#navi ul li {
	margin: 7px 0;
	}
#navi ul a:link img, #navi ul a:visited img{
	border: 1px solid #ddd;/* バナーのまわり */
	}

#navi ul a.active:link img, #navi ul a.active:visited img, #navi ul a:hover img{
	border: 1px solid #604e38;/* リンク時バナーのまわり */
	}


/* foot */
#foot p {
	color: #fff;
	font-size: 80%;
	}
p.foot_navi1 {
	float: left;
	padding: 8px;
	text-align: left;
	line-height: 1.1em;
	}
p.foot_navi2 {
	float: right;
	padding: 15px 8px 5px;;
	text-align: right;
	line-height: 1.2em;
	}

/* blog */
#blog_menu div.widget {
	float: left;
	margin-left: 2px;
	width: 135px;
	}
#blog_menu {
	border-top:1px solid #CCCCCC;
	padding-top: 10px;
	margin: 0px 10px;
	height: 170px;
	overflow: auto;
	}
div.widget-calendar td,div.widget-calendar th {
	text-align: right;
	}
.entry-asset div.entry_body {
	margin: 0 10px;
	}


/* ---------- inquiry-content ---------- */
/* inquiry_form style_sheet */

#FORM {
	color:#303030;
	font-size:12px;
	margin: 0 30px;
}

/* テーブルレイアウト(申込フォーム用) */
#FORM table{ background-color:#FFFFFF; border-collapse: collapse; border: 1px #999999 solid;
			 table-layout: fixed; margin: 0; font-size:12px;}
#FORM th{ font-weight:normal; color:#333333; text-align:left; vertical-align:top; background-color:#eeeeee;
		 border-style:solid; border-color:#999999; border-width:1px 1px; padding:10px 6px 6px 15px; width:130px; }
#FORM td{ border-style:solid; border-color:#999999; border-width:1px 1px; padding:2px 6px 6px 15px;
		  text-align:left; vertical-align:top; line-height:15pt; width:370px; }


/* 必須、コメント、エラー */
#FORM .form_error{ color:red; margin: 0; }
#FORM .form_required{ color:red; font-size:9px; }
#FORM .form_comment{ color:#886600; font-size:9px; line-height:10pt;}


/* フォーム */
#FORM input,#FORM textarea,#FORM select{margin:4px 1px 0 1px; }

/* フォームテキストサイズ */
#FORM .form_input_size01{ width:50px; }
#FORM .form_input_size02{ width:100px; }
#FORM .form_input_size03{ width:150px; }
#FORM .form_input_size04{ width:200px; }
#FORM .form_input_size05{ width:250px; }
#FORM .form_input_size06{ width:340px; }
#FORM .form_input_size07{ width:400px; }