/* -----------------------------------------------------------------
 レイアウトに関するスタイル　2015.08.31〜 2016年版（申）デザイン
----------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,p,blockquote{margin:0;padding:0;}
/* フォント変更 */
body,input,textarea,select,h1,h2,h3,h4,h5,h6{font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif}
/*floatクリア（全体） Clearfix*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}  
.clearfix{display:inline-block;min-height:1%;}  
/* Hides from IE-mac \*/  
* html .clearfix{height:1%;}  
.clearfix{display:block;}
/* パンくず*/
.breadcrumb{background:transparent;font-size:smaller;margin:5px 0;padding:0;}
.breadcrumb li+li:before{content:'>';}
/* hidden @media screen */

/* 強制的に中央寄せ containerの中身に有効、親要素に入れること */
.text-center {text-align:center;}
/* 影付きhr */
.bottomshadow {height: 12px;border: 0;box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.3);margin:25px 0px 10px 0px;padding:0px;}

/* -----------------------------------------------------------------
 header
----------------------------------------------------------------- */
body{padding-top:135px;}
* html body{overflow:hidden}
header {position: fixed !important; width:100%;height:135px;top:0px;left:0px;z-index:1;}
#box-upper {background:url("/images/framework/bg_header.gif");}
#box-upper .sitelogo{margin:3px 0px 8px 0px;border:0px;}
#box-upper h1{color:#fff;font-size:10pt;margin-top:4px;}
#box-upper #left{float:left;}
#box-upper #right{width:100%;}
#box-upper #naviupper{list-style-type:none;margin-top:2px;}
#box-upper #naviupper li{font-size:10.5pt;color:#fff;display:block;float:left;}
#box-upper #naviupper li a:link{color:#fff;text-decoration:none;background:url("/images/framework/point_arrow01.png") no-repeat 6px 5px;padding:4px 10px 2px 24px;display:block;}
#box-upper #naviupper li a:visited{color:#fff;}
#box-upper #naviupper li a:hover{background-color:#8f8866;}
#toggle {display: none;}
/* 画面サイズが769px以上の場合に適用 */
@media only screen and (min-width: 769px){
#box-upper #right{float:right;width:450px;} /* PCサイズの上部メニュー幅ここ */
}
/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#toggle {display: block;position: relative;width: 36%;background: #555;position:absolute;top:12px;right:5px;}
#toggle a{display: block;position: relative;padding: 10px 0 10px 15px;color:#FFF;text-align: center;text-decoration: none;}
#toggle:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 30px;
height: 30px;
margin-top: -15px;
background: #fff;
}
#toggle a:before, #toggle a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 30px;
height: 6px;
background: #555;
}
#toggle a:before {margin-top:-9px;}
#toggle a:after {margin-top: 3px;}
#box-upper #naviupper{width: 100%;margin-bottom:5px;overflow:hidden;display:none;}
#box-upper #naviupper li{width: 33.333%;}
#box-upper #naviupper li a:link {padding: 8px 0px 8px;text-align: center;background-color:#8f8866;border:1px solid #fff;margin:1.2px;background-position:6px 8px;}
#box-upper #naviupper li a:visited {background-color:#8f8866;}
#box-upper #naviupper li a:hover {background-color:#baac63;}
#box-upper h1{display:none;}
}
/* 画面サイズが520px以下の場合に適用 */
@media only screen and (max-width: 520px) {
#box-upper #naviupper li{width: 50%;}
}
/* 画面サイズが350px以下の場合に適用 */
@media only screen and (max-width: 350px) {
#box-upper #naviupper li{width: 100%;}
}
/* 画面サイズが992px以上の場合に適用 */
@media only screen and (min-width: 992px)
{
.off-link {display:none !important;}
}

/* -----------------------------------------------------------------
 mainのメニュー
----------------------------------------------------------------- */
#navmainbox {border-bottom:2px solid #ccc;background-color:#fff;}
#navimain {list-style-type:none;}
#navimain li {border-left:2px solid #ccc;color:#333;font-size:18pt;display:inline;float:left;overflow:hidden}
#navimain li a:link{color:#333;text-decoration:none;padding:10px 12px 8px 12px;display:block;overflow:hidden}
#navimain li a:visited{color:#333;}
#navimain li a:hover{background-color:#aee6e6}
#navimain img {margin-right:5px;height:24px;}
.li-endline{border-right:2px solid #ccc;}
@media screen and (max-width:1000px){
#navimain li {font-size:15pt;}
#navimain img {height:18px;}
}
@media screen and (max-width:992px){
.hidden992 {display:none !important;}/* TOP隠す */
body{padding-top:128px;}
header {height:128px;}
}
@media screen and (max-width:768px){
body{padding-top:110px;}
header {height:110px;}
}
@media screen and (max-width:745px)
{
#navimain li span {display:none;}
#navimain img {margin-right:5px;height:18px;}
}
@media screen and (max-width:500px){
#navimain li {font-size:11pt;}
}
@media screen and (max-width:470px){
body{padding-top:105px;}
header {height:105px;}
#navimain li a:link {padding:10px 6px 8px 6px;}
#navimain img {height:15px;margin-right:3px;}
}
@media screen and (max-width:360px)
{
body{padding-top:146px;}
header {height:14px;}
#navmainbox {border:0px;}  /*下線打消し*/
#navimain li {width:50%;border-bottom:2px solid #ccc;}
#navimain li a:link {padding:10px 12px 8px 12px;}
#navimain img {margin-right:5px;}
.leftline-off360 {border-left:0px !important;}
.li-endline {border-right:0px;}
}

/* -----------------------------------------------------------------
 左右のカラム設定
----------------------------------------------------------------- */
#boxLR #leftarea {float:left;width:73.3%;margin-bottom:20px;margin-right:20px;}
#boxLR #rightarea {float:left;width:300px;margin-bottom:20px;}
@media screen and (max-width:1200px){
#boxLR #leftarea {width:66%;}
}
@media screen and (max-width:992px){
/*#boxLR {text-align:center;}*/
#boxLR #leftarea {clear:both !important;width:100%;margin-right:auto;margin-left:auto;}
#boxLR #rightarea {clear:both !important;width:300px;margin:10px 30.4%;}
}
@media screen and (max-width:768px){
#boxLR #rightarea {margin:10px 28.5%;}
}
@media screen and (max-width:700px){
#boxLR #rightarea {margin:10px 26.9%;}
}
@media screen and (max-width:650px){
#boxLR #rightarea {margin:10px 25%;}
}
@media screen and (max-width:600px){
#boxLR #rightarea {margin:10px 22.7%;}
}
@media screen and (max-width:550px){
#boxLR #rightarea {margin:10px 20%;}
}
@media screen and (max-width:500px){
#boxLR #rightarea {margin:10px 16.6%;}
}
@media screen and (max-width:450px){
#boxLR #rightarea {margin:10px 12.5%;}
}
@media screen and (max-width:400px){
#boxLR #rightarea {margin:10px 7.1%;}
}
@media screen and (max-width:350px){
#boxLR #rightarea {margin:10px 4.5%;}
}
@media screen and (max-width:330px){
#boxLR #rightarea {margin:10px 1.5%;}
}
@media screen and (max-width:300px){
#boxLR #rightarea {margin:10px auto;}
}


/* -----------------------------------------------------------------
 ログイン
----------------------------------------------------------------- */
#loginereaR {background:url("/images/framework/bg_header.gif");margin:10px 0px;padding:8px;border:solid 1px #a7a7a7;}
#loginereaR .btn_login {text-align:center;margin:8px auto;width:260px;position:relative;}
#loginereaR .btn_login a:link{text-decoration:none;color:#fff;padding:6px;background:url("/images/framework/bg_btn-login.gif");font-size:14pt;display:block;border:3px solid #fff;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius: 7px;letter-spacing:0.2em;}
#loginereaR .btn_login a:visited{color:#fff;}
#loginereaR .btn_login a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
#loginereaR .btn_login img{height:18px;position:absolute;left:30px;top:12px;}
#loginereaR .btn_logout {text-align:center;margin:6px auto;width:260px;position:relative;}
#loginereaR .btn_logout a:link{text-decoration:none;color:#fff;padding:6px;background:url("/images/framework/bg_btn-logout.gif");font-size:14pt;display:block;border:3px solid #fff;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius: 7px;letter-spacing:0.1em;}
#loginereaR .btn_logout a:visited{color:#fff;}
#loginereaR .btn_logout a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
#loginereaR .btn_logout img{height:18px;position:absolute;left:40px;top:12px;}
#loginereaR .btn_enroll {text-align:center;margin:5px auto 0px auto;width:200px;position:relative;}
#loginereaR .btn_enroll a:link{text-decoration:none;color:#fff;padding:5px;background:url("/images/framework/bg_btn-enroll.gif");font-size:12pt;display:block;border:3px solid #fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius: 6px;letter-spacing:0.1em;}
#loginereaR .btn_enroll a:visited{color:#fff;}
#loginereaR .btn_enroll a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
#loginereaR .btn_enroll img{height:16px;position:absolute;left:20px;top:9px;}
#loginereaR .btn_cart {text-align:center;margin:5px auto;width:135px;position:relative;float:left;margin-left:10px;}
#loginereaR .btn_cart a:link{text-decoration:none;color:#fff;padding:3px 0px 3px 15px;background:url("/images/framework/bg_btn-cart.gif");font-size:10pt;display:block;border:2px solid #fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius: 4px;}
#loginereaR .btn_cart a:visited{color:#fff;}
#loginereaR .btn_cart a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
#loginereaR .btn_cart img{height:14px;position:absolute;left:7px;top:7px;}
#loginereaR .btn_mypage {text-align:center;margin:5px auto;width:200px;position:relative;}
#loginereaR .btn_mypage a:link{text-decoration:none;color:#fff;padding:5px;background:url("/images/framework/bg_btn-mypage.gif");font-size:12pt;display:block;border:3px solid #fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius: 6px;letter-spacing:0.1em;}}
#loginereaR .btn_mypage a:visited{color:#fff;}
#loginereaR .btn_mypage a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
#loginereaR .btn_mypage img{height:16px;position:absolute;left:20px;top:9px;}
/* カートボタンが出現したら以下へ戻す
#loginereaR .btn_mypage {text-align:center;margin:5px auto;width:115px;position:relative;float:right;margin-right:10px;}
#loginereaR .btn_mypage a:link{text-decoration:none;color:#fff;padding:3px 0px 3px 15px;background:url("/images/framework/bg_btn-mypage.gif");font-size:10pt;display:block;border:2px solid #fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius: 4px;}
#loginereaR .btn_mypage a:visited{color:#fff;}
#loginereaR .btn_mypage a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
#loginereaR .btn_mypage img{height:14px;position:absolute;left:7px;top:7px;}*/
@media (max-width: 992px) 
{
#loginereaR {display:none;}
}

/* -----------------------------------------------------------------
 footer
----------------------------------------------------------------- */
#fnavibox {background-color:#777;box-shadow:0 8px 12px -8px #222 inset;padding-bottom:15px;padding-top:10px;}
.fnavi-title {color:#ffffff;font-size:24pt;text-align:center;margin:10px 0px 5px;}
.footervavi01 {list-style-type:none;width:100%;margin:5px auto;}
.footernavi01 li{margin:2px;font-size:10.5pt;width:13.78%;display:block;float:left;border:solid 1px #fff;position:relative;background: url("/images/framework/bg_fnavi01_off.gif");}
.footernavi01 li a:link{padding:5px;display:block;text-decoration:none;height:50px;line-height:1em;color:#000;background: url("/images/framework/point_arrow05.png") no-repeat;background-position: bottom right;}
.footernavi01 li a:visited{color:#000;}
.footernavi01 li a:hover{color:#fff;}
.footernavi01 li a img{position:absolute;right:4px;bottom:4px;}
.footernavi01 li:hover{background:url("/images/framework/bg_fnavi01_over.gif");}
.footervavi02 {list-style-type:none;width:100%;margin:5px auto;}
.footernavi02 li{margin:2px;font-size:10.5pt;width:13.78%;display:block;float:left;border:solid 1px #fff;position:relative;background:url("/images/framework/bg_fnavi02_off.gif");}
.footernavi02 li a:link{padding:5px;display:block;text-decoration:none;height:50px;line-height:1em;color:#000;background: url("/images/framework/point_arrow05.png") no-repeat;background-position: bottom right;}
.footernavi02 li a:visited{color:#333;}
.footernavi02 li a:hover{color:#fff;}
.footernavi02 li a img{position:absolute;right:4px;bottom:4px;}
.footernavi02 li:hover{background:url("/images/framework/bg_fnavi02_over.gif");}
.foot01 {border: 0;height: 0;border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.5);padding:0px;margin:6px 0px;}
#fbottombox {background:url("/images/framework/bg_fbottom.gif");padding:6px 0px 20px;}
.bottomnavi {list-style-type:none;}
.bottomnavi li{font-size:10pt;color:#fff;display:block;float:left;}
.bottomnavi li a:link{color:#fff;text-decoration:none;background:url("/images/framework/point_arrow01.png") no-repeat 6px 5px;padding:4px 10px 2px 24px;display:block;}
.bottomnavi li a:visited{color:#fff;}
.bottomnavi li a:hover{background-color:#7f7440;}
.copyright {background-color:#c5ba82;text-align:center;padding:5px auto;color:#333;font-size:10pt;margin:8px 0px;}
.copyright .logoTB{margin:2px 0px 2px 5px;vertical-align:middle;height:25px;}
@media screen and (max-width:1200px)
{
.footernavi01 li {width:16%;}
.footernavi02 li {width:16%;}
}
@media screen and (max-width:1000px)
{
.footernavi01 li {width:19.3%;}
.footernavi02 li {width:19.3%;}
.fnavi-title {font-size:20pt;}
}
@media screen and (max-width:730px)
{
.footernavi01 li {width:19.1%;}
.footernavi02 li {width:19.1%;}
.fnavi-title {font-size:18pt;}

}
@media screen and (max-width:680px)
{
.footernavi01 li {width:24%;}
.footernavi02 li {width:24%;}
}
@media screen and (max-width:550px)
{
.footernavi01 li {width:32%;}
.footernavi02 li {width:32%;}
.fnavi-title {font-size:14pt;}
}
@media screen and (max-width:400px)
{
.footernavi01 li {width:48%;}
.footernavi02 li {width:48%;}
.fnavi-title {font-size:14pt;}
}

/* -----------------------------------------------------------------
 TOPに戻るボタン
----------------------------------------------------------------- */
#btn-pageTop{display:none;position:fixed;right:12px;bottom:12px;font-size:17pt;border:solid 5px #8e0000;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius: 10px;}
#btn-pageTop img{height:22px;display:block;left:12px;top:12px;position:absolute;}
#btn-pageTop a:link{display:block;padding:8px 25px 8px 50px;color:#333;text-decoration:none;background:url(/images/framework/bg_backtopbutton.gif);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
#btn-pageTop a:visited{color:#333;}
#btn-pageTop a:hover{opacity:1.0;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";}
@media screen and (max-width:600px)
{
#btn-pageTop{font-size:12pt;;border:solid 3px #8e0000;;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius: 8px;}
#btn-pageTop img{height:16px;left:12px;top:10px;}
#btn-pageTop a:link{padding:8px 18px 8px 40px;background:url(/images/framework/bg_backtopbutton-s.gif);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius: 4px;}
}

/* -----------------------------------------------------------------
 広告
----------------------------------------------------------------- */
/* footer レグタングル2連 300x250 */
#adv01 {margin:20px auto;text-align:center;width:640px;}
#adv01 .left{float:left;margin:0 10px;width:300px;}
#adv01 .right{float:left;margin:0 10px;width:300px;}
#adv01 .prtitle{color:#fff;font-size:10pt;margin-bottom:2px;}
/* rightarea レグタングル 300x250 */
#adv02R {}
#adv02R .prtitle{color:#555;font-size:10pt;margin-bottom:2px;}
/* テキスト広告 */
#adv03R {border-top:double 3px #a7a7a7;border-bottom:double 3px #a7a7a7;padding:5px 0px;margin-bottom:10px;}
#adv03R .text{font-size:10pt;color:#555555;line-height:1.2em;}
/* バナー 300x120 */
#adv04R {}
#adv04R .text{font-size:10pt;line-height:1em;margin:3px 0px 7px 0px;}
#adv04R img{}
/* コラム 125x125 */
#adv05R .midashi{color:#fff;padding:5px 0px 4px 10px;background:url("/images/framework/bg_titleRcolumn.gif");margin-top:15px;}
#adv05R .box{margin:8px 0px;}
#adv05R .ban{width:132px;float:left;}
#adv05R .textarea{width:168px;float:left;}
#adv05R .title{background: url("/images/framework/arrow-adv05R.png") no-repeat;padding-left:16px;font-size:11pt;line-height:1.2em;}
#adv05R .title a{text-decoration:underline;}
#adv05R .text{font-size:10pt;color:#555555;line-height:1.2em;margin-top:3px;}
#adv05R .prtitle{font-size:10pt;color:#555555;margin-bottom:2px;}
@media screen and (max-width:1200px)
{
}
@media screen and (max-width:992px)
{
}
@media screen and (max-width:768px)
{
#adv01 {max-width:300px;}
#adv01 .right{display:none;}
#adv01 .left{max-width:300px;margin:0px;}
}

/**************************************** アンカーリンク対策 **************************************/
.name_anchor {
  margin-top: -135px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 135px; /* 打ち消し用のパディング */
}
.name_anchor2 {
  margin-top: -400px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 400px; /* 打ち消し用のパディング */
}