@charset "utf-8";

/*--- reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
}

table {
border-collapse:collapse;
border-spacing:0;
}

caption,th {
text-align:left;
}

q:before,q:after {
content:'';
}

object,
embed {
vertical-align:top;
}

hr,legend {
display:none;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

img,abbr,acronym,fieldset {
border:0;
}

li {
list-style-type:none;
}

body {
color:#333;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:#f8faf2;
}

a{color:#88a716;text-decoration:none;}
a:hover{color:#a1c030;}
a:active, a:focus {outline:0;}


/*全体*/
#wrapper{
margin:0 auto;
width:960px;
background:#fff;
}


/*枠*/
.border{
border:4px solid #ebebeb;
}



/* ヘッダー*/
#header{
height:100px;
}

#header h1{
padding:5px 0 10px 10px;
font-size:12px;
font-weight:normal;
}


/* ロゴ*/
.logo{float:left;}

.logo img{
float:left;
padding:0 5px 0 10px;
}
/* 電話番号*/
.info{
padding-right:20px;
text-align:right;
}

.info .open{font-size:1.1em;}



/* ロゴ+電話番号*/
.logo,.info .tel{
	color:#88a716;
	font-size:24px;
	font-weight:bold;
	padding-left: 20px;
}

.logo span,.info span{
color:#333;
font-size:.6em;
font-weight:normal;
}



/* トップナビゲーション*/
ul#topnav{
clear:both;
overflow:hidden;
padding:0 14px;
background:url(img/topnav2.png);
}

* html ul#topnav{height:1%;}

ul#topnav li {
float:left;
text-align:center;
}

ul#topnav li.last{border-right:1px solid #a2c71a;}

ul#topnav a{
font-size:13px;
display:block;
width:115px;
height:45px;
padding-top:15px;
color:#fff;
background:url(imag/topnav1.png);
border-left:1px solid #a2c71a;
}

ul#topnav span {
color:#deeab1;
font-size:10px;
}

ul#topnav li.active a,ul#topnav a:hover{
color:#fff;
background-position:0 -60px;
padding-top:15px;
}



/* メイン画像（トップページ）*/
#mainImg2{
	width:950px;
	height:250px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
overflow:hidden;
}

#mainImg2 img{ padding:0; margin:0; }
#mainImg2 p{ padding:0; margin:0; }
#mainImg2 a{ padding:0; margin:0; }
#mainImg2 a:hover{ padding:0; margin:0; }

#mainImg h2{
color:#4b4138;
width:400px;
padding:105px 0 20px 75px;
font-size:20px;
}

#mainImg p{
color:#4b4138;
width:460px;
padding:0 0 0 75px;
}

#imgc {
	width:924px;
	margin-bottom: 10px;
}

#imgl {
	width:924px;
}

/* ニュース*/
#righ {
	width:235px;
	float:right;
	padding-top: 0px;
}

#left {
	width:647px;
	float:left;
	padding-left: 30px;
}	

		
		#left .tpc {
	width:530px;
	margin-top: 49px;
	margin-right: auto;
	margin-left: 20px;
	background-image: url(img/top/news.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
		#left .tpc p {border-bottom:1px #CCCCCC solid; padding:6px 20px 6px 35px; margin:0;}
		
#left table {margin:0 auto;}
	#left table td {width:224px; background:url(../img/top/cellb.jpg) bottom no-repeat; padding:0 0 36px 0; vertical-align:top;}
	
	#left h3 {width:224px; height:66px; text-indent:-9999px; font-size:12px; line-height:12px;}
	#left h3 a {width:224px; height:63px; display:block;}
	
#img {
	width:950px;
	font-size:10px;
	line-height:10px;
	clear:both;
	height: 145px;
	margin-right: auto;
	margin-left: auto;
}

#newsw {
	padding-top: 52px;
	padding-right: 32px;
	padding-left: 52px;
	background-image: url(img/top/newsb.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#newsu {
	width: 647px;
	height: 20px;

}
/* メイン画像（サブページ）*/
#main_web{
	width:922px;
	height:140px;
	border:4px solid #ebebeb;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(img/web/main.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#main_design{
	width:922px;
	height:140px;
	border:4px solid #ebebeb;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(img/design/main.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#main_event{
	width:922px;
	height:140px;
	border:4px solid #ebebeb;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(img/event/main.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#main_signboard{
	width:922px;
	height:140px;
	border:4px solid #ebebeb;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(img/signboard/main.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}


#main_products{
	width:922px;
	height:140px;
	border:4px solid #ebebeb;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(img/products/main.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#main_flow{
	width:922px;
	height:140px;
	border:4px solid #ebebeb;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(img/flow/main.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#main_company{
	width:922px;
	height:140px;
	border:4px solid #ebebeb;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(img/company/main.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#mainImgSub p{
color:#4b4138;
width:460px;
padding:0 0 0 35px;
}

#clr {
	width:960px;
	font-size:10px;
	line-height:10px;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}


/* トップページ　6つのボックス*/
#boxContainer
 .box{
float:left;
width:278px;
margin:0 0 20px 15px;
padding:10px;
border:1px solid #ebebeb;
overflow:hidden;
}



* html #boxContainer .box{margin-left:10px;}

#boxContainer .box{text-align:center;}

.box h3{padding:10px 0 5px;}

.box h3, .box p{text-align:left;}

.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}

/* 中ページ　3つのボックス*/
#boxContainer2 .box2{
	float:left;
	width:130px;
	border:1px solid #ebebeb;
	margin: 10px;
	height: 190px;
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
}

#boxContainer .box img{

}

* html #boxContainer .box{margin-left:20px;}

#boxContainer .box{text-align:center;}

.box2 h3{padding:10px 0 5px;}

.box2 h3, .box p{text-align:left;}

.box2 p.readmore{
padding:10px 5px 5px;
text-align:right;
}

/* 中ページ　4つのボックス*/
#boxContainer4 .box4{
	float:left;
	width:130px;
	border:1px solid #ebebeb;
	margin: 10px;
	height: 220px;
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
}

#boxContainer .box img{

}

* html #boxContainer .box{margin-left:20px;}

#boxContainer .box{text-align:center;}

.box4 h3{padding:10px 0 5px;}

.box4 h3, .box p{text-align:left;}

.box4 p.readmore{
padding:10px 5px 5px;
text-align:right;
}



/*メイン（右側）コンテンツ*/
#main{
	float:right;
	width:717px;
	padding-right:15px;
	display:inline;
	padding-top: 10px;
}

.article{
padding:20px;
margin-bottom:20px;
border:1px solid #ebebeb;
overflow:hidden;
}

* html .article{height:1%;}

.article p{margin-bottom:10px;}

.article h4{clear:both;}

#main h2{
font-weight:normal;
padding:0 10px;
line-height:28px;
color:#fff;
background:url(img/heading3.png) repeat-x 0 0;
}

#main h3{
font-weight:normal;
padding:0 10px;
line-height:28px;
color:#fff;
background:url(img/heading3.png) repeat-x 0 0;
}

.alignleft{
float:left;
clear:left;
margin:0 10px 10px 0;
}
.alignright{
float:right;
clear:right;
margin:0 0 10px 10px;
}

.gallery{padding:10px 0;}

.gallery img{
float:left;
margin:10px 0 2px 10px;
}


/*テーブル*/
table{
	border-collapse:collapse;
	width:670px;
	margin:5px auto 15px auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table th{
background-color:#F5F5F5;
text-align:right;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}


/*サイド（左側）コンテンツ*/
#sidebar {
float:left;
width:195px;
padding:10px 0 0 15px;
}

#sidebar .article{padding:7px;}

#sidebar p{margin-bottom:18px;}

#sidebar h3{
font-weight:normal;
padding:0 10px;
line-height:28px;
color:#fff;
background:url(img/heading3.png) repeat-x 0 0;
}

#sidebar ul{padding-top:10px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dashed #ebebeb;
}

#sidebar li.last{
border:0;
margin-bottom:0px;
}

#sidebar li a{display:block;}

#sidebar .section{
clear:both;
padding:5px 0;
}

#sidebar .section img{
float:left;
margin-right:5px;
}

#sidebar .section{
font-size:12px;
line-height:1.35;
}

/* フッター*/
#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
background:#eef4d8;
}

* html #footer{height:1%;}

#footer #info{
float:left;
padding:10px 0 5px;
width:330px;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:10px 0 0 10px;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer .info .tel,#footer .info .tel span,#footer #info .open{font-size:12px;}

#footer ul.footnav{
	float:right;
	width:605px;
	padding-top: 20px;
	padding-right: 15;
	padding-bottom: 10px;
	padding-left: 0;
}

#footer ul.footnav li{
float:right;
margin-bottom:10px;
padding:0 7px 0 8px;
border-right:1px solid #b6b6b6;
}

#footer a{color:#333;}

#footer a:hover{color:#888;}

address{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:12px;
color:#fff;
background:#576817;
}