@charset "utf-8";

/*-- base
-------------------------------------------------------- */
html,
body {
    height: 100%;
    text-align: center;
    color: #555;
}

#wrapper {
    min-height: 100%;
    height: 100%;
    height: auto !important;
    position: relative;
    background: url(../../img/10/base/footer-bg.jpg) 0 bottom repeat-x;
    text-align: left;
}

#container {
    width: 950px;
    margin: 0 auto;
    padding: 0 0 220px;
}

/*-- ヘッダ部分は共通部品ファイル　base-common.css　で指定 */


/* ---------------------------------------ヘッダ下アラート */
#alert {
    width: 950px;
    margin: 0 0 10px;
    background-color: #fdd;
    color: #f30;
}
#alert p {
    line-height: 1.5;
    padding: 5px 10px;
    font-weight: bold;
    text-align: center;
    color: #f20;
}
.alert_msg {
    width: 950px;
    margin: 10px auto 0;
    border: 1px solid #FF5555;
    color: #FF5555;
}
.alert_msg p {
    line-height: 1.5;
    padding: 5px 10px;
    font-weight: bold;
    text-align: center;
}
/* ---------------------------------------スマホへの誘導 */
.sp_site {
    text-align: center;
    background-color: #f3f0e6;
}

/* ------------------------------------------------------------------------------コンテンツ */
#contents {
    width: 950px;
    margin: 15px 0 100px;
    overflow: hidden;
}

#contents #article {
    /*display: inline;*/
    float: left;
    margin :0 0 0 175px;
    width: 460px;
}

#article #featured {
    width: 458px;
    height: 248px;
    position: relative;
    margin: 0 0 15px;
    border: 1px solid #999;
}

/* ---------------------------------------ローテ枠 */
.top_rotation .bx-wrapper {
    width: 458px;
    position: relative;
    margin: 10px 0;
    *zoom: 1;
}
.top_rotation .bx-wrapper img {
    max-width: 100%;
    display: block;
}
.top_rotation .slider li {
  display: none;
}
.top_rotation .bx-viewport .bxslider li {
  display: block !important;
}
.top_rotation .bx-wrapper .bx-viewport {
    background: #fff;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
}
.top_rotation .bx-wrapper .bx-pager,
.top_rotation .bx-wrapper .bx-controls-auto {
    width: 100%;
}
.top_rotation .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 8px;
}
.top_rotation .bx-wrapper .bx-pager .bx-pager-item,
.top_rotation .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.top_rotation .bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.top_rotation .bx-wrapper .bx-pager.bx-default-pager a:hover,
.top_rotation .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #FF3636;
}
.top_rotation .bx-wrapper .bx-controls-direction {
    display: none;
}
.top_rotation_nologin {
    margin-bottom: 10px;
}

/* ---------------------------------------おすすめ情報 */
#article #osusumeinfo {
    width: 460px;
    margin: 0 0 15px;
    padding: 0;
    background: url(../../img/10/top/center-bg.gif) 0 bottom no-repeat;
}

#article #osusumeinfo h2 {
    width: 430px;
    height: 20px;
    margin: 0 0 14px;
    padding: 3px 0 0 30px;
    overflow: hidden;
    background: url(../../img/10/top/center_title.gif) 0 0 no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
#article #osusumeinfo ul {
    margin: 0 1px;
    letter-spacing: -.40em;
}

#article #osusumeinfo ul li {
    vertical-align:top;
    display:inline-block;
    width: 122px;
    line-height: 130%;
    padding: 0 0 10px 23px;
    *display: inline;  
    *zoom: 1;
    letter-spacing: normal;
}
#article #osusumeinfo ul li .point {
    display: block;
    padding: 0 0 0 16px;
    background: url(../../img/10/top/icon-list.gif) 0 1px no-repeat;
    color: #3a0;
}
#article #osusumeinfo ul li .adding {
    padding: 0 0 0 1px;
    color: #777;
}
#article #osusumeinfo ul li .to-dtl {
    display: block;
    margin: 0;
    text-align: right;
}
#article #osusumeinfo ul li .to-dtl a {
    padding: 0 0 0 11px;
    background: url(../../img/10/top/icon-list.gif) 0 -256px no-repeat;
}


/* -----------------------いつものお店でポイント貯まる */
#article #teibanshop {
    width: 460px;
    margin: 0 0 15px;
    padding: 0;
    background: url(../../img/10/top/center-bg.gif) 0 bottom no-repeat;
}

#article #teibanshop h2 {
    width: 430px;
    height: 20px;
    margin: 0 0 14px;
    padding: 3px 0 0 30px;
    overflow: hidden;
    background: url(../../img/10/top/center_title.gif) 0 0 no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
#article #teibanshop ul {
    margin: 0 1px;
    letter-spacing: -.40em;
}
#article #teibanshop ul li {
    vertical-align:top;
    display:inline-block;
    width: 122px;
    line-height: 130%;
    padding: 0 0 10px 23px;
    *display: inline;  
    *zoom: 1;
    letter-spacing: normal;
}


/* ---------------------------------------検索 */
#article #search {
    width: 460px;
    height: 74px;
    margin: 0 0 15px;
    background: url(../../img/10/top/center-search-bg.gif) 0 0 no-repeat;
}

#article #search h2 {
    float: left;
    width: 79px;
    height: 31px;
    position: relative;
    overflow: hidden;
}

#article #search h2 img {
    position: absolute;
    top: 0;
    left: 0;
}

#article #search ul {
    float: left;
    width: 371px;
    height: 21px;
    padding: 5px;
}

#article #search ul li {
    float: left;
    margin: 2px 5px 0 0;
    font-weight: bold;
}

#article #search ul li input {
    vertical-align: bottom;
}

* html #article #search ul li input {
    vertical-align: middle;
}

*:first-child+html #article #search ul li input {
    vertical-align: middle;
}

/* IE8 hack */
html>/**/body #article #search ul li input {
    vertical-align /*\**/: middle\9;
}

#article #search #searchbox {
    clear: both;
    position: relative;
    margin: 0 0 0 30px;
}

#article #search #searchbox #textbox {
    width: 310px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
}

#article #search #searchbox #button {
    position: absolute;
    top: 0;
    left: 319px;
}

/* ---------------------------------------懸賞ピックアップ */
#article #kenshopickup {
    width: 460px;
    margin: 0 0 15px;
    padding: 0 0 15px;
    background: url(../../img/10/top/center-bg.gif) 0 bottom no-repeat;
}

#article #kenshopickup h2 {
    width: 430px;
    height: 20px;
    margin: 0 0 14px;
    padding: 3px 0 0 30px;
    overflow: hidden;
    background: url(../../img/10/top/center_title.gif) 0 0 no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
#article #kenshopickup dl {
    width: 440px;
    height: 44px;
    margin: 0 10px;
    padding: 4px 0 0;
    border-bottom: 1px dotted #ccc;
}

#article #kenshopickup dl dt {
    float: left;
    width: 90px;
    height: 20px;
    position: relative;
    margin: 4px 0 0;
    overflow: hidden;
}

#article #kenshopickup dl dt img {
    position: absolute;
    left: 0;
}

#article #kenshopickup .ken-category01 dt img {
    top: 0;
}

#article #kenshopickup .ken-category02 dt img {
    top: -30px;
}

#article #kenshopickup .ken-category03 dt img {
    top: -60px;
}

#article #kenshopickup .ken-category04 dt img {
    top: -90px;
}

#article #kenshopickup .ken-category05 dt img {
    top: -120px;
}

#article #kenshopickup .ken-category06 dt img {
    top: -150px;
}

#article #kenshopickup .ken-category07 dt img {
    top: -180px;
}

#article #kenshopickup .ken-category08 dt img {
    top: -210px;
}

#article #kenshopickup .ken-category09 dt img {
    top: -240px;
}

#article #kenshopickup .ken-category10 dt img {
    top: -270px;
}

#article #kenshopickup .ken-category11 dt img {
    top: -300px;
}

#article #kenshopickup .ken-category12 dt img {
    top: -330px;
}

#article #kenshopickup .ken-category13 dt img {
    top: -360px;
}

#article #kenshopickup dl dd {
    float: right;
    width: 340px;
    line-height: 130%;
}

#article #kenshopickup dl dd a {
    font-weight: bold;
    font-size: 117%;
}

/* ---------------------------------------人気サービス */
#article #ninkiservice {
    width: 460px;
    margin: 0 0 15px;
    padding: 0 0 1px;
    background: url(../../img/10/top/center-bg.gif) 0 bottom no-repeat;
}
#article #ninkiservice h2 {
    width: 430px;
    height: 20px;
    padding: 3px 0 0 30px;
    overflow: hidden;
    background: url(../../img/10/top/center_title.gif) 0 0 no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
#article #ninkiservice dl {
    margin: 0 3px 10px;
    overflow: hidden;
}

#article #ninkiservice dl dt {
    padding: 10px 0 10px 20px;
    background: url(../../img/10/top/icon-list.gif) 7px -136px no-repeat;
    font-weight: bold;
    font-size: 117%;
}

#article #ninkiservice dl .leftbox {
    float: left;
    width: 234px;
    height: 60px;
    margin: 0 0 0 6px;
}

#article #ninkiservice dl .leftbox a img {
    display: block;
}

#article #ninkiservice dl .rightbox {
    float: right;
    width: 200px;
    line-height: 130%;
    margin: 0 7px 0 0;
    padding: 5px 0 0;
}

#article #ninkiservice dl .rightbox .comment {
    display: block;
}

#article #ninkiservice dl .rightbox .point {
    display: block;
    padding: 0 0 0 16px;
    background: url(../../img/10/top/icon-list.gif) 0 1px no-repeat;
    color: #f55;
}

#article #ninkiservice dl .rightbox .adding {
    display: block;
    padding: 0 0 0 1.2em;
}

#article #ninkiservice dl .rightbox .to-dtl {
    display: block;
    margin:0;
    text-align:right;
}

#article #ninkiservice dl .rightbox .to-dtl a {
    background:url("../../img/10/top/icon-list.gif") no-repeat scroll 0 -256px transparent;
    padding:0 0 0 11px;
}

/* ---------------------------------------人気ショップ */
#article #ninkishop {
    width: 460px;
    margin: 0 0 15px;
    padding: 0 0 1px;
    background: url(../../img/10/top/center-bg.gif) 0 bottom no-repeat;
}
#article #ninkishop h2 {
    width: 430px;
    height: 20px;
    padding: 3px 0 0 30px;
    overflow: hidden;
    background: url(../../img/10/top/center_title.gif) 0 0 no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
#article #ninkishop dl {
    margin: 0 3px 10px;
    overflow: hidden;
}

#article #ninkishop dl dt {
    padding: 10px 0 10px 20px;
    background: url(../../img/10/top/icon-list.gif) 7px -136px no-repeat;
    font-weight: bold;
    font-size: 117%;
}

#article #ninkishop dl .leftbox {
    float: left;
    width: 234px;
    height: 60px;
    margin: 0 0 0 6px;
}

#article #ninkishop dl .leftbox a img {
    display: block;
}

#article #ninkishop dl .rightbox {
    float: right;
    width: 200px;
    line-height: 130%;
    margin: 0 7px 0 0;
    padding: 5px 0 0;
}

#article #ninkishop dl .rightbox .comment {
    display: block;
}

#article #ninkishop dl .rightbox .point {
    display: block;
    padding: 0 0 0 16px;
    background: url(../../img/10/top/icon-list.gif) 0 1px no-repeat;
    color: #f55;
}

#article #ninkishop dl .rightbox .adding {
    display: block;
    padding: 0 0 0 1.2em;
}

#article #ninkishop dl .rightbox .to-dtl {
    display: block;
    margin:0;
    text-align:right;
}

#article #ninkishop dl .rightbox .to-dtl a {
    background:url("../../img/10/top/icon-list.gif") no-repeat scroll 0 -256px transparent;
    padding:0 0 0 11px;
}

/* ---------------------------------------サックリポ */
#article #sakkuripo {
    width: 460px;
    margin: 0 0 15px;
    padding: 0 0 6px 0;
    background: url("../../img/10/bsearch/center_sakkuripo_bg_460x290.gif") 0 bottom no-repeat;
}

#article #sakkuripo #title_area{
    height:60px;
    margin: 0 ;
    padding: 0;
    background: url("../../img/10/bsearch/center_sakkuripo_title_bg_460x60.gif") 0 top no-repeat;
}

#article #sakkuripo #icon_search{
    margin: 5px 0 0 10px;
    float: left;
}

#article #sakkuripo h2{
    width:298px;
    float:left;
}

#article #sakkuripo #title_area #sakkuripo_help_link{
    padding:43px 10px 0 0;
    text-align:right;
}

#article #sakkuripo #title_area #sakkuripo_help_link a{
    padding: 10px 0 10px 20px;
    background: url("../../img/10/top/icon-list.gif") 7px -136px no-repeat;
    font-weight: bold;
    font-size: 117%;
}

#article #sakkuripo #txt_area{
    margin: 0 0 5px 5px;
}

#article #sakkuripo #sakkuripo_form #textbox_area {
    width: 230px;
    height: 22px;
    margin: 0 0 8px 10px;
    vertical-align: top;
}

#article #sakkuripo #sakkuripo_form #button {
    padding: 0;
    background: none;
    border: 0;
    cursor:pointer;
}

#article #sakkuripo #sakkuripo_box,#sakkuripo_box2 {
    clear: both;
    position: relative;
    margin: 0 0 5px 10px;
}

#article #sakkuripo #sakkuripo_box2 #keywords {
    width: 330px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 100px;
    background-color:#fff;
    padding:4px 0 0 8px;
}

/* ---------------------------------------特集情報 */
#article #tokusyu {
    width: 460px;
    margin: 0 0 15px;
    padding: 0;
    background: url(../../img/10/top/center-bg.gif) 0 bottom no-repeat;
}
#article #tokusyu h2 {
    width: 430px;
    height: 20px;
    margin: 0 0 14px;
    padding: 3px 0 0 30px;
    overflow: hidden;
    background: url(../../img/10/top/center_title.gif) 0 0 no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
#article #tokusyu ul {
    margin: 0 1px;
}

#article #tokusyu ul li {
    float: left;
    width: 122px;
    min-height: 100px;
    line-height: 130%;
    padding: 0 0 2px 23px;
    text-align: center;
}

#article #tokusyu ul li img {
    width: 120px;
    height: 60px;
}

/* ---------------------------------------PR */
#article #prlink {
    margin: 0;
}

#article #prlink ul {
    margin: 0 10px;
}

#article #prlink ul li {
    margin: 0 0 15px;
    padding: 2px 0 2px 35px;
    background: url(../../img/10/top/icon-list.gif) 0 -198px no-repeat;
}

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

#article #ad300_250 {
    width: 300px;
    margin: 0 auto;
}


/* ------------------------------------------------------------------------------左サイドメニュー */
#sidenav {
    float: left;
    width: 150px;
    margin: 0 0 0 -635px;
}

/* ---------------------------------------初めての方へナニ */
#sidenav #nani {
    width: 160px;
    height: 100px;
    margin: 0 0 15px;
}

#sidenav #nani p a {
    width: 160px;
    height: 100px;
    display: block;
    position: relative;
    overflow: hidden;
}

#sidenav #nani p a img {
    position: absolute;
    top: 0;
    left: 0;
}

/* ---------------------------------------セグメントバナー */
#sidenav #segment-banner {
    width: 160px;
    margin: 0 0 10px;
    text-align: center;
}

#sidenav #segment-banner img {
    margin: 0 0 3px;
}

#sidenav #segment-banner .comment{
    text-align: center;
}

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

/* -------------------------------純広詳細をアップしたら削除--------------------------*/
#sidenav #segment-banner .point {
    width: 150px;
    padding: 0 0 0 16px;
    background: url(../../img/10/top/icon-list.gif) 0 1px no-repeat;
    color: #3a0;
}
/* -------------------------------純広詳細をアップしたら削除--------------------------*/

#sidenav #segment-banner .condition {
    margin: 2px 0 0;
    position: relative;
    left: 50%;
    float: left;
}

#sidenav #segment-banner .condition .adding {
    line-height: 1.2;
    margin: 0 0 3px 0;
    color: #777;
    float: left;
    position: relative;
    left: -50%;
}

#sidenav #segment-banner .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%;
}


/* ---------------------------------注目コンテンツ */

#sidenav #chumoku {
    width: 160px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    background: url(../../img/10/top/left-bg.gif) 0 bottom no-repeat;
}
#sidenav #chumoku h2 {
    width: 160px;
    height: 19px;
    padding: 3px 0 0;
    overflow: hidden;
    background: url(../../img/10/top/left_title.gif) 0 0 no-repeat;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
#sidenav #chumoku a {
    display: block;
    height: 30px;
    text-decoration: none;
    color: #555;
}
#sidenav #chumoku ul li a,
#sidenav #chumoku ul li#yahoo,
#sidenav #chumoku ul li#jaran,
#sidenav #chumoku ul li#takuhai {
    height: 19px;
    padding: 9px 7px 5px 30px;
    border-bottom: 1px dotted #ccc;
    position: relative;
}
#sidenav #chumoku .mainmenu > li:hover {
    background-color: #F9FBBB;
}
#sidenav #chumoku .mainmenu > li {
    background-image: url(../../img/10/top/ico_contents.gif);
    background-repeat: no-repeat;
}
#sidenav #chumoku ul li#mainichi,
#sidenav #chumoku ul li#click {
    background-position: center 8px;
}
#sidenav #chumoku ul li#yahoo {
    background-position: center -23px;
}
#sidenav #chumoku ul li#jaran {
    background-position: center -53px;
}
#sidenav #chumoku ul li#amazon {
    background-position: center -83px;
}
#sidenav #chumoku ul li#belle {
    background-position: center -113px;
}
#sidenav #chumoku ul li#takuhai {
    background-position: center -143px;
}
#sidenav #chumoku ul li#travel {
    background-position: center -174px;
}
/* 中身をもっと見る */
#sidenav #chumoku li {
    position: relative;
    margin: 0 1px;
}
#sidenav #chumoku li ul {
    width: 260px;
    height: auto;
    display: block;
    overflow: hidden;
    position: absolute;
    top: -1px;
    left: 158px;
    z-index: 9999;
    border: 1px solid #D7D7D7;
    font-size: 13px;
}
#sidenav #chumoku .mainmenu li ul {
    display: none;
}
#sidenav #chumoku .mainmenu li:hover ul {
    display: block;
    background: #FEFFEB;
}
#sidenav #chumoku li .submenu li a {
    padding: 13px 0 13px 9px;
}
#sidenav #chumoku li .submenu li:hover {
    background-color: #F9FBBB;
}
#sidenav #chumoku li .submenu li a:hover {
    font-weight: bold;
}
 /* NEWアイコン */   
#click a span {
    margin-left: 2px;
    padding: 1px;
    background: #F55;
    letter-spacing: -0.5px;
    font-size: 11px;
    color: #fff;
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% { opacity:0.1;}
    100% { opacity:1;}
}
@-moz-keyframes blink{
    0% { opacity:0.1;}
    100% { opacity:1;}
}
@keyframes blink{
    0% { opacity:0.1;}
    100% { opacity:1;}
}
    



/* ---------------------------------------新着情報 */
#sidenav #whatsnew {
    width: 160px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    background: url(../../img/10/top/left-bg.gif) 0 bottom no-repeat;
}
#sidenav #whatsnew h2 {
    width: 160px;
    height: 19px;
    padding: 3px 0 0;
    overflow: hidden;
    background: url(../../img/10/top/left_title.gif) 0 0 no-repeat;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

#sidenav #whatsnew dl {
    margin: 8px 3px 0;
    padding: 0 0 3px;
    background: url(../../img/10/top/left-sub.gif) 0 0 no-repeat;
}

#sidenav #whatsnew dl dt.update {
    margin: 2px 3px;
    padding: 3px 1px 1px;
    text-align: center;
}

.new-icn {
    min-height: 12px;
    display: block;
    background: url(../../img/10/base/new-icon.gif) 4px 5px no-repeat;
}

#sidenav #whatsnew dl dt.subject {
    line-height: 1.3;
    padding: 3px 2px 5px 24px;
    background: url(../../img/10/top/icon-caution.gif) 3px 3px no-repeat;
    font-weight: bold;
}

#sidenav #whatsnew dl dd {
    line-height: 1.3;
    display: block;
    margin: 3px 3px 3px 7px;
}

#sidenav #whatsnew dl dd.point {
    padding: 0 0 0 17px;
    background: url(../../img/10/top/icon-list.gif) 0 1px no-repeat;
    color: #3a0;
}

#sidenav #whatsnew dl dd.condition p {
    line-height: 1.2;
    margin-bottom: 3px;
    color: #777;
}

#sidenav #whatsnew dl dd p.to-dtl {
    margin: 0;
    text-align: right;
}

#sidenav #whatsnew dl dd p.to-dtl a {
    padding: 0 0 0 11px;
    background: url(../../img/10/top/icon-list.gif) 0 -256px no-repeat;
}



/* -----------------------イレギュラーバナー */
ul.irregular-banner li {
    margin-bottom: 15px;
}

/* ------------------------------------------------------------------------------右サイドメニュー */
#aside {
    float:left;
    width:300px;
    margin:0 0 0 15px;
}

/*-- ブランドバナー部分は共通部品ファイル　base-common.css　で指定 */
/*-- サイドバナー部分は共通部品ファイル　base-common.css　で指定 */

/* ---------------------------------------お知らせ */
#aside #info_list {
    padding: 1px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 0 0 15px;
}

#aside #info_list h2 {
    background: url(../../img/10/news/bg_title.gif) no-repeat;
    width: 266px;
    height: 20px;
    font-weight: bold;
    color: #fff;
    padding: 2px 0 0 30px;
    font-size: 14px;
}
#aside #info_list li.topic {
    border-bottom: 1px dotted #D1D1D1;
}
#aside #info_list li.topic:last-child {
    border-bottom: none
}
#aside #info_list dt {
    padding: 10px 10px 0;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}
#aside #info_list dd {
    padding: 0 10px 10px;
    font-size: 14px;
}
#aside #info_list dd a {
    color: #676767;
    text-decoration: none;
}
#aside #info_list dd a:hover {
    color: #39B2FF;
    text-decoration: underline;
}

#aside #info_list dt span {
    width: 60px;
    padding: 1px 2px;
    margin-left: 3px;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    color: #fff;
}
#aside #info_list .date span {
    margin-right : 5px;
}
/* 重要カテゴリカラー */
#aside #info_list dt span.important {
    background: #FF4366;
}
/* リリースカテゴリカラー */
#aside #info_list dt span.release {
    background: #48CC74;
}
/* 終了カテゴリカラー */
#aside #info_list dt span.finish {
    background: #6471BB;
}


/* ---------------------------------------今日の運勢 */
#aside #unsei {
    width: 300px;
    margin: 0 0 15px;
    padding: 0 0 10px;
    background: url(../../img/10/top/right-bg.gif) 0 bottom no-repeat;
}

#aside #unsei h2 {
    width: 300px;
    height: 22px;
    position: relative;
    margin: 0 0 8px;
    overflow: hidden;
}

#aside #unsei h2 img {
    position: absolute;
    top: -60px;
    left: 0;
}

#aside #unsei iframe {
    width: 280px;
    height: 70px;
    position: relative;
    margin: 0 10px 10px;
    padding: 0 0 21px;
    border-bottom: 1px dotted #ccc;
}

#aside #unsei dl dt.rightbox {
    float: right;
    width: 200px;
    padding: 7px 0 11px;
    font-weight: bold;
    font-size: 117%;
}

#aside #unsei dl dd.rightbox {
    float: right;
    width: 200px;
    line-height: 130%;
}

#aside #unsei dl dd.leftbox {
    position: absolute;
    top: 0;
    left: 0;
}

#aside #unsei ul {
    padding: 2px 10px;
}

#aside #unsei ul li {
    padding: 2px 0 2px 0;
}

#aside #unsei ul li a {
    margin: 0 5px 0 0;
    padding: 0 0 0 10px;
    background: url(../../img/10/top/icon-list.gif) 0 -255px no-repeat;
}

#aside #unsei ul .leftbox {
    float: left;
}

#aside #unsei ul .rightbox {
    float: right;
}

/* ---------------------------------------クイックアンケート */
#aside #enquete {
    width: 300px;
    margin: 0 0 15px;
    padding: 0 0 10px;
    background: url(../../img/10/top/right-bg.gif) 0 bottom no-repeat;
}

#aside #enquete h2 {
    width: 300px;
    height: 22px;
    position: relative;
    margin: 0 0 8px;
    overflow: hidden;
}

#aside #enquete h2 img {
    position: absolute;
    top: -90px;
    left: 0;
}

#aside #enquete dl {
    margin: 0 10px 21px;
}

#aside #enquete dl dt {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 117%;
}

#aside #enquete dl dd {
    line-height: 130%;
}

#aside #enquete #enqueteform {
    width: 280px;
    margin: 0 10px;
    background: url(../../img/10/top/right-vote-bg.gif) 0 bottom no-repeat;
}

#aside #enquete #enqueteform ul {
    padding: 10px 0 0;
    background: url(../../img/10/top/right-vote-top.gif) 0 0 no-repeat;
}

#aside #enquete #enqueteform ul li {
    margin: 0 0 5px 5px;
}

/* IE8 hack */
html>/**/body #aside #enquete #enqueteform ul li {
    padding /*\**/: 0 0 5px 5px\9;
}

#aside #enquete #enqueteform ul li input {
    vertical-align: bottom;
    padding: 0 3px 0 0;
}

#aside #enquete #enqueteform p {
    padding: 0 10px 10px;
}

#aside #enquete #enqueteform p textarea {
    width: 248px;
    height: 60px;
    margin: 0 0 5px;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 100%;
}

#aside #enquete #enqueteform .button {
    float: left;
    width: 81px;
    display: block;
}

#aside #enquete #enqueteform .link {
    float: right;
    width: 160px;
    display: block;
    margin: 5px 0 5px 5px;
    padding: 0 0 0 10px;
    background: url(../../img/10/top/icon-list.gif) 0 -255px no-repeat;
}

/* ---------------------------------------スカイダイビングの術 */
.info_game {
    margin: 5px 0 10px;
    padding: 10px 0;
    background: #FFFEB0;
    border: 1px #F00 dotted;
    text-align: center;
}
.info_game a {
    text-decoration: none;
}
.info_game a:hover {
    text-decoration: underline;
}
#aside #game {
    margin: 0 0 15PX;
    background: #EEEEEE;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #BFBFBF;
}

#aside #game .clearfix {
    padding: 10px;
}

#aside #game .clearfix .rightbox {
    float: left;
    width: 210px;
    height: 51px;
}

#aside #game .clearfix .leftbox {
    width: 61px;
    float: right;
}

#aside #game .clearfix .rightbox dt {
    margin: 0 0 4px;
    line-height: 1.4;
    color: #555;
}
#aside #game .clearfix .rightbox dt span {
    font-weight: bold;
}

#aside #game .clearfix .rightbox dd {
    line-height: 130%;
    text-align: right;
}

#aside #game .clearfix .rightbox dd span {
    font-weight: bold;
    font-size: 84%;
}

/* ------------------------------------------------------------------------------下部 */
/* ---------------------------------------定番ショップ */
#toplink {
    width: 950px;
}

#toplink #teibanshop {
    width: 950px;
    margin: 0 0 15px;
    padding: 0 0 10px;
    background: url(../../img/10/top/foot-teiban-bg.gif) 0 bottom no-repeat;
    overflow: hidden;
}

#toplink #teibanshop h2 {
    width: 950px;
    height: 40px;
    position: relative;
    margin: 0 0 2px;
    overflow: hidden;
}

#toplink #teibanshop h2 img {
    position: absolute;
    top: 0;
    left: 0;
}

#toplink #teibanshop h2 span {
    position: absolute;
    top: 9px;
    left: 130px;
}

#toplink #teibanshop ul {
    width: 928px;
    margin: 9px 11px;
}

#toplink #teibanshop ul li {
    float: left;
    width: 120px;
    height: 62px;
    margin: 0 0 10px 28px;
}

/* ---------------------------------------関連サイト */
#kanren {
    clear: both;
    width: 950px;
    margin: 20px 0 20px;
    background: url(../../img/10/top/foot-relation-bg.gif) 0 bottom no-repeat;
}

#kanren p {
    width: 930px;
    line-height: 130%;
    padding: 10px;
    background: url(../../img/10/top/foot-relation-head.gif) 0 0 no-repeat;
}

/* ---------------------------------------不正対策・Pマークなど */
#otherlink {
    position: relative;
    overflow: hidden;
}
/*
#otherlink ul {
    position: relative;
    left: 50%;
    float: left;
}

#otherlink ul li {
    margin: 0 5px;
    position: relative;
    left: -50%;
    float: left;
}
*/

/* ↓2011/11/10旅色追加により修正 */
#otherlink ul {
    position: relative;
    left: 50%;
    float: left;
    width: 750px;
    text-align: center;
}

#otherlink ul li {
    margin: 0 5px;
    padding: 0 5px 10px;
    position: relative;
    left: -50%;
    display: inline;
}

/*-- フッタ部分は共通部品ファイル　base-common.css　で指定 */


/* ---------------------------------------メンテナンス画面用 */
#maintenance {
    width: 500px;
    margin: 15px auto 15px 50px;
    padding: 0;
    background: url(../../img/10/base/maintenance-bg.gif) 0 bottom no-repeat;
    overflow: hidden;
}

#maintenance h2 {
    width: 500px;
    height: 220px;
    position: relative;
    margin: 0;
    overflow: hidden;
}

#maintenance h2 img {
    position: absolute;
    top: 0;
    left: 0;
}

#maintenance p {
    text-align: center;
    padding: 10px 10px 20px;
}

/* ------バナーの枠色------ */
#article #osusumeinfo ul li a img,
#article #teibanshop ul li a img,
#article #ninkishop dl a img,
#article #ninkiservice dl a img,
#article #tokusyu ul li a img,
#aside #adbox .inbox a img,
#toplink #teibanshop ul li a img {
    border: 1px solid #ccc;
}

#article #osusumeinfo ul li a:hover img,
#article #teibanshop ul li a:hover img,
#article #ninkishop dl a:hover img,
#article #ninkiservice dl a:hover img,
#article #tokusyu ul li a:hover img,
#aside #adbox .inbox a:hover img,
#toplink #teibanshop ul li a:hover img {
    border: 1px solid #0cf;
}


#article #cyuumokuword {
    width: 460px;
    margin: 0 0 15px;
    padding: 0 0 15px;
    background: url(../../img/10/top/center-bg.gif) 0 bottom no-repeat;
    overflow: hidden;
}

/*
#article #cyuumokuword h2 {
    width: 460px;
    height: 23px;
    position: relative;
    margin: 0;
    overflow: hidden;
}

#article #cyuumokuword h2 img {
    position: absolute;
    top: -150px;
    left: 0;
}
*/

/* ------広告------ */
#pvad{
    clear:both;
    display:block;
    background-color: #F1F1F1;
    /*background:url(../../img/bg/bg2.gif) repeat top left;*/
    text-align:center;
    padding: 8px 0;
    margin: 3px auto 5px;
}

/* ---------------------------------------会員登録・ログイン（lead_register.jsp用） */
#reglogin {
    width: 460px;
    height: 190px;
    margin: 0 0 15px;
    padding: 0;
    background: url(../../img/10/top/reglogin_bg.gif) no-repeat 0 0;
    position: relative;
}

#reglogin .reg {
    position: absolute;
    top: 79px;
    left: 10px;
}

#reglogin .login {
    position: absolute;
    top: 79px;
    left: 235px;
}


/* ---------------------------------------会員登録・ログイン */
#no_login {
    width: 460px;
    margin: 10px auto;
    background: url("../../img/10/lead_register/nologin_bg_top.gif") no-repeat 0 0;
}

#no_login ul {
    display: inline-block;
    margin: 58px 0 0 9px;
}

#no_login ul li {
    float: left;
}

#no_login ul li.btn_regist {
    width: 263px;
    height: 56px;
    position: relative;
    margin: 0 6px 0 0;
    text-align: center;
}

#no_login ul li.btn_login {
    width: 176px;
    height: 56px;
    position: relative;
    margin: 0 5px 0 0;
    text-align: center;
}

#no_login ul li.manga {
    width: 210px;
    height: 24px;
    position: relative;
    margin: 15px 0 0 10px;
    padding-left: 1px; 
    text-align: left;
}

#no_login ul li.gosite {
    width: 190px;
    margin: 24px 10px 0 0;
    padding: 0 0 0 10px;
    background: url("../../img/10/point/icon-list.gif") no-repeat 0 -168px;
}

#no_login ul li.btn_regist a img,
#no_login ul li.btn_login a img,
#no_login ul li.manga a img {
    position: absolute;
    top: 0;
    left: 0;
}

#no_login ul li.btn_regist a:hover,
#no_login ul li.btn_login a:hover,
#no_login ul li.manga a:hover {
    border: none;
}

#no_login ul li.btn_regist a:hover img,
#no_login ul li.btn_login a:hover img,
#no_login ul li.manga a:hover img {
    position: absolute;
    top: 1px;
    left: 1px;
}