@charset "utf-8";

#header {
    margin: 0 0 5px;
    font-family: "Meiryo","メイリオ","ＭＳ　Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    border-bottom: 5px solid #f83f4c;
}
h1.header_title {
    float: left;
    height: 15px;
    margin: 0 auto;
    padding: 5px 0 10px;
    font-size: 11px;
    text-align: left;
    color: #666;
}
.navi_area #logo {
    width: 170px;
    height: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.navi_area #logo a {
    display: block;
}
.header_info {
    height: 28px;
    margin-bottom: 2px;
    background: #f3f0e6;
    border-bottom: 1px solid #aaa;
}
.header_info ul {
    float: right;
}
.header_info li {
    float: left;
    text-align: center;
}
.header_info a {
    display: block;
    color: #555;
}
.header_info .header_inner {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}
.header_info a:hover {
    text-decoration: none;
}


/* ---------------------------------------ログイン状態メンバーナビ */

.header_info li.user {
    margin-top: 4px;
    padding-right: 10px; 
    border-right: 1px solid #BBB;
}
.header_info li.user a {
    display: inline;
    color: #ff5757;
}
.header_info li.user .user_pt {
    padding-left: 20px;
    background: no-repeat url(../../img/10/icon/ico-points.gif);
    font-weight: bold;
}

/*あと何ポイントバー*/
.header_info li.pt_bar {
    margin: 4px 2px 0 0;
    padding: 0 9px 0 6px; 
    border-right: 1px solid #BBB;
}
.header_info li.pt_bar .until span {
    font-weight: bold;
}
.header_info li.pt_bar .until a {
    display: inline;
    color: #ff5757;
}
.header_info li.pt_bar .gauge {
    width: 98px;
    height: 10px;
    display: inline-block;
    border-radius: 2px;
    border: #aaaaaa 1px solid;
    background: #fff;
}
.header_info li.pt_bar .gauge p {
    height: 10px;
    display: block;
    border-radius: 1px;
    background: #87d801;
    background: -moz-linear-gradient(top,  #87d801 97%, #3eaf03 100%);
    background: -webkit-linear-gradient(top,  #87d801 97%,#3eaf03 100%);
    background: linear-gradient(to bottom,  #87d801 97%,#3eaf03 100%);
}

/* メニューアイコン */
.header_info li.pt_history {
    margin: 4px 7px 0 0;
    padding: 0 13px 0 26px; 
    border-right: 1px solid #BBB;
    background: url(../../img/10/base/header/ico_pt.png) no-repeat 8px 2px;
}
.header_info li.mypage {
    margin: 4px 7px 0 0;
    padding: 0 13px 0; 
    border-right: 1px solid #BBB;
    background: url(../../img/10/base/header/ico_mypage.png) no-repeat 0 2px;
}
.header_info li.logout {
    margin: 4px 10px 0 0;
    padding: 0 16px 0; 
    border-right: 1px solid #BBB;
    background: url(../../img/10/base/header/ico_logout.gif) no-repeat 0 2px;
}
#header p.help {
    float: right;
    margin: 5px 28px 0 0;
    padding-left: 16px; 
    background: url(../../img/10/base/header/ico_help.png) no-repeat 0 3px;
}
#header p.help a {
    color: #555;
}
#header p.help a:hover {
    text-decoration: none;
}
.header_sub {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}



/* ---------------------------------------ログアウト状態メンバーナビ */

.header_info li.register a,
.header_info li.login a {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}
.header_info li.help {
    margin: 4px 10px 0 0;
    padding: 0 16px 0; 
    border-right: 1px solid #BBB;
    background: url(../../img/10/base/header/ico_help.png) no-repeat 0 2px;
}
.header_info li.beginner {
    margin: 4px 10px 0 0;
    padding: 0 5px 0 16px; 
    background: url(../../img/10/base/header/ico_beginner.png) no-repeat 0 2px;
}
.header_info li.register {
    width: 200px;
    height: 27px;
    background: #3cac34;
    color: #fff;
}
.header_info li.register span,
.header_info li.login span {
    padding-left: 20px;
    background: url(../../img/10/base/header/ico_arrow_white.png) no-repeat 0 3px;
}
.header_info li.register em {
    color: #ff0;
    font-weight: bold;
}
.header_info li.login {
    width: 120px;
    height: 27px;
    background: #f83d6e;
    color: #fff;
}
.header_info li.register,
.header_info li.login {
    padding-top: 2px; 
}


/* ---------------------------------------グローバルナビ */
.navi_area {
    width: 950px;
    margin: 0 auto;
    position: relative;
    height: 65px;
}

#global_navi{
    width: 770px;
    height: 50px;
    margin: 20px 0 -5px 0;
    position: absolute;
    top: 0;
    right: 0;
}
#global_navi ul li{
    float:left;
    display:inline;
}
#global_navi ul li#gnav_top{
    width: 60px;
    height: 48px;
}
#global_navi ul li#gnav_kensyo,
#global_navi ul li#gnav_shopping,
#global_navi ul li#gnav_special,
#global_navi ul li#gnav_point,
#global_navi ul li#gnav_game,
#global_navi ul li#gnav_monitor,
#global_navi ul li#gnav_research {
    width: 110px;
}
#global_navi ul li a{
    display:block;
    height: 50px;
    background:url(../../img/10/base/header/global_navi.png) no-repeat;
    text-indent: -9999px;
    overflow:hidden;
}
#global_navi ul li#gnav_kensyo a{
    background-position: -0 0;
}
#global_navi ul li#gnav_shopping a{
    background-position: -110px 0;
}
#global_navi ul li#gnav_special a{
    background-position: -220px 0;
}
#global_navi ul li#gnav_point a{
    background-position: -330px 0;
}
#global_navi ul li#gnav_game a{
    background-position: -440px 0;
}
#global_navi ul li#gnav_monitor a{
    background-position: -550px 0;
}
#global_navi ul li#gnav_research a{
    background-position: -660px 0;
}
#global_navi ul li#gnav_kensyo a:hover,
#global_navi ul li#gnav_kensyo .on{
    background-position: 0 -50px;
}
#global_navi ul li#gnav_shopping a:hover,
#global_navi ul li#gnav_shopping .on{
    background-position: -110px -50px;
}
#global_navi ul li#gnav_special a:hover,
#global_navi ul li#gnav_special .on{
    background-position: -220px -50px;
}
#global_navi ul li#gnav_point a:hover,
#global_navi ul li#gnav_point .on{
    background-position: -330px -50px;
}
#global_navi ul li#gnav_game a:hover,
#global_navi ul li#gnav_game .on{
    background-position: -440px -50px;
}
#global_navi ul li#gnav_monitor a:hover,
#global_navi ul li#gnav_monitor .on{
    background-position: -550px -50px;
}
#global_navi ul li#gnav_research a:hover,
#global_navi ul li#gnav_research .on{
    background-position: -660px -50px;
}
#global_navi ul li{
    position:relative;
    margin: auto;
}

/*  NEW新着アイコン */
#global_navi ul li p img{
    position:absolute;
    top: -14px;
    left: 21px;
}
#global_navi ul li .newly_arrived{
    position:absolute;
    top: -13px;
    left: 21px;
    width: 70px;
    height: 16px;
    background-color: #3DBA8F;
    border-radius: 3px;
    text-align: center;
}
#global_navi ul li .newly_arrived:before{
    content: "";
    position: absolute;
    bottom: -4px;
    left: 39px;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-top: 6px solid #3DBA8F;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
#global_navi ul li .newly_arrived p{
    color:#FFF;
}
#global_navi ul li .newly_arrived p span{
    color:#FF0;
    font-weight:bold;
}

/* ---------------------------------------グローバルナビ下 */
#headbottom {
    width: 950px;
    height: 16px;
    margin: 0 auto;
    padding: 4px 0 4px;
    border-bottom: 1px dotted #ccc;
}

#headbottom #pr {
    float: left;
    height: 16px;
    padding: 0 0 0 4px;
}

#headbottom #pr .to-dtl {
    background:url("../../img/10/top/icon-list.gif") no-repeat scroll 0 -256px transparent;
    margin:0 0 0 3px;
    padding:0 0 0 11px;
    position:relative;
    white-space:nowrap;
}


/* ---------------------------------------パンクズリスト */
#headbottom #breadcrumb-list {
    float: left;
    height: 16px;
    padding: 0 0 0 4px;
}

#headbottom #breadcrumb-list li {
    float: left;
    margin-left: 5px;
    padding-right: 10px;
    font-size: 100%;
    height: 14px;
}

#headbottom #breadcrumb-list li.crumb-yaji {
    background: transparent url(../../img/10/icon/gt.gif) no-repeat scroll right 1px;
}

*:first-child+html #headbottom #breadcrumb-list li.crumb-yaji {
    background: transparent url(../../img/10/icon/gt.gif) no-repeat scroll right top;
}

#headbottom #breadcrumb-list li h2 {
    display: inline;
}

/* ---------------------------------------ヘルプ・サイトマップ・はじめて */
#headbottom #snav {
    float: right;
    height: 18px;
    padding: 0;
}

#headbottom #snav ul {
    float: right;
    height: 16px;
}

#headbottom #snav ul li {
    float: left;
    height: 16px;
    margin: 0 0 0 10px;
}

#headbottom #snav ul #help {
    background: url(../../img/10/top/icon-headnavi.gif) 0 0 no-repeat;
}

#headbottom #snav ul #sitemap {
    background: url(../../img/10/top/icon-headnavi.gif) 0 -20px no-repeat;
}

#headbottom #snav ul #beginner {
    background: url(../../img/10/top/icon-headnavi.gif) 0 -40px no-repeat;
}

#headbottom #snav ul li a {
    padding: 0 0 0 18px;
}

/* ---------------------------------------ブランドバナー */
#aside #adbanner {
    width: 300px;
    margin: 0 0 15px;
}

#aside #adbanner .banner {
    width: 300px;
    margin: 0 auto 5px;
    text-align: center;
    padding: 0;
    background-color: #eee;
}

#aside #adbanner .banner:hover {
    background-color: #e5f5f5;
}

#aside #adbanner .comment {
    width: 300px;
    text-align: center;
}

#aside #adbanner .comment .point {
    padding: 0 0 0 16px;
    background: url(../../img/10/top/icon-list.gif) 0 1px no-repeat;
    color: #3a0;
}

#aside #adbanner .condition {
    margin: 2px 0 0;
    position: relative;
    left: 50%;
    float: left;
}

#aside #adbanner .condition .adding {
    padding: 0px;
    color: #777;
    float: left;
    position: relative;
    left: -50%;
}

#aside #adbanner .condition .to-dtl {
    float: left;
    margin:0 0 0 10px;
    padding: 0 0 0 11px;
    background: url("../../img/10/top/icon-list.gif") no-repeat 0 -256px;
    white-space: nowrap;
    position: relative;
    left: -50%;
}

/* ---------------------------------------サイドバナー */
#aside #adbox {
    width: 300px;
    margin: 0 0 15px;
    padding: 0 0 10px;
    background: url(../../img/10/top/right-bg.gif) 0 bottom no-repeat;
}

#aside #adbox .inbox {
    width: 300px;
    padding: 10px 0 0;
    background: url(../../img/10/top/right-header.gif) 0 0 no-repeat;
}

#aside #adbox .inbox ul {
    width: 280px;
    margin: 0 10px 10px;
    padding: 0 0 5px;
    border-bottom: 1px dotted #ccc;
}

#aside #adbox .inbox ul li {
    float: left;
}

#aside #adbox .inbox ul li.adbox-image {
    width: 102px;
}

#aside #adbox .inbox ul li.adbox-comment {
    width: 170px;
    margin-left: 8px;
}

#aside #adbox .inbox ul li dl {
    width: 170px;
}

#aside #adbox .inbox ul li dl dt {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 117%;
}

#aside #adbox .inbox ul li dl dd {
    line-height: 1.2;
    display: block;
    margin-bottom: 3px;
}

#aside #adbox .inbox ul li dl dd.point {
    padding: 0 0 0 16px;
    background: url(../../img/10/top/icon-list.gif) 0 1px no-repeat;
    color: #3a0;
}

#aside #adbox .inbox ul li dl dd.adding {
    color: #777;
}

#aside #adbox .inbox ul li dl dd.to-dtl {
    margin: 0;
    text-align: right;
}

#aside #adbox .inbox ul li dl dd.to-dtl a {
    padding: 0 0 0 11px;
    background: url(../../img/10/top/icon-list.gif) 0 -256px no-repeat;
}

/* ---------------------------------------HotSpot気になるコトバ */
#kininaru {
    width: 100%;
    height: 37px;
    display: block;
    position: relative;
    margin: 0;
    background: url("../../img/10/base/kininaru-bg.gif") repeat-x;
    overflow: hidden;
}

#kininaru p {
    width: 100%;
    height: 37px;
    display: block;
    background: url("../../img/10/base/kininaru-side.gif") left 0 no-repeat;
}

#kininaru p span {
    width: 100%;
    height: 37px;
    display: block;
    background: url("../../img/10/base/kininaru-side.gif") right -40px no-repeat;
}

#kininaru p span img {
    width: 132px;
    height: 37px;
    display: block;
    margin: 0 auto;
}

/* ---------------------------------------フッター要素 */
#footer {
    width: 950px;
    height: 190px;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    padding-top: 15px;
    border-top: 1px dotted #ccc;
    background: url(../../img/10/base/footer.jpg) 0 bottom no-repeat;
}

#footer #company {
    width: 950px;
    margin: 0 0 23px;
}

#footer #company ul {
    padding: 0 0 2px;
    text-align: center;
}

#footer #company ul li {
    display: inline;
    margin: 0 0 0 9px;
    padding: 0 9px 0 0;
    border-right: 1px solid #555;
}

#footer #company ul .first {
    margin: 0;
    padding: 0 9px;
    border-right: 1px solid #555;
    border-left: 1px solid #555;
}

#footer #copyright {
    width: 950px;
}

#footer #copyright p {
    line-height: 130%;
    text-align: center;
}

a {
    color: #04c;
}

a:visited {
    color: #639;
}

a:hover {
    color: #6cf;
}

/* ---------------------------------------ヘッダ横特殊バナー */
#topspecial {
    position: relative;
    display: inline;
    width: 201px;
    height: 68px;
}

#topspecial img {
    position: absolute;
    top: -98px;
    left: 260px;
    z-index: 10;
}

html>/**/body #topspecial img {
    top/*\**/: -86px\9;
}


/* -------------------------------------フローティングバナー */
#floating {
    bottom: 0;
    clear: both;
    display: block;
    position: fixed;
    width: 100%;
    text-align: center;
    /*z-index: 1100;*/
}
#floating .btn {
    bottom: 0;
    height: 29px;
    margin: 0 auto;
    text-align: right;
    width: 100%;
    position: absolute;
    top: -29px;
    right:0;
}
#floating .btn img {
    cursor: pointer;
    height: 30px;
    margin: 0 15px 0 0;
    width: 97px;
}
#floating .content {
    background: url("../../img/10/floating/floating_bg.png") repeat scroll 0 0 transparent;
    border-top: 1px solid #ea2323;
    height: 98px;
    margin: 0 auto;
    padding: 6px 0;
    text-align: center;
    width: 100%;
}
#floating .content a {
    background-color: #ffffff;
    display: block;
    height: 90px;
    margin: 0 auto;
    overflow: hidden;
    padding: 4px;
    width: 728px;
}