@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,700,700italic);

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #DDDDDD;
	background-repeat: repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3",Meiryo, Osaka;
	font-size: 78%;
}
img{
	border:none;
	margin: 0 auto;
}
form{
	margin:0;
	padding:0;
}

.slick-slider{
	z-index: 100 !important;
}



#header{
	width: 100%;
	background: #FFF;
	z-index: 200;
	text-align: left;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	position: fixed;
	top: 0px;
	left: 0px;
	height: 90px;
}
#header div.inner{
	width:950px;
	margin:0 auto;
	position:relative;
	height: 90px;
}


#header h1{
	margin:0;
	padding:0;
	position:absolute;
	top: 40px;
	left:0px;
}

#header div.banner {
	position:absolute;
	top:20px;
	right:75px;
}

#header.short{
    animation: getshorter 0.3s linear 0s 1 normal forwards;
}
@keyframes getshorter {
  0% {
  	top:0px;
  }
  100% {
  	top:-35px;
  }
}

#header.long{
    animation: getslonger 0.3s linear 0s 1 normal forwards;
}
@keyframes getslonger {
  0% {
  	top:-35px;
  }
  100% {
  	top:0px;
  }
}



#navi{
	height:40px;
	width:780px;
	background:url(/images/navi.png) no-repeat 0% 0px;
	position:absolute;
	bottom:0px;
	right:0px;
}
#navi ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#navi ul li ul{
	display:none;
}

#navi li {
	margin:0;
	padding:0;
	height:40px;
	overflow:visible;
}
#navi li:hover {
	height:auto;
	overflow:visible;
}

#navi li li,#navi li li:hover {
	background-color:#FFF;
	height: 45px;
}
#navi li li a {
	border-bottom:5px solid #EEE;
	color: #006736;
	height:40px;
	padding:0 3px;
	text-decoration:none;
	font-weight:900;
	font-size:14px;
	font-family: 'Noto Sans', sans-serif;
	font-style:italic;
	line-height:28px;
}
#navi a {
	border-bottom:5px solid #FFF;
	display:block;
	height:35px;
	box-sizing:content-box;
}
#navi a:hover {
	border-bottom:5px solid #060;
}
#navi span {
	display:none;
}
#navi .navi01 {
	position:absolute;
	width:100px;
	left:0px;
	top:0px;
}
#navi .navi02 {
	position:absolute;
	width:120px;
	left:113px;
	top:0px;
}
#navi .navi03 {
	position:absolute;
	width:97px;
	left:270px;
	top:0px;
}
#navi .navi04 {
	position:absolute;
	width:157px;
	left:385px;
	top:0px;
}
#navi .navi05 {
	position:absolute;
	width:75px;
	left:601px;
	top:0px;
}
#navi .navi06 {
	position:absolute;
	width:79px;
	left:702px;
	top:0px;
}
#navi span.small2 {
	display:block;
	font-size: 12px;
}

#navi .navi02 ul {
	width:480px;
	left:113px;
	top:0px;
}
#navi .navi02 ul li {
	width:120px;
}



#navi span.small {
	display:block;
	color: #33A69F;
	font-size: 9px;
	font-weight:normal;
	font-style:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:2px;
}


#navisub{
	font-family: 'Noto Sans', sans-serif;
	margin-left: -480px;
	z-index: 100;
	position: absolute;
	width: 150px;
	left: 50%;
	top:120px;
}

.navisub{
	text-align: left;
	padding: 8px;
	background-color: #FFF;
	margin: 0 0 5px;
	color: #149991;
}
.navisub.s,.navisub:hover{
	background-color: #EDF8F8;
}

#navisub h2{
	padding: 0;
	margin: 0;
	font-size: 120%;
}
#navisub h3{
	padding: 0;
	margin: 0 0 5px;
	font-size: 120%;
}
#navisub h4{
	padding: 0;
	margin: 5px 0 0;
	font-size: 110%;
}
#navisub ul{
	padding: 0;
	margin: 0 0 0 10px;
	list-style-type: none;
}

#navisub li{
	padding: 2px 0;
	margin: 0;
}
#navisub li a,#navisub li a:visited{
	color:#333;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.0), 1px 1px 0px rgba(255,255,255,1.0);
}
#navisub li.s a{
	color:#149991;
}



#navisub a,#navisub a:visited{
	text-decoration: none;
	color: #149991;
}
#navisub a:hover{
	color: #149991 !important;

}


#navisub.parts ul {
    margin: 0px;
}
#navisub.parts ul li{
	padding: 0px;
	position: relative;
}
#navisub.parts ul li a{
	padding: 5px 0px 5px 5px;
	display: inline-block;
	margin-right: 35px;
}
#navisub.parts ul li:after{
	position: absolute;
	right: 0px;
	top: 5px;
	width: 15px;
	height: 15px;
	content: "＋";
	cursor: pointer;
}

#navisub.parts ul li.open:after{
	content: "ー";
}
.navisub.s,.navisub:hover{
	background-color: #FFF;
}


#navisub.parts ul li ul{
	display: none;
}
#navisub.parts ul li ul li:after{
	display: none;
}
#navisub.parts ul li ul li a{
	display: block;
	padding: 5px 5px 5px 10px;
	margin-right: 0px;
	background-color: #e1eeed;
	border-bottom: 2px solid #FFF;
}





#wrapper{
	width: 950px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	top: 90px;
}


#main{
	width: 780px;
	margin: 0px auto 18px 170px;
	text-align: left;
	background-color: #FFF;
	padding: 0 0 20px;
}
#main.top{
	width: 735px;
	margin: 8px auto 18px auto;
}
#main h2.emboss{
	font-size:280%;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3), -1px -1px 0px rgba(255,255,255,0.5);
	color:#CECECE;
	padding: 60px 0 20px;
	margin: 0;
	background-color: #DDD;
	font-family: 'Noto Sans', "ヒラギノ角ゴ Pro W3",Meiryo, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
}
#main h2.emboss .small{
	text-shadow: none;
	color:#A8A8A8;
	font-size: 50%;
	margin: 0 0 0 5px;
}
#main h2.emboss .small .small{
	margin: 0;
}
#main a:link{
	color:#CC3300;
	text-decoration: none;
}
#main a:visited{
	color: #993333;
	text-decoration: none;
}
#main a:hover{
	text-decoration: underline;
	color: #FF0000;
}


#main table{
	margin: 0 auto;
}

#main table td{
	padding: 5px;
	border-bottom: 1px solid #666666;
	text-align: left;
	line-height: 150%;
}
#main table.border td{
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background-color: #FFFFFF;
}
#main table.border th{
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background-color: #E6F7F8;
	text-align: center;
	font-size: 85%;
}



#main table td[align=right]{
	text-align: right;
}
#main table.noborder td{
	padding: 5px;
	text-align: left;
	line-height: 150%;
	border:none;
}


#main table.kei td{
	padding: 5px;
	text-align: left;
	line-height: 150%;
	border-left: 1px solid #ADADAD;
}
#main table.kei td.noborder{
	padding: 5px;
	border-bottom: 1px solid #ADADAD;
	border-left:none;
	border-top:none;
	border-right:none;
	line-height: 150%;
}

#main table td.center{
	text-align: center;
}
#main table td.bg{
	background-color:#F5F5F5;
}
#main table td.bleft{
	border-left:2px solid #ADADAD;;
}
#main table.img td{
	padding: 0px;
	border-bottom: none;
}


#main table td.small{
	font-size:80%;
}
#main table td h2{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 150%;
	color: #868686;
}
#main table td h3{
	font-size: 100%;
	color: #868686;
}


#main table td.title{
	background: url(/images/bg_tdttl.gif) no-repeat 0% 50%;
	color: #999999;
	padding: 0 0 0 15px;
	width: 160px;
	font-size: 85%;
	font-weight: bold;
	border-left: none;
}
#main table td.high{
	padding-top: 40px;
}

.pankuzu{
	color: #666666;
	padding: 0px 3px 5px 3px;
	margin: 0;
	text-align: left;
	font-size: 10px;
}
.topcar{
	width: 365px;
	float: left;
	text-align: right;
}
.topcon{
	width: 365px;
	float: left;
	text-align: right;
}
.topcar img,.topcon img{
	margin: 0;
}



.topbody{
	color: #333333;
	margin: 20px auto 0 auto;
	width: 850px;
	padding: 0;
}



.mainbody{
	color: #333333;
	padding: 25px;
	margin: 0;
	background-color: #FFFFFF;
}
.mainbody div#img{
	margin:0 auto;
	width:731px;
	height: 450px;
}
	

.mainbody2{
	color: #333333;
	border-left: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	padding: 0 0 20px 0;
	margin: 0 0 10px 0;
	background-color: #FFFFFF;
}


.mainbody h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "HGゴシックE", Meiryo, sans-serif;
	font-weight:normal;
	font-size:250%;
	color: #006736;
	margin: 0 0 20px;
}
.mainbody h3{
	margin: 0px;
	padding: 20px 0px 10px;
	font-size:160%;
}
.mainbody p{
	line-height:180%;
}




.mainleft{
	width: 499px;
	text-align: left;
	clear: right;
	float: left;
}

.mainleft a img {
	border: 1px solid #CCCCCC;
}
.mainleft a img.noborder {
	border: none;
}

.mainright{
	float: right;
	width: 224px;
}
.mainrightarchive{
	text-align: left;
	padding: 10px 0 0 0;
	background: url(/images/bg_blog.gif) no-repeat;
}
.mainrightaccount{
	text-align: left;
	padding: 0;
	margin:5px 0 0 0;
}
.download{
	text-align:left;
	margin: 0 0 0 50px;
	background: url(/images/bg_down.gif) no-repeat 0px 10px;
	padding: 5px 5px 5px 90px;
}
.mainright h3 {
	padding: 5px;
	border-bottom: 2px dotted #666;
	font-size: 80%;
	margin: 20px 0 10px;
	color: #666;
	font-family: Arial;
}

.mainright ul{
	margin: 0 0 10px 20px;
	padding: 0px;
	list-style-type: square;
	text-indent: 0px;
}
.mainright li{
	margin: 0;
	padding: 3px;
	font-size: 12px;
	list-style-type: square;
}








#main ul ul li{
	list-style-image: url(/images/bg_li.gif);
	margin: 3px;
}




#main td p{
	font-size: 100%;
	padding-bottom: 5px;
}

#main p.center{
	text-align:center;
}
#main p.small{
	font-size:65%;
}
#main div.download p{
	margin: 5px;
}
#main div.download img{
	margin: 0 5px;
	border:none;
}
#main p.date{
	text-align: right;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0;
}
#main p.right{
	text-align: right;
	font-size: 9px;
}

#main a.back{
	display:block;
	width:98px;
	height:19px;
	background:url(/images/back.gif) no-repeat;
	margin:auto;
	text-indent:-9999px;
}

#main a.back:hover{
	background:url(/images/back_ov.gif) no-repeat;
}

#main a.back span{
	display:none;
}






/*-----------------------------------------------------------緑バナーエリアここから*/

#topbanner{
	background-color:rgba(18,135,30,0.5);
	position:relative;
	z-index:301;
	padding: 10px 0px;
	display: block;
}

#topbanner div.inner{
	margin:0 auto;
	width:820px;
	height: 60px;
	display: block;
}


#topbanner div.inner div{
	float:none;
	margin:0 5px;
}

/*-----------------------------------------------------------フッター用ここから*/

#footer{
	margin:100px 0 0 0;
	padding: 10px 0 100px;
	background-color:#262626;
	color:#FFF;
	text-align: left;
	font-size: 12px;
}

#footer div.inner{
	width:1050px;
	margin:0 auto;
	max-width: 100%;
}

@media screen and (max-device-width: 1049px){
	#footer div.inner{
		width:100%;
	}
}


#footer div.box{
	float:left;
	margin:0 13px 0 0;
}
#footer div.box.fb{
	float:right;
	margin: 0;
}
#footer a{
	color:#FFF;
	text-decoration: none;
}
#footer a:hover{
	text-decoration:underline;
}

#footer h3{
	border-left:5px solid #0d9991;
	padding:10px 0 0 5px;
	font-size: 12px;
}


#footer ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#footer li{
	margin:0;
	padding:5px 0 5px 10px;
}
#footer ul.parent ul{
	display:none;
}
#footer ul.parent li{
	background:url(/images/bg_footer_li.png) no-repeat 95% 7px;
	border-left:5px solid #0d9991;
	font-weight:bold;
	margin:0 0 8px;
	cursor:pointer;
	width:130px;
}
#footer ul.parent li li{
	background:none;
	margin:0;
	padding:5px 0 5px 10px;
	border-left:0px;
	font-weight:normal;
}

#footer div.copy{
	text-align:center;
	margin:50px 0 0 0;
}


/*------------------------------------------------------------------------partslist*/
.mainbodyparts{
	color: #333333;
	background-color: #FFFFFF;
	border-left: 0px solid #ADADAD;
	border-right: 0px solid #ADADAD;
	border-bottom: 0px solid #ADADAD;
	padding: 20px;
	margin: 0 0 10px 0;
}



#main table.partslist tr.noborder td{
	border-bottom: none;
}
#main table.parts td{
	background-color: #CC0000;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
#main table.parts td.ttl{
	background-color: #333333;
	width: 80px;
	color: #FFFFFF;
}

#main table.partslist td{
	vertical-align: top;
}
#main table.partslist td.img{
	width: 120px;
}
#main table.partslist td.img img{
	width: 120px;
}
#main table.partslist td p{
	margin:0;
}
#main table.partslist td p.price{
	padding-left:75px;
}



/*----------------------------------------------------------------------goods*/

#main table.goods td{
	padding:0;
	width: 245px;
	height: 209px;
	border: none;
	text-align:center;
	vertical-align: top;
}

#main .maingoods{
	text-align: center;
}
#main .maingoods img{
	margin: 20px auto;
}
#main table.goods img{
	margin: 45px 0 0 0;
}
#main .maingoods p{
	padding-bottom: 5px;
	margin: 0 20px;
}

#main table.goods p{
	text-align:center;
	padding: 5px;
	margin: 0;
}


#main table.goods td.goods1{
	background:url(/images/goodsbg_01.gif) no-repeat;
}
#main table.goods td.goods2{
	background:url(/images/goodsbg_01.gif) no-repeat;
}
#main table.goods td.goods3{
	background:url(/images/goodsbg_01.gif) no-repeat;
}
#main table.small td{
	font-size:80%;
}

#main td.ttlred{
	background-color: #EEEEEE;
	color: #000000;
}




/*-----------------------------------------------------------バナー用ここから*/

#banner{
	width: 298px;
	height: 61px;
	position: absolute;
	top: 560px;
	left: 50%;
	margin-left: 65px;
}


/*-----------------------------------------------------------汎用クラスここから*/

#main a.vector{
	background:url(/images/vector.gif) no-repeat 0px 3px;
	padding:0 0 0 20px;
	color:#FF0000;
}
.red {
	color:red;
}

.cobalt{
	color:#3366CC;
}

.margin5 {
	margin:5px;
}
.center{
	text-align:center;
}
.margin100100{
	margin: 10px 0 10px 0;
}
.margin00100{
	margin:0 0 10px 0;
}

.padding3{
	padding:3px;
}

.small{
	font-size:80%;
}

.padding5{
	padding:5px;
}
.textleft{
	text-align:left;
}
.textright{
	text-align:right;
}
.smaller {
	font-size:80%;
}
.ruftxt{
	color:#148D00;
}

.rtctxt{
	color:#005A8D;
}

.normal{
	font-weight:normal;
}
.bggray{
	background-color:#DDD;
}


































/**/