/* レスポンシブデザイン　トップ用CSS*/

@charset "euc-jp";

img{max-width : 100%}

.pnmb{color:#0000FF; font-size:20px;}
.main-w950{width:950px; margin:0 auto;}
.main-w1000{width:1000px; margin:0 auto;}
.pdbg{background-color:#FFFFCC; padding:5px;}

/*ツリー用*/
.trctt{border:1px solid #666666; width:100%; background-color:#E3E3E3; margin-bottom:0px; line-height:2.0em; font-size:18px;}
.trcts{border:1px solid #666666; padding:7px; margin:0; background-color:#FFFFFF; font-size:14px; line-height:1.3em;}

/*トップ用グラデーションバー */
.topGrdbar{
padding:4px; font-size:14px; line-height:1.3em; color:#FFFFFF; box-sizing:border-box; margin-bottom:0; width:100%;
background: #abeefc; /* Old browsers */
background: -moz-linear-gradient(top,  #abeefc 4%, #00a0e0 12%, #00e9ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#abeefc), color-stop(12%,#00a0e0), color-stop(100%,#00e9ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #abeefc 4%,#00a0e0 12%,#00e9ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #abeefc 4%,#00a0e0 12%,#00e9ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #abeefc 4%,#00a0e0 12%,#00e9ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #abeefc 4%,#00a0e0 12%,#00e9ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abeefc', endColorstr='#00e9ff',GradientType=0 ); /* IE6-9 */
}



@media screen and (min-width: 100px) and (max-width: 790px){
h1 {font-size : 16px; line-height : 1.3em; color:#FFFFFF; margin:0;} /*品名バー*/
h2 {font-size : 16px; line-height : 1.3em; margin:0;} /*商品情報欄内の品名*/

#contents {width : 100%; margin : 0 auto; text-align : left; overflow : hidden;}
#contents #lside{display:none;}
#contents #topleft {display:none;}
#headbar{display:none;}
#nn{display:none;}
#nnf{display:none;}
#sidel{display:none;}
#mainc{display:none;}
#sider{width:100%;}
#fbtl{display:none;}
.fbbn{margin:0 auto 20px 0;}
#topbts{display:none;}/*TOPのBoaters*/
.tophbn{ margin:5px auto 15px auto;}/*TOPヘッダーサイズバナー*/
.toprbn{ text-align:center; margin-bottom:15px;}/*TOP右ナビのバナー*/
.toprbn_m{ text-align:center; margin-bottom:15px;}/*TOP右ナビのバナー(スマホ・タブレットのみ表示）*/
.toprbn_p{ display:none;}/*TOP右ナビのバナー(PCのみ表示）*/
.toplimg{ width:80%;}
.topbnr2{display:none;}/*TOP右ナビのバナー2*/
.calendar_rd{ width:90%; margin:0 auto;}
.calendar_rd2{ width:90%; margin:0 auto;}
.rdlogin{width:95%; box-sizing:border-box; padding:5px; border:2px #0099FF solid; margin:0 auto 30px auto;}/*TOPスマホ・タブレット用ログイン情報*/
}

@media screen and (min-width: 791px) and (max-width: 1024px){
h1 {font-size : 16px; line-height : 1.3em; color:#FFFFFF; margin:0;} /*品名バー*/
h2 {font-size : 16px; line-height : 1.3em; margin:0;} /*商品情報欄内の品名*/

#contents {width : 100%; margin : 0 auto; text-align : left; overflow : hidden;}
#contents #lside{display:none;}
#contents #topleft {display:none;}
#headbar{display:none;}
#nnf{display:none;}
#tbc780{width:780px; margin:0 auto;}
#sidel{ display:none;}
#mainc{ width:410px; float:left; margin-right:20px;}
#sider{ width:350px; float:left;}
.fbbn{margin:0;}
#topbts{ width:350px;}/*TOPのBoaters*/
.tophbn{ margin:5px auto 15px auto;}/*TOPヘッダーサイズバナー*/
.toprbn{margin:0 0 15px 0;}/*TOP右ナビのバナー*/
.toprbn_m{ margin:0 0 15px 0;}/*TOP右ナビのバナー(スマホ・タブレットのみ表示）*/
.toprbn_p{ display:none;}/*TOP右ナビのバナー(PCのみ表示）*/
.calendar_rd{ width:375px; float:left; margin-right:15px;}
.calendar_rd2{ width:375px; float:left;}
.rdlogin{width:95%; box-sizing:border-box; padding:5px; border:2px #0099FF solid; margin:0 auto 30px auto;}/*TOPスマホ・タブレット用ログイン情報*/
}

@media screen and (min-width: 1025px) and (max-width: 3000px){
h1 {font-size : 16px; line-height : 1.3em; color:#FFFFFF; margin:0;} /*品名バー*/
h2 {font-size : 16px; line-height : 1.3em; margin:0;} /*商品情報欄内の品名*/

#contents {width : 1000px; margin : 0 auto; overflow : hidden;}
#contents #main {width :790px;}
#contents #topleft {width :100%;}
#headbarsm{display:none;}
#kensakusm{display:none;}
#nnwide{display:none;}
#cttree{display:none;}
#sidel{ width:200px; float:left;}
#mainc{ width:410px; float:left; margin-right:20px;}
#sider{ width:350px; float:left;}
#sg{display:none;}
.fbbn{margin:0;}
#catetr{display:none;}/*TOPメインカテゴリー*/
#topbts{ width:350px;}/*TOPのBoaters*/
.tophbn{display:none;}/*TOPヘッダーサイズバナー*/
.toprbn{margin:0 0 15px 0;}/*TOP右ナビのバナー*/
.toprbn_m{ display:none;}/*TOP右ナビのバナー(スマホ・タブレットのみ表示）*/
.toprbn_p{margin:0 0 15px 0;}/*TOP右ナビのバナー(PCのみ表示）*/
.rdlogin{display:none;}/*TOPスマホ・タブレット用ログイン情報*/
}



/*ネオネット共通*/
a{color:#5B5B5B;}

.bd_1gr {border:solid 1px #CCC;}

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

/*フッター用*/
#bottom_link {margin:15px auto 0px; width:950px; clear: both;}
#bottom_link ul {margin:0px 0px 5px; padding-left:5px; line-height:1.3em;}
#bottom_link li {display:inline; list-style-type:none; margin:0px;}