@charset "utf-8";

/* common
--------------------------------------------*/

#maincontents .f11{
 font-size:11px;
}
#maincontents .f12{
 font-size:12px;
}
#maincontents .f13{
 font-size:13px;
}
#maincontents .f14{
 font-size:14px;
}
#maincontents .f15{
 font-size:15px;
}
#maincontents .f16{
 font-size:16px;
}
#maincontents .f17{
 font-size:17px;
}
#maincontents .f18{
 font-size:18px;
}
#maincontents .f19{
 font-size:19px;
}
#maincontents .f20{
 font-size:20px;
}

.right{
 text-align:right;
}

p span{
 color:#ff3300;
}

.imgCenter{
 display:block;
 margin-left:auto;
 margin-right:auto;
}

#maincontents .comment{
 padding-top:5px;
 font-size: 13px;
 line-height: 160%;
}

#maincontents h3.contentsTitle{
 width:690px;
 margin:0 0 15px 0;
 padding-top:15px;
 padding-bottom:15px;
 font-size:18px;
 font-weight:normal;
 border-top:2px solid #cfc2a4;
 border-bottom:2px solid #cfc2a4;
}

#maincontents h3.subTitle{
 width:678px;
 margin:15px 0 15px 0;
 padding:0 0 8px 0;
 padding-top:8px;
 border-bottom:2px solid #699316;
 font-size:18px;
 font-weight:normal;
}

.pictBox{
 margin-top:10px;
 margin-bottom:20px;
}

/* 初めての方へ
--------------------------------------------*/

.firstTable{
 width:708px; 
 margin:20px 0 30px 0; 
 padding:0;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
}
.firstTable td{
 padding:12px 10px 12px 15px; 
 font-size:14px;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 text-align:left;
}
.firstTable span{
 color:#ff0000;
}
.firstTable td.bordernone{
 border:none; 
}
.firstTable .leftArea{
 width:140px;
 margin:0; 
 padding:12px 0 12px 15px; 
 font-size:14px;
 font-weight:bold; 
 text-align:left;
 background:#f2f2f2;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 vertical-align:top;
}


/* 工程
--------------------------------------------*/

.flowTable{
 width:708px; 
 margin:20px 0 30px 0; 
 padding:0;
}
.flowTable td{
 padding:0 10px 12px 0; 
 font-size:14px;
 text-align:left;
 vertical-align:top;
}
.flowTable span{
 color:#ff0000;
}
.firstTable td.bordernone{
 border:none; 
}

/* 商品
--------------------------------------------*/
div.sort p {
  padding: 0 !important;
}

p.btnCart {
  margin-bottom: 20px !important;
}
/*
.itemList{
 width:708px;
 margin:10px 0 30px 0;
}
.itemList:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.itemList li{
 width:150px;
 margin-right:30px;
 float:left;
}
.itemList li.last{
 width:150px;
 margin-right:5px;
 float:left;
}
#maincontents .itemList .name{
 padding:3px 0 0 0;
 font-size:12px;
}
#maincontents .itemList .price{
 padding:3px 0 0 0;
 font-size:12px;
 font-weight:bold;
}

.itemList02{
 width:708px;
 margin:20px 0 30px 0;
}
.itemList02:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.itemList02 li{
 width:380px;
 margin-right:20px;
 float:left;
}
.itemList02 li.last{
 width:300px;
 margin-right:5px;
 float:left;
}
#maincontents .itemList02 .name{
 padding:3px 0 0 0;
 font-size:15px;
}
#maincontents .itemList02 .price{
 padding:3px 0 0 0;
 font-size:15px;
 font-weight:bold;
}
/*
/* 会社概要
--------------------------------------------*/

.companyTable{
 width:710px; 
 margin:12px 0 50px 0; 
 padding:0;
}
.companyTable td{
 padding:12px 0 12px 0; 
 font-size:14px;
 border-bottom:1px dashed #ccc;
 text-align:left;
}
.companyTable span{
 color:#ff0000;
}
.companyTable td.bordernone{
 border:none; 
}
.companyTable .leftArea{
 width:140px;
 margin:0; 
 padding:12px 0 12px 15px; 
 font-size:14px;
 font-weight:bold; 
 text-align:left;
 background:url(../images/contact_bg.jpg) 0 10px no-repeat;
 border-bottom:1px dashed #ccc;
 vertical-align:top;
}


/* 新着情報
--------------------------------------------*/

#newsBox{
 width:710px;
 margin-bottom:20px;
 display: block;
 clear: both;
}
#newsBox:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#news{
 margin-bottom:20px;
}
#newsBox ul.newsList{
 margin-right:8px;
 text-align: left;
 overflow: hidden;
 font-size:14px;
 border-bottom:1px dotted #ccc;
}
#newsBox ul.newsList li{
 padding:8px 0 8px 0;
 line-height: 1.2em;
 font-size:14px;
}
#newsBox ul.newsList li.date{
 width: 68px;
 float: left;
 display: inline;
 margin-top:14px;
 padding:0 0 0 1px;
 font-size:14px;
 font-weight:bold;
 color:#b1000d;
}
#newsBox ul.newsList li.content{
 width: 550px;
 padding-top:14px;
 float: right;
 text-align:left;
 display: inline;
}
#newsBox ul.newsList li.content a{
 font-size:12px;
}
#newsBox ul.newsList a{ 
 color: #1f86c8;
 text-decoration: underline; 
}
#newsBox ul.newsList a:hover{ 
 color: #1f86c8;
 text-decoration:none;
}


/* お問合せ
--------------------------------------------*/

.komemark{
 font-size:12px;
 color:#ff0000;
}

#contactTable{
 width:710px; 
 margin:20px 0 30px 0; 
 padding:0;  
}

#contactTable td{
 padding:12px 0 12px 0; 
 font-size:14px;
 border-bottom:1px dashed #ccc;
 text-align:left;
}

#contactTable td.bordernone{
 border:none; 
}

#contactTable .leftArea{
 width:200px;
 margin:0; 
 padding:12px 0 12px 15px; 
 font-size:14px;
 font-weight:bold; 
 text-align:left;
 background:url(../images/contact_bg.jpg) 0 10px no-repeat;
 border-bottom:1px dashed #ccc;
 vertical-align:top;
}
#contactTable span {
 display: inline-block;
 background: #ff3300;
 color: #fff;
 padding: 1px 3px;
 font-size: 12px;
 margin-left: 5px;
}

.textarea{
 margin: 2px 0px;
 padding: 6px;
 background: #f6fbfc;
 border: 1px solid #ddd;
 box-shadow: 0 1px 0 #d4d4d4 inset;
}

#contactTable input,select{
 height:27px;
 vertical-align:middle;
 background:#f6fbfc;
 border: 1px solid #ddd;
 box-shadow: 0 1px 0 #d4d4d4 inset;
}

#contactTable radio,checkbox{ 
 vertical-align:middle;
}



/* 一斉配信
--------------------------------------------*/

.mailTable{
 width:710px; 
 margin:20px 0 20px 0; 
 padding:0;  
}
.mailTable td{
 padding:12px 0 12px 0; 
 font-size:14px;
 text-align:left;
}
.mailTable td.bordernone{
 border:none; 
}
.mailTable .leftArea{
 width:180px;
 margin:0; 
 padding:12px 0 12px 2px; 
 font-size:14px;
 font-weight:bold; 
 text-align:left;
}
.mailTable input,select{
 height:27px;
 vertical-align:middle;
 background:#f6fbfc;
 border: 1px solid #ddd;
 box-shadow: 0 1px 0 #d4d4d4 inset;
}
.mailTable radio,checkbox{ 
 vertical-align:middle;
}

.mailTable02{
 width:710px; 
 margin:5px 0 20px 0; 
 padding:0;  
}
.mailTable02 td{
 padding:12px 0 12px 0; 
 font-size:14px;
 text-align:left;
}
.mailTable td.bordernone{
 border:none; 
}
.mailTable02 .leftArea{
 width:180px;
 margin:0; 
 padding:12px 0 12px 2px; 
 font-size:14px;
 font-weight:bold; 
 text-align:left;
}
.mailTable02 input,select{
 height:27px;
 vertical-align:middle;
 background:#f6fbfc;
 border: 1px solid #ddd;
 box-shadow: 0 1px 0 #d4d4d4 inset;
}
.mailTable02 radio,checkbox{ 
 vertical-align:middle;
}


/* プライバシーポリシー
--------------------------------------------*/

#maincontents .privacy_title{
 margin:0;
 padding:10px 0 0 2px;
 text-align:left;
 font-size:14px;
 font-weight:bold;
 border-bottom:1px dashed #ccc;
}
#maincontents .privacy_text{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:13px;
}

/* サイトマップ
--------------------------------------------*/

#sitemapTable{
 width:710px;
 margin:20px 0 25px 0;
}
#sitemapTable td{
 padding:16px 0 16px 0;
 font-size:14px;
 border-bottom:1px dashed #ccc;
 text-align:left;
 vertical-align:top;
}
#sitemapTable .leftArea{
 width:210px;
 padding:16px 0 16px 15px;
 font-size:14px;
 background:url(../images/contact_bg.jpg) 0 14px no-repeat;
 border-bottom:1px dashed #ccc;
 text-align:left;
 vertical-align:top;
 font-weight:bold;
}
#sitemapTable a{
 color:#663300;
 text-decoration:none;
}
#sitemapTable a:hover{
 text-decoration:underline;
}