@charset "UTF-8";


/* ▼▼body▼▼
---------------------------------------------*/
body{font-family: "Noto Sans JP"; font-size:15px; line-height:1.6; margin:0; font-weight:500;}

header{width:100vw; margin-top:1%;}
header div{width:1080px; margin:0.5% auto;}
header img.company-logo{width:300px; margin:0;}
#gloval_nav {
	display:block;
	text-align: center;
	background:#000;
	height:50px;
	width: 100vw;
	margin: 0px auto;
	position: relative;
	z-index: 99999;
	  }
#main_nav{
  width:1080px;
  margin:0 auto;
	padding:0;
 }
#main_nav li{
  list-style: none;
	width:100%;
}
#main_nav>li{	
  position: relative;
  float:left;
    width: calc(100% / 6);
}
#main_nav >li>a{
  display:block;
  padding:0;
   background:#000;
  line-height:50px;
  text-align: center;
   color: #FFF;
	text-decoration: none;
}
#main_nav > li:hover > a{
  display:block;
  background: #666;
  color: #FFF;
}

#main_nav .sub{
 visibility: hidden;
 position: absolute;
 top:100%;
	padding-left:0;
 left:0;
  }
#main_nav .sub li{
	border-bottom:1px solid #666;

	padding:1.5% 0;
  }

  #main_nav > li:hover .sub{
    visibility: visible;
	width:180px;
	 background:#fff;
	 color: #000;
  }
  .sub a:hover{
	  display:block;
	color: #FFF;
	  background:#111;
	  	text-decoration: none;
	  }


#wrapper {width:1080px; margin:0 auto;}

section{display:block;}

/*sidemenu css*/
aside{width:25%; float:left; display:block; margin:0 5% 0 0;}

.side_ttl {
text-align: left;
position: relative;
padding: 5px 5px 5px 42px;
background: #77c3df;
font-size: 20px;
color: white;
margin-top:0;
margin-left: -33px;
line-height: 1.3;
z-index:-1;
}

.side_ttl:before {
position: absolute;
content: '';
left: -2px;
top: -2px;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index:-2
}

aside{text-align: left;}
aside ul{padding:0; margin:0;}

main{width:70%; min-height:750px; float:right; display:block; margin:0; padding:0 0 5%;}


footer{clear:both; width:100vw;}
.company_box{width:40%;}
footer .company-logo{width:50%; margin:1% 0;}

.inner {width:1080px; margin:0 auto;}

ul{padding-left:0;}
dd{margin-left:0;}


/* ▼▼link▼▼
---------------------------------------------*/

a {text-decoration:none;}

/* ▼▼other▼▼
---------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { /* for IE */
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clear{
	clear:both;
}
.left {float:left;}
.right {float:right;}

.hide{
	display:none;
}

h1 a {
	display: block;
	background: url(../images/shimizu_logo.gif) no-repeat;
	width: 152px;
	height: 50px;
	text-indent: -9999px;
	margin-top: 16px;
}

p.komikomi {
	background: url(../images/catch.gif) no-repeat;
	width: 374px;
	height:67px;
	text-indent: -9999px;
	margin: 0px 0px 6px 25px;
}

p.tel {
	background: url(../images/shimizu_tel_satno.gif) no-repeat;
	width: 222px;
	height: 39px;
	text-indent: -9999px;
	margin-top:26px;
}


p.catch {
	width: 794px;
	height: 15px;
	background: url(../images/header_back.gif) repeat-x;
	font-size: 11px;
	padding: 3px 0px 3px 6px;
	margin: 5px 0px;
}

.hedear_info {
	margin-top: 2px;
}


.hedear_info li {
	display: block;
}

a.info01 {
	display: block;
	background: url(../images/catalog_btn.gif) no-repeat;
	width: 136px;
	height: 22px;
	text-indent: -9999px;
}


a.info02 {
	display: block;
	background: url(../images/mitsumori_btn.gif) no-repeat;
	width: 136px;
	height: 22px;
	text-indent: -9999px;
}

a.info03 {
	display: block;
	background: url(../images/price_btn.gif) no-repeat;
	width: 136px;
	height: 22px;
	text-indent: -9999px;
}


.topicpath{
	display:inline;
	margin-top:8px;
	margin-left:5px;
}

.topicpath a{
	color:#20B2AA;
}

.topicpath a:hover{
	color:#FF8C00;
}
	

/* ▼▼content▼▼
---------------------------------------------*/

#container{
	width:800px;
	padding-bottom:25px;
}

#contents_upper{
	width:800px;
	padding:3px 0;
}

.maker_logo{
	margin-top:2px;
	margin-right:5px;
}

p.maker_info{
	margin-top:8px;
	font-size:11px;
}


/* ▼▼main_contents▼▼
---------------------------------------------*/

#right_box{
	width:590px;
	padding-bottom:20px;
}


/* ▼▼side_navi▼▼
---------------------------------------------*/

#side_guide_link{
	display:block;
	width:201px;
	height:80px;
	margin-top:12px;
	background:url(../images/side_guide_button_off.jpg) no-repeat;
	text-indent:-9999px;
}

#side_guide_link:hover{
	background:url(../images/side_guide_button_on.jpg) no-repeat;
}

#side_price_link{
	display:block;
	width:200px;
	height:32px;
	margin-top:15px;
	background:url(../images/side_price_button_off.jpg) no-repeat;
	text-indent:-9999px;
}

#side_price_link:hover{
	background:url(../images/side_price_button_on.jpg) no-repeat;
}

#left_box{
	width:200px;
}

#item_navi_box{
	width:200px;
	margin-top:15px;
}

.item_navi_title{
	width:200px;
	height:32px;
	background:url(../images/test_side_item_title.jpg) no-repeat;
	text-indent:-9999px;
}

.item_navi{
	width:198px;
	padding:3px 0;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
}

.item_navi li{
	width:188px;
	border-bottom:dashed 1px #ccc;
	margin:0 auto;
}

li.list_end{
	border:none;
}

.item_navi a{
	display:block;
	width:152px;
	height:20px;
	padding:12px 0 0 38px;
	font-size:12px;
	color:#666;
	text-decoration:none;
}

.item_navi a:hover{
	color:#FF8C00;
}

.item_navi01{
	background:url(../images/side_item_navi01_off.gif) no-repeat;
}

.item_navi01:hover{
	background:url(../images/side_item_navi01_on.gif) no-repeat;
}

.item_navi02{
	background:url(../images/side_item_navi02_off.gif) no-repeat;
}

.item_navi02:hover{
	background:url(../images/side_item_navi02_on.gif) no-repeat;
}

.item_navi03{
	background:url(../images/side_item_navi03_off.gif) no-repeat;
}

.item_navi03:hover{
	background:url(../images/side_item_navi03_on.gif) no-repeat;
}

.item_navi04{
	background:url(../images/side_item_navi04_off.gif) no-repeat;
}

.item_navi04:hover{
	background:url(../images/side_item_navi04_on.gif) no-repeat;
}

.item_navi05{
	background:url(../images/side_item_navi05_off.gif) no-repeat;
}

.item_navi05:hover{
	background:url(../images/side_item_navi05_on.gif) no-repeat;
}

.item_navi06{
	letter-spacing:-1px;
	background:url(../images/side_item_navi06_off.gif) no-repeat;
}

.item_navi06:hover{
	background:url(../images/side_item_navi06_on.gif) no-repeat;
}

.item_navi07{
	background:url(../images/side_item_navi07_off.gif) no-repeat;
}

.item_navi07:hover{
	background:url(../images/side_item_navi07_on.gif) no-repeat;
}

.item_navi08{
	background:url(../images/side_item_navi08_off.gif) no-repeat;
}

.item_navi08:hover{
	background:url(../images/side_item_navi08_on.gif) no-repeat;
}

#design_navi_box{
	width:200px;
	margin-top:15px;
}

.design_navi_title{
	width:200px;
	height:32px;
	background:url(../images/side_design_title.jpg) no-repeat;
	text-indent:-9999px;
}

.design_navi{
	width:198px;
	padding:3px 0;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
}

.design_navi li{
	width:183px;
	padding:5px 0 5px 15px;
}

.design_navi li a{
	padding-left:15px;
	background:url(../images/side_list_indent.gif) no-repeat left center;
	font-size:13px;
	color:#666;
}

.design_navi li a:hover{
	color:#FF8C00;
}


#order_navi_box{
	width:200px;
	margin-top:15px;
}

.order_navi_title{
	width:200px;
	height:32px;
	background:url(../images/side_order_title.jpg) no-repeat;
	text-indent:-9999px;
}

.order_navi{
	width:198px;
	padding:3px 0;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
}

.order_navi li{
	width:183px;
	padding:5px 0 5px 15px;
}

.order_navi li a{
	padding-left:15px;
	background:url(../images/side_list_indent.gif) no-repeat left center;
	font-size:13px;
	color:#666;
}

.order_navi li a:hover{
	color:#FF8C00;
}

#side_estimate_link{
	display:block;
	width:200px;
	height:31px;
	margin-top:15px;
	background:url(../images/side_estimate_button_off.jpg) no-repeat;
	text-indent:-9999px;
}

#side_estimate_link:hover{
	background:url(../images/side_estimate_button_on.jpg) no-repeat;
}

#side_catalog_link{
	display:block;
	width:200px;
	height:32px;
	margin-top:8px;
	background:url(../images/side_catalog_button_off.jpg) no-repeat;
	text-indent:-9999px;
}

#side_catalog_link:hover{
	background:url(../images/side_catalog_button_on.jpg) no-repeat;
}

#side_under_link{
	width:200px;
	margin-top:15px;
}

#side_under_link li{
	margin-bottom:3px;
}

a.side_under_link_question{
	display:block;
	width:200px;
	height:35px;
	background:url(../images/side_question_button_off.gif) no-repeat;
	text-indent:-9999px;
}

a.side_under_link_question:hover{
	background:url(../images/side_question_button_on.gif) no-repeat;
}

a.side_under_link_gallery{
	display:block;
	width:200px;
	height:36px;
	background:url(../images/side_gallery_button_off.gif) no-repeat;
	text-indent:-9999px;
}

a.side_under_link_gallery:hover{
	background:url(../images/side_gallery_button_on.gif) no-repeat;
}

a.side_under_link_bbs{
	display:block;
	width:200px;
	height:36px;
	background:url(../images/side_bbs_button_off.gif) no-repeat;
	text-indent:-9999px;
}

a.side_under_link_bbs:hover{
	background:url(../images/side_bbs_button_on.gif) no-repeat;
}


a.maeken_link{
	display:block;
	width:150px;
	height:30px;
	margin:15px 0 0 25px;
	background:url(../images/maeken_banner_top.gif) no-repeat;
	text-indent:-9999px;
}

a.airguiter_link{
	display:block;
	width:108px;
	height:60px;
	margin:15px 0 0 49px;
	background:url(../images/logo_airguiter.gif) no-repeat;
	text-indent:-9999px;
}


/* ▼▼footer▼▼
---------------------------------------------*/

#footer{
	width:800px;
	height:;
	margin:0 auto;
	border-top:5px solid #32BAFF;
	text-align:;
}

.footer_l{
	width:245px;
	margin-top:10px;
	padding-left:5px;
}

.footer_shopname{
	font-size:14px;
	font-weight:bold;
}

.footer_shopinfo{
	margin-top:10px;
	font-size:12px;
}

.footer_r{
	width:545px;
	margin-top:8px;
	padding-right:5px;
}

.footer_navi{
	width:540px;
}

.footer_navi li{
	float:left;
	padding:0 6px;
	border-right:solid 1px #666;
}

.footer_navi li.list_end{
	border-right:none;
}

.footer_navi li a{
	font-size:11px;
	color:#666;
}

.footer_navi li a:hover{
	color:#FF8C00;
}

.copyright{
	margin-top:30px;
	font-size:12px;
}