/* CSS Document */

@font-face {
  font-family: 'ConduitBold';
  src: url('../fonts/conduit_bold-webfont.eot');
  src: url('../fonts/conduit_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/conduit_bold-webfont.woff2') format('woff2'), url('../fonts/conduit_bold-webfont.woff') format('woff'), url('../fonts/conduit_bold-webfont.ttf') format('truetype'), url('../fonts/conduit_bold-webfont.svg#conduititc_ttbold') format('svg');
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: 'ConduitLight';
  src: url('../fonts/conduit_light-webfont.eot');
  src: url('../fonts/conduit_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/conduit_light-webfont.woff2') format('woff2'), url('../fonts/conduit_light-webfont.woff') format('woff'), url('../fonts/conduit_light-webfont.ttf') format('truetype'), url('../fonts/conduit_light-webfont.svg#conduititc_ttlight') format('svg');
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: 'ConduitMedium';
  src: url('../fonts/conduit_medium-webfont.eot');
  src: url('../fonts/conduit_medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/conduit_medium-webfont.woff2') format('woff2'), url('../fonts/conduit_medium-webfont.woff') format('woff'), url('../fonts/conduit_medium-webfont.ttf') format('truetype'), url('../fonts/conduit_medium-webfont.svg#conduit_itcmedium') format('svg');
  font-weight: normal;
  font-style: normal
}

*{
margin:0 0 0 0;
padding:0 0 0 0;
}
body{
min-width:1040px;
background:url(../img/bkg_contents.png) top repeat-x #FFF;
font-family:Helvetica,Arial,"lucida grande",tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}
p,dl,h4,li{
line-height:1.5em;
}
img,object,param{
border:0;
vertical-align:bottom;
}
ul,li{
list-style:none;
}
a{
color:#003366;
}
a:hover{
color:#00509F;
}
a.arrow{
color:#00a0e9;
background:url(../img/icon_arrow-link.gif) no-repeat;
padding-left:15px;
}
a.arrow:hover{
color:#535353;
background:url(../img/icon_arrow-link_ovr.gif) no-repeat;
padding-left:15px;
}
.img_bline img{
vertical-align:baseline;
}
.clear:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clear {
min-height:1px;
}
* html .clear {
height:1px;
/*\*//*/
height:auto;
overflow:hidden;
/**/
}
.fl{
float:left !important;
}
.fr{
float:right !important;
}
.dblock{
display:block !important;
}
.center{
text-align:center !important;
}
.right{
text-align:right !important;
}
.left{
text-align:left !important;
}
.mcen{
margin-left:auto !important;
margin-right:auto !important;
}
.mb0{
margin-bottom:0px !important;
}
.mb5{
margin-bottom:5px !important;
}
.mb6{
margin-bottom:6px !important;
}
.mb7{
margin-bottom:7px !important;
}
.mb8{
margin-bottom:8px !important;
}
.mb10{
margin-bottom:10px !important;
}
.mb12{
margin-bottom:12px !important;
}
.mb15{
margin-bottom:15px !important;
}
.mb20{
margin-bottom:20px !important;
}
.mb25{
margin-bottom:25px !important;
}
.mb30{
margin-bottom:30px !important;
}
.mb37{
margin-bottom:37px !important;
}
.mb57{
margin-bottom:57px !important;
}
.mb65{
margin-bottom:65px !important;
}
.mb90{
margin-bottom:90px !important;
}
.mr0{
margin-right:0px !important;
}
.mr5{
margin-right:5px !important;
}
.mr9{
margin-right:9px !important;
}
.mr10{
margin-right:10px !important;
}
.mr12{
margin-right:12px !important;
}
.mr20{
margin-right:20px !important;
}
.mr48{
margin-right:48px !important;
}
.mr51{
margin-right:51px !important;
}
.ml5{
margin-left:5px !important;
}
.ml7{
margin-left:7px !important;
}
.ml10{
margin-left:10px !important;
}
.ml17{
margin-left:17px !important;
}
.ml23{
margin-left:23px !important;
}
.ml24{
margin-left:24px !important;
}
.pt3{
padding-top:3px !important;
}
.pt5{
padding-top:5px !important;
}
.pt6{
padding-top:6px !important;
}
.pt8{
padding-top:8px !important;
}
.pt10{
padding-top:10px !important;
}
.pt14{
padding-top:14px !important;
}
.pt40{
padding-top:40px !important;
}
.pr2{
padding-right:2px !important;
}
.pr10{
padding-right:10px !important;
}
.pd10{
padding:10px !important;
}
.pd20{
padding:20px !important;
}
.pb6{
padding-bottom:6px !important;
}
.pb10{
padding-bottom:10px !important;
}
.block{
display:block !important;
}
.small{
font-size:80%;
}
.hheight0{
line-height:1em;
}
.w300{
width:300px !important;
}
.red{
color:#FF0000 !important;
}
.orange{
color:#ff6600 !important;
}
.lineclea{
font-size:0px;
line-height:normal;
}
a:hover.ovr{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.bx-wrapper {
margin: 0 auto;
position: relative;
}
.bx-wrapper .bx-pager {
height:10px;
position:absolute;
bottom:10px;
right:5px;
text-align: right;
z-index:1000;
}
.bx-wrapper .bx-pager .bx-pager-item {
display: inline-block;
}
.bx-wrapper .bx-pager .bx-pager-item a {
width:10px;
height:10px;
display:block;
background-color:#eeeeee;
border:solid #eeeeee 1px;
border-radius:5px;
display:block;
text-indent:10px;
overflow:hidden;
white-space:nowrap;
margin:0 5px;
outline:0 none;
}
.bx-wrapper .bx-pager .bx-pager-item a.active{
background-color:#42545d;
}

/********************************
layout
********************************/

#lyaout{
width:980px;
margin:0 auto;
font-size:80%;
}
#content{
padding-top:150px;
}
#productArea{
margin:18px 0 auto;
text-align:justify;
width:980px;
}
.sp_link{
display:none;
padding:50px 10px;
}
.sp_link a{
display:block;
padding:20px 0;
border:solid #666 1px;
border-radius:10px;
background-image: -moz-linear-gradient(top, #FFFFFF, #DBD9D9);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(0.6, #DBD9D9));
background-color:#DBD9D9;
font-weight:bold;
color:#000000;
font-size:30px;
text-align:center;
text-decoration:none;
-webkit-box-shadow: 0px 2px 5px #D3D3D3;
-moz-box-shadow: 0px 2px 5px #D3D3D3;
box-shadow: 0px 2px 5px #D3D3D3;
}

/********************************
HEADER
********************************/

#header{
width:100%;
margin:0 auto 30px;
padding-top:12px;
background-color:#47535a;
position:fixed;
top:0;
left:0;
z-index:10000;
}
#logo{
float:left;
margin-right:36px;
}
h1{
width:650px;
height:57px;
font-size:80%;
font-weight:normal;
padding:0 0 0 0;
color:#70767a;
float:left;
color:#FFFFFF;
}
h1 span{
height:57px;
display:table-cell;
vertical-align:middle;
}
#tmenuArea{
width:138px;
padding-top:12px;
display:block;
font-size:0px;
float:right;
}
#tmenuArea li{
padding-bottom:8px;
}
.header_contener{
width:980px;
height:67px;
margin:0 auto;
}
.header_contener a{
display:block;
}
#menuArea{
width:979px;
margin:0 auto;
display:block;
border-right:solid #FFF 1px;
position:relative;
}
#menuArea li{
display:block;
float:left;
position:relative;
border-left:solid #FFF 1px;
}
#menuArea li a.gnavilayer01{
display:block;
border-top:solid #47535a 7px;
}
#menuArea li.hover a.gnavilayer01,
#menuArea li.act a.gnavilayer01{
border-top:solid #fff796 7px;
}
#menuArea li a.gnavilayer01{
width:139px;
height:34px;
text-indent:200%;
white-space:nowrap;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(../img/menu/gnavi.png);
}
#menuArea li#menu02 a.gnavilayer01{
background-position:-1px 0;
}
#menuArea li#menu02.hover a.gnavilayer01,
#menuArea li#menu02.act a.gnavilayer01{
background-position:-1px 100%;
}
#menuArea li#menu03 a.gnavilayer01{
background-position:-141px 0;
}
#menuArea li#menu03.hover a.gnavilayer01,
#menuArea li#menu03.act a.gnavilayer01{
background-position:-141px 100%;
}
#menuArea li#menu04 a.gnavilayer01{
background-position:-281px 0;
}
#menuArea li#menu04.hover a.gnavilayer01,
#menuArea li#menu04.act a.gnavilayer01{
background-position:-281px 100%;
}
#menuArea li#menu05 a.gnavilayer01{
background-position:-421px 0;
}
#menuArea li#menu05.hover a.gnavilayer01,
#menuArea li#menu05.act a.gnavilayer01{
background-position:-421px 100%;
}
#menuArea li#menu08 a.gnavilayer01{
background-position:-561px 0;
}
#menuArea li#menu08.hover a.gnavilayer01,
#menuArea li#menu08.act a.gnavilayer01{
background-position:-561px 100%;
}
#menuArea li#menu06 a.gnavilayer01{
background-position:-701px 0;
}
#menuArea li#menu06.hover a.gnavilayer01,
#menuArea li#menu06.act a.gnavilayer01{
background-position:-701px 100%;
}
#menuArea li#menu07{
float:none;
position:absolute;
right:0;
bottom:0;
}
#menuArea li#menu07 a.gnavilayer01{
width:138px;
background-position:-841px 0;
}
#menuArea li#menu07.hover a.gnavilayer01,
#menuArea li#menu07.act a.gnavilayer01{
background-position:-841px 100%;
}

#menuArea li ul{
position:absolute;
top:41px;
left:-1px;
z-index:1000;
width:250px;
background-color:#FFFFFF;
visibility: hidden;
}
#menuArea li#menu02 ul{
width:150px;
}
#menuArea li#menu03 ul{
width:190px;
}
#menuArea li#menu04 ul{
width:150px;
}
#menuArea li ul li{
display:block;
border-bottom:solid #CCC 1px;
border-left:none;
text-transform:uppercase;
float:none;
padding-left:0;
position:relative;
}
#menuArea li ul li.hover,
#menuArea li ul li:hover{
background: #fff796;
color: black;
position: relative;
}
#menuArea li ul ul{
width: 220px;
visibility: hidden;
position: absolute;
top: 0;
left: 100%;
}
#menuArea li ul a{
display:block;
padding:10px;
font-weight:bold;
color:#42545d;
text-decoration:none;
}
#menuArea li ul a:hover{
text-decoration:none;
}

/********************************
CONTENT
********************************/
.picborder{
border:solid #e2e2e2 1px;
background-color:#f8f8f8;
}
#imgArea{
width:828px;
margin:0 auto;
}
#imgArea ul{
border:solid #e3e3e3 1px;
background:#ecedee;
padding:7px 6px;
}
#imgArea li{
float:left;
}
#topicpass{
width:562px;
margin-bottom:8px;
font-size:80%;
color:#70767a;
display:block;
}
#topicpass li{
padding:0 10px 0 10px;
background:url(../img/icon_topicpass.gif) left no-repeat;
display:block;
float:left;
}
#topicpass li#first{
padding:0 5px 0 0;
background:none;
}
#topicpass a:link,#topicpass a:visited{
color:#70767a;
}
#topicpass a:hover,#topicpass a:active{
color:#999999;
}
.box_grayboder562{
width:562px;
background:url(../img/box_gborder_m.gif) repeat-y;
}
.box_grayboder819{
width:819px;
background:url(../img/box_gborder819_m.gif) repeat-y;
}
.contents320{
width:320px;
}
.contents350{
width:350px;
}
.contents556{
width:556px;
}
.contents562{
width:562px;
}
.contents583{
width:583px;
}
.contents811{
width:811px;
}
.contents826{
width:826px;
}
.contents860{
width:860px;
}
.contents387{
width:387px;
}
.page_txt h3{
margin-bottom:0px !important;
font-weight:bold;
color:#6F6F6F;
font-size:90%;

}
.page_txt p{
}
/********************************
RIGHT CONTENTS
********************************/
.con_r{
width:239px;
}
.product_slist{
display:block;
background-color:#b4b4b4;
padding-top:3px;
padding-left:3px;
padding-bottom:3px;
}
.product_slist li{
width:115px;
height:115px;
display:block;
float:left;
margin-right:3px;
margin-bottom:3px;
}
.right_menu{
width:235px;
}
.right_menu li{
display:block;
margin-bottom:5px;
}
/********************************
news
********************************/
.pictxt{
margin-bottom:20px;
color:#333;
font-size:80%;
}
/*===============================
TOKUCHOU
===============================*/
#pictxt{
border:solid #e2e2e2 1px;
background:#f8f8f8;
padding:12px 12px 1px 12px;
margin-bottom:15px;
}
#pictxt dl{
color:#545f64;
}
#pictxt dl dt{
font-weight:bold;
margin:0 0 3px 0;
}
#pictxt dl dd{
margin:0 0 14px 1em;
}
#pictxt dl.w_contener{
width:535px;
font-size:100%;
display:block;
float:left;
padding-bottom:14px;
}
#pictxt dl dt.w_img{
width:51px;
margin:0 0 0 0;
float:left;
display:block;
}
#pictxt dl dd.w_txt{
width:475px;
margin:0 0 0 0;
float:right;
display:block;
}
#pictxt dl dd.w_txt dd{
margin:0 0 0 1em;
}
/*===============================
BORDER
===============================*/
.border_box{
width:583px;
background:url(../../contact/img/border_m.gif) repeat-y;
margin-bottom:10px;
}
.bbotom{
clear:both;
}
/********************************
FOOTER
********************************/
.bottom_contact_box{
width:980px;
margin:100px auto 50px;
margin-bottom:50px;
}
.bottom_contact_box .lbox,
.bottom_contact_box .rbox{
height:180px;
}
.bottom_contact_box .title_top{
margin-bottom:30px;
border-bottom: 1px solid #47535a;
padding-bottom: 10px;
}
.bottom_contact_box .lbox{
width:475px;
float:left;
}
.bottom_contact_box .lbox .tell01{
padding-bottom:35px;
}
.bottom_contact_box .rbox{
width:475px;
float:right;
}
.bottom_contact_box .rbox .mail_text{
padding-bottom:9px;
}
.bottom_contact_box .rbox .mail_button{
padding-bottom:29px;
}
#bottom_banner{
background-color:#000;
margin:0 auto;
}
#bottom_banner ul{
margin: 0 auto;
padding: 30px 0 50px;
width: 980px;
}
#bottom_banner li{
float: left;
margin: 0 12px 12px 0;
}
#bottom_banner ul li a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

#footer{
width:100%;
background:url(../img/bkg_footer_contents.png) bottom repeat-x #47535a;
padding:35px 0 0 0;
color:#FFFFFF;
}
#footer a{
color:#FFFFFF;
display:inline-block;
}
#footer a:hover{
color:#CCCCCC;
}
.footer_container{
width:980px;
margin:0 auto;
position:relative;
}
#footer .footer_container .pagetop{
position:absolute;
right:0;
top:-64px;
}
.footer_top{
padding-bottom:40px;
font-size:80%;
}
.footer_top .fotter_address{
padding:10px 0 0 40px;
float:left;
}
.footer_bottom{
width:1012px;
font-size:70%;
}
.footer_box{
width:179px;
height:450px;
float:left;
padding:0 10px;
border-left:solid #b4b4b4 1px;
}
.footer_box h3{
margin-bottom:20px;
}
.footer_box ul li{
padding-bottom:5px;
text-transform: uppercase;
}
.footer_box ul li a{

}
.footer_box ul li ul{
padding-top:5px;
}
.footer_box ul li ul li{
padding-bottom:0px;
}
#footer .footer_box ul li ul li a{
background:url(../img/icn_arrow03.png) 2px 0.45em no-repeat;
padding-left:10px;
color:#CCCCCC;
}
#footer .footer_box ul li ul li a:hover{
background:url(../img/icn_arrow03.png) 2px 0.45em no-repeat;
padding-left:10px;
color:#999999;
}
#footer .sticker{
width:93px;
margin-right:auto;
margin-left:80px;
padding-top:5px;
background-color:#FFFFFF;
}
#copyright{
height:137px;
}
#copyright small{
padding-top:19px;
display:block;
text-align:center;
}
.tag_area{
height:0;
overflow: hidden;
}