@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{border-top:10px solid #0090D4;}
#header_inner{width:100%; margin:0 auto;}

h1{padding:10px 10px 10px 10px; font-size:12px; line-height:1.2; color:#333333; font-weight:normal;}

#logo{}
#logo p{padding:0 0 10px 0; text-align:center;}

#header_side{width:220px; margin:0 auto;}
#header_side p#header_tel{padding:14px 0 10px 0;}
#header_side p#header_fax{padding:0 0 14px 0;}

#header_side2{width:230px; margin:0 auto;}
#header_side2 ul{padding:9px 0 0 0;}
#header_side2 ul li{float:left;}
#header_side2 p#header_contact{padding:0 0 10px 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:#10A7EE; color:#FFFFFF; text-align:center; text-decoration:none;}
#navi_menu li a:hover{background:#0090D4; 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:#10A7EE;}
#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:#10A7EE;}
#navi_toggle a:before{margin-top:-6px;}
#navi_toggle a:after{margin-top: 2px;}



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

	ビジュアル

*****************************************/
#mainvisual{width:100%; margin:0 auto;}
#mainvisual p{padding:20px 0 30px 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:5px solid #10A7EE; background:#EDF5FB;}
#footer_inner{width:100%; margin:0 auto; padding:25px 0 25px 0;}


#footer_link ul{padding:0 0 20px 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_info{width:100%;}
#footer_info p#footer_logo{text-align:center; padding:0 0 20px 0;}
#footer_info p#address{text-align:center; color:#333333; font-size:14px; line-height:1.6;}

#footer_copyright{width:100%;}
#footer_copyright p#copyright{text-align:center; padding:20px 0 0 0; color:#333333; font-size:14px; line-height:1.6;}



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

	テンプレート

*****************************************/
#contents{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;}


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


#side_banner{}
#side_banner p{text-align:center; padding:0 0 20px 0;}

#side_contact{background:#EDF5FB; margin:0 0 20px 0;}
#side_contact #side_title{background-image:url("images/common/bg_side_contact.gif"); background-repeat:no-repeat; background-position:25px bottom; padding:0 0 10px 0; margin:0 0 10px 0;}
#side_contact #side_title p{background:#10A7EE; padding:10px 0 10px 0; text-align:center; color:#FFFFFF; font-size:15px; line-height:1.2; font-weight:bold;}
#side_contact p#tel{text-align:center; padding:0 10px 10px 10px;}
#side_contact p#fax{text-align:center; padding:0 10px 10px 10px;}
#side_contact p#contact{text-align:center; padding:0 10px 20px 10px;}
#side_contact p#iso9001{text-align:center; padding:0 10px 20px 10px;}

#side_menu{margin:0 0 30px 0;}
#side_menu ul{}
#side_menu ul li{}
#side_menu ul li a{display:block; background:#F2F1EB; 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:#E8E6DC; 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{}
#side_menu ul li ul li a{display:block; background:#F7F6F3; padding:10px 10px 10px 30px; color:#333333; text-decoration:none; background-image:url("images/common/prt_arrow_03.png"); background-repeat:no-repeat; background-position:10px center; border-bottom:1px solid #CCCCCC;}
#side_menu ul li ul li a:hover{background:#EDEAE4; padding:10px 10px 10px 30px; color:#333333; text-decoration:none; background-image:url("images/common/prt_arrow_03.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 #11A7EE; background:#FFFFFF; background-image:url("images/common/bg_contact_01.png"); background-repeat:repeat-x; background-position:left bottom; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.post_contact p.txt{margin:0 !important; padding:22px 0 22px 0 !important; text-align:center !important; color:#10A7EE !important; font-size:16px !important; line-height:1.4 !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{background-image:url("images/common/bg_h2_contents_02.png"); background-repeat:repeat-x; background-position:left top; padding:12px 0 12px 22px; position:relative; color:#333333; font-size:22px; line-height:1.2; font-weight:bold; margin:0 0 5px 0;}
#main_tower h2::after{position: absolute; top:10px; left:10px; content: ''; width:5px; height:30px; background-color:#10A7EE;}

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

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

#main_tower h5{border-left:3px solid #10A7EE; padding:0 10px; color:#333333; font-size:16px; line-height:1.2; font-weight:bold; 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 #10A7EE;}
#main_tower table th{background-color:#F3F1EA; padding:9px; border:1px solid #10A7EE; 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 #10A7EE; 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_01.png"); background-position:left 8px; 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_02.png"); background-position:5px 11px; 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_01.png"); background-position:left 8px; 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_02.png"); background-position:5px 11px; 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 ;width:35%;}
.aligncenter{clear:both; display:block; margin:0 auto 20px auto;}
.alignleft{float:left; margin:0 20px 20px 0; width:35%;}

.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;}


.box_image{width:600px; margin:0 auto;}
.box_image ul{width:620px !important; margin:0 -20px 0 0 !important; overflow:hidden; _zoom:1;}
.box_image ul li{float:left; list-style:none !important; background-image:none !important; width:290px !important; margin:0 20px 20px 0 !important; padding:0 !important;}
.box_image ul li p{margin:0 !important;}
.box_image ul li p.image{padding:4px !important; border:1px solid #CCCCCC !important; width:280px !important; margin:0 0 10px 0 !important;}
.box_image ul li p.image:hover{border:1px solid #10A7EE !important;}
.box_image ul li p.linktxt{background-image:url("images/common/prt_arrow_03.png"); background-repeat:no-repeat; background-position:left 6px; padding:0 0 0 18px; color:#333333; font-size:15px; line-height:1.6;}



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

	トップページ

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


#top_section{width:600px; margin:0 auto 20px auto;}
.top_section_01{width:288px; border:1px solid #E0E0E0; float:left; margin:0 0 20px 0;}
.top_section_01 p.image{}
.top_section_01 p.txt{padding:10px; color:#333333; font-size:13px; line-height:1.6;}

.top_sectiron_01_mr20{margin-right:20px !important;}


#top_news{}
#top_news h2{background-image:url("images/common/bg_h2_contents_02.png"); background-repeat:repeat-x; background-position:left top; padding:12px 0 12px 22px; position:relative; color:#333333; font-size:22px; line-height:1.2; font-weight:bold; margin:0 0 5px 0;}
#top_news h2::after{position: absolute; top:10px; left:10px; content: ''; width:5px; height:30px; background-color:#10A7EE;}
#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:underline;}
#top_news dd a:hover{color:#0085CB; text-decoration:none;}
#top_news p{text-align:right; padding:15px 0 0 0; color:#0085CB; font-size:14px; line-height:1.2;}
#top_news p:before{content:"≫"; font-size:12px; padding:0 5px 0 0;}
#top_news p a{color:#0085CB; text-decoration:underline;}
#top_news p a:hover{color:#0085CB; text-decoration:none;}



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

	取扱メーカー

*****************************************/
.manufacturer-box {
	border: 5px solid #F2F1EB;
	padding: 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:15px;
}
.manufacturer-box h4 {
	background : #0090D4;
	color: #fff;
	padding: 10px 15px;
	color: #fff !important;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-ms-border-radius:50px;
	border-radius:50px;
	margin: 0 0 15px 0 !important;
}
.manufacturer-box p {
	margin: 0 0 20px 0;
	color: #333333;
	font-size: 15px;
	line-height: 1.6;
}
.manufacturer-box p:last-of-type {
	margin: 0!important;
}



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

	お問い合わせ（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;
}



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

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

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