@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);
#first{
	margin-bottom:20px;
}
#first p.top {
	margin-bottom:30px;
}
#first .box {
	margin-bottom:20px;
}
#first .box p{
	margin-top:60px;
}
#first p.t01{
	margin-bottom:30px;
	text-align:center;
}
#first .box p.h01{
	margin-top:0;
	text-align: inherit;
}
#first .box p.h01 span{
	font-weight:bold;
	color:#F77204;
}
#first p.n01{
	margin-bottom: 20px;
}
#first p.n02{
	margin-bottom: 20px;
}
#first .box p.n03{
	margin-top: 0;
}
#first p.k01{
	margin-bottom: 20px;
}
#greeting{
	margin-bottom: 30px;
}
#greeting .first,
#greeting .second{
	margin-bottom: 20px;
}
#first ul.banner{
	overflow: hidden;
	margin-bottom: 20px;
}
#first .banner li{
	width: 310px;
	float: left;
	margin-right: 20px;
}
#first .banner li:last-of-type{
	margin-right: 0;
}
#content .section .box p {
	margin-right:10px;
}
#content .section .imgleft p {
	margin-left:220px;
}
#content .section p span.t01{
	color:#E9671D;
}
#content .section p span.t02{
	font-weight:bold;
	color:#4C372B;
}
#content .section p span.t03{
	color:#F77204;
}
#content .section {
	margin-bottom: 40px;
}
#content .section .box {
	margin-bottom: 10px;
}
#content .section .box ul a {
  border: 1px solid #E5D7C6;
  display: table-cell;
  height: 194px;
  text-align: center;
  vertical-align: middle;
  width: 194px;
	padding:2px;
}

/* --------------------------------------
	table
-------------------------------------- */
#content table th{
  	width:420px;
  	padding: 4px 9px;
}
#content table td{
  	padding: 4px 9px;
}

/*-------------------------------------------------------------------
	#product
-------------------------------------------------------------------*/
#product {
	overflow: hidden;
 /* /zoom: 1; */
 	margin-bottom:25px;
}
#product dl {
	float: left;
	width: 31.2%;
	margin: 0 3% 15px 0;
}
#product dl:nth-of-type(3n) {
	margin: 0 0 15px 0;
}
#product dl dt {
  margin-top: 2px;
	line-height:1.6;
	font-weight:bold;
}
#product dl dd.img {
  border: 1px solid #E5D7C6;
  position: relative;
  width: 100%;
  padding-top: 100%;
}
#product dl dd.img a {
	width: 100%;
	height: 100%;
  position: absolute;
  top: 0;
  left: 0;
	display: block;
}
#product dl dd.img a img {
  padding: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: 100%;
  max-height: 100%;
}
#product dl dd.comment {
	font-size: 0.85em;
	margin-right: 10px;
}