﻿@charset "utf-8";

/*ブラウザスタイルの初期化*/

body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend {
	margin: 0;
	padding: 0;
	font-family: Verdana,Arial,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",san-serif;
}

/*font-size初期化*/

body {
	font-size: 10px;
	_font-size:62.5%;/*IE6*/
	line-height:1.4;
}

/*border初期化*/
/*margin　paddingプロパティ追加*/

img,object {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:bottom;
}

/*table設定*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*テキスト設定*/

p {
	text-align: justify;
	text-justify: distribute;
}

/*clearfix*/
/*height0.1px font-size0.1em追加*/

.clearfix:after, div:after {
    content: "."; 
    display: block; 
	height: 0.1px;  
	font-size: 0.1em;  
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}/*IE7用*/

.clear {
	clear:both;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

body {
	background-color:#FFFFCA;
	color: #333;
}

ul,
li {
	list-style:none;
}

a {
	text-decoration:underline;
	cursor: pointer;
} 

a:link {
	color: #000066;
}

a:visited {
	color: #000066;
}

a:hover {
	color: #666666;
}

a:active {
	color: #000066;
}
/*		share
-----------------------------------------------------------------*/
#mainimg {
    width: 720px;
    height: 250px;
	background:url(../image/main01.jpg) no-repeat;
}
.RGHT {
	text-align:right;
}
.floatL {
	float:left;
}
p.pagetop {
	text-align:right;
}
p.pagetop a {
	color:#006600;
	text-decoration:underline;
	padding:0 12px 0px 10px;
}
p.pagetop a:hover {
	color:#006666;
	text-decoration:none;
}

/*		全体構造
-----------------------------------------------------------------*/
div#container {
	margin:0 auto;
	background:url(../image/cont-bg.jpg) repeat-x left top;
	font-size:1.2em;
}
div#container2 {
	margin:0 auto;
	background:url(../image/cont-bg2.jpg) repeat-x left top;
	font-size:1.2em;
}
div#header {
	background:url(../image/head-bg.jpg) no-repeat;
	width:763px;
	height:265px;
	margin:0 auto;
	padding:75px 0 0 43px;
}
div#header2 {
	background:url(../image/head-bg2.jpg) no-repeat;
	width:773px;
	height:115px;
	margin:0 auto;
	padding:65px 0 0 33px;
}
div#header img {
	padding-bottom:7px;
}
div#header2 img {
	padding-bottom:0px;
}
div#gnavi {
	background:url(../image/gnavi-bg.jpg) no-repeat;
	width:806px;
	margin:0 auto;
}
div#gnavi ul {
	padding:5px 0 0 20px;
}
div#gnavi ul li {
	float:left;
	padding:0 5px 9px 0;
}
div#main {
	width:806px;
	padding:8px 0;
	margin:0 auto;
	background:url(../image/bg-y.jpg) repeat-y left top;
}

div#content-index , div#content-company , div#content-info , div#content-recruit , div#content-item , div#content-season {
	width:580px;
	padding-left:13px;
	float:left;
}
div#content-access {
	width:780px;
	padding:0 13px;
	clear:both;
}

div#side {
	width:180px;
	padding-right:13px;
	float:right;
}

div#footer {
	clear:both;
	width:806px;
	margin:0 auto;
	text-align:center;
	background:url(../image/bg-y.jpg) repeat-y left top;
}
div#footer ul {
	padding:0 0 0 190px;
}
div#footer ul li {
	float:left;
	padding:10px 2px 10px;
	color:#666666;
}
div#footer ul li a {
	text-decoration:none;
	color:#666666;
}
div#footer ul li a:hover {
	text-decoration:none;
	color:#993300;
}
div#footer address {
	clear:both;
	font-style:normal;
	background-color:#875A29;
	color:#FFFFFF;
	width:800px;
	margin-left:3px;
	line-height:1.9;
	font-size:.9em;
}
/*		ヘッダー
-----------------------------------------------------------------*/
div#header img {
	
}

/*		サイドバー
-----------------------------------------------------------------*/
div#side ul {
	padding:0 0 5px 0;
}
div#side ul li {
	padding-bottom:5px;
}
div#side div.company-head {
	background:url(../image/sidebox-head.jpg) no-repeat left bottom;
	height:20px;
}
div#side dl {
	background:url(../image/sidebox-center.jpg) repeat-y;
	padding:0 10px 4px;
}
div#side dl dt {
	text-align:center;
	color:#825626;
	font-weight:bold;
	padding-bottom:7px;
	line-height:1;
}
div#side dl dd {
	border-bottom:1px solid #B97B37;
	border-top:1px solid #B97B37;
	color:#666666;
	padding:6px 0;
}
div#side div.company-bottom {
	background:url(../image/sidebox-bottom.jpg);
	height:37px;
}
/*		インデックス
-----------------------------------------------------------------*/
div#content-index p {
	padding:4px 0 10px 5px;
	clear:both;
}
div#content-index p.link {
	padding:0;
}
div#content-index img {
	float:left;
	padding:0 5px 5px 0;
}
/*		アクセス
-----------------------------------------------------------------*/
div#content-access p img {
	float:left;
	padding:10px 0 20px 15px;
}
div#company {
	float:right;
	width:180px;
	padding:10px 10px 0 0;
}
div#company div.company-head {
	background:url(../image/sidebox-head.jpg) no-repeat left bottom;
	height:20px;
}
div#company dl {
	background:url(../image/sidebox-center.jpg) repeat-y;
	padding:0 10px 4px;
}
div#company dl dt {
	text-align:center;
	color:#825626;
	font-weight:bold;
	padding-bottom:7px;
	line-height:1;
}
div#company dl dd {
	border-bottom:1px solid #B97B37;
	border-top:1px solid #B97B37;
	color:#666666;
	padding:6px 0;
}
div#company div.company-bottom {
	background:url(../image/sidebox-bottom.jpg) no-repeat;
	height:37px;
}
/*		会社概要
-----------------------------------------------------------------*/
div#content-company table {
	margin:10px 0 0 3px ;
	border-top:1px solid #93612B;
	border-right:5px solid #93612B;
}
div#content-company table th {
	background-color:#DF9B2B;
	width:145px;
	border-bottom:1px solid #93612B;
	border-left:5px solid #93612B;
	padding:4px;
	font-size:1.2em;
	color:#FFFFFF;
}
div#content-company table td {
	border-bottom:1px solid #93612B;
	border-left:5px solid #93612B;
	padding:4px 10px;
}
/*		お問い合わせ
-----------------------------------------------------------------*/
div#content-info p {
	padding-top:10px;
}

table.mailform {
	margin:10px 0 0 0;
}
table.mailform th {
	text-align:left;
	font-size:1.2em;
	color:#FFF;
	background-color:#AF7534;
	border-bottom:1px solid #FFF;
	padding:5px 15px 3px;
	vertical-align:top;
}
table.mailform th p {
	color:#666;
}
table.mailform span {
	color:#FFF;
}
table.mailform td {
	font-size:1em;
	background-color:#F3F3F3;
	padding:5px 20px;
}
div#content-info p.send {
	text-align:center;
	padding:10px 0 0 0;
}
div#content-info input , div#content-info textarea {
	border:1px solid #666666;
}
/*		求人情報
-----------------------------------------------------------------*/
div#content-recruit h4 {
	color:#97652D;
	font-size:1.2em;
	padding:5px 0 10px 5px;
}
div#content-recruit p {
	color:#FF0000;
	font-weight:bold;
	font-size:1.2em;
}
div#content-recruit table {
	border-top:1px solid #BB7C37;
	border-right:1px solid #BB7C37;
	margin-bottom:10px;
	margin-left:10px;
}
div#content-recruit table th {
	background-color:#DF9B2B;
	color:#FFFFFF;
	font-weight:normal;
	width:140px;
	border-bottom:1px solid #BB7C37;
	border-left:1px solid #BB7C37;
	font-size:1.2em;
}
div#content-recruit table td {
	border-bottom:1px solid #BB7C37;
	border-left:1px solid #BB7C37;
	padding:0 0 0 10px;
}
/*		季節の商品
-----------------------------------------------------------------*/
div#content-season p {
	padding:10px 0 0 10px;
}
div#content-season table {
	border-top:1px solid #454214;
	border-left:1px solid #454214;
	margin-left:10px;
	margin-top:10px;
}
div#content-season table th {
	background-color:#FBFBB9;
	border-bottom:1px solid #454214;
	border-right:1px solid #454214;
	font-weight:normal;
	padding:2px 0;
	width:138px;
}
div#content-season table td {
	border-bottom:1px solid #454214;
	border-right:1px solid #454214;
	text-align:center;
	padding:10px 0;
	font-size:1.2em;
}
div#content-season table td.img {
	padding:0;
}
/*		製品紹介
-----------------------------------------------------------------*/
div#content-item p {
	padding:10px 0 0 10px;
}
div#content-item table {
	border-top:1px solid #454214;
	border-left:1px solid #454214;
	margin-left:10px;
	margin-top:10px;
}
div#content-item table th {
	background-color:#FBFBB9;
	border-bottom:1px solid #454214;
	border-right:1px solid #454214;
	font-weight:normal;
	padding:2px 0;
	width:138px;
}
div#content-item table td {
	border-bottom:1px solid #454214;
	border-right:1px solid #454214;
	text-align:center;
	padding:10px 0;
	font-size:1.2em;
}
div#content-item table td.img {
	padding:0;
	text-align:center;
	vertical-align:middle;
	width:138px;
	background-color:#EFEFEF;
}