@charset "utf-8";
#toppage #global {
/*height: 58px;*/
margin: 0 auto 9px auto;
}
#toppage #top-main {
width: 934px;
height: 260px;
margin: 0 auto 17px auto;
padding: 16px 13px;
text-align: left;
background: url(../img/top_img_bg.png) no-repeat 0px 0px;
overflow: hidden;
zoom: 1;
}
#toppage #top-main:after {
content: ".";
clear: both;
display: block;
height: 0px;
visibility: hidden;
}
#toppage #top-main #top-shortcut {
float: left;
width: 241px;
height: 260px;
margin: 0 13px 0 0;
padding: 0;
overflow: hidden;
}
#toppage #top-main #top-shortcut li {
width: 241px;
margin: 0;
padding: 0;
overflow: hidden;
}
#toppage #top-main #top-shortcut li#top-shortcut01 {
width: 241px;
height: 194px;
margin: 0 0 10px 0;
}
#toppage #top-main #top-shortcut li#top-shortcut01 a {
display: block;
width: 241px;
height: 194px;
text-indent: -9999em;
background: url(../img/top_shortcut01.gif) no-repeat 0px 0px;
overflow: hidden;
}
#toppage #top-main #top-shortcut li#top-shortcut01 a:hover {
background-position: 0px -194px;
}
#toppage #top-main #top-shortcut li#top-shortcut02 {
width: 241px;
height: 60px;
margin: 0;
}
#toppage #top-main #top-shortcut li#top-shortcut02 a {
display: block;
width: 241px;
height: 60px;
text-indent: -9999em;
background: url(../img/top_shortcut02.gif) no-repeat 0px 0px;
overflow: hidden;
}
#toppage #top-main #top-shortcut li#top-shortcut02 a:hover {
background-position: 0px -60px;
}
/* top-fla */
#toppage #top-main #top-fla {
display: inline;
float: left;
width: 680px;
height: 260px;
margin: 0;
padding: 0;
overflow: hidden;
}
/* contents */
#toppage #contents {
/*padding: 21px 0 0 0;*/
padding: 0;
}
#toppage #contents-left {
float: left;
width: 700px;
margin: 0 20px 0 0;
}
#toppage #contents-right {
float: left;
width: 240px;
padding: 0;
}
/* top-pickup */
#toppage #top-pickup {
width: 700px;
margin: 0 0 10px 0;
}
#toppage #top-pickup h2 {
position: relative;
width: 700px;
height: 53px;
}
#toppage #top-pickup h2 span {
position: absolute;
display: block;
width: 700px;
height: 53px;
background: url(../img/top_pickup_hdr.png) no-repeat 0px 0px;
top: 0px;
left: 0px;
}
#toppage #top-pickup div.body {
width: 700px;
padding: 0 0 10px 0;
background: url(../img/top_blue_ftr.png) no-repeat center bottom;
}
#toppage #top-pickup div.body ul {
width: 694px;
background-color: #fff;
border-right: solid 3px #2a81f8;
border-left: solid 3px #2a81f8;
}
#toppage #top-pickup div.body ul li {
width: 654px;
margin: 0 auto;
padding: 0 0 20px 0;
}
#toppage #top-pickup div.body ul li div.img {
display: table-cell;
width: 124px;
margin: 0;
padding: 0 20px 0 0;
vertical-align: top;
}
#toppage #top-pickup div.body ul li div.img a {
display: block;
width: 120px;
line-height: normal;
border: solid 2px #a0a0a0;
}
#toppage #top-pickup div.body ul li div.img a:hover {
border-color: #2a81f8;
}
#toppage #top-pickup div.body ul li div.img a img {
width: 120px;
vertical-align: bottom;
}
#toppage #top-pickup div.body ul li dl.summary {
display: table-cell;
width: 510px;
vertical-align: top;
line-height: 1.4;
}
* html #toppage #top-pickup div.body ul li div.img,
* html #toppage #top-pickup div.body ul li dl.summary {  /* Hack for IE6 */
display: inline;
zoom: 1;
}
*:first-child+html #toppage #top-pickup div.body ul li div.img,
*:first-child+html #toppage #top-pickup div.body ul li dl.summary {  /* Hack for IE7 */
display: inline;
zoom: 1;
}
#toppage #top-pickup div.body ul li dl.summary dt {
font-size: 107%;
font-weight: bold;
overflow:hidden;
word-wrap: break-word;
width: 510px;
}
#toppage #top-pickup div.body ul li dl.summary dd {
overflow:hidden;
word-wrap: break-word;
width: 510px;
}
/* top-ranking */
#toppage #contents-left #top-ranking {
position: relative;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(../img/top_blue_ftr.png) no-repeat center bottom;
}
#toppage #top-ranking h2 {
position: relative;
width: 700px;
height: 46px;
margin: 0;
padding: 0;
}
#toppage #top-ranking h2 span {
position: absolute;
display: block;
width: 700px;
height: 46px;
background: url(../img/top_ranking_hdr.gif) no-repeat left top;
top: 0px;
left: 0px;
}
#toppage #top-ranking div.body  {
width: 694px;
padding: 0;
background: url(../img/top_ranking_hdr.gif) no-repeat -3px -46px;
border-right: solid 3px #2a81f8;
border-left: solid 3px #2a81f8;
}
#toppage #top-ranking div.body table {
border-collapse: collapse;
width: 656px;
margin: 0 auto;
}
#toppage #top-ranking div.body table td {
border-collapse: collapse;
width: 162px;
padding: 0 1px 20px 1px;
text-align: center;
vertical-align: top;
background: url(../img/top_ranking_bottom.gif) no-repeat center bottom;
overflow:hidden;
word-wrap: break-word;
}
#toppage #top-ranking div.body table td div {
width: 182px;
margin: 0 ;
padding: 21px 0 10px 40px;
}
#toppage #top-ranking div.body table td .r1 {
background: url(../img/top_ranking_top.gif) no-repeat center top;
}
#toppage #top-ranking div.body table td .r2 {
background: url(../img/top_ranking2_top.gif) no-repeat center top;
}
#toppage #top-ranking div.body table td .r3 {
background: url(../img/top_ranking3_top.gif) no-repeat center top;
}
#toppage #top-ranking div.body table td div a img {
width: 138px;
border: solid 3px #2a81f8;
}
#toppage #top-ranking div.body table td div a:hover img {
border-color: #bdda07;
}
#toppage #top-ranking div.body table td div p.title {
width: 144px;
margin: 0 auto;
text-align: left;
font-size: 107%;
font-weight: bold;
line-height: 1.2;
}
#toppage #top-ranking div.body p.archive {
clear: both;
margin: 0 1em;
text-align: right;
padding-top:20px;
}
#toppage #top-ranking div.body p.archive a {
padding: 0 0 0 15px;
color: #2a81f8;
background: url(../img/common/icn_bl01_r.gif) no-repeat left center;
}
/* top-recommend */
#toppage #contents-left #top-recommend {
position: relative;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(../img/top_blue_ftr.png) no-repeat center bottom;
}
#toppage #top-recommend h2 {
position: relative;
width: 700px;
height: 46px;
margin: 0;
padding: 0;
}
#toppage #top-recommend h2 span {
position: absolute;
display: block;
width: 700px;
height: 46px;
background: url(../img/top_recommend_hdr.png) no-repeat left top;
top: 0px;
left: 0px;
}
#toppage #top-recommend div.body  {
width: 694px;
padding: 0;
background: url(../img/top_recommend_hdr.png) no-repeat -3px -46px;
border-right: solid 3px #2a81f8;
border-left: solid 3px #2a81f8;
}
#toppage #top-recommend div.body table {
border-collapse: collapse;
width: 656px;
margin: 0 auto;
}
#toppage #top-recommend div.body table td {
border-collapse: collapse;
width: 162px;
padding: 0 1px 20px 1px;
text-align: center;
vertical-align: top;
background: url(../img/top_recommend_list_bottom.gif) no-repeat center bottom;
overflow:hidden;
word-wrap: break-word;
width:100px;
}
#toppage #top-recommend div.body table td div {
width: 162px;
margin: 0;
padding: 21px 0 0 0;
background: url(../img/top_recommend_list_top.gif) no-repeat center top;
}
#toppage #top-recommend div.body table td div a img {
width: 138px;
border: solid 3px #2a81f8;
}
#toppage #top-recommend div.body table td div a:hover img {
border-color: #bdda07;
}
#toppage #top-recommend div.body table td div p.title {
width: 144px;
margin: 0 auto;
text-align: left;
font-size: 107%;
font-weight: bold;
line-height: 1.2;
}
#toppage #top-recommend div.body table td div p.title a {
padding: 0 0 0 16px;
background: url(../img/top_recommend_icn_g.gif) no-repeat 0px 0px;
}
/* top-search */
#toppage #top-search {
background:url("../img/top_blue_ftr.png") no-repeat scroll center bottom transparent;
margin:0 0 10px;
padding:0 0 5px;
width:700px;
}
#toppage #top-search h2 {
position: relative;
width: 700px;
height: 53px;
}
#toppage #top-search h2 span {
position: absolute;
display: block;
width: 700px;
height: 53px;
background: url(../img/top_search_hdr.gif) no-repeat 0px 0px;
top: 0px;
left: 0px;
}
#toppage #top-search div.body {
background-color:#FFFFFF;
border-left:3px solid #2a81f8;
border-right:3px solid #2a81f8;
padding:11px 20px 25px;
width:654px;
}
#toppage #top-search div.body #search_area {
width:654px;
height:134px;
background: url(../img/top_search_bg.gif) no-repeat 0 0;
}
#toppage #top-search div.body #search_area #genre{
float:left;
display:block;
width:274px;
padding:15px 0 0 27px;
}
#toppage #top-search div.body #search_area #genre select{
width:260px;
}
#toppage #top-search div.body #search_area #genre2{
float:right;
width:337px;
padding:15px 0 0 13px;
}
#toppage #top-search div.body #search_area #genre2 select{
width:260px;
}
#toppage #top-search div.body #search_area  #search-text{
clear:both;
height:100px;
padding:15px 0 0 30px;
}
#toppage #top-search div.body #search_area  #search-text dd .input{
height:20px;
width:460px;
}
#toppage #top-search div.body #search_area  #search-text dd .btn{
background:url("../img/top_search_btn.gif") no-repeat scroll 0 0 #FF8100;
border-style:none;
border-width:0;
font-size:100%;
height:23px;
line-height:normal;
margin:0 0 0 8px;
overflow:hidden;
padding:0;
text-align:left;
text-indent:-9999em;
vertical-align:top;
width:70px;
}
#toppage #top-search div.body #search_area  #search-text dd .btn:hover{
background-position:0 -23px;
cursor:pointer;
}
/* whatsnew */
#toppage #top-whatsnew {
width: 700px;
margin: 0;
padding: 0 0 5px 0;
background: url(../img/top_blue_ftr.png) no-repeat center bottom;
}
#toppage #top-whatsnew h2 {
position: relative;
width: 700px;
height: 50px;
}
#toppage #top-whatsnew h2 span {
position: absolute;
display: block;
width: 700px;
height: 50px;
background: url(../img/top_whatsnew_hdr.gif) no-repeat 0px 0px;
top: 0px;
left: 0px;
}
#toppage #top-whatsnew div.body {
width: 694px;
padding: 0 0 5px 0;
background-color: #fff;
border-right: solid 3px #2a81f8;
border-left: solid 3px #2a81f8;
}
#toppage #top-whatsnew div.body dl {
width: 634px;
margin: 0 auto 1em auto;
padding: 0;
line-height: 1.4;
zoom: 1;
}
#toppage #top-whatsnew div.body dl:after {
content: ".";
clear: both;
display: block;
height: 0px;
visibility: hidden;
}
#toppage #top-whatsnew div.body dt {
display: inline;
clear: both;
float: left;
width: 100px;
padding: 0 0 10px 17px;
letter-spacing: normal;
}
#toppage #top-whatsnew div.body dd {
width: auto;
margin: 0;
padding: 0 0 10px 0;
overflow:hidden;
word-wrap: break-word;
width:510px;
}
#toppage #top-whatsnew div.body dd a {
color: #2a81f8;
}
#toppage #top-whatsnew div.body p.archive {
clear: both;
margin: 0 1em;
text-align: right;
}
#toppage #top-whatsnew div.body p.archive a {
padding: 0 0 0 15px;
color: #2a81f8;
background: url(../img/common/icn_bl01_r.gif) no-repeat left center;
}
/*------------------------------
 =contents-right
------------------------------*/
/* top-side */
#toppage #top-side {
width: 240px;
margin: 0 0 20px 0;
}
#toppage #top-side dl {
margin: 0 0 10px 0;
}
#toppage #top-side dt {
width: 240px;
height: 28px;
text-indent: -9999em;
overflow: hidden;
}
#toppage #top-side .id {
    color:#000000;
    font-weight: bold;
}
#toppage #top-side #top-side-mobile dt {
width: 240px;
height: 41px;
text-indent: -9999em;
overflow: hidden;
}
#toppage #top-side dd {
padding: 10px 71px 10px 20px;
font-size: 93%;
}
#toppage #top-side #top-side-mypage-nologin dd {
padding: 4px 80px 22px 8px;
font-size: 93%;
}
#toppage #top-side #top-side-mypage-nologin dd a {
font-size: 140%;
}
#toppage #top-side #top-side-mobile dd {
padding: 10px 101px 20px 20px;
font-size: 93%;
}
#toppage #top-side dd p.btn {
width: 129px;
height: 15px;
margin: 5px auto 0 auto;
}
#toppage #top-side #top-side-mypage dd p.btn {
width: 129px;
height: 15px;
margin: 5px auto 5px auto;
}
#toppage #top-side #top-side-mypage-nologin dd p.btn {
width: 148px;
height: 15px;
margin: 5px auto 5px auto;
}
#toppage #top-side dd p.btn a {
display: block;
width: 129px;
height: 15px;
text-indent: -9999em;
overflow: hidden;
}
#toppage #top-side #top-side-mypage-nologin dd p.btn a {
display: block;
width: 160px;
height: 35px;
text-indent: -9999em;
overflow: hidden;
}
#toppage #top-side #top-side-mailnews,
#toppage #top-side #top-side-camp,
#toppage #top-side #top-side-mobile {
background: url(../img/top_side_bg.gif) no-repeat 0px 0px;
border-bottom: solid 2px #BEDB0C;
}
/*ichikiポイント入口追加*/
#toppage #top-side #top-side-camp dt {
background: url(../img/top_side_camp_hdr.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-camp dd {
background: url(../img/top_side_camp_bg.gif) no-repeat 167px center;
}
#toppage #top-side #top-side-camp dd p.btn a {
background: url(../img/top_side_btn_camp.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-camp dd p.btn a:hover {
background-position: 0px -15px;
}
#toppage #top-side #top-side-shop,
#toppage #top-side #top-side-product,
#toppage #top-side #top-side-ps {
background: url(../img/top_side_bg.gif) no-repeat -240px 0px;
border-bottom: solid 2px #aaa;
}
#toppage #top-side #top-side-mypage {
background: url(../img/top_side_bg.gif) no-repeat -480px 0px;
border-bottom: solid 2px #ff9906;
}
#toppage #top-side #top-side-mypage dt {
background: url(../img/top_side_mygape_hdr.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-mypage dd {
background: url(../img/top_side_mypage_bg.gif) no-repeat 167px center;
}
#toppage #top-side #top-side-mypage dd p.btn a {
background: url(../img/top_side_btn_mypage.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-mypage dd p.btn a:hover {
background-position: 0px -15px;
}
#toppage #top-side #top-side-mypage-nologin {
background: url(../img/top_side_bg.gif) no-repeat -480px 0px;
border-bottom: solid 2px #ff9906;
}
#toppage #top-side #top-side-mypage-nologin dt {
background: url(../img/top_side_mygape_hdr.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-mypage-nologin dd {
background: url(../img/top_side_mypage_bg.gif) no-repeat 167px center;
padding: 4px 80px 22px 8px;
}
#toppage #top-side #top-side-mypage-nologin dd p.btn a {
background: url(../img/top_side_btn_mypage_nologin.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-mypage-nologin dd p.btn a:hover {
background-position: 0px -35px;
}
#toppage #top-side #top-side-shop dt {
background: url(../img/top_side_shop_hdr.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-shop dd {
background: url(../img/top_side_shop_bg.gif) no-repeat 167px center;
}
#toppage #top-side #top-side-shop dd p.btn a {
background: url(../img/top_side_btn_shop.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-shop dd p.btn a:hover {
background-position: 0px -15px;
}
#toppage #top-side #top-side-product dt {
background: url(../img/top_side_product_hdr.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-product dd {
background: url(../img/top_side_product_bg.gif) no-repeat 167px center;
}
#toppage #top-side #top-side-product dd p.btn a {
background: url(../img/top_side_btn_product.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-product dd p.btn a:hover {
background-position: 0px -15px;
}
#toppage #top-side #top-side-mailnews dt {
background: url(../img/top_side_mailnews_hdr.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-mailnews dd {
background: url(../img/top_side_mailnews_bg.gif) no-repeat 167px center;
}
#toppage #top-side #top-side-mailnews dd p.btn a {
background: url(../img/top_side_btn_mailnews.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-mailnews dd p.btn a:hover {
background-position: 0px -15px;
}
#toppage #top-side #top-side-ps dt {
background: url(../img/top_side_ps_hdr.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-mobile dt {
background: url(../img/top_side_mobile_hdr.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-ps dd {
background: url(../img/top_side_ps_bg.gif) no-repeat 167px center;
}
#toppage #top-side #top-side-mobile dd {
background: url(../img/top_side_mobile_qr.gif) no-repeat 137px center;
}
#toppage #top-side #top-side-ps dd p.btn a {
background: url(../img/top_side_btn_ps.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-ps dd p.btn a:hover {
background-position: 0px -15px;
}
#toppage #top-side #top-side-pr {
background: url(../img/top_side_bg_pr.gif) no-repeat 0px 0px;
border-bottom: solid 2px #7da9ca;
}
#toppage #top-side #top-side-pr dt {
background: url(../img/top_side_pr_hdr.gif) no-repeat 0px 0px;
}
#toppage #top-side #top-side-pr dd {
    background: url(../img/top_side_pr_bg.gif)no-repeat 0px 0px;
}
#toppage #top-side #top-side-pr p {
    margin: 0px;
}
/* top-side-banner */
#toppage #top-side-banner,
#toppage #top-side-banner-1,
#toppage #top-side-banner-2 {
width: 240px;
line-height: normal;
}
#toppage #top-side-banner p,
#toppage #top-side-banner-1 p,
#toppage #top-side-banner-2 p {
width: 240px;
margin: 0 0 10px 0;
}
#toppage #top-side-banner p img,
#toppage #top-side-banner-1 p img,
#toppage #top-side-banner-2 p img {
vertical-align: bottom;
}
/*-- content_index_mainbanner --*/
#toppage #wrapper-all #wrapper-main #wrapper-top #top-banner {
padding: 0 0 10px 0;
margin: 0 auto;
width: 960px;
height: 80px;
}
#toppage #wrapper-all #wrapper-main #wrapper-top #top-banner #banner-left {
overflow: hidden;
float: left;
display: inline;
width: 700px;
padding: 0;
}
#toppage #wrapper-all #wrapper-main #wrapper-top #top-banner #banner-right {
float: right;
overflow: hidden;
width: 240px;
padding: 0;
display: inline;
}
/*-- CSS end --*/