@charset "UTF-8";



/* reset */

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;list-style:none;word-break:break-all;word-wrap:break-word}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#fff;text-decoration:none}ins,mark{color:#000}mark{background-color:#ff9;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:text-bottom}





/* clearfix */

.cf:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.cf{display:inline-block}* html .cf{height:1%}.cf{display:block}





/* basic */

html {

	width:100%;

	height:100%;

}

body {

	width:100%;

	font:100%/1.5 "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"游ゴシック体","Yu Gothic","ＭＳ Ｐゴシック",'MS PGothic',Arial;

	color:#333;

	background:#eafbda;

}

a {

	outline:none;

	color:#313131;

	text-decoration:none;

}

a:hover {

	opacity:0.75;

}

img {

	max-width:100%;

	vertical-align:bottom;

}

button {

	outline:none;

}

.red {

	color:#f00;

}

#container {

	width:1100px;

	margin:0 auto;

	background:#f9f6e7;

}







/* header */

#header {

	height:89px;

	background:#fff;

}

.header__wrap {

	margin:0 70px;

	position:relative;

}

.header__logo {

	padding-top:30px;

}

.header__contact {

	position:absolute;

	top:0;

	right:0;

}

.header__tel {

	position:absolute;

	top:42px;

	right:0;

}

#gnavi {

	position:absolute;

	top:30px;

	right:210px;

}

#gnavi li {

	margin-left:35px;

	float:left;

}

#gnavi a {

	font-size:15px;

	font-weight:bold;

}







/* footer */

#footer {

	padding:30px 0;

	position:relative;

	font-size:12px;

	text-align:center;

}

#pageTop {

	position:absolute;

	top:10px;

	right:64px;

}







/* top */

#topFv {

	padding-top:375px;

	background:url(../images/top_fv_bg.jpg) center top no-repeat;

	text-align:center;

}

#topNavi {

	margin:60px 64px 0;

}

.topNavi__list li {

	width:33.33%;

	padding:0 1px;

	position:relative;

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

	float:left;

}

.topNavi__list li:after {

	width:1px;

	height:50px;

	content:"";

	background:#aaa89e;

	-moz-transform:rotate(15deg);

	transform:rotate(15deg);

	position:absolute;

	top:0;

	right:0;

	display:block;

}

.topNavi__list li:last-child:after {

	display:none;

}

.topNavi__list li a {

	padding-bottom:220px;

	display:block;

}

.topNavi__list li:nth-child(1) a {

	background:url(../images/top_navi_01.jpg) center bottom no-repeat;

}

.topNavi__list li:nth-child(2) a {

	background:url(../images/top_navi_02.jpg) center bottom no-repeat;

}

.topNavi__list li:nth-child(3) a {

	background:url(../images/top_navi_03.jpg) center bottom no-repeat;

}

.topNavi__tit {

	font-size:19px;

	text-align:center;

}

.topNavi__tit span {

	margin-top:10px;

	font-size:12px;

	font-weight:normal;

	color:#008744;

	display:block;

}

.topNavi__desc {

	margin:35px 15px 0;

	font-size:15px;

}

#topBnr {

	margin-top:60px;

	padding:40px 0;

	background:url(../images/top_bnr_bg.jpg) center top no-repeat;

	background-size:cover;

}

.topBnr__list a {

	padding:40px 40px 20px;

	border:4px solid #fff;

	color:#fff;

	display:block;

}

.topBnr__list {

	letter-spacing:-0.4em;

	text-align:center;

}

.topBnr__list li {

	width:432px;

	margin:0 25px;

	letter-spacing:normal;

	display:inline-block;

	vertical-align:top;

}

.topBnr__desc {

	margin-top:35px;

	font-size:14px;

	text-align:left;

}







/* page */

.pageTit {

	margin-bottom:50px;

	padding-top:110px;

	background:url(../images/page_tit_bg.jpg) center top no-repeat;

	text-align:center;

}

.pageWrap {

	width:650px;

	margin:0 auto 120px;

	line-height:2.25;

}

.heading01 {

	margin-bottom:10px;

	font-size:24px;

	color:#592d25;

}

.heading02 {

	margin-top:20px;

	font-size:18px;

	color:#592d25;

}

.message__name {

	margin:30px 0 0 500px;

	font-size:14px;

}

#about {

	margin-top:120px;

}

#about .aboutTable {

	width:100%;

	margin-top:20px;

	font-size:14px;

}

#about .aboutTable tr th {

	width:130px;

	padding:15px 10px;

	text-align:left;

	border-bottom:1px solid #dadcdc;

}

#about .aboutTable td {

	border-bottom:1px solid #dadcdc;

}

#access {

	margin-top:120px;

}

#access iframe {

	width:100%;

	height:350px;

}

.read {

	margin-top:120px;

	min-height:420px;

	padding-right:20px;

	background:url(../images/product_bg.png) right bottom no-repeat;



}

#products {

	margin-top:0;

	min-height:420px;

	padding-right:20px;

}

#products th {

	font-weight: bold;

	background-color:#F5ECAD;

}

#products th,#products td {

	color: #5C3B27;

	font-size: 13px;

}



#products th,#products td {

	border: solid 1px #C7A774;

	padding: 20px;

}

#products td {

	widows: 40%;

}



#suppliers {

	margin-top:120px;

	padding-right:20px;

	font-size: 14px;

}

#suppliers th,#suppliers td {

	border: none;

	padding: 20px;

}

#suppliers td {

	widows: 40%;

}



#form {

	padding:35px;

	font-size:14px;

	background:#fff;

}

.formTable {

	width:100%;

	margin-top:15px;

	border-top:1px solid #bebebe;

	border-left:1px solid #bebebe;

}

.formTable th {

	width:180px;

	padding:5px 0;

	background:#f5f5f5;

	border-right:1px solid #bebebe;

	border-bottom:1px solid #bebebe;

	font-weight:normal;

	vertical-align:top;

}

.formTable td {

	padding:5px;

	border-right:1px solid #bebebe;

	border-bottom:1px solid #bebebe;

}

.formTable input[type="text"],

.formTable textarea {

	padding:2px 5px;

	font-size:12px;

    -webkit-box-sizing:border-box;

    -ms-box-sizing:border-box;

    box-sizing:border-box;

	border:1px solid #707070;

}

.formTable__name {

	width:200px;

}

.formTable__mail {

	width:136px;

}

.formTable__tel {

	width:235px;

}

.formTable textarea {

	width:100%;

}

.formbtn {

	margin-top:10px;

	letter-spacing:-1em;

	text-align:center;

}

.formbtn li {

	letter-spacing:normal;

	display:inline-block;

	*display:inline;

	*zoom:1;

	vertical-align:top;

}