@charset "UTF-8";
/* CSS Document */

/* body --------------------------------------- */
body{background:url(../img/common/h_bg02.jpg) repeat-x; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	font-size:1px;	line-height:1px;	margin:0;	padding:0;}



/* setting --------------------------------------- */
.clear{clear:both;	margin:0;	padding:0;	font-size:0;	line-height:0;}
img{border:0;}
form{margin:0;	padding:0;}
p{margin:0;	padding:0;}
h1,h2,h3,h4,h5,h6{font-size:1px; line-height:1px; margin:0; padding:0;}
a{outline:none;}



/* header --------------------------------------- */
#hWrap{background:#F4F4F5;margin-bottom:35px}
#hBox{width:850px; height:146px; margin:0 auto; display: flex; align-items: center;}

/* #hlogo{width:349px; height:31px; position:absolute; top:36px; left:0;} */
#hSEO{font-size:12px; color:#333; line-height:130%; position:absolute; top:13px; left:0;}

#hNavi{background:url(../img/common/h_navi_bg.gif) no-repeat 105px 0; width:200px; height:12px; padding:1px 0 0 0; position:absolute; top:14px; left:416px;}
#hNavi ul{margin:0; padding:0;}
#hNavi li{margin:0; padding:0; list-style-type:none;}
#hNavi #hNavi01 {width:86px; height:11px; float:left;}
#hNavi #hNavi01 a{background:url(../img/common/h_navi01.gif) no-repeat; display:block; width:86px; height:11px; text-indent:-9999px;}
#hNavi #hNavi01 a:hover{background-position:0 -11px;}
#hNavi #hNavi02 {width:74px; height:11px; float:right;}
#hNavi #hNavi02 a{background:url(../img/common/h_navi02.gif) no-repeat; display:block; width:74px; height:11px; text-indent:-9999px;}
#hNavi #hNavi02 a:hover{background-position:0 -11px;}

#hMail{width:206px; height:30px; position:absolute; top:41px; left:413px;}
#hMail a{background:url(../img/common/h_mail.jpg) no-repeat; display:block; width:206px; height:30px; text-indent:-9999px;}
#hMail a:hover{background-position:0 -30px;}

#hTel{width:211px; height:61px; position:absolute; top:10px; left:639px;}

#hText{width:444px; height:66px; position:absolute; top:168px; left:-4px;}



/* global menu --------------------------------------- */
#gMenuBox{background:url(../img/common/g_menu_bg02.png) no-repeat; width:830px; height:50px; padding:20px 0 0 20px; position:absolute; bottom:-40px; left:0;}
#gMenuBox ul{margin:0; padding:0;}
#gMenuBox li{margin:0; padding:0; list-style-type:none;}

#gMenuBox #gMenu01,#gMenuBox #gMenu02,#gMenuBox #gMenu03,#gMenuBox #gMenu04,
#gMenuBox #gMenu01on,#gMenuBox #gMenu02on,#gMenuBox #gMenu03on,#gMenuBox #gMenu04on
{float:left;}

#gMenuBox #gMenu01 a,#gMenuBox #gMenu01on a{background:url(../img/common/g_menu01.gif) no-repeat; display:block; width:180px; height:30px; text-indent:-9999px; margin:0 31px 0 0;}
#gMenuBox #gMenu02 a,#gMenuBox #gMenu02on a{background:url(../img/common/g_menu02.gif) no-repeat; display:block; width:180px; height:30px; text-indent:-9999px; margin:0 30px 0 0;}
#gMenuBox #gMenu03 a,#gMenuBox #gMenu03on a{background:url(../img/common/g_menu03.gif) no-repeat; display:block; width:180px; height:30px; text-indent:-9999px; margin:0 30px 0 0;}
#gMenuBox #gMenu04 a,#gMenuBox #gMenu04on a{background:url(../img/common/g_menu04.gif) no-repeat; display:block; width:180px; height:30px; text-indent:-9999px;}

#gMenuBox #gMenu01 a:hover,#gMenuBox #gMenu02 a:hover,#gMenuBox #gMenu03 a:hover,#gMenuBox #gMenu04 a:hover,
#gMenuBox #gMenu01on a,#gMenuBox #gMenu02on a,#gMenuBox #gMenu03on a,#gMenuBox #gMenu04on a
{background-position:0 -30px;}



/* content --------------------------------------- */
#contentBox{width:850px; margin:0 auto 50px auto;}
#contentLeft{width:200px; float:left;}
#contentRight{width:630px; float:right;}



/* pankuzu --------------------------------------- */
#pankuzu{font-size:12px; color:#333; line-height:130%; margin:0 0 15px 0;}
#pankuzu a{color:#1AB4CC;}
#pankuzu a:hover{text-decoration:none;}



/* kasou page box --------------------------------------- */
.boxLeft{width:300px; float:left;}
.boxRight{width:310px; float:right;}

.boxLeft02{width:360px; float:left;}
.boxRight02{width:250px; float:right;}

.boxLeft03{width:150px; float:left;}
.boxRight03{width:460px; float:right;}

.{width:460px; float:left;}
.boxRight04{width:150px; float:right;}

.{ float:left;}
.boxRight04-test{width:150px; float:right;}

/* product --------------------------------------- */
#prodBoxLeft{width:310px; float:left; margin:0 0 10px 0;}
#prodBoxRight{width:310px; float:right; margin:0 0 10px 0;}

#prodMenu{width:278px; border:solid 1px #D7D7D7; padding:15px 15px 5px 15px;}

#prodMenu ul{margin:0; padding:0;}
#prodMenu li{background:url(../img/common/icon.gif) no-repeat 0 2px; font-size:12px; color:#333; line-height:120%; margin:0 0 10px 0; padding:0 0 0 14px;; list-style-type:none; float:left;}
#prodMenu li a{color:#333; text-decoration:none;}
#prodMenu li a:hover{color:#1AB4CC;}

#prodMenu li.left01{width:156px;}
#prodMenu li.right01{width:94px;}
#prodMenu li.left02{width:126px;}
#prodMenu li.right02{width:124px;}



/* contact --------------------------------------- */
#contactBox{width:609px; border:solid 1px #CCC; padding:10px 9px 10px 10px;}
#contactNo{width:609px; margin:10px 0;}
#contactMail{width:295px; height:40px; margin:0 auto;}
#contactMail a{background:url(../img/common/contact_mail.jpg) no-repeat; display:block; width:295px; height:40px; text-indent:-9999px;}
#contactMail a:hover{background-position:0 -40px;}



/* page navi --------------------------------------- */
.pageNavi{width:630px; margin:0 0 30px 0;}

.pageNaviLeft{width:430px; float:left;}
.pageNaviLeft ul{margin:0; padding:0;}
.pageNaviLeft li{margin:0 10px 0 0; padding:0; list-style-type:none; float:left;}
.pageNaviLeft li .current{background:#1AB4CC; border:solid 1px #13889B; font-size:12px; color:#FFF; line-height:120%; padding:4px 8px; display:inline-block}
.pageNaviLeft li a.pageLink{background:#ECECEC; border:solid 1px #CCC; font-size:12px; color:#333; line-height:120%; padding:4px 8px; text-decoration:none; display:inline-block}
.pageNaviLeft li a.pageLink:hover{background:#ECECEC; border:solid 1px #CCC; color:#1AB4CC;}

.pageNaviRight{width:200px; float:right;}
.pageNaviRight ul{margin:0; padding:0;}
.pageNaviRight li{margin:0; padding:0; list-style-type:none; float:right;}
.pageNaviRight li a.prev{background:url(../img/common/icon_prev.gif) no-repeat #ECECEC 5px 8px; border:solid 1px #CCC; font-size:12px; color:#333; line-height:120%; text-decoration:none; padding:4px 5px 4px 16px; display:inline-block;}
.pageNaviRight li a.prev:hover{background:url(../img/common/icon_prev.gif) no-repeat #ECECEC 5px 8px; border:solid 1px #CCC; color:#1AB4CC;}
.pageNaviRight li a.next{background:url(../img/common/icon_next.gif) no-repeat #ECECEC 34px 8px; border:solid 1px #CCC; font-size:12px; color:#333; line-height:120%; text-decoration:none; margin:0 0 0 10px; padding:4px 16px 4px 5px; display:inline-block;}
.pageNaviRight li a.next:hover{background:url(../img/common/icon_next.gif) no-repeat #ECECEC 34px 8px; border:solid 1px #CCC; color:#1AB4CC;}



/* footer --------------------------------------- */
#pageTopBox{width:850px; margin:0  auto 10px auto;}
#btnPageTop{width:145px; height:11px; margin:0 0 0 705px;}
#btnPageTop a{background:url(../img/common/btn_pagetop.gif) no-repeat; display:block; width:145px; height:11px; text-indent:-9999px;}
#btnPageTop a:hover{background-position:0 -11px;}


#fMenuWrap{background:#399; width:100%;}
#fMenuBox{width:850px; margin:0 auto; padding:15px 0 12px 0;}

.fMenu{width:154px; margin:0 20px 0 0; float:left;}
#fMenuLast{width:154px; float:left;}

#fMenuBox h6{background:url(../img/common/dot_white.gif) repeat-x bottom; font-size:12px; font-weight:bold; color:#FFF; line-height:120%; margin:0 0 5px 0; padding:0 0 5px 2px;}
#fMenuBox h6 a{color:#FFF; text-decoration:none;}
#fMenuBox h6 a:hover{color:#FC0;}

#fMenuBox ul{margin:0 0 0 2px; padding:0;}
#fMenuBox li{font-size:12px; color:#FFF; line-height:130%; margin:0 0 3px 0; padding:0; list-style-type:none;}
#fMenuBox li.space{margin:0 0 3px 10px;}
#fMenuBox li#space02{margin:0 0 20px 0;}
#fMenuBox li a{color:#FFF; text-decoration:none;}
#fMenuBox li a:hover{text-decoration:underline;}


#fInfoWrap{background:#F4F4F5; width:100%;}
#fInfoBox{width:850px; margin:0 auto; padding:25px 0;}

#fInfoLeft{display: flex; justify-content: space-around;}
#fInfoLeft p{font-size:12px; color:#000; line-height:140%;}
#fInfoLeft p a{color:#000; text-decoration:none;}
#fInfoLeft p a:hover{text-decoration:underline;}
#fInfoLeft img{width: 250px;
	margin: auto;
	margin-left: 0;
}

@media all and (-ms-high-contrast: none){
	#fInfoLeft img{
		width: 250px;
		height: 100%;
		margin: auto;
		margin-left: 0;
	}
}

#fInfoRight{width:259px; float:right; margin:50px 0 0 0;}



/* table style --------------------------------------- */
.tableStyle{background:#999;}
.tableStyle th{background:#F7F7F7; font-size:12px; font-weight:normal; color:#333; line-height:130%;}
.tableStyle td{background:#FFF; font-size:12px; color:#333; line-height:130%;}
.tableStyle td a{color:#F90;}
.tableStyle td a:hover{text-decoration:none;}



/* margin --------------------------------------- */
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}



/* font --------------------------------------- */
.f10Black{font-size:10px; color:#333; line-height:140%;}
.f12Black{font-size:12px; color:#333; line-height:140%;}
.f12Black a{color:#F90; text-decoration:none;}
.f12Black a:hover{text-decoration:underline;}
.f14Black{font-size:14px; color:#333; line-height:140%;}


/* 追加 --------------------------------------- */
.pageNaviRight li span.prev a{background:url(../img/common/icon_prev.gif) no-repeat #ECECEC 5px 8px; border:solid 1px #CCC; font-size:12px; color:#333; line-height:120%; text-decoration:none; padding:4px 5px 4px 16px; display:inline-block;}
.pageNaviRight li span.prev a:hover{background:url(../img/common/icon_prev.gif) no-repeat #ECECEC 5px 8px; border:solid 1px #CCC; color:#1AB4CC;}
.pageNaviRight li span.next a{background:url(../img/common/icon_next.gif) no-repeat #ECECEC 34px 8px; border:solid 1px #CCC; font-size:12px; color:#333; line-height:120%; text-decoration:none; margin:0 0 0 10px; padding:4px 16px 4px 5px; display:inline-block;}
.pageNaviRight li span.next a:hover{background:url(../img/common/icon_next.gif) no-repeat #ECECEC 34px 8px; border:solid 1px #CCC; color:#1AB4CC;}