.tbl { font-size:80%}
#LMS_Box li {list-style: decimal;}

#header_resisttxt { float:right; margin:5px}
#sp #GNavi { display:none}
#pc #box940 { border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; clear:both; border-top:#fff; padding-top:15px }
#pc #col1 #ph_main { margin-left:0 }
#pc #ph_content_top { text-align:center}
#pc #navi_l { width:940px; margin:0 auto; padding:0; height:40px; overflow:hidden; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; border:1px solid #ccc; border-bottom:1px solid #fff}
/*▽タブ個数変更の場合は以下の幅を修正する（940px÷タブの数-2）*/
#pc #navi_l .navi_l { float:left; width:233px; margin:0; padding:0; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; background:url(~/media/Images/product/bd/common/menu_bk.ashx) center repeat-x; border-bottom:1px solid #aaa; border-left:1px solid #eee; border-right:1px solid #999}
#pc #navi_l .navi_l_on { float:left; width:233px; margin:0; padding:0; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; background:url(~/media/Images/product/bd/common/menu_bk_o.ashx) no-repeat center; cursor:pointer; border-bottom:#fff; border-left:1px solid #eee; border-right:1px solid #666}
/*△タブ個数変更の場合は以下の幅を修正する*/
#pc #navi_l h2 { margin:0; padding:10px 0; font-size:14px}
#pc #navi_l h2 a { color:#000}
#pc #navi_l h2 a:hover { text-decoration:none}
#pc #navi_l li{list-style:none;}
#pc #navi_l span { margin:0; padding:10px 0; font-size:14px; font-weight:bold; line-height:1.3em; display:block;}
#pc #navi_l span a { color:#000}
#pc #navi_l span a:hover { text-decoration:none}

#pc #index { width:150px; margin-right:15px; float:left; padding-top:10px}
#pc .index, #pc .index_on { border-bottom:1px dotted #aaa; padding:0.3em 0}
#pc #index p { margin:0 0.5em}
#pc #LMS_Box { width:750px; float:right}
#pc #ph_main h1 { padding-top:10px}


/*▽スマホ表示用*/
#sp #pankuzu { display:none}
#sp #navi_l { width:100%; margin:0 auto; padding:10px 5px; height:auto; overflow:hidden; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; border:1px solid #ccc; border-bottom:1px solid #fff; text-align:center; background:#fff}
/*▽タブ個数変更の場合は以下の幅を修正する（940px÷タブの数-2）*/
#sp #navi_l .navi_l { float:left; width:24%; margin:0; padding:0.3em 0; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; background:url(~/media/Images/product/bd/common/menu_bk.ashx) center repeat-x; border-bottom:1px solid #aaa; border-left:1px solid #eee; border-right:1px solid #999}
#sp #navi_l .navi_l_on { float:left; width:24%; margin:0; padding:0.3em 0; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; background:url(~/media/Images/product/bd/common/menu_bk_o.ashx) no-repeat center; cursor:pointer; border-bottom:#fff; border-left:1px solid #eee; border-right:1px solid #666}
/*△タブ個数変更の場合は以下の幅を修正する*/
#sp #navi_l .navi_l,
#sp #navi_l .navi_l_on{height:33px;}
#sp #navi_l .navi_l_on{margin-bottom:1px;}
#sp #navi_l .navi_l span,
#sp #navi_l .navi_l_on span{font-size:16px; line-height:120%; font-weight:bold; display:block;}
#sp #navi_l li{ list-style:none;}
#sp #ph_main h1 { padding:7px}
.btn_none { display:none}


.btn_mypage,
.btn_usertouroku { border:1px solid #999; padding:10px; margin:0 5px 10px; padding:10px 5px; font-weight:bold; background:-moz-linear-gradient(top, #fff, #ccc)/* Firefox用 */; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc))/* Safari,Google Chrome用 */; text-decoration:none; text-shadow:0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa; cursor:pointer; clear:both;}

.btn_maijan { border:1px solid #999; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:5px; margin:10px 5px; text-align:center; cursor:pointer; background:#fff; font-size:90%; cursor:pointer; clear:both;}

.btn_aucp { border:1px solid #804908; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:10px; margin:10px 5px; text-align:center; cursor:pointer;
background: #fceabb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y4YjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmRmOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-8 */
}