@charset "utf-8";

*{margin:0;padding:0;}

body{
font: 13px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background-image: url(images/backimage.jpg);
	}


#wrap{background:url(images/header.jpg) repeat-x 50% 0;
}


body#sub {
background: url(images/header_sub2.png)repeat-x 50% 0;
}

a{color:#006400;}
a:hover{color:#636363;text-decoration:none;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

/* ------- ClearFix */
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
/* For IE 6/7 */
.cf {zoom:1;}

.top20{margin-top:20px;}


/* clearfix */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* clearfixここまで　*/	


.mb201{
	margin-bottom:20px;
	}
	
.mb30{
	margin-bottom:30px;
	}
.pr35{
	padding-right:35px;
	}
	
.mt10{
	margin-top:10px;
	}
	
.mt40{
	margin-top:40px;
	}

.mb10{
	margin-bottom:10px;
	}
/*************
全体幅
*************/
#header,#container,.inner{
margin: 0 auto;
width: 960px;
}

#container{
	margin: 0 auto;
}

/*************
/* ヘッダー
*************/
#header{
position:relative;
height: 106px;
padding: 0px 0px 30px;
}

#header h1,#header h2, #header h3, #header ul{
position:absolute;
top:5px;
color: #e1e1e1;
font-size: 11px;
line-height: 20px;
font-weight: normal;
}

#header h2{
font-weight: normal;
right:0;
}

#header span{position:absolute; top:35px; left:12px; color:#FFF;}
#header h3{top: 50px;}


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
top: 69px;
right: 0px;
border-right: 1px solid #1a1a1a;
border-left: 1px solid #3d3d3d;
}

#header ul li{
list-style: none;
float:left;
padding: 0 20px;
font-size:12px;
border-right: 1px solid #3d3d3d;
border-left: 1px solid #1a1a1a;
}

#header a{color:#e1e1e1;text-decoration:none;}

#header a:hover{color:#fff;}


/*************
メイン画像
*************/
#mainimage{
padding: 0;
padding-top:10px;
}


/*************
コンテンツ全体
*************/
#container{padding: 10px 0 35px;
margin-top:20px;
}

.box{
float: left;
width: 225px;
margin-right: 15px;
padding-bottom: 23px;
line-height: 1.2;
}

.box_news{
float: left;
width: 450px;
padding-bottom: 23px;
line-height: 1.2;
}

/* 最後のbox */
.last{margin-right:0;}

/* 横に長いbox */
.long{width:467px;
margin-left:3px;}

/* 画像を左に回りこみ */
.long img{
float:left;
margin: 0 10px 10px 3px;
}

/* H2 見出し */
#container h2{
font-size: 14px;
margin: 0 0 15px;
padding: 8px 10px 7px 10px;
color: #333;
background:url(images/h2.jpg) repeat-x; height:35px;
}


/* H3 見出し */
#container h3{
font-size: 14px;
margin: 0 0 15px;
padding: 5px 10px 10px 8px;
border-bottom: 1px dashed #444444;
color: #333333;
background:url(images/h3.jpg) no-repeat left top;
}

#container ul, .inner ul{margin-left: 5px;}

#container ul li, .inner ul li{
list-style: none;
margin-bottom: 7px;
padding-left: 17px;
background:url(images/bullet.png) no-repeat 0 3px;
}

.inner ul li{background-image:url(images/bullet.png);}

#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
}


#container .box.long p{
	margin:0 0 5px 0;
	padding:0;
	}
	
.bold{
	font-weight:bold;
}
/************************
メイン（左側）コンテンツ
************************/
#main {
float: left;
width: 715px;
padding-bottom:60px;
}

.greeting{
	background-image:url(images/tatami.jpg);
	background-attachment:scroll;
	background-position:0 0;
	background-repeat:no-repeat;
	width:427px;
	height:215px;
	padding:25px 20px;
	margin:0;
	letter-spacing:1px;
	
}

#container .box.long .greeting p.mt15{
	margin-top:15px;
	}
	
.btn_link{
	height:160px;	
}

.text_link{
	margin:0;
	background-image:url(images/green.png);
	background-attachment:scroll;
	background-position:0 0;
	background-repeat:no-repeat;
	height:33px;
	padding-top:7px;
}

.btn_link p a{
	color:#FFF;
	text-decoration:none;	
}
.btn_link p.img_link{
	margin:0;	
}

.btn_link p a:hover{
	color:#7b9a00;
	text-decoration:underline;	
}
/************************
サイド（右側）コンテンツ
************************/
#sidebar {
float: right;
width: 225px;
padding-bottom:30px;
}

#sidebar h3{
font-size: 14px;
margin: 0 0 15px;
padding: 5px 10px 7px 0;
border-bottom: 1px solid #444444;
color: #333333;
background:none;
}

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


.news_banner img{
	margin-top:20px;
	}


.news_banner img:hover{
filter: Alpha(opacity=70);
	opacity:0.7;}

.newspp{
	text-align:center;}

/*************************
/* フッター上部外部リンク
*************************/
.links{
    border-top: 1px solid #3d998f;
    text-align: left;
    padding: 15px 0;
	margin:20px 0 0 0;
}

.links img{
    height: 65px;
	display:block;
}
	
/*************
/* フッター
*************/
#footerUpper{
clear:both;
margin-top: 10px;
padding: 20px 0;
overflow: hidden;
background:#66ccc1;
border-bottom: 1px solid #fff;
}

#footerUpper a{color:#2f4f4f;text-decoration:none;}

#footerUpper a:hover{color:#000;}

#footerUpper .inner{
overflow: hidden;
background:#66ccc1;
}

#footerLower{
clear:both;
overflow: hidden;
background:#3d998f;
}

#footerLower .inner{
position:relative;
min-height: 60px;
color:#fff;
font-size:13px;
}

* html #footerLower .inner{height:60px;}

#footerLower .inner p{
position:absolute;
top: 10px;
padding-bottom: 5px;
}

#footerLower .inner p#contact{right:0;}
#footerLower .inner p#contact2{right:0;
margin-top:20px;}


p{ margin-bottom:20px;}

.mb20{ margin-bottom:20px;}
.pt30{ padding-top:30px}
.mr15{ margin-right:15px;}

#main p{margin:0 0 5px 0;}

ul.mb200 li{
	margin-left:10px;}
/************************
追加：ニューススクロール
************************/

div#news{height:220px; overflow:auto;
}

.bottom100{
	padding-top:5px;
	}

/************************
追加：TOPにお知らせ
************************/
.greeting_box{
    padding: 18px 45px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #E2EBC0;
    border-top: solid 5px #6D8700;
    border-bottom: solid 5px #6D8700;
}
.greeting_box p {
    margin: 0; 
    padding: 0;
}

.greeting_box .box-title {
    font-size: 1.2em;
    background: #E2EBC0;
    padding: 1px;
    text-align: center;
    color: #6D8700;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.greeting_box_mdf {
	overflow: auto;
	/* height: 450px; */
	height: 300px;
}
.greeting_box_mdf .box-title {
	text-align: left;
	margin-bottom: 10px;
}
.greeting_box_mdf .box-title::before {
	content: '・';
	color: #6D8700;
	margin-left: -1em;
}
.news_wrap .content:not(:last-child) {
	margin-bottom: 20px;
}
.tatami_effect > li {
	list-style-type: decimal!important;
	font-weight: bold;
	margin-left: 2em;
}
.tatami_effect_inner li {
	list-style-type: disc!important;
	margin-left: 1em;
	font-weight: normal;
}
.ft_normal {
	font-weight: normal;
}
/************************
追加：FAQ
************************/

ul#faq_list li.faq_q{ background:url(maintenance/images/icon_q.png) no-repeat; padding:7px 0 10px 35px;}
ul#faq_list li.faq_a{ background:url(maintenance/images/icon_a.png) no-repeat; padding:7px 0 20px 35px;}

div.faq_banner{ margin-bottom:10px;}
div.faq_banner a{ width:225px; height:152px; display:block; background:url(images/faq_banner.jpg) no-repeat; text-indent:-9999px;}
div.faq_banner a:hover{ background-position:bottom;}


#container #main #faq_list img{
	margin-left:30px;}
/************************
追加：お問い合わせ
************************/
.form {
	width:600px;
	}

.form  tr{
	width:600px;}

	
.form table th {
	width:30%;
	font-weight: bold;
}

.form table th.th_last {
	}


.form table td {
}

.form table th,
.form table td {
padding: 10px;
vertical-align: middle;
text-align: left;
font-weight: normal;
}

.form table td.submit {
border: 0;
text-align: center;
}

div.form_middle{ background:url(contact/images/form-middle.png) repeat-y;
}


div.red100{
	text-align:right;
	margin-top:5px;
	margin-right:10px;
	}

tr.rowElem{line-height:50px !important;
}
div.form_top,div.form_bottom{ width:600px; margin:0; padding:0; height:10px; clear:both;}



tr.btn_send{clear:both; margin:0 auto; padding:40px 0 20px 0; text-align:center;
height:50px;
}
div#form_area{width:600px !important; margin: 0 auto;padding:30px 20px!important;background-color:#fff !important;}
/*div#form_area form{ margin-left:30px;}*/
div.form_top,div.form_bottom{ width:600px; margin:0; padding:0; height:10px; clear:both;}
div.form_middle{ background:url(contact/images/form-middle.png) repeat-y;}
/* div#form_area label{ width:180px;background-color:#6F3;} */
div.rowElem{ height:40px;}
div.address{ padding:10px 10px 0 10px; border:1px dotted #333; width:600px; margin-bottom:20px;}

div.contact_banner a{ width:225px; height:152px; background:url(images/btn_contact.jpg) no-repeat; display:block; text-indent:-9999px;}
div.contact_banner a:hover{ background-position:bottom;}

#container ul li, .inner ul li{
list-style: none;
margin-bottom: 0;
padding-left: 0;
background:none;
}

table#contact_table{ width:550px; margin:0 auto; border-collapse:collapse;}
table#contact_table td{ padding:10px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc;}
p#thanx{ margin:0 auto; text-align:center; padding:20px 0;}

/************************
追加：商品のご案内
************************/

div.product_set{ width:715px; margin:20px auto 40px auto;}
div.product_set div{ width:50%; float:left; text-align:center; padding-bottom:10px}

table#product_table{ width:650px; margin:10px auto 5px auto; border-collapse:collapse;}
table#product_table th{ background-color:#41940f; color:#FFF; padding:5px; margin:0; border:1px solid #999;}
table#product_table td{ background-color:#FFF; padding:5px; margin:0; border:1px solid #999;}
table#product_table td.product_name{ background-color:#f8ee82;}

#main .tax{
	text-align:right;
	padding:0 35px 0 0;
	margin:0 0 30px 0;
}


/************************
追加：メンテナンス
************************/
.mente100{
	padding-left:20px;}


/************************
追加：フォントサイズ
************************/
.strongmoji{
	font-weight:bold;}
.text14px{ font-size:14px;}
.text16px{ font-size:16px;}
.red{ color:#903;}