@charset "UTF-8";

@media screen and (max-width: 639px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}


/****************************************

	ヘッダ

*****************************************/
#header_txt{border-bottom:1px solid #D5D5D3; padding:7px 0;}
h1{width:100%; margin:0 auto; font-size:14px; line-height:1.2; color:#444444; font-weight:normal;}


header{}
#header{}
#header_inner{width:100%; margin:0 auto;}

#logo{width:80%; margin:0 auto;}
#logo p{padding:21px 0 30px 0; text-align:center;}


#header_navi{background:#F1EEDE; position:relative; z-index:100;}
#header_navi_menu{display:none;}
#header_navi_menu li{width:100%; display:block; float:left; margin:0; padding:0; border-top:1px solid #C30D23;}
#header_navi_menu li a{display:block; padding:7px 0 7px; background-color:#F1EEDE; color:#000000; text-align:center; text-decoration:none;}
#header_navi_menu li a:hover{background:#C30D23; color:#FFFFFF;}
#header_navi_menu li:last-child a{border:none;}

#navi_toggle{display:block; position:relative; width:100%; margin:0 auto; background:#F1EEDE;}
#navi_toggle a{display:block; position:relative; padding:10px 0 10px; color:#000000; 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:#C30D23;}
#navi_toggle a:before, #navi_toggle a:after{display:block; content:""; position:absolute; top:50%; left:10px; width:20px; height:4px; background:#F1EEDE;}
#navi_toggle a:before{margin-top:-6px;}
#navi_toggle a:after{margin-top: 2px;}

#navi_top			#header_navi ul li.top a{background:#AC0000; color:#FFFFFF;}
#navi_business		#header_navi ul li.business a{background:#AC0000; color:#FFFFFF;}
#navi_advantage		#header_navi ul li.advantage a{background:#AC0000; color:#FFFFFF;}
#navi_company		#header_navi ul li.company a{background:#AC0000; color:#FFFFFF;}
#navi_contact		#header_navi ul li.contact a{background:#AC0000; color:#FFFFFF;}



/****************************************

	ビジュアル

*****************************************/
#mainvisual{
	border-bottom:1px solid #E4E4E4;
	margin:0 0 9px 0;
	width:100%;
	height:0;
	padding-top:calc(360 / 960 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

#subvisual{margin:0 0 30px 0; background:#F1EEDE; background-image:url("images/common/bg_subvisual_01.gif"); background-repeat:repeat-x; background-position:left bottom;}
#subvisual_inner{width:100%; margin:0 auto;}
#subvisual_inner h2{padding:30px 10px; color:#444444; font-size:24px; line-height:1.2;}



/****************************************

	フッター

*****************************************/
footer{}
#footer{border-top:1px solid #D4D3CF; background:#F1EEDE;}
#footer_inner{width:100%; margin:0 auto; padding:20px 0 20px 0;}

#footer_info{width:100%;}
#footer_link{width:100%;}
#footer_link2{width:100%;}

#footer_info p.logo{width:80%; margin:0 auto; padding:0 0 12px 0; text-align:center;}
#footer_info p.txt{padding:0 0 25px 18px; color:#444444; font-size:14px; line-height:1.6;}

#footer_link h2{padding:5px 10px 15px 18px; color:#444444; font-size:16px; line-height:1.2;}
#footer_link ul{padding:0 10px 20px 18px;}
#footer_link ul li{color:#444444; font-size:14px; line-height:1.2; background-image:url("images/common/prt_arrow_02.png"); background-repeat:no-repeat; background-position:left 3px; padding:0 0 15px 20px; }
#footer_link ul li a{color:#444444;}
#footer_link ul li a:hover{color:#444444;}

#footer_link2 h2{padding:5px 10px 15px 18px; color:#444444; font-size:16px; line-height:1.2;}
#footer_link2 ul{padding:0 10px 0 18px;}
#footer_link2 ul li{color:#444444; font-size:14px; line-height:1.2; background-image:url("images/common/prt_arrow_02.png"); background-repeat:no-repeat; background-position:left 3px; padding:0 0 15px 20px; }
#footer_link2 ul li a{color:#444444;}
#footer_link2 ul li a:hover{color:#444444;}


#footer_copyright{background:#444444;}
#footer_copyright p{text-align:center; padding:17px 0; color:#F2F1EB; font-size:12px; line-height:1.2;}



/****************************************

	テンプレート

*****************************************/
#contents{width:100%; margin:0 auto;}

#main_tower{width:95%; margin:0 auto;}
#side_tower{width:226px; margin:0 auto;}


#window_contact{position:fixed; bottom:20px; right:0; font-size:77%; z-index:9999;}
#window_contact img{width:40px;}


#side_contact{width:226px; margin:0 auto 13px auto;}
#side_contact h2{}
#side_contact_box{background-image:url("images/common/bg_side_contact_01.gif"); background-repeat:repeat-y; background-position:left top;}
#side_contact_box ul{background-image:url("images/common/bg_side_contact_02.gif"); background-repeat:no-repeat; background-position:left bottom;}
#side_contact_box ul li{}
#side_contact_box ul li.info{text-align:center; padding:15px 0 15px 0;}
#side_contact_box ul li.tel{text-align:center; padding:0 0 15px 0;}
#side_contact_box ul li.btn{text-align:center; padding:0 0 22px 0;}

#side_banner{width:195px; margin:0 auto 40px auto;}
#side_banner ul{}
#side_banner ul li{margin:0 0 8px 0;}


#main_tower h3{border-bottom:1px solid #C30D23; background-image:url("images/common/bg_h2_contents_01.gif"); padding:18px 10px 18px 34px; margin:0 0 20px 0; position: relative; color:#444444; font-size:20px; line-height:1.2; font-weight:bold;}
#main_tower h3::after{position: absolute; top:11px; left:8px; content: ''; width:5px; height:-webkit-calc(100% - 1em); height:calc(100% - 1em); background-color:#C30D23; border-radius:4px;}

#main_tower h4{background-image:url("images/common/bg_h3_contents_01.gif"); padding:16px 12px 16px 12px; color:#444444; font-size:20px; line-height:1.2; font-weight:bold; margin:0 0 20px 0;}

#main_tower h5{border-bottom:1px solid #C30D23; padding:10px 12px 10px 12px; color:#444444; font-size:20px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#main_tower p{margin:0 0 20px 0; color:#444444; font-size:16px; line-height:1.6;}

#main_tower table{margin:0 0 20px 0; border-collapse:collapse; border:1px solid #D5D5D3;}
#main_tower table th{background-color:#F1EEDE; padding:9px; border:1px solid #D5D5D3; color:#333333; font-weight:normal; font-size:16px; text-align:left;}
#main_tower table td{background-color:#FFFFFF; padding:9px; border:1px solid #D5D5D3; color:#333333; font-size:16px;}

#main_tower ul{padding:0 0 20px 0; color:#333333; font-size:16px; line-height:1.6;}
#main_tower ul li{background-image:url("images/common/prt_arrow_03.png"); background-position:left 4px; 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:left 4px; background-repeat:no-repeat; padding:0 0 0 15px;}

#main_tower table ul{padding:0; color:#333333; font-size:16px; line-height:1.6;}
#main_tower table ul li{background-image:url("images/common/prt_arrow_03.png"); background-position:left 4px; 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:left 4px; background-repeat:no-repeat; padding:0 0 0 15px;}

#main_tower img{height:auto; max-width:100%;}

.alignright{float:right; margin:0 0 20px 10px;}
.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto;}
.alignleft{float:left; margin:0 20px 10px 0;}

.breadcrumbs{width:95%; margin:0 auto; color:#444444; font-size:15px; padding:30px 0 10px 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;}

#post_list{}
#post_list dl{font-size:14px;}
#post_list dt{padding-top:20px; color:#444444;}
#post_list dd{padding-top:5px; padding-bottom:20px; border-bottom:1px dashed #F2F1EB; color:#444444;}
#post_list dd a{color:#444444; text-decoration:underline;}
#post_list dd a:hover{color:#444444; text-decoration:none;}




/****************************************

	トップページ

*****************************************/
#top_tower{width:95%; margin:0 auto;}

#top_business{margin:0 0 30px 0;}
#top_business_title h2{background:#F1EEDE; padding:18px 10px 18px 34px; margin:0 0 20px 0; position: relative; color:#444444; font-size:20px; line-height:1.2; font-weight:bold;}
#top_business_title h2::after{position: absolute; top:11px; left:8px; content: ''; width:5px; height:-webkit-calc(100% - 1em); height:calc(100% - 1em); background-color:#C30D23; border-radius:4px;}
#top_business_title h2 a{color:#444444;}
#top_business_title h2 a:hover{color:#444444;}
.top_business_box{border-bottom:1px solid #F2F1EB; padding:0 0 30px 0; margin:0 0 30px 0;}
.top_business_image{width:100%; margin:0 auto;}
.top_business_image .bigimage{text-align:center; padding:0 0 20px 0;}
.top_business_image .bigimage p{}
.top_business_image .smallimage{width:240px; margin:0 auto;}
.top_business_image .smallimage ul{width:250px; margin:0 -10px 0 0; overflow:hidden; _zoom:1;}
.top_business_image .smallimage ul li{float:left; margin:0 10px 10px 0; width:115px;}
.top_business_image .smallimage ul li p.image{padding:0 0 5px 0;}
.top_business_image .smallimage ul li p.text{text-align:left; background-image:url("images/common/prt_arrow_01.png"); background-repeat:no-repeat; background-position:left 2px; padding:0 0 0 12px; color:#444444; font-size:11px; line-height:1.2;}
.top_business_image .smallimage ul li p.text a{color:#444444; text-decoration:none;}
.top_business_image .smallimage ul li p.text a:hover{color:#444444; text-decoration:underline;}
.top_business_box .link{text-align:right; color:#444444; font-size:12px; line-height:1.2;}
.top_business_box .link span{background-image:url("images/common/prt_arrow_01.png"); background-repeat:no-repeat; background-position:left center; padding:0 0 0 12px;}
.top_business_box .link a{color:#444444; text-decoration:none;}
.top_business_box .link a:hover{color:#444444; text-decoration:underline;}

#top_news{margin:0 0 30px 0;}
#top_news_title h2{background:#F1EEDE; padding:18px 110px 18px 34px; position:relative; color:#444444; font-size:20px; line-height:1.2; font-weight:bold;}
#top_news_title h2::after{position: absolute; top:11px; left:8px; content: ''; width:5px; height:-webkit-calc(100% - 1em); height:calc(100% - 1em); background-color:#C30D23; border-radius:4px;}
#top_news_title h2 span{position:absolute; top:0; right:10px;}
#top_news_title h2 span a{display:block; color:#444444; font-size:12px; line-height:1.2; font-weight:normal; padding:23px 10px 0 13px; background-image:url("images/common/prt_arrow_01.png"); background-repeat:no-repeat; background-position:left 25px;}
#top_news_title h2 span a:hover{color:#444444;}
#top_news dl{border:1px solid #F1EEDE; border-top:none; font-size:14px;}
#top_news dl dt{padding-top:20px; padding-left:20px; padding-right:20px; color:#444444;}
#top_news dl dd{padding-top:5px; padding-left:20px; padding-right:20px; padding-bottom:20px; border-bottom:1px dashed #F1EEDE; color:#444444;}
#top_news dl dd:last-child{border-bottom:none;}
#top_news dl dd a{color:#444444; text-decoration:underline;}
#top_news dl dd a:hover{color:#444444; text-decoration:none;}



/****************************************

	さまざまな取扱品目

*****************************************/
.product_list{width:226px; margin:0 auto;}
.product_list ul{width:226px; margin:0 auto;}
.product_list ul li{background-image:none !important; background-position:left top !important; padding:0 !important; float:left; margin:0 0 10px 0; width:226px;}
.product_list ul li p.image{margin:0 0 10px 0 !important; border:1px solid #EDEDED;}
.product_list ul li p.image img{width:224px !important; height:126px !important;}
.product_list ul li p.title{text-align:left; background-image:url("images/common/prt_arrow_01.png") !important; background-repeat:no-repeat !important; background-position:left 2px !important; padding:0 0 0 12px !important; margin:0 0 10px 0 !important; color:#444444 !important; font-size:13px !important; line-height:1.2 !important; font-weight:bold;}
.product_list ul li p.text{text-align:left; padding:0 !important; margin:0 !important; color:#444444 !important; font-size:12px !important; line-height:1.4 !important;}



/****************************************

	以下レスポンシブ　記述終了用　削除禁止

*****************************************/
}

