@charset "UTF-8";

@media screen and (max-width: 639px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}



/****************************************

	ヘッダ

*****************************************/
header{min-width:100%;}
#header{width:100%; margin:0 auto;}

#logo{text-align:center;}
h1{padding:20px 50px 4px 50px;}

#header_side{width:200px; margin:0 auto 20px auto;}
#header_side ul{margin:20px 0 0 0; background:#00892D; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
#header_side ul li{line-height:1.0;}
#header_side ul li#header_tel{text-align:center; padding:10px 9px 0 10px;}
#header_side ul li#header_fax{text-align:center; padding:10px;}



/****************************************

	ナビゲーション

*****************************************/
#navi{min-width:100%; background:#FFFFFF; position:relative; z-index:100;}

#navi_menu{display:none;}
#navi_menu li{width:100%; display:block; float:left; margin:0; padding:0; border-top:1px solid #FFFFFF;}
#navi_menu li a{display:block; padding:7px 0 7px; background-color:#009933; color:#FFFFFF; text-align:center; text-decoration:none;}
#navi_menu li a:hover{background:#00892D; color:#FFFFFF;}
#navi_menu li:last-child a{border:none;}
#navi_menu li img{display:none;}
#navi_menu li a:before{content: attr(data-label);}

#navi_toggle{display:block; position:relative; width:100%; margin:0 auto; background:#009933;}
#navi_toggle a{display:block; position:relative; padding:10px 0 10px; color:#FFFFFF; text-align:center; text-decoration:none;}
#navi_toggle:before{display:block; content:""; position:absolute; top:50%; left:10px; width:20px; height:20px; margin-top:-10px; background:#FFFFFF;}
#navi_toggle a:before, #navi_toggle a:after{display:block; content:""; position:absolute; top:50%; left:10px; width:20px; height:4px; background:#009933;}
#navi_toggle a:before{margin-top:-6px;}
#navi_toggle a:after{margin-top: 2px;}



/****************************************

	ビジュアル

*****************************************/
#mainvisual{width:100%; margin:0 auto; padding:0 0 20px 0;}

#subvisual{min-width:100%; width:100%; margin:0 auto 30px auto; position:relative; background-image:url("images/common/bg_visual_01.jpg"); background-repeat:no-repeat; background-position:top right; height:100px;}
#subvisual h2{padding:0 20px 0 20px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-size:18px; line-height:1.2; color:#000000; font-weight:bold; -moz-text-shadow:0px 0px 5px rgba(255, 255, 255, 0.8); -webkit-text-shadow:0px 0px 5px rgba(255, 255, 255, 0.8); -ms-text-shadow:0px 0px 5px rgba(255, 255, 255, 0.8); text-shadow:0px 0px 5px rgba(255, 255, 255, 0.8);}



/****************************************

	フッター

*****************************************/
footer{min-width:100%;}
#footer{border-top:1px solid #009933; background:#F2FAF5;}
#footer_inner{width:100%; margin:0 auto; padding:15px 0 20px 0;}

#footer_link ul{}
#footer_link ul li{color:#333333; font-size:15px; line-height:1.2; margin:0 10px; background-image:url("images/common/bg_footer_01.gif"); background-repeat:repeat-x; background-position:left bottom;}
#footer_link ul li a{display:block; padding:10px 20px 10px 10px; color:#333333; text-decoration:none; background-image:url("images/common/prt_arrow_02.png"); background-repeat:no-repeat; background-position:right center;}
#footer_link ul li a:hover{color:#333333; text-decoration:underline;}
#footer_link ul li.last{}

#footer_logo{text-align:center; padding:20px 50px;}
#footer_address{background-image:url("images/common/bg_footer_01.gif"); background-repeat:repeat-x; background-position:left bottom; text-align:center; padding:0 0 20px 0; color:#333333; font-size:12px; line-height:1.6;}

#footer_copyright{}
#footer_copyright p{text-align:center; padding:20px 0 0 0; color:#333333; font-size:12px; line-height:1.6;}



/****************************************

	テンプレート

*****************************************/
#contents{min-width:100%; background-image:url("images/common/bg_contents_01.png"); background-repeat:repeat-x; background-position:left top; padding:20px 0 0 0;}
#contents_inner{margin:0 20px;}


#main_tower{width:100%;}
#side_tower{width:100%;}

#side_contact{margin:0 0 20px 0;}
#side_contact p#side_title{background:#009933; padding:15px 5px; text-align:center; color:#FFFFFF; font-size:14px; line-height:1.2; font-weight:bold;}
#side_contact p#tel{border-bottom:1px dotted #CCCCCC; text-align:center;}
#side_contact p#fax{border-bottom:1px dotted #CCCCCC; text-align:center;}
#side_contact p#contact{border-bottom:1px dotted #CCCCCC; text-align:center;}
#side_contact p#iso9001{padding:20px 0 20px 0; text-align:center;}

#side_menu{margin:0 0 30px 0;}
#side_menu ul{border-top:1px solid #009933;}
#side_menu ul li{}
#side_menu ul li a{display:block; background:#FBFAF8; padding:15px 30px 15px 15px; color:#333333; text-decoration:none; background-image:url("images/common/prt_side_arrow_01.png"); background-repeat:no-repeat; background-position:right center; border-bottom:1px solid #CCCCCC;}
#side_menu ul li a:hover{background:#F1EEE8; padding:15px 30px 15px 15px; color:#333333; text-decoration:none; background-image:url("images/common/prt_side_arrow_01.png"); background-repeat:no-repeat; background-position:right center; border-bottom:1px solid #CCCCCC;}
#side_menu ul li ul{border-top:none;}
#side_menu ul li ul li a{display:block; background:#FDFCFB; padding:10px 10px 10px 30px; color:#333333; text-decoration:none; background-image:url("images/common/prt_side_arrow_02.png"); background-repeat:no-repeat; background-position:10px center; border-bottom:1px solid #CCCCCC;}
#side_menu ul li ul li a:hover{background:#F4EFEA; padding:10px 10px 10px 30px; color:#333333; text-decoration:none; background-image:url("images/common/prt_side_arrow_02.png"); background-repeat:no-repeat; background-position:10px center; border-bottom:1px solid #CCCCCC;}


#pagetop{position:fixed; bottom:30px; right:30px; font-size:77%; z-index:9999;}
#pagetop a{background-image:url("images/common/pagetop.png"); background-repeat:no-repeat; background-position:left top; display:block; width:60px; height:60px;}


.post_contact{margin:40px 0 50px 0; border:1px solid #34AD5C; background:#F2FAF5;clear:both;}
.post_contact p.txt{margin:0 !important; padding:20px 10px !important; text-align:center !important; color:#36AE5E !important; font-size:15px !important; line-height:1.4 !important; font-weight:bold !important;}
.post_contact ul{padding:0 !important; margin:0 auto !important;}
.post_contact ul li{margin:0 0 20px 0; padding:0 !important; background-image:none !important; text-align:center;}
.post_contact ul li img{}
.post_contact ul li.last{}


#main_tower h2{border-top:2px solid #009933; border-bottom:1px solid #CCCCCC; border-left:8px solid #009933; padding:15px 20px 15px 15px; color:#333333; font-size:18px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#main_tower h3{border-bottom:1px solid #009933; background:#F2F1EB; padding:10px 15px; color:#333333; font-size:18px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#main_tower h4{border-bottom:1px dotted #009933; padding:10px 15px; color:#333333; font-size:16px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#main_tower h5{border-left:3px solid #009933; padding:0 10px; color:#333333; font-size:16px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#main_tower p{margin:0 0 20px 0; color:#333333; font-size:15px; line-height:1.6;}

#main_tower table{margin:0 0 20px 0; border-collapse:collapse; border:1px solid #35AD5D;}
#main_tower table th{background-color:#F3F1EA; padding:9px; border:1px solid #35AD5D; border-right:none; color:#333333; font-weight:normal; font-size:15px; text-align:left;}
#main_tower table td{background-color:#FFFFFF; padding:9px; border:1px solid #35AD5D; border-left:none; color:#333333; font-size:15px;}

#main_tower ul{padding:0 0 20px 0; color:#333333; font-size:15px; line-height:1.6;}
#main_tower ul li{background-image:url("images/common/prt_arrow_03.png"); background-position:left 7px; background-repeat:no-repeat; padding:0 0 0 15px;}
#main_tower ul li ul{padding:0}
#main_tower ul li ul li{background-image:url("images/common/prt_arrow_04.png"); background-position:5px 10px; background-repeat:no-repeat; padding:0 0 0 15px;}

#main_tower table ul{padding:0; color:#333333; font-size:15px; line-height:1.6;}
#main_tower table ul li{background-image:url("images/common/prt_arrow_03.png"); background-position:left 7px; background-repeat:no-repeat; padding:0 0 0 15px;}
#main_tower table ul li ul{padding:0}
#main_tower table ul li ul li{background-image:url("images/common/prt_arrow_04.png"); background-position:5px 10px; background-repeat:no-repeat; padding:0 0 0 15px;}

#main_tower img{height:auto; max-width:100%;}

.alignright{clear:both; display:block; margin:0 auto 20px auto;}
.aligncenter{clear:both; display:block; margin:0 auto 20px auto;}
.alignleft{clear:both; display:block; margin:0 auto 20px auto;}

.breadcrumbs{color:#444444; font-size:15px; padding:0 0 20px 0;}
.breadcrumbs a{text-decoration:underline;}
.breadcrumbs a:hover{text-decoration:none;}

.post_time{text-align:right; margin:0 0 15px 0;}
.wp-pagenavi{text-align:center; padding:30px 0;}



/****************************************

	トップページ

*****************************************/
#top_tower{width:100%;}


#top_product{}
#top_product h2{border-top:2px solid #009933; border-bottom:1px solid #CCCCCC; border-left:8px solid #009933; padding:15px 20px 15px 15px; color:#333333; font-size:18px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}
#top_product_box{width:280px; margin:0 auto;}
#top_product_box ul{width:290px; margin:0 -10px 0 0; overflow:hidden; _zoom:1;}
#top_product_box ul li{float:left; width:135px; margin:0 10px 20px 0; padding:0; background-image:none;}
#top_product_box ul li p{}
#top_product_box ul li p.image{padding:4px; border:1px solid #EFEFEF; width:125px; margin:0 0 10px;}
#top_product_box ul li p.image:hover{border:1px solid #009933;}
#top_product_box ul li p.linktxt{background-image:url("images/common/prt_arrow_01.png"); background-repeat:no-repeat; background-position:left 4px; padding:0 0 0 10px; color:#333333; font-size:12px; line-height:1.6;}
#top_product p.btn{text-align:right; padding:0 0 40px 0;}


#top_nb{}
#top_nb h2{border-top:2px solid #009933; border-bottom:1px solid #CCCCCC; border-left:8px solid #009933; padding:15px 20px 15px 15px; color:#333333; font-size:18px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#top_nb_box{width:230px; margin:0 auto;}
#top_nb_box ul{}
#top_nb_box ul li{margin:0 0 20px 0; padding:0; background-image:none;}
#top_nb_box ul li p{}
#top_nb_box ul li p.image{padding:4px; border:1px solid #EFEFEF; width:220px; margin:0 0 10px 0;}
#top_nb_box ul li p.image:hover{border:1px solid #009933;}
#top_nb_box ul li p.linktxt{background-image:url("images/common/prt_arrow_01.png"); background-repeat:no-repeat; background-position:left 4px; padding:0 0 0 10px; color:#333333; font-size:12px; line-height:1.6;}

#top_nb_box2{}
#top_nb_box2 ul{width:100%; margin:0 0 20px 0;}
#top_nb_box2 ul li{float:left; width:49%; margin:0 2% 0 0; padding:0; background-image:none;}
#top_nb_box2 ul li:last-of-type{margin:0 0 0 0;}
#top_nb_box2 ul li p{}
#top_nb_box2 ul li p.image{padding:4px; border:1px solid #EFEFEF; margin:0 0 10px 0;}
#top_nb_box2 ul li p.image:hover{border:1px solid #009933;}
#top_nb_box2 ul li p.image img{width:100%;}
#top_nb_box2 ul li p.linktxt{background-image:url("images/common/prt_arrow_01.png"); background-repeat:no-repeat; background-position:left 6px; padding:0 0 0 10px; color:#333333; font-size:13px; line-height:1.6;}

#top_nb p.btn{text-align:right; padding:0 0 40px 0;}


#top_section{width:280px; margin:0 auto;}
#top_section ul{margin:0 0 20px 0;}
#top_section ul li{margin:0 0 20px 0;}


#top_news{}
#top_news h2{border-top:2px solid #009933; border-bottom:1px solid #CCCCCC; border-left:8px solid #009933; padding:15px 20px 15px 15px; color:#333333; font-size:18px; line-height:1.2; font-weight:normal; margin:0 0 10px 0;}
#top_news dl{font-size:15px;}
#top_news dt{padding-top:10px; color:#333333; font-weight:normal;}
#top_news dd{padding-bottom:10px; border-bottom:1px dotted #CCCCCC; color:#0085CB;}
#top_news dd a{color:#0085CB; text-decoration:none;}
#top_news dd a:hover{color:#0085CB; text-decoration:underline;}
#top_news p.btn{text-align:right; padding:20px 0 40px 0;}



/****************************************

	商品情報

*****************************************/
.nb_box{width:width:100%; margin:0 auto 20px auto;}

.nb_box_image{width:230px; margin:0 auto;}
.nb_box_image p.image{padding:4px; border:1px solid #EFEFEF; width:220px;}
.nb_box_image p.image:hover{border:1px solid #009933;}

.nb_box_info{width:100%}
.nb_box_info p{}



/****************************************

	お問い合わせ（contact form 7周り調整）

*****************************************/
.wpcf7-list-item{margin:5px 0 5px 0; display:block;}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	padding:0.5em;
	box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15);
	background:#FCFCFC;
	border:#999 1px solid;
	color:#222;
	font-size:14px;
	max-width: 90%;
}
.wpcf7 input[type=submit],
.wpcf7 input[type=reset],
.wpcf7 input[type=button] {
	padding:4px 15px;
	border-radius:15px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#F8F8F8;
	background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
	background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
	background:-o-linear-gradient(#FCFCFC, #F3F3F3);
	background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
	background:linear-gradient(#FCFCFC, #F3F3F3);
	border:#bbb 1px solid;
	color:#444;
	font-size:13px;
}
.wpcf7 input[type=submit]:hover,
.wpcf7 input[type=reset]:hover,
.wpcf7 input[type=button]:hover {
	box-shadow:#aaa 0 0 5px;
}



/****************************************

	以下レスポンシブ　記述終了用　削除禁止

*****************************************/
}