@charset "utf-8";

/* CSS Document */
body{
width:100%;
font-size:13px;
color:#000000;
line-height:20px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:hover img{
opacity:0.5;
}

/*header*/
header{
width:980px;
margin:0 auto;
padding:15px 0;
font-size:12px;
}

header .logo_box{
float:left;
margin-right:5px;
}

header .logo_box p{
float:left;
}

header .logo_box p:last-child{
margin:23px 0 0 10px;
}

/*nav*/
nav{
background:url(../img/nav_bg.png) repeat-x;
width:100%;
height:71px;
z-index:1;
position:relative;
}

nav ul{
width:980px;
margin:0 auto;
}

nav ul li a{
float:left;
width:162px;
text-align:center;
padding-top:12px;
}

nav ul li:before,
nav ul li:last-child:after{
content:url(../img/nav_border.png);
position:absolute;
}

nav ul li.sp{
display:none;
}

nav ul li a:hover img{
opacity:0.5;
}

nav ul li a span,
nav label,
nav input{
display:none;
}

/* スライドショー */
#slider {
z-index:-1;
margin:-16px 0 50px 0;
overflow:hidden;
width:100%;
}

#slider img{
vertical-align:bottom;
width:1000px;
height:300px;
}

#sliderInner {
position:relative;
left:50%;
width:3040px;
margin-left:-1520px;
}

#sliderInner li {
width:1000px;
}

#slideFilterL, #slideFilterR {
position:absolute;
top:0;
width:1020px;
height:350px;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha( opacity=80 )";
background:#fff;
}

#slideFilterL {
left:0;
}

#slideFilterR {
right:0;
}

.bx-wrapper {
margin:0 auto;
position:relative;
}

.bx-wrapper .bx-pager {
margin:0 auto;
width:1000px;
background:#fff;
}

/* コントローラー */
.bx-wrapper .bx-prev {
left:1035px;
background:url(../img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
right:1035px;
background:url(../img/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
background-position:0 0;
}

.bx-wrapper .bx-next:hover {
background-position:-43px 0;
}

.bx-wrapper .bx-controls-direction a {
position:absolute;
top:135px;
outline:0;
width:32px;
height:32px;
text-indent:-9999px;
z-index:0;
}

/* ページャー */
.bx-wrapper .bx-pager {
padding-top:20px;
text-align:center;
font-size:.85em;
font-family:Arial;
font-weight:bold;
color:#666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display:inline-block;
*zoom:1;
*display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
display:block;
width:10px;
height:10px;
margin:0 5px;
outline:0;
text-indent:-9999px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
background:#666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background:#1d4a8d;
}

/*main_content*/
.main_content{
width:980px;
margin:0 auto;
}

.left_content{
width:200px;
float:left;
}

.left_content .side_sp{
display:none;
}

.right_content{
width:750px;
float:right;
}

.breadcrumbs{
margin-bottom:10px;
}

.breadcrumbs li{
display:inline;
}

.breadcrumbs li:after{
content:'>';
margin:0 10px;
}

.breadcrumbs li:last-child a{
text-decoration:underline;
}

.breadcrumbs li:last-child:after{
content:' ';
}

/*共通見出し*/
h1{
margin-bottom:20px;
}

h2 span{
display:none;
}

.h2style{
background:url(../img/h2_bg.png) no-repeat;
width:750px;
padding:5px 10px;
font-size:18px;
color:#ffffff;
font-weight:bold;
margin-bottom:15px;
}

.h3style_01{
background:url(../img/h3.gif) no-repeat left center;
padding-left:25px;
font-size:16px;
color:#1d4a8d;
font-weight:bold;
border-bottom:solid 1px #1d4a8d;
margin-bottom:15px;
}

.h4style{
background:url(../img/h4.gif) no-repeat left center;
padding-left:25px;
font-size:14px;
color:#1d4a8d;
font-weight:bold;
margin-bottom:15px;
}

/*商品ラインアップ*/
.products{
width:891px;
margin:0 auto;
}

.products a div{
width:255px;
height:178px;
padding:10px;
border: solid 1px #dddddd;
text-align:center;
margin:30px 30px 0 0;
float:left;
}

.products a:last-child div{
margin-right:0;
}

.products a div p:first-child{
margin-bottom:15px;
}

/*新着情報*/
.news_feed{
overflow:scroll;
border:solid 1px #dddddd;
padding:10px;
width:468px;
height:291px;
}

.news_feed dt{
float:left;
color:#1d4a8d;
font-weight:bold;
margin-right:5px;
height:21px;
background:url(../img/li_dot.png) no-repeat left center;
padding-left:15px;
}

.news_feed dd{
margin-bottom:10px;
}

.news_feed dd span{
background:#d22323;
color:#ffffff;
padding:2px 5px;
margin-right:5px;
}

.news_feed dd a{
text-decoration:underline;
}

/*map*/
.map{
margin-bottom:10px;
}

.map_sp{
display:none;
}

/*お問い合わせ*/
.contact_parts{
float:left;
margin:67px 0 0 20px;
}

/*footer*/
footer{
background:#f5f5f5;
padding:20px 0;
}

footer div.clearfix{
width:980px;
margin:0 auto;
}

footer .ftr_menu{
float:left;
width:360px;
}

footer h3{
width:150px;
background:#e5e5e5 url(../img/ftr_h3.png)repeat-y left;
padding:5px 0 5px 15px;
margin-bottom:10px;
font-size:14px;
color:#282828;
}

footer ul li:before{
content:url(../img/ftr_li.png);
margin-right:5px;
}

footer .ftr_logo{
float:right;
margin-top:90px;
}

.ftr_logo p:first-child{
text-align:right;
margin-bottom:10px;
}

/*先頭に戻る*/
.toTop{
border-bottom:solid 1px #e7e7e7;
width:100%;
}

.page-top{
text-align:right;
width:980px;
margin:0 auto;
}
/*------------
common
-------------*/
.mr0{margin-right:0!important;}
.ml3{margin-left:3px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.pr10{padding-right:10px;}
.pt15{padding-top:15px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt70{padding-top:70px;}
.mg0{margin:0!important;}
.mt10{margin-top:10px;}
.mt70{margin-top:70px;}
.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mr10{margin-right:10px;}

.center{text-align: center;}

.fL{float:left;}

.fR{float:right;}

.underline{text-decoration:underline;}

.right{text-align:right;}
/*clearfix*/
.clearfix:after {
clear:both;
content:".";
display:block;
font-size:0.1em;
height:0.1px;
line-height:0;
visibility:hidden;

}
.clearfix {
min-height:1px;
zoom:1;
}

* html .clearfix {
height:1px;
}

/*見出し*/
.h3style{
color:#1d4a8d;
font-size:16px;
font-weight:bold;
margin-bottom:20px;
}

.h3style:before{
content:url(../img/h3.png);
position:relative;
margin-right:5px;
}

/*dl 共通*/
.dl_style{
margin-bottom:20px;
}
.dl_style dt{
float:left;
font-weight:bold;
background:#eeeeee;
padding:0 5px;
border:solid 1px #dddddd;
margin-right:10px;
}

.dl_style dd{
margin-bottom:10px;
}

/*テーブル　共通*/
.table_style{
margin-bottom:20px;
border:solid 1px #dddddd;
width:750px;
}

.table_style th{
background:#ECECEC;
padding:5px;
width:80px;
border-bottom:solid 1px #dddddd;
border-right:solid 1px #dddddd;
vertical-align:middle;
font-weight:bold;
}

.table_style td{
padding:5px;
vertical-align:middle;
border-bottom:solid 1px #dddddd;
}

.table_style th:last-child,
.table_style tr:last-child td{
border-bottom:none;
}

.table_style td a{
text-decoration:underline;
}

/*リスト　共通*/
.li_style{
margin-bottom:20px;
}

.li_style li{
background:url(../img/li_dot.png) no-repeat left center;
padding-left:20px;
margin-bottom:10px;
}


/* ----------- iPhone 5 and 5S ----------- */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
body{
width:100%;
font-size:18px;
line-height:25px;
}

header{
width:100%;
border-bottom:solid 2px #1d4a8d;
padding-top:20px;
}


.logo_box p:first-child{
padding-left:10px;
}

.logo_box p:last-child,
header p:last-child,
.main_content .map{
display:none;
}

nav label,
nav input{
display:inline-block;
}

nav label{
background:#ffffff;
color:#1d4a8d;
margin:0;
float:right;
padding-right:10px;
font-size:25px;
margin-top:-65px;
text-shadow:0 0 2px #1d4a8d;
}

nav input[type="checkbox"].on-off{
display:none;
}

nav{
background:none;
z-index:1;
}

nav ul{
background:#1d4a8d;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity:0.9;
width:auto;
}

input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
height: auto;
padding:10px 0 30px 0;
}

nav ul li{
border-bottom:solid 1px #ffffff;
}

nav ul li.sp{
display:block;
}

nav ul li:last-child{
border-bottom:none;
}

nav ul li:before{
content:'';
}
nav ul li a img{
display:none;
}

nav ul li a{
float:none;

}

nav ul li a span{
display:block;
color:#ffffff;
font-size:30px;
padding:20px 0 20px 0;
}

nav ul li:last-child a span{
padding-bottom:0;
}

nav ul li:first-child a span{
padding-top:0;
}



#slider{
margin:-71px 0 30px 0;
}

#slider img{
width:50%;
height:auto;
margin:0 auto;
display:block;

}

/*main_content*/

/*商品*/

.main_content,
.main_content .products{
width:100%;
}

.main_content .products a div{
width:80%;
height:100%;
line-height:25px;
font-size:20px;
float:none;
margin: 0 auto 30px auto;
}

.main_content .products a div p{
font-size:18px;
line-height:20px;
}

.main_content .products a div p:last-child{
text-align:left;
}

.main_content .products a div p img{
width:45%;
}

.main_content div.fL,
.main_content div.fR{
float:none;
width:100%;
}

.main_content div.fR p{
text-align:center;
}

.main_content div.fR p img{
width:100%;
}

/*新着情報*/
.news_feed{
width:80%;
height:100%;
overflow: hidden;
margin:0 auto;
font-size:18px;
}

.news_feed dt{
float:none;
margin-bottom:15px;
font-weight:normal;
height:100%;
background-size:auto;
}

/*バナー*/
.main_content .mt70{
margin-top:0;
}


/*地図*/
.map_sp{
display:block;
width:100%;
margin-bottom:20px;
}

.underline{
margin-right:15px;
font-size:18px;
}

/*お問い合わせ部分*/
.contact_parts{
float:none;
margin-top:100px;
margin-left:0;
}

.contact_parts .mb20{
display:none;
}

.contact_parts p img{
width:100%;
margin-bottom:50px;
}

/*フッター*/
.toTop p a img{
width:20%;
}

.page-top{
width:auto;
}

footer{
width:100%;
height:50%;
}

footer .ftr_menu{
display:none;
}

footer .ftr_logo{
float:none;
text-align:center;
font-size:13px;
}

footer .ftr_logo p:first-child{
text-align:center;
}

footer .ftr_logo p img{
width:30%;
}

footer div.clearfix{
width:auto;
}

/*見出し*/
h2 span,
.h2style{
display:block;
text-align:left;
padding:15px 10px 15px 10px;
border-top:solid 1px #eeeeee;
border-bottom:solid 2px #1d4a8d;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
font-size:25px;
color:#1d4a8d;
text-shadow:0 0 3px #1d4a8d;
font-weight:normal;
width:auto;
margin-bottom:20px;
}

h2 img{
display:none;
}

.h3style{
font-size:20px;
margin-bottom:30px;
text-align:center;
line-height:30px;
text-shadow:0 0 3px #1d4a8d;
}

.h3style:before{
content:'';
}

.h3style_01{
margin:0 10px 20px 0;
background:none;
padding:10px 0 10px 10px;
width:auto;
font-size:20px;
font-weight:normal;
border-left:solid 15px #1d4a8d;
border-bottom:solid 1px #1d4a8d;
text-shadow:0px 0px 1px #1d4a8d;
}

.h4style{
font-size:18px;
margin-left:10px;
}

/*下層*/
.main_content .left_content{
float:none;
width:100%;
}


.main_content .left_content img{
width:100%;
}

.main_content .left_content p:first-child,
.main_content .left_content p{
display:none;
}

.main_content .left_content p.side_sp{
display:block;
}


.main_content .right_content{
float:none;
width:100%;
}

.main_content .right_content h1{
display:none;
}

.main_content .right_content p{
margin: 0 auto 20px auto;
width:95%;
}

.main_content .right_content .fL,
.main_content .right_content .fR{
float:none;
}

.main_content .breadcrumbs{
margin-top:-60px;
font-size:13px;
padding-left:10px;
}

.right_content .sp_img img{
display:block;
width:90%;
margin:0 auto;
}

.right_content img{
display:block;
margin:0 auto;
}

.main_content .right_content .sp_bnr,
.main_content .right_content .sp_bnr img{
width:100%;
}

.main_content .right_content .sp_bnr p:last-child{
display:none;
}

.main_content .right_content .pt70{
display:none;
}

/*共通パーツ　下層*/
.dl_style{
width:80%;
margin:0 auto 30px auto;
border:solid 1px #dddddd;
font-size:18px;
}

.dl_style dt{
float:none;
font-weight:normal;
margin:0 0 10px 0;
padding:5px;
text-shadow:0 0 1px #000000;
}

.dl_style dd{
padding:5px;
}

.table_style{
width:90%;
margin:0 auto 40px auto;
}

.table_style th{
width:30%;
font-weight:normal;
text-shadow:0 0 1px #000000;
}

.li_style{
width:90%;
margin:0 auto;
}
}