@charset "UTF-8";

@media screen and (min-width: 640px) and (max-width: 768px){
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 0 4px 0;}

#header_side{width:384px; 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{float:left; line-height:1.0;}
#header_side ul li#header_tel{padding:9px 9px 9px 10px;}
#header_side ul li#header_fax{padding:4px 4px 4px 0;}



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

	ナビゲーション

*****************************************/
#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:155px;}
#subvisual h2{padding:0 40px 0 40px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-size:26px; 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:25px 0 20px 0;}

#footer_link ul{background-image:url("images/common/bg_footer_01.gif"); background-repeat:repeat-x; background-position:left bottom; padding:0 0 25px 0; text-align:center; font-size:0;/* リスト同士の隙間発生を回避 */}
#footer_link ul li{display:inline; color:#333333; font-size:15px;/* 上記のバグ回避後のサイズ再設定 */ line-height:1.2; padding-right:12px; margin-right:12px; border-right:1px solid #333333;}
#footer_link ul li a{color:#333333; text-decoration:none;}
#footer_link ul li a:hover{color:#333333; text-decoration:underline;}
#footer_link ul li.last{border:none; padding-right:0; margin-right:0;}

#footer_logo{text-align:center; padding:20px 0 20px 0;}
#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:14px; 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:24px 0 24px 0 !important; text-align:center !important; color:#36AE5E !important; font-size:18px !important; line-height:1.4 !important; font-weight:bold !important;}
.post_contact ul{padding:0 !important; width:560px; margin:0 auto 19px auto !important;}
.post_contact ul li{float:left; margin:0 10px 0 0; padding:0 !important; background-image:none !important;}
.post_contact ul li img{width:180px;}
.post_contact ul li.last{margin:0;}


#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:20px; 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:20px; 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:18px; 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{float:right; margin:0 0 20px 20px;}
.aligncenter{clear:both; display:block; margin:0 auto 20px auto;}
.alignleft{float:left; margin:0 20px 20px 0;}

.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:20px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}
#top_product_box{width:600px; margin:0 auto;}
#top_product_box ul{width:612px; margin:0 -12px 0 0; overflow:hidden; _zoom:1;}
#top_product_box ul li{float:left; width:141px; margin:0 12px 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:131px; 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:20px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#top_nb_box{width:600px; margin:0 auto;}
#top_nb_box ul{width:612px; margin:0 -12px 20px 0; overflow:hidden; _zoom:1;}
#top_nb_box ul li{float:left; width:192px; margin:0 12px 0 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:182px; 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:600px; margin:0 auto;}
#top_section ul{width:620px; margin:0 -20px 40px 0; overflow:hidden; _zoom:1;}
#top_section ul li{float:left; width:290px; margin:0 20px 0 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:20px; line-height:1.2; font-weight:normal; margin:0 0 10px 0;}
#top_news dl{font-size:15px;}
#top_news dt{float:left; width:120px; padding-top:12px; color:#333333; font-weight:normal;}
#top_news dd{padding-top:12px; padding-bottom:10px; padding-left:120px; 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:600px; margin:0 auto 20px auto;}

.nb_box_image{float:left; width:230px;}
.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{float:right; width:350px;}
.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;
}



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

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

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