@charset "utf-8";

/*-------------------------------------------------------------------
    * present.css
    * site name : チャンスイット
    * description : 懸賞ページ指定
    * import : web/present/***.jsp
-------------------------------------------------------------------*/
#ps #header {
    margin: 0;
}

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

/*
=====================================================================
* 真ん中メニュー
=====================================================================
*/
#ps #article {
    float: left;
    width: 520px;
    display: inline;
    margin: 10px 0 0 170px;
}

/* ---------------------------------------キャンペーン情報など */
#ps #featured div {
    width: 520px;
    height: 262px;
    overflow: hidden;
}

#ps #featured div dl dd.ad-list ul li {
    margin: 0 0 5px;
}

#ps #featured #ui-tabs-nav {
    width: 520px;
    height: 48px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../../img/10/present/center-special-tab-bg.gif") -1px 1px no-repeat;
}

#ps #featured #ui-tabs-nav li {
    float: left;
    width: 130px;
    height: 48px;
}

#ps #featured #ui-tabs-nav li a {
    width: 130px;
    height: 35px;
    line-height: 1.2;
    display: block;
    margin: 4px 0 0;
    padding: 9px 0 0;
    text-align: center;
}

#ps #featured #ui-tabs-nav li.ui-tabs-selected a,
#ps #featured #ui-tabs-nav li a:hover {
    margin: 0px 0 0;
    padding: 14px 0 0;
    background: url("../../img/10/present/center-special-tab-selected.gif") -1px 1px no-repeat;
    text-decoration: none;
    color: #f77200;
}

#ps #featured #ui-tabs-nav #nav-fragment-4 {
    width: 129px;
    height: 48px;
}

#ps #featured #ui-tabs-nav #nav-fragment-4 a {
    width: 129px;
    height: 35px;
    line-height: 1.2;
    display: block;
    margin: 4px 0 0;
    padding: 9px 0 0;
    text-align: center;
}

#ps #featured #ui-tabs-nav #nav-fragment-4.ui-tabs-selected a,
#ps #featured #ui-tabs-nav #nav-fragment-4  a:hover {
    margin: 0px 0 0;
    padding: 14px 0 0;
    background: url("../../img/10/present/center-special-tab-selected.gif") -131px 1px no-repeat;
    text-decoration: none;
    color: #f77200;
}

#ps #featured .ui-tabs-hide {
    display: none;
}

#ps #featured {
    width: 518px;
    height: 262px;
    position: relative;
    margin: 0 0 10px;
}


/* ---------------------------------------スポットライトNOW */
#ps #present-spot {
    margin: 0;
    padding: 0 0 20px;
    background: url("../../img/10/present/present-spot-bg.gif") no-repeat 0 bottom;
}

#ps #present-spot h2 {
    width: 520px;
    height: 30px;
    overflow: hidden;
    position: relative;
}

#ps #present-spot h2 img {
    position: absolute;
    top: 0;
    left: 0;
}

#ps #present-spot ul {
    margin: 10px auto 5px 20px;
    text-align: center;
    overflow: hidden;
    height: 1%;
}

#ps #present-spot ul li {
    float: left;
    width: 142px;
    margin-right: 20px;
}

*html #ps #present-spot ul li {
    float: left;
    margin-right: 10px;
}

#ps #present-spot ul li a,
#ps #present-spot ul li .flash {
    display: block;
    margin-bottom: 0;
    padding: 5px 2px 0;
}

#ps #present-spot ul li a img,
#ps #present-spot ul li .frame {
    display: block;
    padding: 10px;
    background-color: #eee;
    border: 1px solid #ccc;
}

#ps #present-spot ul li a:hover img,
#ps #present-spot ul li .frame:hover {
    display: block;
    padding: 10px;
    background-color: #fff0f9;
    border: 1px solid #ffa1da;
}

#ps #present-spot ul li dfn {
    font-weight: bold;
    text-decoration: underline;
}

#ps #present-spot ul li .spot-txt {
    display: block;
    padding: 4px 0 8px;
    text-align: center;
    color: #666;
}

#ps #present-spot ul li .col-green {
    padding: 0 0 0 17px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -492px;
}

*+html #ps #present-spot ul li .col-green {
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -493px;
}

#ps #present-spot ul li .to-dtl {
    margin: 5px 0 0;
    text-align: right;
}

#ps #present-spot ul li .to-dtl a {
    display: inline !important;
    padding: 0 0 0 11px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -290px;
}

/* ---------------------------------------検索 */
#ps #present-search {
    width: 520px;
    margin: 10px 0 0;
    padding: 0 0 12px;
    background: url("../../img/10/present/search-bg.gif") no-repeat 0 bottom;
}

#ps #present-search h2 {
    width: 520px;
    height: 22px;
    overflow: hidden;
    position: relative;
}

#ps #present-search h2 img {
    position: absolute;
    top: -38px;
    left: 0;
}

#ps #present-search .free-input {
    margin: 8px auto 0 96px;
    background: url("../../img/10/present/ico-search.gif") no-repeat 0 0;
}
#ps input#textbox {
    float: left;
    height: 20px;
    margin: 2px 0 0 32px;
    width: 240px;
}
#ps input#button {
    background: url("../../img/10/present/search-btn.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 29px;
    margin: 0 0 0 5px;
    width: 70px;
}

#ps #trendwords {
    clear: both;
    margin: 10px auto 0;
    width: 510px;
    height: 22px;
    overflow: hidden;
    background: url("../../img/10/present/bg-trendword.gif") no-repeat 0 0;
}

#ps ul.newsticker {
    margin: 4px 0 0 100px;
    padding: 0;
}

#ps ul.newsticker li {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

#ps ul.newsticker a,
#ps ul.newsticker a:link {
    margin: 0 20px 0 0;
    padding: 0;
    text-decoration: underline;
    white-space: nowrap;
}

#ps ul.newsticker li a:hover {
    text-decoration: none;
}

#ps ul.newsticker span {
    margin: 0 10px 0 0;
}

/* ---------------------------------------懸賞一覧 */
#ps #present-list-box {
    width: 520px;
    margin: 10px 0 15px;
    padding: 0 0 12px;
    background: url("../../img/10/present/center-bg.gif") no-repeat 0 bottom;
}

#ps #present-list-box h2 {
    margin: 0 0 10px;
    width: 520px;
    height: 26px;
    overflow: hidden;
    position: relative;
}

#ps #present-list-box h2 img {
    position: absolute;
    top: 0;
    left: 0;
}

/* 小項目 */
#ps h3.sttl {
    clear: both;
    height: 30px;
    margin: 0 3px;
    background: url("../../img/10/present/bg-sttl.gif") no-repeat 0 0;
}

*html　#ps h3.sttl {
    margin: 0 3px;
}

*+html #ps h3.sttl {
    margin: 0 3px;
}

#ps h3.sttl span {
    float: left;
    display: block;
    padding: 3px 0 0 21px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 7px -233px;
    font-weight: bold;
    font-size: 108%;
}

#ps h3.sttl span.allclear {
    float: right;
    display: block;
    margin: 0 8px 0 0;
    background-image: none !important;
}

#ps h3.sttl span.allclear a {
    padding: 0 0 0 10px;
    font-size: 93% !important;
    font-weight: normal !important;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -289px;
}

/* 絞り込み */
#ps #narrowing {
    margin: 0 5px 0;
    padding: 0 0 8px 68px;
    overflow: hidden;
    height: 1%;
    background: url("../../img/10/present/center-flag-narrowing.gif") no-repeat 7px 0;
}

#ps #narrowing ul {
    margin: 0;
    float: left;
    width: 390px;
}

#ps #narrowing ul li {
    float: left;
    width: 68px;
    height: 17px;
    padding: 0 0 0 9px;
}

#ps #narrowing ul li a,
#ps #narrowing ul li.active a {
    display: block;
    width: 68px;
    height: 17px;
    overflow: hidden;
    position: relative;
}

#ps #narrowing ul li a img {
    position: absolute;
    top: 0;
    left: 0;
}

#ps #narrowing ul li.active a img {
    position: absolute;
    top: -20px;
    left: 0;
}

/* 並び順 */
#ps #sort {
    margin: 0 5px 0;
    padding: 0 0 8px 70px;
    overflow: hidden;
    height: 1%;
    border-bottom: 1px dotted #ccc;
    background: url("../../img/10/present/center-flag-sort.gif") no-repeat 7px 0;
}

#ps #sort ul {
    margin: 0;
    float: left;
    width: 390px;
}

#ps #sort ul li {
    float: left;
    padding: 1px 7px;
    border-right: 1px solid #bbb;
}

#ps #sort ul li.active a {
    color: #f60;
    font-weight: bold;
}

#ps #sort ul li.active a,
#ps #sort ul li.active a:link {
    text-decoration: none;
}

#ps #sort ul li.active a:hover {
    text-decoration: underline;
}

#ps #narrowing img.ico-rss {
    float: right;
    margin: 2px 7px 0 0;
}

/* 検索結果なし */
#ps #no-result {
    font-size: 108%;
    font-weight: bold;
    line-height: 1.5;
    margin: 20px auto;
    padding: 10px 0;
    text-align: center;
}

/* ページャー */
#ps .result-number {
    clear: both;
    margin: 10px 12px 0;
}

#ps .result-number .total-number {
    float: left;
    padding: 2px 0 3px;
}

#ps .result-number .total-number strong {
    font-weight: bold;
    color: #ff6600;
}

#ps .result-number .total-number .number1-10 {
    padding: 0 5px;
}

#ps ol.page-number {
    float: right;
    margin: 0;
    padding: 0 0 3px;
}

#ps ol.page-number li {
    display: inline;
    padding: 0 3px;
    font-weight: bold;
    color: #ff6600;
}

#ps ol.page-number li a {
    font-weight: normal;
}

#ps ol.page-number li.back {
    padding: 0 3px 0 10px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -345px;
}

#ps ol.page-number li.next {
    padding: 0 10px 0 3px;
    background: url("../../img/10/present/icon-next.gif") no-repeat right 5px;
}

/* 選択した懸賞情報の動き */
#ps .ope-select {
    clear: both;
    margin: 10px 10px 0;
    padding: 7px;
    background-color: #fdd;
    overflow: hidden;
    height: 1%;
}

#ps .ope-select p {
    float: left;
    margin: 2px 0 0;
}

#ps .ope-select ul {
    float: left;
}

#ps .ope-select ul li {
    float: left;
    padding: 0 0 0 4px;
}

/* 賞品情報 */
.present-box {
    width: 500px;
    margin: 10px auto 0;
    padding: 0 0 5px;
    background: url("../../img/10/present/center-gray-bg.gif") no-repeat 0 bottom;
}

.present-box .inbox {
    width: 500px;
    background: url("../../img/10/present/center-gray-top.gif") no-repeat 0 0;
    overflow: hidden;
}

.present-recommend-box {
    width: 500px;
    margin: 10px auto 0;
    padding: 0 0 5px;
    background: url("../../img/10/present/center-gold-bg.gif") no-repeat 0 bottom;
}

.present-recommend-box .inbox {
    width: 500px;
    background: url("../../img/10/present/center-gold-top.gif") no-repeat 0 0;
    overflow: hidden;
}

.present-box .inbox h3.present-name,
.present-recommend-box .inbox h3.present-name {
    margin: 10px 8px;
    font-size: 123%;
    font-weight: bold;
    overflow: hidden;
}

.present-box .inbox h3.present-name input,
.present-recommend-box .inbox h3.present-name input {
    vertical-align: middle;
}

.present-box .inbox h3.present-name img,
.present-recommend-box .inbox h3.present-name img {
    vertical-align: middle;
}

.present-box .inbox .present-info,
.present-recommend-box .inbox .present-info {
    margin: 0 5px;
    padding: 5px;
    background-color: #fff;
    overflow: hidden;
    height: 1%;
}

.present-box .inbox .present-info .ico-cate,
.present-recommend-box .inbox .present-info .ico-cate {
    float: left;
    width: 50px;
    margin: 0 13px 0 0;
    min-height: 60px;
    overflow: hidden;
}

.present-box .inbox .present-info ul.icon,
.present-recommend-box .inbox .present-info ul.icon {
    float: left;
    margin: 0;
}

.present-box .inbox .present-info ul.icon li,
.present-recommend-box .inbox .present-info ul.icon li {
    display: inline;
}

.present-box .inbox .present-info .click-num,
.present-recommend-box .inbox .present-info .click-num {
    float: right;
    margin: 0;
    color: #777;
}

.present-box .inbox .present-info .click-num img,
.present-recommend-box .inbox .present-info .click-num img {
    vertical-align: middle;
}

.present-box .inbox .present-info dl,
.present-recommend-box .inbox .present-info dl {
    margin: 5px 0 0;
    padding: 0 0 5px;
    border-bottom: 1px dotted #ccc;
}

.present-box .inbox .present-info dl,
.present-recommend-box .inbox .present-info dl {
    margin: 5px 0 0;
    padding: 0 0 3px;
    border-bottom: 1px dotted #ccc;
}

.present-box .inbox .present-info dl dt,
.present-recommend-box .inbox .present-info dl dt {
    float: left;
    width: 57px;
    padding: 2px 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -721px;
}

*+html .present-box .inbox .present-info dl dt,
*+html .present-recommend-box .inbox .present-info dl dt {
    float: left;
    width: 57px;
    padding: 2px 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -723px;
}

.present-box .inbox .present-info dl dd,
.present-recommend-box .inbox .present-info dl dd {
    margin: 0 0 0 75px;
    padding: 2px 0 2px 10px;
    background: url("../../img/10/present/icon-colon.gif") no-repeat 0 5px;
}

.present-box .inbox .present-info dl dd span,
.present-recommend-box .inbox .present-info dl dd span {
    font-size: 108%;
    font-weight: bold;
    color: #f55;
}

.present-box .inbox .present-info dl dd span.pre-pt img,
.present-recommend-box .inbox .present-info dl dd span.pre-pt img {
    vertical-align: middle;
    margin: 0 3px 0 0;
}

.present-box .inbox .present-info dl dd span.pt-num,
.present-recommend-box .inbox .present-info dl dd span.pt-num {
    font-size: 100% !important;
    font-weight: normal !important;
    color: #f55;
}

.present-box .inbox .present-info dl dd span.col-green,
.present-recommend-box .inbox .present-info dl dd span.col-green {
    font-size: 100% !important;
    font-weight: normal !important;
    color: #3a0;
}

.present-box .inbox .present-info .summary-txt,
.present-recommend-box .inbox .present-info .summary-txt {
    clear: both;
    margin: 12px 0 15px;
    line-height: 1.4;
}

.present-box .inbox .present-info .to-dtl,
.present-recommend-box .inbox .present-info .to-dtl {
    float: left;
    padding: 0 0 2px 10px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -289px;
    line-height: 1.4;
}


/* なすび懸賞（nasubi+） */
.present-nasubi-box{
	width: 520px;
    margin: 10px auto 0;
    padding: 0 0 5px;
    background: url("../../present/campaign/nasubiplus/img/center-nasubi-bg.gif") no-repeat 0 bottom;
}
.present-nasubi-box .inbox {
    width: 520px;
    background: url("../../present/campaign/nasubiplus/img/center-nasubi-top.jpg") no-repeat 0 0;
    overflow: hidden;
}

.present-nasubi-box .inbox h3.present-name {
    margin: 6px 8px;
    font-size: 123%;
    font-weight: bold;
    overflow: hidden;
	padding-top: 2px;
}


.present-nasubi-box .inbox h3.present-name input {
    vertical-align: middle;
}

.present-nasubi-box .inbox h3.present-name img{
    vertical-align: middle;
	margin-left: 5px;
}

.present-nasubi-box .inbox .present-info{
    margin: 0 5px;
    padding: 5px;
    background-color: #fff;
    overflow: hidden;
    height: 1%;
}

.present-nasubi-box .inbox .present-info .ico-cate {
    float: left;
    width: 50px;
    margin: 0 13px 0 0;
    min-height: 60px;
    overflow: hidden;
}

.present-nasubi-box .inbox .present-info ul.icon{
    float: left;
    margin: 0;
}

.present-nasubi-box .inbox .present-info ul.icon li {
    display: inline;
}

.present-nasubi-box .inbox .present-info .click-num{
    float: right;
    margin: 0;
    color: #777;
}

.present-nasubi-box .inbox .present-info .click-num img{
    vertical-align: middle;
}

.present-nasubi-box .inbox .present-info dl{
    margin: 5px 0 0;
    padding: 0 0 5px;
    border-bottom: 1px dotted #ccc;
}

.present-nasubi-box .inbox .present-info dl {
    margin: 5px 0 0;
    padding: 0 0 3px;
    border-bottom: 1px dotted #ccc;
}

.present-nasubi-box .inbox .present-info dl dt{
    float: left;
    width: 57px;
    padding: 2px 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -721px;
}

*+html .present-nasubi-box .inbox .present-info dl dt{
    float: left;
    width: 57px;
    padding: 2px 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -723px;
}

.present-nasubi-box .inbox .present-info dl dd {
    margin: 0 0 0 75px;
    padding: 2px 0 2px 10px;
    background: url("../../img/10/present/icon-colon.gif") no-repeat 0 5px;
}

.present-nasubi-box .inbox .present-info dl dd span{
    font-size: 108%;
    font-weight: bold;
    color: #f55;
}

.present-nasubi-box .inbox .present-info dl dd span.pre-pt img{
    vertical-align: middle;
    margin: 0 3px 0 0;
}

.present-nasubi-box .inbox .present-info dl dd span.pt-num {
    font-size: 100% !important;
    font-weight: normal !important;
    color: #f55;
}

.present-nasubi-box .inbox .present-info dl dd span.col-green {
    font-size: 100% !important;
    font-weight: normal !important;
    color: #3a0;
}

.present-nasubi-box .inbox .present-info .summary-txt{
    clear: both;
    margin: 12px 0 0;
    line-height: 1.4;
}

.present-nasubi-box .inbox .present-info .summary-txt span{
	color:#f55;
	font-weight:bold;
}

.present-nasubi-box .inbox .present-info .to-dtl {
    float: left;
    padding: 0 0 2px 10px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -289px;
    line-height: 1.4;
}

.present-nasubi-box .inbox .present-info .btmbox {
    clear: both;
    margin: 6px 0 0;
}

.present-nasubi-box .inbox .present-info .btmbox .btn{
    width: 240px;
    height: 36px;
    margin: 3px 0 5px 135px;
}

.present-nasubi-box .inbox .present-info .btmbox .btn a {
    display: block;
    width: 240px;
    height: 36px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.present-nasubi-box .inbox .present-info .btmbox .btn a img{
    position: absolute;
    top: 0;
    left: 0;
}

.present-nasubi-box .inbox .present-info .btmbox .btn a:hover img {
    position: absolute;
    top: 1px;
    left: 1px;
}





/* お気に入り追加・解除 */
.present-box .inbox .present-info .add-fav,
.present-box .inbox .present-info .del-fav,
.present-recommend-box .inbox .present-info .add-fav,
.present-recommend-box .inbox .present-info .del-fav {
    float: right;
}

.present-box .inbox .present-info .add-fav a,
.present-recommend-box .inbox .present-info .add-fav a {
    padding: 0 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -402px;
}

*+html .present-box .inbox .present-info .add-fav a,
*+html .present-recommend-box .inbox .present-info .add-fav a {
    padding: 0 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -405px;
}

.present-box .inbox .present-info .del-fav a,
.present-recommend-box .inbox .present-info .del-fav a {
    padding: 0 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -447px;
}

*+html .present-box .inbox .present-info .del-fav a,
*+html .present-recommend-box .inbox .present-info .del-fav a {
    padding: 0 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -449px;
}


/* 懸賞履歴へ */
.present-box .inbox .present-info .to-history,
.present-recommend-box .inbox .present-info .to-history {
    float: right;
    margin: 0 15px 0 0;
}

.present-box .inbox .present-info .to-history a,
.present-recommend-box .inbox .present-info .to-history a {
    padding: 0 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -917px;
}

*+html .present-box .inbox .present-info .to-history a,
*+html .present-recommend-box .inbox .present-info .to-history a {
    padding: 0 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -919px;
}

.present-box .inbox .present-info .btmbox,
.present-recommend-box .inbox .present-info .btmbox {
    clear: both;
    margin: 6px 0 0;
    padding: 5px 0 0;
    border-top: 1px dotted #ccc;
}

.present-box .inbox .present-info .btmbox ul,
.present-recommend-box .inbox .present-info .btmbox ul {
    float: left;
}

.present-box .inbox .present-info .btmbox ul li,
.present-recommend-box .inbox .present-info .btmbox ul li {
    float: left;
    padding: 1px 7px;
    border-right: 1px solid #bbb;
}

.present-box .inbox .present-info .btmbox .btn,
.present-recommend-box .inbox .present-info .btmbox .btn {
    float: right;
    width: 240px;
    height: 36px;
    margin: 4px 0 0;
}

.present-box .inbox .present-info .btmbox .btn a,
.present-recommend-box .inbox .present-info .btmbox .btn a {
    display: block;
    width: 240px;
    height: 36px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.present-box .inbox .present-info .btmbox .btn a img,
.present-recommend-box .inbox .present-info .btmbox .btn a img {
    position: absolute;
    top: 0;
    left: 0;
}

.present-box .inbox .present-info .btmbox .btn a:hover img,
.present-recommend-box .inbox .present-info .btmbox .btn a:hover img {
    position: absolute;
    top: 1px;
    left: 1px;
}

.check {
    margin: 10px 10px 0;
}

.check ol {
    margin: 0;
}

.check ol li {
    display: inline;
    margin: 0 15px 0 0;
    padding: 0 0 0 10px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -289px;
}

*+html .check ol li {
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -292px;
}


/* ---------------------------------------注目の情報 */
#ps #txt-case {
    width: 517px;
    margin: 10px 0 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#ps #txt-case h2 {
    height: 20px;
    overflow: hidden;
    position: relative;
    background: url("../../img/10/base/txt-case-bg.gif") repeat-x 0 0;
}

#ps #txt-case h2 img {
    position: absolute;
    top: 0;
    left: 0;
}

#ps #txt-case dl {
    margin: 6px 10px;
}

#ps #txt-case dt {
    float: left;
    margin: 0 10px 0 0;
}

#ps #txt-case dt a {
    float: left;
    display: block;
    margin: 0;
    border: 1px solid #ccc;
}

#ps #txt-case dt a:hover {
    border: 1px solid #00CCFF;
}

#ps #txt-case dd {
}

#ps #txt-case dd h3 {
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 108%;
}

#ps #txt-case dd.action {
    margin: 10px 0 0;
    color: #3a0;
}

#ps #txt-case dd.action img {
    margin: 0 3px 0 0;
}

#ps #txt-case dd.adding {
    margin: 5px 0 0;
    color: #777;
}

#ps #txt-case dd.to-dtl {
    margin: 0;
    text-align: right;
}

#ps #txt-case dd.to-dtl a {
    padding: 0 0 0 11px;
    background: url("../../img/10/top/icon-list.gif") no-repeat 0 -256px;
}


/* ---------------------------------------会員登録・ログイン */
#ps div.present_list #no_login {
	width: 520px;
	margin: 10px auto 20px;
	background: url("../../img/10/lead_register/nologin_bg_present.gif") no-repeat 0 0;
}
#ps div.present_list #no_login ul {
	display: inline-block;
	margin: 65px 0 10px 25px;
}
#ps div.present_list #no_login li {
	float: left;
}
#ps div.present_list #no_login li.btn_regist {
	width: 268px;
	height: 56px;
	position: relative;
	margin: 0 12px 0 0;
	text-align: center;
}
#ps div.present_list #no_login li.btn_login {
	width: 181px;
	height: 56px;
	position: relative;
	margin: 0 5px 0 0;
	text-align: center;
}
#ps div.present_list #no_login li.btn_regist a img,
#ps div.present_list #no_login li.btn_login a img,
#ps div.present_list #no_login li.manga a img {
	position: absolute;
	top: 0;
	left: 0;
}
#ps div.present_list #no_login li.btn_regist a:hover,
#ps div.present_list #no_login li.btn_login a:hover,
#ps div.present_list #no_login li.manga a:hover {
	border: none;
}
#ps div.present_list #no_login li.btn_regist a:hover img,
#ps div.present_list #no_login li.btn_login a:hover img,
#ps div.present_list #no_login li.manga a:hover img {
	position: absolute;
	top: 1px;
	left: 1px;
}


/*
=====================================================================
* 左サイドメニュー
=====================================================================
*/
#ps #left-aside {
    float: left;
    width: 160px;
    margin: 10px 0 0 -690px;
}


#ps #present_movie{
	margin-top: 10px;
}


/* 掲載数 */
#ps #total-now {
    width: 160px;
    height: 29px;
    margin: 0;
    background: url("../../img/10/present/total-now.gif") no-repeat 0 0;
    overflow: hidden;
}

#ps #total-now h2 {
    margin: 8px;
    text-align: right;
    font-size: 108%;
}

#ps #total-now h2 span {
    font-weight: bold;
    color: #f00;
}

/* 初めての方へバナー */
#ps .ban-enter {
    margin: 10px 0 0;
}

/* ---------------------------------------お試し・モニター、コレ便利！、懸賞プレゼント */
#ps .lnav01,
#ps .lnav02,
#ps .lnav03,
#ps .lnav04 {
    margin: 10px 0 0;
    padding: 0 0 10px;
    background: url("../../img/10/present/left-bg.gif") no-repeat 0 bottom;
}

#ps .lnav01 h2,
#ps .lnav02 h2,
#ps .lnav03 h2 {
    width: 160px;
    height: 22px;
    overflow: hidden;
    position: relative;
}

#ps .lnav01 h2 img {
    position: absolute;
    top: 0;
    left: 0;
}

#ps .lnav02 h2 img {
    position: absolute;
    top: -30px;
    left: 0;
}

#ps .lnav03 h2 img {
    position: absolute;
    top: -60px;
    left: 0;
}

#ps .lnav03 h3 {
    width: 154px;
    margin: 10px auto 0;
    padding: 7px 0 3px;
    background: url("../../img/10/present/left-sub.gif") no-repeat 0 0;
    text-align: center;
    font-weight: bold;
}

#ps .lnav01 ul,
#ps .lnav02 ul,
#ps .lnav03 ul {
    margin: 3px 5px 0;
}

#ps .lnav01 ul li,
#ps .lnav02 ul li,
#ps .lnav03 ul li {
    padding: 5px 0 5px 14px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 2px 10px;
    border-bottom: 1px dotted #ccc;
}

#ps .lnav01 ul li.active a,
#ps .lnav02 ul li.active a,
#ps .lnav03 ul li.active a {
    font-weight: bold;
    color: #f60;
}

#ps .lnav01 ul li.active a,
#ps .lnav02 ul li.active a,
#ps .lnav03 ul li.active a,
#ps .lnav01 ul li.active a:link,
#ps .lnav02 ul li.active a:link,
#ps .lnav03 ul li.active a:link {
    text-decoration: none;
}

#ps .lnav01 ul li.active a:hover,
#ps .lnav02 ul li.active a:hover,
#ps .lnav03 ul li.active a:hover {
    text-decoration: underline;
}

#ps .lnav04 .inbox {
    margin: 0;
    background: url("../../img/10/present/left-top.gif") no-repeat 0 0;
    overflow: hidden;
}

#ps .lnav04 .inbox ul {
    margin: 5px 10px 0;
}

#ps .lnav04 .inbox ul li {
    padding: 5px 0 5px 14px;
    border-bottom: 1px dotted #ccc;
    background: url("../../img/10/present/icon-list.gif") no-repeat 2px -86px;
}

/* ---------------------------------------カレンダー部分 */
#ps #calendar {
    background:url("../../img/10/present/calendar-bg.gif") no-repeat 0 0;
    height: 182px;
    margin: 10px 0 0;
    padding: 5px 7px;
    font-size: 12px;
}
#ps #calendar h2 span {
    display: block;
    float: left;
    padding: 3px 0 0 25px;
    font-weight: bold;
}
#ps #calendar h2 img#cal-prev {
    display: block;
    float: left;
    padding-top: 6px;
}
#ps #calendar h2 img#cal-next {
    display: block;
    float: right;
    padding-top: 6px;
}

#ps #calendar ul#cal-cate {
    padding: 2px 0 2px 0;
    text-align: center;
}

#ps #calendar ul#cal-cate li {
    display: inline;
    padding: 0 2px 0 3px;
}

#ps #calendar ul#cal-cate li.cate-mid {
    border-left: 1px solid #69c;
    border-right: 1px solid #69c;
}

#ps #calendar table#cal-table {
    clear: both;
    margin: 6px auto 2px;
    width: 146px;
}

#ps #calendar table#cal-table th {
    padding: 0 3px 2px 0;
    text-align: right;
}

#ps #calendar table#cal-table td {
    background: #fff;
    padding: 3px 4px 2px 0;
    text-align: right;
    letter-spacing: -0.2px;
    font-size: 11px;
}

*+html #ps #calendar table#cal-table td {
    padding: 4px 4px 4px 0;
}

#ps #calendar table#cal-table td a,
#ps #calendar table#cal-table td a:link {
    text-decoration: none;
}

#ps #calendar table#cal-table td a.today {
    background: #ffdfef;
    padding: 1px;
    color: #639;
}

#ps #calendar table#cal-table td.week0-0 {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
#ps #calendar table#cal-table td.week0-6 {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#ps #calendar table#cal-table td.week5-0 {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
#ps #calendar table#cal-table td.week5-6 {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#ps #calendar table#cal-table td.week0-1,
#ps #calendar table#cal-table td.week0-2,
#ps #calendar table#cal-table td.week0-3,
#ps #calendar table#cal-table td.week0-4,
#ps #calendar table#cal-table td.week0-5 {
    border-top: 1px solid #ccc;
}
#ps #calendar table#cal-table td.week5-1,
#ps #calendar table#cal-table td.week5-2,
#ps #calendar table#cal-table td.week5-3,
#ps #calendar table#cal-table td.week5-4,
#ps #calendar table#cal-table td.week5-5 {
    border-bottom: 1px solid #ccc;
}
#ps #calendar table#cal-table td.week1-0,
#ps #calendar table#cal-table td.week2-0,
#ps #calendar table#cal-table td.week3-0,
#ps #calendar table#cal-table td.week4-0 {
    border-left: 1px solid #ccc;
    padding-left: 3px;
}
#ps #calendar table#cal-table td.week1-6,
#ps #calendar table#cal-table td.week2-6,
#ps #calendar table#cal-table td.week3-6,
#ps #calendar table#cal-table td.week4-6 {
    border-right: 1px solid #ccc;
}


/*
=====================================================================
* 右サイドメニュー
=====================================================================
*/
#ps #right-aside {
    float: left;
    width: 250px;
    margin: 10px 0 0 10px;
}

/* ---------------------------------------ブランドバナー */
#ps #adbanner {
    margin:0 auto 8px auto;
}

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

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

#ps #adbanner .banner object {
    margin: 0;
}

#ps #adbanner .comment {
    width: 250px;
    text-align: center;
}

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

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

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

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

*+html #ps #adbanner .condition .to-dtl {
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -291px;
}

#ps #special {
    width: 250px;
    margin: 10px 0 0;
    padding: 0 0 10px;
    background: url("../../img/10/present/right-bg.gif") no-repeat 0 bottom;
}

#ps #special h2 {
    width: 250px;
    height: 22px;
    overflow: hidden;
    position: relative;
}

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

#ps #special ul {
    margin: 5px 5px 0;
}

#ps #special ul li {
    padding: 5px 5px 5px 14px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 2px 10px;
    border-bottom: 1px dotted #ccc;
    line-height: 1.4;
}

/* ---------------------------------------サイドバナー */
#ps #ps-recommend {
    width: 250px;
    margin: 10px 0 0;
    padding: 0 0 5px;
    background: url("../../img/10/present/right-bg.gif") no-repeat 0 bottom;
}

#ps #ps-recommend h2 {
    width: 250px;
    height: 22px;
    margin: 0 0 10px;
    position: relative;
    overflow: hidden;
}

#ps #ps-recommend h2 img {
    position: absolute;
    top: -30px;
    left: 0;
}

#ps #ps-recommend ul {
    clear: both;
    margin: 0 5px 5px 5px;
    padding: 3px 0 5px;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
}

#ps #ps-recommend ul li {
    float: left;
}

#ps #ps-recommend ul li.adbox-image {
    display: block;
    float: left;
    width: 105px;
    height: 105px;
    margin: 0 5px;
    overflow: hidden;
}

#ps #ps-recommend ul li.adbox-image a img {
    display: block;
    margin: 0 auto;
    border: 1px solid #ccc;
}

#ps #ps-recommend ul li.adbox-image a:hover {
    color: #0cf;
}

#ps #ps-recommend ul li.adbox-image a:hover img {
    border: 1px solid #0cf;
}

#ps #ps-recommend ul li.adbox-comment {
    width: 120px;
    float: left;
}

#ps #ps-recommend ul li dl {
    margin: 0;
}

#ps #ps-recommend ul li dl dt {
    margin-bottom: 5px;
    line-height: 1.3;
}

#ps #ps-recommend ul li dl dt a {
    font-weight: bold;
    text-decoration: underline;
}

#ps #ps-recommend ul li dl dd {
    line-height: 1.3;
    display: block;
    margin-bottom: 3px;
}

#ps #ps-recommend ul li dl dd.point {
    padding: 0 0 0 16px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -492px;
    color: #3a0;
}

#ps #ps-recommend ul li dl dd.adding {
    color: #777;
}

#ps #ps-recommend ul li dl dd.to-dtl {
    margin: 0;
    text-align: right;
}

#ps #ps-recommend ul li dl dd.to-dtl a {
    padding: 0 0 0 11px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -290px;
}

*+html #ps #ps-recommend ul li dl dd.to-dtl a {
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -291px;
}

/* ---------------------------------------当選者の声 */
#ps #user-voice {
    width: 250px;
    margin: 10px 0 0;
    padding: 0 0 10px;
    background: url("../../img/10/present/right-bg.gif") no-repeat 0 bottom;
}

#ps #user-voice h2 {
    width: 250px;
    height: 71px;
    overflow: hidden;
    position: relative;
}

#ps #user-voice h2 img {
    position: absolute;
    top: -60px;
    left: 0;
}

#ps #user-voice #update {
    margin: 0 5px 5px;
    padding: 12px 0 6px;
    border-bottom: 1px dotted #ccc;
    text-align: center;
    color: #555;
    font-weight: bold;
}

#ps #user-voice dl#voice {
    margin:0 5px 10px;
    padding: 0;
    width: 245px;
    height: 315px;
    overflow-y: auto;
    overflow-x: hidden;
}

#ps #user-voice dl#voice dt {
    padding: 0 5px 6px 17px;
    font-weight: bold;
    color: #f99;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -545px;
    line-height: 1.3;
}

#ps #user-voice dl#voice dd p.name {
    padding-bottom:4px;
    font-size:85%;
}

#ps #user-voice dl#voice dd {
    margin: 0 5px 6px 0;
    padding: 0 3px 5px 3px;
    border-bottom: 1px dotted #ccc;
    line-height: 1.4;
}

#ps #user-voice #posting-voice {
    margin: 5px auto 0;
    padding: 7px 0 0;
    text-align: center;
}

#ps #user-voice #posting-voice img {
    width: 233px;
    margin: 0 auto;
    display: block;
}

/* スクロールバーのデザイン変更 */
.jScrollPaneContainer {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.jScrollPaneTrack {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../../img/10/present/scroll-bg.gif") repeat-y;
    cursor: pointer;
}
.jScrollPaneDrag {
    position: absolute;
    background: url("../../img/10/present/scroll-drag-bg.gif") repeat-y 2px 0;
    overflow: hidden;
    cursor: pointer;
}
.jScrollPaneDragTop {
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../../img/10/present/scroll-drag-top.gif") no-repeat 2px 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../../img/10/present/scroll-drag-btm.gif") no-repeat 2px 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    height: 15px;
    display: block;

    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: url("../../img/10/present/scroll-arrow-up.gif") no-repeat;
    overflow: hidden;
    text-indent: -2000px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}
a.jScrollArrowDown {
    height: 15px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url("../../img/10/present/scroll-arrow-down.gif") no-repeat;
    overflow: hidden;
    text-indent: -2000px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}

/* ---------------------------------------スタッフブログ */
#ps #staff-blog {
    margin: 10px 0 0;
    padding: 0 0 10px;
    background: url("../../img/10/present/right-bg.gif") no-repeat 0 bottom;
}

#ps #staff-blog h2 {
    width: 250px;
    height: 22px;
    overflow: hidden;
    position: relative;
}

#ps #staff-blog h2 img {
    position: absolute;
    top: -139px;
    left: 0;
}

#ps #staff-blog ul {
    margin: 5px 5px 0;
}

#ps #staff-blog ul li {
    padding: 5px 5px 5px 14px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 2px 10px;
    border-bottom: 1px dotted #ccc;
    line-height: 1.4;
}

/* ---------------------------------------Q＆A */
#ps #qa {
    margin: 10px 0 0;
    padding: 0 0 10px;
    background: url("../../img/10/present/right-bg.gif") no-repeat 0 bottom;
}

#ps #qa h2 {
    width: 250px;
    height: 22px;
    overflow: hidden;
    position: relative;
}

#ps #qa h2 img {
    position: absolute;
    top: -169px;
    left: 0;
}

#ps #qa ul {
    margin: 2px 5px 0;
}

#ps #qa ul li {
    padding: 8px 5px 8px 17px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 2px -612px;
    border-bottom: 1px dotted #ccc;
    line-height: 1.4;
    font-weight: bold;
}


/*
=====================================================================
* 詳細ページ
=====================================================================
*/
/* ---------------------------------------詳細部分 */
#main {
    float: left;
    width: 634px;
    margin: 10px 0 0;
    font-family: "Meiryo","メイリオ","ＭＳ　Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    font-size: 14px;
}

#main #dtl-area {
    width: 634px;
    padding: 0 0 5px;
    background: url("../../img/10/present/dtl-bg.gif") no-repeat 0 bottom;
}

#main #dtl-area p.tit-detail {
    color: #fff;
    font-weight: bold;
    height: 26px;
    background: url(../../img/10/present/tit-detail.gif) no-repeat 0 0;
    padding: 7px 0 0 30px;
}


#main #dtl-area .dtlbox {
    width: 614px;
    margin: 10px auto 0;
    padding: 0 0 1px;
    background: url("../../img/10/present/dtl-gray-bg.gif") no-repeat 0 bottom;
}

#main #dtl-area .dtlbox .inbox {
    width: 614px;
    margin: 0 0 10px;
    overflow: hidden;
}

#main #dtl-area .dtlbox .inbox h2 {
    margin: 0 0 15px;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    background: #eee url(../../img/10/present/dtl-red-top.gif) repeat-x 0 top;
}

#main #dtl-area .dtlbox .inbox .dtl-upper {
    overflow: hidden;
    padding: 0 15px;
}

#main #dtl-area .dtlbox .inbox .img {
    float: left;
}

#main #dtl-area .dtlbox .inbox .img a img {
    border: 1px solid #ccc;
}

#main #dtl-area .dtlbox .inbox .img a:hover img {
    border: 1px solid #0cf;
}

#main #dtl-area .dtlbox .inbox .txt {
    float: right;
    width: 364px;
}

#main #dtl-area .dtlbox .dtl-comment {
    line-height: 1.4; 
    margin: 15px 0;
    padding: 0 15px;
    font-size: 13px;
}

#main #dtl-area .dtlbox .inbox .txt dl {
    margin: 5px 0 0;
    padding: 0 0 5px;
    border-bottom: 1px dotted #ccc;
}

#main #dtl-area .dtlbox .inbox .txt dl {
    margin: 8px 0 0;
    padding: 0 0 5px;
    border-bottom: 1px dotted #ccc;
}

#main #dtl-area .dtlbox .inbox .txt dl dt {
    float: left;
    width: 90px;
    padding: 2px 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -721px;
}

*+html #main #dtl-area .dtlbox .inbox .txt dl dt {
    float: left;
    width: 75px;
    padding: 2px 0 2px 18px;
    background: url("../../img/10/present/icon-list.gif") no-repeat 0 -723px;
    font-size: 12px;
}
#main #dtl-area .dtlbox .inbox .txt dl dt:after {
    content:"：";
}

#main #dtl-area .dtlbox .inbox .txt dl dd {
    margin: 0 0 0 100px;
    padding: 2px 0 2px 10px;
}
#main #dtl-area .dtlbox .inbox .txt dl dd span {
    font-size: 108%;
    font-weight: bold;
    color: #f55;
}

#main #dtl-area .dtlbox .inbox .txt dl dd span.category {
    margin: 0 10px 0 0;
    font-size: 100%;
    font-weight: normal;
    color: #555;
    float: left;
}

#main #dtl-area .dtlbox .inbox .txt dl dd span.pre-pt img {
    vertical-align: middle;
}

#main #dtl-area .dtlbox .inbox .txt dl dd span.pt-num {
    padding: 0 0 0 3px;
    font-size: 100% !important;
    font-weight: normal !important;
    color: #f55;
}

#main #dtl-area .dtlbox .inbox .txt dl dd span.col-green {
    font-size: 100% !important;
    font-weight: normal !important;
    color: #3a0;
}

#main #dtl-area .dtlbox .inbox .txt .btmbox {
    text-align: right;
    font-size: 12px;
    margin: 8px 0 10px;
}

#main #dtl-area .dtlbox .inbox .txt .btmbox ul {
    width: 400px;
}

#main #dtl-area .dtlbox .inbox .txt .btmbox ul li {
    float: left;
    padding: 1px 7px;
    border-right: 10px solid #bbb;
}

/* NEWお気に入り追加・解除 */
.add-favorite,
.del-favorite {
    text-align: center;
    margin: 5px 0 0 0 ;
}
#main #dtl-area .dtlbox .inbox .add-favorite a img,
#main #dtl-area .dtlbox .inbox .del-favorite a img,
#main #dtl-area .dtlbox .inbox .add-favorite a:hover img,
#main #dtl-area .dtlbox .inbox .del-favorite a:hover img {
    border: none;
}
.add-favorite a:hover img,
.del-favorite a:hover img {
    opacity: 0.6;
}

/* クリックポイント */
.clickpt {
    text-align: right;
    margin-bottom: 5px;
}

/* 懸賞応募ボタン */
#main #dtl-area .dtlbox .btn-w {
    width: 342px;
    height: 49px;
    margin: 4px auto 9px;
}
#main #dtl-area .dtlbox .btn-w a {
    display: block;
    width: 342px;
    height: 49px;
    overflow: hidden;
    text-align: center;
}
#main #dtl-area .dtlbox .btn-w a:hover img {
    opacity: 0.8;
}
/* 応募締切後 */
#main #dtl-area .dtlbox .no_entry {
    padding: 6px 0;
    margin-bottom: 10px;
    border: 2px solid #f55;
    font-weight: bold;
    text-align: center;
    color: #f55;
}

/* ソーシャルボタン */
.sns-icon {
    text-align: right;
    padding: 0 15px;
    margin-bottom: 20px;
}
.sns-icon a:hover {
    opacity: 0.6;
}
.sns-icon a {
    display: inline-block;
}
.social-icon {
    width: 614px;
    height: 34px;
    margin: 5px auto 0;
    background: #eee;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* レコメンド枠 */
.recommend {
    margin-bottom: 20px;
    background: #fbf8f1;
    border: 1px solid #d3ccbc;
    overflow: hidden;
}
.recommend h3 {
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
    color: #574e0e;
    font-weight: bold;
    background: #fff4aa;
}
.recommend h3 span {
    background: url(../../img/10/present/icon_check.gif) no-repeat 0 -4px;
    padding: 0 0 0 30px;
}
.recommend img {
    border: 1px solid #ccc;
}

.recommend div.rcmd-items {
    padding: 20px;
    overflow: hidden;
}
.recommend div.rcmd-items > div {
    float: left;
    width: 295px;
}
.recommend ul.rcmd-dtl {
    float: right;
    width: 155px;
    margin-right: 10px 
}
.recommend ul.rcmd-dtl li {
    margin-bottom: 2px;
    line-height: 1.5;
}
.recommend ul.rcmd-dtl span {
    font-size: 108%;
    font-weight: bold;
    color: #f55;
}



/* フッターテキスト */
.footer-txt {
    margin: 7px 0 0 10px;
}

/* 右側 */
.pr-ban-box {
    margin: 0 0 10px;
    width: 300px;
    height: auto;
}

/* ---------------------------------------広告部分 */
#sub {
    float: right;
    margin: 5px 0 0;
}

/* ---------------------------------------ゲーム・コンテンツマッチ広告 */
#ps #game-link {
    margin: 10px 0 0;
}

#ps .ad {
    margin: 10px 0 0;
    text-align: center;
}

#ps .ad200 {
    padding: 5px 0 10px;
    border: 1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#ps .ad200 p {
    margin-bottom: 3px;
    font-size: 85%;
}

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

#ps #no_login ul {
	display: inline-block;
	margin: 65px 0 10px 25px;
}

#ps #no_login ul li {
	float: left;
}

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

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

#ps #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;
}

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

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

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


/* フッターテキスト：SEO対策 */
.footer-txt {
	margin: 5px 0 25px;	
}


/*
=====================================================================
* 懸賞キーワードページ
=====================================================================
*/
.keywords {
    margin-bottom: 20px;
}
.keywords .ttl-keyword {
    margin-bottom: 10px;
    padding: 10px 8px;
    border-bottom: 3px solid #5a3e19;
    background: #fffdcf;
    font-size: 16px;
    font-weight: bold;
    color: #5a3e19;
}

.keywords .keyword-list {
    letter-spacing: -.40em;
}
.keywords .keyword-list li {
    width: 163px;
    vertical-align: top;
    line-height: 16px;
    display: inline-block;
    *display: inline;  
    *zoom: 1;  
    padding: 7px 5px;
    letter-spacing: normal;
}


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