/* 2015年ネオネットマリンリニューアル　IE/プリント用CSS*/

@media print {
body{width:1920px;}
}

@charset "euc-jp";

img{max-width : 100%;}

a{color:#0092cc; text-decoration:none;}
a:focus, *:focus { outline:none; }
a:link{color:#0092cc;}
a:hover{color:#E78D28;}

body{margin:0; padding:0; background-color:#FFFFFF;
-webkit-text-size-adjust: 100%;}

img{max-width:100%}
h1 {margin:0; padding:0; color:#FFFFFF;}

.pt12g13 {font-size:12px; color: #0E0E0E; line-height:1.3em;}
.pt12b13 {font-size:12px; color: #000000; line-height:1.3em;}
.pt12b15 {font-size:12px; color: #000000; line-height:1.5em;}
.pt12w13 {font-size:12px; color: #ffffff; line-height:1.3em;}
.pt14l15 {font-size:14px; line-height:1.5em;}
.pt14l13 {font-size:14px; line-height:1.3em;}
.pt9 {font-size:9px;}
.pt11 {font-size:11px;}

.m-0a {margin:0 auto;}
.m-t10 {margin-top:10px;}
.m-t20 {margin-top:20px;}
.m-t25 {margin-top:25px;}
.m-t30 {margin-top:30px;}
.m-t35 {margin-top:35px;}
.m-t40 {margin-top:40px;}
.m-r5{margin-right:5px;}
.m-l5{margin-left:5px;}
.m-b5 {margin-bottom:5px;}
.m-b10 {margin-bottom:10px;}
.m-b15 {margin-bottom:15px;}
.m-b20 {margin-bottom:20px;}

.vat{vertical-align:top;}/*画像の上の隙間をなくす（HTML5）*/
.vab{vertical-align:bottom;}/*画像の下の隙間をなくす（HTML5）*/

.rf {float:right;}
.lf {float:left;}

.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}

.fw_b {font-weight:bold;}
.clb {clear:both; visibility:hidden;}
.cl {clear:both;}

/*クリアフィックス*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
 
.clearfix {
  overflow: hidden;
  zoom: 1;
}

footer{color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:10px auto; padding-top:10px; border-top:#cccccc 3px double; text-align:center;}


/*ページャーテスト 2015.04.05*/
#main ul.pageNav01s {
	margin: 0;
	padding: 0;
	background: #ffffff;
	text-align: right;
}

#main ul.pageNav01s li {
	display: inline-block;
	margin: 0 1px;
	padding: 0;
	border:solid 1px #333;
	border-radius:3px;
	line-height:1.5em;
}

#main ul.pageNav01s li span,
#main ul.pageNav01s li a {
	display: inline-block;
	padding: 1px 8px;
	background: #f9f9f9;
	vertical-align: middle;
	text-decoration: none;
}

#main ul.pageNav01s li a:hover {
	background: #efefef;
}


/*ドロワーメニュー*/
#build-menu li:hover{ color: #FFF; text-decoration: none; display: block; background-color:#161616;}


h1 a {color:#fff;}
h1 a:hover {color:#fff;}



#contents {width:100%; margin:0 auto; overflow:hidden;}
#contentwrap{display: table; table-layout: fixed; width: 100%;}
#main{display: table-cell; width: 100%; background-color:#ffffff; border-left:#cccccc 1px solid;}
#catemenu{display: table-cell; width: 240px;}/*左サイドメニュー*/

/*分類・商品ページメイン表示部分*/
.sbTable{padding:0; display:table; width:100%;} /*テーブル（マス目）表示の場合*/
.sbTable .pagination {width:350px; margin:30px auto;}

.sbPiece{width:200px; margin-right:20px; float:left;} /*1マス分*/
.sbPiece .sbpImg{width:100%; margin-bottom:10px; text-align:left; cursor:pointer;}
.sbPiece .sbpImg img{max-width:160px;}
.sbPiece .sbpTx{width:95%; margin:0 auto; font-size:12px; line-height:1.3em;}
.sbPiece .sbpPrice{font-size:14px; line-height:1.5em; color:#FF0004; margin:5px 0; display:block; font-weight:bold;}
.sbPiece .spbZaiko a{display:block; color:#666666; text-decoration:none; margin:5px auto; width:100px; padding:5px; text-align:center; border-radius:3px; border:#666666 1px solid; box-sizing:border-box;}
.sbPiece .spbZaiko a:hover{text-decoration:none; background-color:#DFDFDF;}
.spbTC{padding:0 0 10px 20px; margin-bottom:20px;}/*テーブル表示クリア用*/

/*矢印エリア*/
.arrow_box {
	position: relative;
	background: #404040;
	margin-bottom:20px;
}
.arrow_box:after {
	bottom: 100%;
	left: 7%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(64, 64, 64, 0);
	border-bottom-color: #404040;
	border-width: 15px;
	margin-left: -20px;
}
.arrow_box_close {position:absolute; top:20px; right:40px; cursor:pointer;}

.abInbox{width:90%; margin-left:20px; padding:10px 5px; box-sizing:border-box;}
.abInbox .abibL{width:50%; margin-right:5%; float:left;  color:#FFFFFF; font-size:14px; line-height:1.3em;}
.abibL .wlBox{padding:5px; border:#ffffff 2px solid; margin:0 0 10px 0; background-color:#333;}
.abibL .wlBox:hover {background-color:#484848;}
.wlBox .miru {display:block; background-color:#00bd00; border-radius:3px; padding:3px; margin:5px 0 0 auto; font-size:12px; line-height:1.3; font-weight:bold; color:#FFFFFF; text-align:center; width:100px;}/*もっと見る*/
.abInbox .abibR{width:45%; float:left; color:#FFFFFF; font-size:14px; line-height:1.3em;}
.Sselect{margin-bottom:20px; font-size:14px; line-height:1.5em;}/*商品選択*/
.Sselect .pd{height:25px; line-height:1.5em; font-family:'ＭＳ ゴシック', 'MS Gothic', 'Osaka−等幅', Osaka-mono, monospace}/*プルダウン*/
.Snm {margin-bottom:20px;}/*注文数量*/
.Snm p{margin:0 5px 0 0; float:left;}
.Snm p .up {border-radius:4px; border:solid 1px #eee; font-size:18px; height:18px; color:#eee; padding:3px 5px; display:inline-block;}
.Snm p .down {border-radius:4px; border:solid 1px #eee; font-size:14px; height:14px; color:#eee; padding:3px 5px; display:inline-block; vertical-align:bottom;}
.Scart {margin:30px auto;}/*カートボタン*/
.abibL .Simg{float:left; text-align:center; margin:0 3% 0 0; width:90px;}
.abibR input[type="text"]{width:60px; height:20px;}
.abibL img{max-width:80px;}
.abibL .Stx{float:left; margin:0; width:65%;}
.Stx .Sname{font-size:16px; line-height:1.3em; display:block; margin-bottom:5px;}
.Stx .Sprice{font-size:18px; line-height:1.3em; color:#FF0004; display:block; font-weight:bold;}
.Stx .Sattention{font-size:12px; line-height:1.3em;}
.Stx p {margin:0.5em 0;}
.Stx p.atn {margin-right:20px; float:left;}/*注意点*/
/*.SzaikoListTB td{ background-color:#FFFFFF;}デフォルト*/
.SzaikoListTB td.httl{ background-color:#000000; color:#FFFFFF;}/*大項目*/
.SzaikoListTB td.ttl{ background-color:#e5e5e5;}/*項目*/
.SzaikoListTB td.kanbai{ background-color:#8c8c8c;}/*完売*/
/*矢印エリアここまで*/



#mbhd{display:none;}/*モバイル版ヘッダーOFF*/

#tpNavi{margin:0 20px 0 0; padding-right:20px; font-size:12px; line-height:1.3em; color:#FFFFFF;}

#tpNavi a:link {color:#ffffff;}
#tpNavi a:visited {color:#ffffff;}
#tpNavi a:hover {color:#ffffff; text-decoration:underline;}
#tpNavi a:active { color:#ffffff; }

.topBar{background-color:#005b97; padding:3px 20px; margin-bottom:5px; width:100%;}

.clhr{clear:both; border: 0; height:1px; margin:0;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.22));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.22));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.22));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.22));}/*グラデーション線付きclear*/

.hdLogo{margin:5px 0 0 20px;}
.hdName{margin:10px 0 0 10px;}
.hdNameNNM1{color:#4666a7; font-weight:bold; font-size:20px;}
.hdNameNNM2{color:#4666a7; font-weight:bold; font-size:14px;}
.hdToiawase{margin:0 20px 0 10px; text-align:center;}

.hdb_grd{background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #cccccc), color-stop(0.00, #cccccc));
    background: -webkit-linear-gradient(#ffffff, #cccccc);
    background: -moz-linear-gradient(#ffffff, #cccccc);
    background: -o-linear-gradient(#ffffff, #cccccc);
    background: -ms-linear-gradient(#ffffff, #cccccc);
    background: linear-gradient(#ffffff, #cccccc);}/*ヘッダーのグラデーション*/


.hdmenuWrap{width:430px;}
.hdbMenuCt{padding-right:5px; border-right:1px solid #c6c6c6; margin:5px; width:140px; text-align:right; background:url(../images/hd-cart-icon.png) 0 5px no-repeat; box-sizing:border-box;}/*カート*/
.hdbMenuCt:hover{background-color:#93C8E1;}
.hdCtNm{font-size: 16px; color: #ff0000; font-weight:bold; float:left; width:27px; margin-left:5px; margin-top:3px; text-align:center;}/*カート数量*/
.hdCtPr{font-size:14px; line-height:1.3em; color:#ff0000; margin-right:0.5em;}/*カート金額*/
.hdbMenuMp{padding-right:5px; border-right:1px solid #c6c6c6; margin:5px; width:140px; box-sizing:border-box;}/*マイページ*/
.hdbMenuSm{padding-right:5px; margin:5px 20px 5px 5px; text-align:right; width:100px; box-sizing:border-box; cursor: pointer;}/*サービスメニュー*/
.hdbMenuSm:hover{background-color:#93C8E1;}
.hdSmImg{padding:3px 0 0 5px;}/*サービスメニュー画像*/


/*ヘッダーメニュー*/
#thMenu {width:1200px; margin:0 auto;}
#thMenu a {display: block;}
/* #thMenu a:hover img {opacity:0.6; filter:alpha(opacity=60);} */
#thMenu .cate{width:82px; height:40px; box-sizing:border-box; border-right:#c6c6c6 1px solid; text-align:center; font-size:12px; line-height:1.3em;}
#thMenu .cate2{width:83px; height:40px; box-sizing:border-box; border-right:#c6c6c6 1px solid; text-align:center; font-size:12px; line-height:1.3em;}
#thMenu a.cate,#thMenu a.cate2{color:#000000; float:left;}
#thMenu a.cate:hover,#thMenu a.cate2:hover{ background-color:#919191; color:#ffffff;}
.cateHome{ margin-left:0px;}/*カテHOME*/
.catel1{padding-top:12px;}/*カテ1行*/
.catel2{padding-top:6px;}/*カテ2行*/

/*ヘッダーメニュー（スマホ・タブレット用）*/
#thMenuMB {display:none;}
#thMenuTB {display:none;}

/*検索（スマホ・タブレット用）*/
#neogleMB {display:none;}
#neogleTB {display:none;}

/*ドロワーメニュー*/
#build-menu{background:#454545;}
#build-menu ul{	padding:0 0 0 10px; margin:0;}
#build-menu li{padding:0px; margin:0px; list-style: none; padding:10px; border-bottom:1px solid #4f4f4f;}
#build-menu li a{ color: #FFF; text-decoration: none; display: block;}

/*アコーディオンメニュー*/
dl.accordion { width:240px; font-size:12px; line-height:1.3em; margin:0 20px 0 0; padding:5px 5px 20px 20px; box-sizing:border-box;}
dl.accordion dt { display:none !important;}
dl.accordion dd { margin:0; padding:0;}
dl.accordion p{ margin:0; padding:5px 0;}
.ossm{width:220px; font-size:12px; line-height:1.3em; margin:0; padding:5px 5px 20px 0; box-sizing:border-box;}/*おすすめ情報*/
.ossmtx{color:#229922; display:block; margin-bottom:10px; font-size:14px; font-weight:bold;}
.ossm ul{padding:0; margin:0; list-style-type:none;}
.ossm li{margin:0 0 0.5em; line-height:1.5em;}
dl.accordion .Refine{margin-bottom:20px;}/*絞り込み*/
dl.accordion .rftx{ font-weight:bold; font-size:14px; display:block; margin-bottom:5px;}
dl.accordion .rfnm{ color:#999999;}
dl.accordion .ckfl{text-align:left; width:20px; float:left;}/*チェックボックス*/
dl.accordion .cktx{text-align:left; margin:-18px 0 10px 20px; display:block; width:200px; float:left;}/*チェックボックス横のテキスト*/
dl.accordion .brButton{ margin:5px 0 10px 0;}

.grskr {height: 15px; border: 0; box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.22); margin-bottom:10px;}/*縦グラデの仕切り線*/


#resultBar{margin:0 20px; padding-bottom:5px; border-bottom:#cccccc 1px solid;}/*検索結果用バー囲い*/
#resultBar .pagination {margin:-10px 0 -15px 0;}
#ckzaiko {position:relative; top:3px;}


.pnkzPC{width:100%; margin:5px 0 20px; font-size:12px; line-height:1.3em; padding:3px; background-color:#ffffff; box-sizing:border-box;}/*パンくずPC*/
.pnkzPC ul {list-style:none; padding:0;}
.pnkzMB{display:none;}/*パンくずMB*/
.wbsMB{display:none;}/*WEB分類保守MB*/

/*分類・商品ページ検索結果バー*/
.ctbarTb{font-size:12px; line-height:1.3em;}
.ctbarTb .td4,.ctbarTb .td5{display:none;}
.ctbartx{font-size:16px; line-height:1.3em; padding:0; margin:0 0 5px 0; font-weight:bold; color:#ff6100;}

/*カルーセル用*/
#Kslider1{margin:40px auto;}
.cttx{font-size:16px; line-height:1.3em; padding:0; margin:0 0 5px 0; font-weight:bold; color:#ff6100;}
.KrdsliderWrap{ margin:0 20px 10px 25px; !important; padding:0 !important;}
.Krdslider {box-sizing:border-box !important;}
.Krdslider .slidbox{margin:0 10px; overflow:hidden;}
.slidbox a{ display:block; margin-bottom:5px;}
.slidbox p{ text-align:right; font-size:14px; line-height:1.3em; color:#FF0004; margin:0;}
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 40px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 30%; margin-top: 0px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.75; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: url(../images/slick-arrow_left.png); }
[dir="rtl"] .slick-prev:before { content:url(../images/slick-arrow_left.png); }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: url(../images/slick-arrow_right.png); }
[dir="rtl"] .slick-next:before { content: url(../images/slick-arrow_right.png); }

/*ページネーション*/
.pageNm a{color:#000000; background-color:#ffffff; border:#ffffff 1px solid; letter-spacing:0.3em; box-sizing:border-box;}
.pageNm a:hover{color:#000000; background-color:#DFDFDF; border:#0092cc 1px solid; letter-spacing:0.3em; box-sizing:border-box;}
.pageNavWrap{align-content:flex-end; padding:0 10px 10px;}
/*ページネーション　モバイル用▽*/
#pageNavMB{display:none;}


/*Googleカスタム検索▼*/
.hdb_grd #neogle{position:relative;}
.hdb_grd .ngLogo{ margin:15px 0 0 20px;}
.hdb_grd #cse{ height:40px !important; padding:0; margin:0;}
.hdb_grd .gsc-control-wrapper-cse{ background-color:rgba(0,0,0,0) !important;}
.hdb_grd .gsc-search-box{ margin:0 !important; padding:0 !important; width:60% !important;}
.hdb_grd .gsc-search-button{margin-top:10px !important;}
.hdb_grd .gsc-input[type="text"]{
    border: 1px solid #dddddd !important;
    height:25px !important;
	margin:10px 0 0 0 !important;
	padding-top:0px !important;
}
.gsc-control-cse , gsc-control-cse-ja{ margin:5px 0 0 0 !important; padding:0 !important;  background-color:rgba(0,0,0,0) !important; border:0px rgba(0,0,0,0) !important;} 

.webclasssetumei {font-size:14px; line-height:1.5em; margin-bottom:20px; border-top:solid 1px #999; padding:20px 10px;}
.webclasssetumei span {color:#FF9900;}

#junsei780 {width:780px; margin:20px 0 0 20px;}

/*フリースペース用*/
.fs780 {width:780px;}
.fs700 {width:700px;}
.fsbtm {margin:0 20px;}

.nnmmb {display:none;}


/*Brain 追加*/
  .sbpImg {
    display:table-cell;
    vertical-align:middle;
    height:160px;
  }

div.brBox-second {
  display:none;
}
select[name="grpcombo"] option { 
font-family: Osaka-mono, "Osaka-等幅", "ＭＳ ゴシック", monospace;
}
.Krdslider {
  max-height:300px;
  overflow:hidden;
  }
.slidbox {
  float:left;
}
.toggle-wrap {
  width:100%;
  text-align:right;
}