@charset "UTF-8";

/* =========================================================
start
========================================================= */

body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3',
'メイリオ',Meiryo,
Osaka,
'ＭＳ Ｐゴシック','MS P Gothic',
sans-serif;
/font-family:'メイリオ',Meiryo,
'ＭＳ Ｐゴシック','MS P Gothic',
sans-serif;
line-height:1.7;
color: #000;
}

a { color:#007145;}
a:link    { color:#007145;}
a:visited { color:#007145;}
a:hover   { color:#666;}
a:active  { color:#666;}


/* =========================================================
class
========================================================= */

/* マージン設定 */
.mbS{
	margin-bottom:1em !important;}

.mbM{
	margin-bottom:2em !important;}

.mbL{
	margin-bottom:3em !important;}

.mbLL{
	margin-bottom:4em !important;}
	
/* テキスト位置 */	
.t-aA{
	text-align:right;}

.t-aB{
	text-align:center;}

.t-aC{
	text-align:left;}
	
	
/* 見出し */	

.headline2{
	font-size:115%;
	color:#007145;
	margin-bottom:0.8em;
	background:whiteSmoke;
	padding:5px 10px;
	border:1px solid whiteSmoke;
	}
.headline2 span{
	color:#000;
	font-size:87%;
	font-weight:normal;
	}
	
.headline3{
	border-left:2px solid #007145;
	padding-left:8px;
	margin-bottom:0.7em;
	line-height:1.2;
	}
	
	
/* 文字を隠す */
.texthidden{
	display:none;}
	

/* リード文 */	
p.lead{
	}

/* リンクアイコン */		
.linkicon{
	background:url(../commonimages/allow_gr.gif) no-repeat left 0.3em;
	padding-left:15px; 
	}


/* リンクアイコン */
.linkicon_w{
	border-left:solid 1px #007145;
	padding-left:9px;}

.linkicon_w a{
	background:url(../commonimages/allow_wh.gif) no-repeat left center;
	padding-left:15px;
	color:#000;}

.linkicon_w a:hover{
	color:#007145;}
	
	
/* 写真にボーダー */
.figureborder{
	border-top:1px solid #dedede;
	border-right:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	background:url(../commonimages/figurebgbottom.gif) repeat-x left bottom;
	padding:6px 6px 7px 6px;
	}		
#productdetail .figureborder{
	display:inline-block;
	}

/* データリンクアイコン */		
.pdficon{
	background: url(../commonimages/pdf.gif) no-repeat right center;
	padding-right:20px;}
		
.exelicon{
	background: url(../commonimages/exel.gif) no-repeat right center;
	padding-right:20px;}
	
.wordicon{
	background: url(../commonimages/word.gif) no-repeat right center;
	padding-right:20px;}
	

/* リンクボタン */	
p.linkbtnA{
	float:left;
	}
	
p.linkbtnA a,p.linkbtnA a:link,p.linkbtnA a:visited,p.linkbtnA a:hover,p.linkbtnA a:active{
	}
p.linkbtnB{
	text-align:center;
	}
p.linkbtnB a,p.linkbtnB a:link,p.linkbtnB a:visited,p.linkbtnB a:hover,p.linkbtnB a:active{
	}

p.linkbtnC{
	float:right;
	}
p.linkbtnC a,p.linkbtnC a:link,p.linkbtnC a:visited,p.linkbtnC a:hover,p.linkbtnC a:active{
	}
	
/* ※マーク */	
.asterisk{
	font-size:87%;
	margin-left: 1em;
	text-indent: -1em;
	}

/* テーブルの設定 */	
table.tbA{
	width:100%;
	border-top:1px solid #ECECEC;
	}
table.tbA th{
	vertical-align:middle;
	text-align:left;
	padding:8px;
	border-bottom:1px solid #ECECEC;
	}
table.tbA td{
	vertical-align:top;
	padding:8px;
	border-bottom:1px solid #ECECEC;
	}

table.tbB{
	}
table.tbB th{
	}
table.tbB thead th{
	}
table.tbB td{
	}

/* リスト */
.list1-2 li{
	width:49%;
	}
	
.list1-3 li{
	width:33%;
	}

.list1-4 li{
	width:25%;
	}	
.list1-2 li,
.list1-3 li,
.list1-4 li{
	line-height:1.3;
	float:left;
	}

.list1-2 li p,
.list1-3 li p,
.list1-4 li p{
	margin-right:;
	}
	
ul.list{
	}

ul.list li{
	background: url(../commonimages/losticon.gif) no-repeat left 0.7em;
	padding-left: 12px;
	}
	
ol.list li:first-letter {
	background:;
	padding:0.3em 0.5em;
    /padding:0.5em 0.5em;
	margin-right:0.5em;
	font-size:85%;
	color:#FFF;
	}
	
ol.list li{
	text-indent:-2em;
	margin-left:2em;
	}
	
ol.list1-2 li,
ol.list1-3 li,
ol.list1-4 li{
	line-height:1.3;
	float:left;
	}

.nowrap li{
	float:left;
	white-space:nowrap;
	margin-right:1.5em;
	zoom:1;
	}	
	

	
/* 添える写真のキャプション */	
span.figcaption{
	display:block;
	}
	
/* コラムレイアウトの設定 */	
.column{
	background:#f5f5f5;
	border:1px solid #ECECEC;
	padding:15px;
	clear:both;
	overflow:hidden;
	zoom:1;
	}

.columntitle{
font-size: 129%;
color: #007145;
}



/* セクションのマージン設定 */	
#contents section{
	overflow:hidden;
	zoom:1;
	margin-bottom:3.5em;
	}
#contents section section{
	overflow:hidden;
	zoom:1;
	margin-bottom:2em;
	}
#contents section section section{
	overflow:hidden;
	zoom:1;
	margin-bottom:1.5em;
	}


/* =========================================================
layout
========================================================= */
html{
	background:#f9f9f9;
	}
	
	
header h1 a{
	display:block;
	width:270px;
	height:41px;
	background: url(../commonimages/logo.gif) no-repeat left top;
	float:left;
	}
	

#contents #childmenu{
	margin-bottom:3em;
	background: #e9f2e9;
	text-align:center;
	padding:20px 0px;
}
	
	
#contents ul.productlist{
	overflow:hidden;
	}
	
#contents ul.productlist li {
	margin-bottom:1em;
	text-align:center;
	float:left;
	width:220px;
	}

#contents ul.productlist p{
	display: inline-block;
	zoom:1;
	}
	
#contents ul.productlist li a{
	color:#000;}


#contents ul.productlist li a:hover{
	color:#007145;}
	
	
#contents .pagetop{
	clear:both;
	margin-bottom:2em;
	overflow:hidden;
	}
	
#contents .pagetop a{
	background:url(../commonimages/allow_top.gif) no-repeat left center;
	padding-left:15px;
	color:#000;
	float:right;
	}
	
#contents .pagetop a:hover{
	color:#007145;}

footer{
	background:#f9f9f9;
	clear:both;
	width:100%;
	}
	

footer #footercontents{
	padding:20px 0 30px;
	overflow:hidden;}
	
footer #footercontents ul li a{
	background:url(../commonimages/allow_wh.gif) no-repeat left center;
	padding-left:15px;
	color:#000;}

footer #footercontents ul li a:hover{
	color:#007145;}
	
footer #footercontents small{
	font-size:87%;
	}
	

/* =========================================================
home
========================================================= */

#home #news dl dd{
	margin-bottom:1em;}

/* =========================================================
productdetail
========================================================= */


#productdetail .box1-4 table,
#productdetail .box1-2 table{
font-size:87%;}

#productdetail .box1-2 table th,
#productdetail .box1-4 table th{
	width:22%;
	}
	
#productdetail .box1-4 table th,
#productdetail .box1-4 table td{
padding:3px;
}

#productdetail .thumb{
	text-align:center;
	}
	
#productdetail .producttitle {
	margin-bottom:0.5em;}	
#productdetail .producttitle span{
margin-bottom:5px;
background:#007145;
color:#FFFFFF;
font-size:87%;
padding:4px 5px;
margin-right:7px;
	}
	
#productdetail .box1-4{
	padding-bottom:2em;
	}	
#productdetail .box1-4 p{
	font-size:87%;
	}

#productdetail section section{
	margin-bottom:0;
	}
/* =========================================================
bolt
========================================================= */
#bolt #contents .list{
	overflow:hidden;}

#bolt table td.td1{
	vertical-align: middle;
	width:270px;
	}
	
/* =========================================================
company
========================================================= */
#company #map_canvas{
	height:311px;
	width:100%;}
	
/* =========================================================
contact
========================================================= */
#contact dl dt{
	float:left;
	width:60px;
	clear:left;
	margin-bottom:5px;
	}
	
#contact dl dd{
	margin-bottom:5px;
	margin-left:80px;
	font-weight:bold;}

#contact th span{
	color:#F30;
	font-size:87%;
	}

#contact .formLong{
	width:70%;}

#contact .formMiddle{
	width:40%;}
	
#contact .formshort{
	width:20%;}
	
	
#contact textarea{
	width:100%;
	height:200px;}
	
#contact table{
	margin-bottom:1em;}
	
#contact .btn{
	margin-bottom:1.5em;
	text-align:center;}
	
#contact .btn input{
	width:170px;
	height:30px;}