@charset "utf-8";

/* -------------------------------------
and_contenst.css  ver.2
last update : 15.09.17 17:30

1.Index
2.Contents box list
3.Contents
4.genre top
5.article
6.Sub
7.photo gallery top
8.index(sitemap)
9.広告
10.footer
99.etc
------------------------------------- */

/* 汎用
------------------------------------- */
.dispOn{
display: block;
}

.dispNon{
display: none;
}

.LeftBox{
float:left;
}

.RightBox{
float:right;
}

.mt10{
margin-top:10px !important;
}

.mb10{
margin-bottom:10px !important;
}


/* =====================================
1.Index
------------------------------------- */
#TopHeader{
padding:15px 30px 0;
}

.Header_top{
}

/* Gnav
------------------------------------- */
#andGnaviBox{
position:relative;
width:940px;
border-bottom: 1px solid #ccc;
}

.movie #andGnaviBox{
  border-bottom: 1px solid #FFF;
}



#Top #andGnaviBox{
border-bottom:none;
}

ul#andGnavi,
ul#andGnavi2{
float:left;
}

ul#andGnavi li,
ul#andGnavi2 li{
display: inline;
zoom: 1;
padding-right:1px;
text-align:left;
}

#Top ul#andGnavi{
width:615px;
_width:805px;
padding:5px 0 0 190px;
}

#nav01{
margin-right:4px;
}

#Top ul#andGnavi li.headerLogo{
display: none;
}

ul#andGnavi2 .navItem{
padding:0 1px 0;
}

/* 2013.06 navi esi(ul#andGnavi2)
ul#andGnavi2 li a{
display:block;
text-indent:-99999em;
line-height:1;
}
 */

ul#andGnavi2 li.navItem a{
display: block;
height:13px;
text-indent: -99999px;
}

ul#andGnavi2 li.headerLogo a{
width:211px;
height:53px;
background:url(../images/headerLogo.png) no-repeat 0 0;
}

ul#andGnavi2 li#nav01 a{
width:53px;
background:url(../images/nav_top.jpg) no-repeat 0 0;
}
ul#andGnavi2 li#nav01 a:hover{
background:url(../images/nav_top_on.jpg) no-repeat 0 0;
}
#Top ul#andGnavi2 li#nav01 a{
background:url(../images/nav_top_now.jpg) no-repeat 0 0;
}

ul#andGnavi2 li#nav02 a{
width:97px; /* style73px */

background:url(../images/nav_fashion.jpg) no-repeat 0 0;
}
ul#andGnavi2 li#nav02 a:hover{
background:url(../images/nav_fashion_on.jpg) no-repeat 0 0;
}

.style ul#andGnavi2 li#nav02 a,
.fashion ul#andGnavi2 li#nav02 a{
background:url(../images/nav_fashion_now.jpg) no-repeat 0 0;
}

ul#andGnavi2 li#nav03 a{
width:104px;
background:url(../images/nav_interest.jpg) no-repeat 0 0;
}
ul#andGnavi2 li#nav03 a:hover{
background:url(../images/nav_interest_on.jpg) no-repeat 0 0;
}

.movie ul#andGnavi2 li#nav03 a,
.interest ul#andGnavi2 li#nav03 a{
background:url(../images/nav_interest_now.jpg) no-repeat 0 0;
}

ul#andGnavi2 li#nav04 a{
width:79px;
background:url(../images/nav_living.jpg) no-repeat 0 0;
}
ul#andGnavi2 li#nav04 a:hover{
background:url(../images/nav_living_on.jpg) no-repeat 0 0;
}
.living ul#andGnavi2 li#nav04 a{
background:url(../images/nav_living_now.jpg) no-repeat 0 0;
}

ul#andGnavi2 li#nav05 a{
width:69px;
background:url(../images/nav_info.jpg) no-repeat 0 0;
}
ul#andGnavi2 li#nav05 a:hover{
background:url(../images/nav_info_on.jpg) no-repeat 0 0;
}
.information ul#andGnavi2 li#nav05 a{
background:url(../images/nav_info_now.jpg) no-repeat 0 0;
}

ul#andGnavi2 li#nav06 a{
width:96px;
background:url(../images/nav_gallery.jpg) no-repeat 0 0;
}
ul#andGnavi2 li#nav06 a:hover{
background:url(../images/nav_gallery_on.jpg) no-repeat 0 0;
}

.gallery ul#andGnavi2 li#nav06 a,
.gallery2 ul#andGnavi2 li#nav06 a{
background:url(../images/nav_gallery_now.jpg) no-repeat 0 0;
}


ul#andGnavi2 li#nav07 a{
width:106px;
background:url(../images/nav_sitemap.jpg) no-repeat 0 0;
}
ul#andGnavi2 li#nav07 a:hover{
background:url(../images/nav_sitemap_on.jpg) no-repeat 0 0;
}

.sitemap ul#andGnavi2 li#nav07 a,
.sitemap2 ul#andGnavi2 li#nav07 a{
background:url(../images/nav_sitemap_now.jpg) no-repeat 0 0;
}


/* PDF */
.sitemap .mediaInfo {
width: 100%;
border-top: 1px solid #ebebe4;
padding: 14px 0;
}
.sitemap .mediaInfo li {
float: left;
margin: 0 20px 10px 0;
}
.sitemap .mediaInfo a {
font-size: 90%;
line-height: 110%;
}
.sitemap .mediaInfo a.pdf {
background: transparent url('http://www.asahicom.jp/and_M/images/icon-pdf.gif') no-repeat right top;
padding-right: 18px;
}




/* GnavSp
------------------------------------- */
#gnavSp {
display: none;
}

.gnavSpLsit {
display: none;
}


/* search area
------------------------------------- */
.search{
height:22px;
margin:10px 0 0;
line-height:1;
}

.search form{
height:22px;
}

#top .search{
margin:-7px 0 0;
margin:15px 0 0;
padding:0;
}

#searchbox{
width:191px;
height: 20px;
padding: 0 0 0 5px;
color:#000;
line-height: 20px;
vertical-align: middle;
border: 1px solid #e6e6e6;
}

#searchbtn{
width:46px;
height:22px;
margin-left: 5px;
vertical-align: middle;
background:transparent url("images/btn_search.gif") no-repeat;
border:none;
cursor:pointer;
}


/* Gnav fixed
------------------------------------- */
.fixed{
position:fixed;
top:0;
left:0;
width:100%;
padding:0 !important;
background-color:#fff;
z-index:50;
}

.fixed #andGnaviBox{
margin:0 auto;
padding:0 0 2px;
/padding:0 25px 2px;
overflow:hidden;
}

#Top .fixed #andGnaviBox{
border-bottom:1px solid #ccc;
}

.fixed #andGnavi{
padding:0;
}

#Top .fixed #andGnavi li.headerLogo,
.fixed #andGnavi li.headerLogo{
display:inline-block; /display:inline;/zoom:1;
}

#Top .fixed ul#andGnavi{
width:auto;
padding:5px 0 0 0;
}

.fixed ul#andGnavi li, .fixed ul#andGnavi2 li{
display: inline-block; /display: inline; /zoom:1;
vertical-align: middle;	
}

.fixed .LogoSmall{
margin-top: 18px;
}

.fixed .search{
padding-top:20px;
}

.fixed #searchbox{
width:134px;
}

.fixed #searchbtn{
width:30px;
}

.fixed #nav01{
padding-left:5px;
}


/* Header Logo
------------------------------------- */
.headerLogoArea{
float:left;
width:160px;
display: block;
padding-right:30px;
padding-right:29px\9;
/padding-right:30px;
margin-top:-13px;
}

.headerLogoArea h2{
padding: 35px 0 45px;
}

.sitechange_top{
padding-bottom: 5px;
padding-bottom: 0px\9;
}

/* Header sns
------------------------------------- */












/* Header main image area
------------------------------------- */
.headerImageArea{
position:relative;
float:left;
width:319px;
height:318px;
margin-top:25px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
/overflow: hidden;
/vertical-align: bottom;
}

.headerImageArea ul{

}

.headerImageArea ul li{
display:block;
width:100%;
margin:0;
padding:0;
}

.headerImageArea ul li img{
vertical-align:bottom;
z-index:1;
}

.headerImageArea .header_image_title{
position:absolute;
top:0;
left:0;
padding:3px;
background-color:#fff;
font-size:9px;
font-family:Helvetica, Arial, sans-serif;
z-index:5;
}

.headerImageArea .header_image_message{
position:absolute;
bottom:0;
left:0;
padding:0 5px 20px 15px;
color:#fff;
font-size:25px;
font-weight:bold;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
text-shadow:1px 1px 2px #000;
text-align:left;
z-index:5;
}

.headerImageArea .him_gry{
color:#999;
text-shadow:1px 1px 2px #666;
}

.headerImageArea .him_bk{
color:#000;
text-shadow:1px 1px 2px #fff;
}

.headerImageArea .him_bl{
color:#28aae1;
text-shadow:1px 1px 2px #333;
}

.headerImageArea .him_yel{
color:#f5c63b;
text-shadow:1px 1px 2px #333;
}

/* Header news list(what's new)
------------------------------------- */
.header_news_text{
float:left;
width:252px;
_width:292px;
height:293px;
_height:318px;
margin-top:25px;
padding:25px 20px 0;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:left;
}

.header_news_title{
overflow: hidden;
padding-bottom:20px;
border-bottom:1px solid #e6e6e6;
}

.header_news_titleImage {
float: left;
width: 117px;
line-height: 0;
}

.header_sns_area {
float: right;
width: 70px;
text-align: right;
line-height: 0;
}

.btnFacebook{
margin-right:20px;
}

#TopHeader .btnFacebook,
#TopHeader .btnTwitter{
background-image: none;
}

.header_news_text li{
padding:10px 0;
border-bottom:1px solid #e6e6e6;
font-size:75%;
}

/*header banner area(widget)
------------------------------------- */
.header_bnrArea{
float: right;
width: 120px;
height: 319px;
margin: 25px 0 0 10px;
border-bottom: 1px solid #ccc;
}

.header_bnr_title{
padding-bottom:4px;
margin-bottom:15px;
border-bottom:1px solid #ccc;
/line-height:0;
/margin-bottom:5px;
}

.header_bnr_ttl {
margin: 0 0 12px;
padding: 0 0 5px;
border-bottom: 1px solid #ccc;
}

.header_bnr_item {
height: 147px;
text-align: center;
}

.header_bnr_item_img {
line-height: 0;
}

.header_bnr_item p {
overflow: hidden;
height: 18px;
text-align: center;
}

.header_bnr_item p a {
color: #999999;
font-size: 69%;
line-height: 18px;
}



.header_bnr ul{
overflow: hidden;
margin:0 0 10px;
}

.header_bnr ul li{
padding:0;
/padding:10px 0;
}


.header_bnrArea.italian2013 {
border-top: 1px solid #CCCCCC;
}
.header_bnrArea.italian2013 .header_bnr ul,
.header_bnrArea.portraitBnr .header_bnr ul{
overflow: hidden;
/*margin:16px 0 10px;*/
}
.header_bnrArea.italian2013 .header_bnr {
padding-top: 26px;
}
.header_bnrArea.italian2013 .header_bnr ul img,
.header_bnrArea.portraitBnr .header_bnr ul img{
/*margin-top: 18px;*/
}

.header_bnrArea2 {
	width: 120px;
	height: 320px;
	float: right;
	margin: 25px 0 0 10px;
	border-bottom:none;
}
.header_bnr2 ul li img.type_pc {
display: block;
}
.header_bnr2 ul li img.type_sp {
display: none;
}


/* =====================================
2.Contents box list
------------------------------------- */
.contents_item_box{
padding:22px 20px 0;
_padding:22px 10px 0;
/overflow: hidden;
}

.contents_item_box ul{
/position:relative;
/z-index:0;
overflow:hidden;
}

.contents_item_box ul li{
position:relative;
float:left;
width:226px;
height:226px;
margin:12px 12px 0 0;
/z-index: 0;
}



.contents_image_title{
position:absolute;
top:0;
left:0;
padding:2px 6px;
background-color:#fff;
color:#000;
font-size:9px;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
}

@media screen and (min-width:  960px) {
.contents_item_box ul li:hover img {
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
cursor:pointer;
}
.contents_item_box ul li:hover .contents_image_title{
background-color:#000;
color:#fff;
}
}

.contents_image_message{
position:absolute;
bottom:0;
left:0;
width:186px;
_width:226px;
height:26px;
_height:50px;
padding:12px 20px 10px;
background-color:rgba(0, 0, 0, 0.65);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#90000000,EndColorStr=#90000000); // IE
overflow: hidden;
}

.contents_image_message p{
color:#fff;
font-size:75%;
cursor:pointer;
}

.galleryTop #Contents #ContentsInner .MainInner{
margin-right: 0;
padding: 0;
width: auto;
}


/* text box
------------------------------------- */
.contents_message{
height:166px;
_height:226px;
padding:30px 15px;
color: #fff;
overflow: hidden;
}

.gray{
background-color:#999;
}

.red{
background-color: #fa001e;
}

.contents_message h2{
padding-bottom:10px;
color:#fff;
font-weight: bold;
line-height:1.25;
cursor:pointer;
}

.contents_message h2 a,
.contents_message h2 a:link,
.contents_message h2 a:active,
.contents_message h2 a:hover,
.contents_message h2 a:visited{
color:#fff;
}

.contents_message p{
color:#fff;
font-size:75%;
text-align: justify;
line-height:1.4;
cursor:pointer;
}

.contents_item_box .contents_message ul{
overflow:hidden;
}

.contents_item_box .contents_message ul li{
float:none;
width:auto;
height:auto;
margin:0 0 6px 0;
padding:0 0 0 11px;
background:url("images/mrk_allow.jpg") no-repeat 0 0;
font-size:75%;
}

.contents_item_box .contents_message ul li a{
/* 140417 */
display:block;
overflow:hidden;
width:185px;
white-space:nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;

color:#fff;
}

.contents_item_box .contents_message ul li a:hover{
color:#ffc1f3;
}



/* contents_item_box(suumo,athome)
------------------------------------- */
.contents_item_box ul li.suumo01{
color:#70B738;
}

.contents_item_box ul li.suumo01 .contents_image_message{
position:absolute;
top:10px;
left:0;
height:100px;
background:transparent none;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00ffffff,EndColorStr=#00ffffff); // IE
overflow:hidden;
}

.contents_item_box ul li.suumo01 .contents_image_message p{
height:100px;
color:#70B738;
text-align:justify;
font-size:100%;
font-weight:bold;
line-height:1.5;
overflow:hidden;
}

.contents_item_box ul li.suumo02{
background:url(images/suumo_boxBg.gif) no-repeat 0 0;
}

.contents_item_box ul li.suumo02 .contents_message ul{
}

.contents_item_box ul li.suumo02 .contents_message ul li{
margin:0 0 10px 0;
color:#70B738;
background:url(images/mrk_arrow_suumo.gif) no-repeat 0 0;
line-height: 1.4;
}

.contents_item_box ul li.suumo02 .contents_message ul li a,
.contents_item_box ul li.suumo03 .contents_message p a{
color:#70B738;
}

.contents_item_box ul li.suumo02 .contents_message ul li a:hover,
.contents_item_box ul li.suumo03 .contents_message p a:hover{
color:#A2CE7A;
}

,
.contents_item_box ul li.jyutaku .contents_message ul li a:hover{
color:#ffc1f3;
}

.contents_item_box ul li.suumo02 .suumoBtn{
position:absolute;
bottom:15px;
left:13px;
}

.athomeBtn{
position: absolute;
bottom: 15px;
left: 15px;
}

.contents_item_box ul li.suumo02 .suumoBtn img,
.contents_item_box ul li.suumo03 .suumoBtn img,
.contents_item_box ul li.jyutaku .athomeBtn img{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.contents_item_box ul li.suumo02 .suumoBtn a:hover img,
.contents_item_box ul li.suumo03 .suumoBtn a:hover img,
.contents_item_box ul li.jyutaku .athomeBtn a:hover img{
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

.contents_item_box ul li.suumo03{
background:url(images/suumo_boxWaku.gif) no-repeat 0 0;
}

.contents_item_box ul li.suumo03 .contents_message{
height:194px;
padding:22px 15px 10px;
}

.contents_item_box ul li.suumo03 .contents_message p{
padding:0 0 0 10px;
background:url(images/mrk_arrow_suumo.gif) no-repeat 0 5px;
color:#70B738;
font-size:100%;
font-weight:bold;
line-height:1.5;
overflow:hidden;
}

.contents_item_box ul li.suumo03 .suumoBtn{
position:absolute;
bottom:10px;
left:12px;
width:200px;
height:80px;
}


/* contents_icon_box,MoreSwitch (and more)
------------------------------------- */
.MoreSwitch,
.contents_icon_box {
height:20px;
padding:15px 0;
border-bottom: 1px solid #ccc;
font-size: 15px;
font-weight: bold;
color: #999;
text-align: center;
cursor: pointer;
}

.MoreSwitch,
.contents_icon_box:hover {
background-color:#e6e6e6;
}



/* =====================================
3.Contents
------------------------------------- */
#Contents #ContentsInner{
position:relative;
}

#Contents #ContentsInner #Main{
float:left;
width:100%;
_width:968px;
max-width:980px;
margin-right:-320px;
padding:0;
}

#Contents #ContentsInner .MainInner{
margin-right:340px;
padding:0;
}

/* Irohasu */
#Contents #ContentsInner .Irohasu .MainInner{
margin-right:330px;
}


#Sub{
padding:0;
}

/* 二の字 */
#Contents.Single #ContentsInner #Main{
float:none;
margin:0 auto;
}

#Contents.Single #ContentsInner .MainInner,
#Contents.Single #ContentsInner .Irohasu .MainInner{
margin-right:0;
}


/* UtilityBar
------------------------------------- */
#Main #UtilityBar #Twitter,
#Main #UtilityBar #Facebook,
#Main #UtilityBar #GooglePlus,
#Main #UtilityBar #Hatena,
#Main #UtilityBar #Evernote,
#Main #UtilityBar #MixiCheck {
height:24px;
}


/* follow link
------------------------------------- */
div#Main ul.FollowLnk{
margin:0;
padding:5px 0 5px 5px;
}

div#Main ul.FollowLnk li{
float:left;
margin:0 10px 0 0;
padding:0 10px 0 0;
border-right:1px solid #ccc;
font-size:75%;
line-height:1.2;
white-space: nowrap;
}

div#Main ul.andFLnk{
margin:10px 0 15px;
border-top:1px dotted #ccc;
}


/* =====================================
4.genre top
------------------------------------- */
h1.GenreLogoBox{
display:block;
width:100%;
padding:56px 0 58px;
text-align:center;
}

dl.h1Follow{
display:block;
float:right;
margin:0 0 30px;
padding:0 10px;
font-size:85%;
}

dl.h1Follow dt{
float:left;
width:9.5em;
font-weight:bold;
}

dl.h1Follow dd{
margin-left:10em;
}

dl.h1Follow li{
display:inline-block;
margin:0 1px;
/margin:0 2px;
padding:0 0 0 10px;
border-left:1px solid #ccc;
*display:inline;
*zoom:1;
}

.gallery.galleryTop dl.h1Follow li{
display: inline-block;
margin: 0 1px;
padding: 0 6px 0 10px;
border-left: 1px solid #ccc;
*display:inline;
*zoom:1;
}


/* =====================================
5.article
------------------------------------- */
#FontSize{
float:right;
position:absolute;
top:0;
right:20px;
}

#FontSize li{
display:block;
float:left;
height:14px;
line-height: 1;
list-style: none;
margin:0 0 0 6px;
padding:4px 0 0;
font-size:12px;
}

#FontSize li.ChangeBtn{
color:#666;
cursor: pointer;
overflow: hidden;
}

#FontSize li.ChangeBtnActive{
color:#000;
cursor: pointer;
overflow: hidden;
}




/* header */
/*
GenreTop gallery
20140417
*/

.GenreTop #andGnaviBox,
.gallery #andGnaviBox,
.gallery2 #andGnaviBox,
.article #andGnaviBox{
margin:0 auto;
width:980px;
text-align: left;
}

.GenreTop #andGnavi2,
.gallery #andGnavi2,
.gallery2 #andGnavi2,
.article #andGnavi2{
width: 870px;
}

.GenreTop ul#andGnavi li,
.gallery ul#andGnavi2 li,
.gallery2 ul#andGnavi2 li,
.article ul#andGnavi li,
.GenreTop ul#andGnavi2 li,
.gallery ul#andGnavi li,
.gallery2 ul#andGnavi li,
.article ul#andGnavi2 li{
float: left;
}

.GenreTop ul#andGnavi li.navItem,
.gallery ul#andGnavi2 li.navItem,
.gallery2 ul#andGnavi2 li.navItem,
.article ul#andGnavi li.navItem,
.GenreTop ul#andGnavi2 li.navItem,
.gallery ul#andGnavi li.navItem,
.gallery2 ul#andGnavi li.navItem,
.article ul#andGnavi2 li.navItem {
margin-top: 20px;
}

.GenreTop ul#andGnavi2 .headerLogo,
.gallery ul#andGnavi2 .headerLogo,
.gallery2 ul#andGnavi2 .headerLogo,
.article ul#andGnavi2 .headerLogo{
margin-right:35px;
line-height:0;
}

.GenreTop .LogoSmall,
.gallery .LogoSmall,
.gallery2 .LogoSmall,
.article .LogoSmall{
margin-top: 18px;
}

.GenreTop ul#andGnavi2 li.headerLogo a,
.gallery ul#andGnavi2 li.headerLogo a,
.gallery2 ul#andGnavi2 li.headerLogo a,
.article ul#andGnavi2 li.headerLogo a{
background: none;
}




/* list
------------------------------------- */
ul.Lnk{
margin:0 0 25px;
}

ul.Lnk li{
padding:6px 5px 5px;
background:transparent none;
border-bottom:1px solid #eee;
}

ul.Lnk li.Fst{
border-top:1px solid #eee;
}

ul.Lnk li span{
margin:0 3px;
}

ul.Lnk li span.update{
margin:0 3px;
font-size:85%;
}

div#Main .Box ul.Lnk{
margin:0 0 5px;
}

/* recomend
------------------------------------- */
div#Main div.BoxRecm div.ThmbSetXw60 p.ThmbCol span{
border:none;
}

div#Main div.BoxRecm div.ThmbSetXw60 p.ThmbCol a:hover img{
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

div#Main div.BoxRecm div.ThmbSetXw60 div.ThmbTxt p{
font-size:90%;
}

div#Main div.BoxRecm div.ThmbSetXw60 div.ThmbTxt2 p{
font-size:85%;
}

div#Main div.BoxRecm div.ColSet{
margin-bottom:5px;
}


/* 紀伊国屋ランキング
------------------------------------- */
.kinokuniya{
}

.kinokuniya .rankingNav{
height:25px;
margin:0 0 10px;
padding:0;
border-bottom:2px solid #222;
}

.kinokuniya .rankingNav li{
height:25px;
display:inline-block;
margin:0 5px 0 0;
padding:0;
*display:inline;
*zoom:1;
}

.kinokuniya .rankingNav li a{
display:block;
width:70px;
height:25px;
text-indent:-99999em;
background-repeat:none;
background-position:0 0;
}

.rankingNav li#tab_sogo_o a{
background-image:url(images/tab_rank_sougou.gif);
}
.rankingNav li#tab_sogo_o a:hover,
.rankingNav li#tab_sogo_o.select a{
background-image:url(images/tab_rank_sougou_on.gif);
}

.rankingNav li#tab_bunko a{
background-image:url(images/tab_rank_bunko.gif);
}
.rankingNav li#tab_bunko a:hover,
.rankingNav li#tab_bunko.select a{
background-image:url(images/tab_rank_bunko_on.gif);
}

.rankingNav li#tab_shinsho a{
background-image:url(images/tab_rank_shinsho.gif);
}
.rankingNav li#tab_shinsho a:hover,
.rankingNav li#tab_shinsho.select a{
background-image:url(images/tab_rank_shinsho_on.gif);
}

.rankingNav li#tab_comic a{
background-image:url(images/tab_rank_comic.gif);
}
.rankingNav li#tab_comic a:hover,
.rankingNav li#tab_comic.select a{
background-image:url(images/tab_rank_comic_on.gif);
}

.rankingNav li#tab_yosho a{
background-image:url(images/tab_rank_yosho.gif);
}
.rankingNav li#tab_yosho a:hover,
.rankingNav li#tab_yosho.select a{
background-image:url(images/tab_rank_yosho_on.gif);
}

.rankingNav li#tab_ebook a{
background-image:url(images/tab_rank_ebook.gif);
}
.rankingNav li#tab_ebook a:hover,
.rankingNav li#tab_ebook.select a{
background-image:url(images/tab_rank_ebook_on.gif);
}

.rankingNav li#tab_washo a{
background-image:url(images/tab_rank_washo.gif);
}
.rankingNav li#tab_washo a:hover,
.rankingNav li#tab_washo.select a{
background-image:url(images/tab_rank_washo_on.gif);
}

.shukei{
padding:15px 0 15px 10px;
}

.subttl{
padding:15px 0 5px 0;
font-weight:bold;
font-size:110%;
}

.rankingBox{
display:none;
margin:0 auto 15px;
}

.rankingArea div.select{
display:block;
}

/* old style : -2013.04.26 */
.rankingUnit,
.rankingUnitlast{
position: relative;
padding:7px 7px 7px 43px;
}

.rankingUnit{
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#CCC;
}

.rankingUnitlast{
margin:0 0 25px;
border: solid 1px #CCC;
}

.rankingUnit p.device,
.rankingUnitlast p.device{
float:right;
font-size:75%;
}

.ruPhoto{
float:left;
width:60px;
}

.ruLay1{
float:left;
margin:0 0 0 20px;
text-align:left;
}

.ruTitle1{
width:500px;
margin:0 0 10px 0;
font-weight:bold;
}

.ruInfo{
display: block;
float: left;
font-size:80%;
}

.rankingUnit .red,
.rankingUnitlast .red{
color:#a00;
background:transparent;
}

.ruRank01{
background:url(images/rank_01.gif) no-repeat 7px center;
}
.ruRank02{
background:url(images/rank_02.gif) no-repeat 7px center;
}
.ruRank03{
background:url(images/rank_03.gif) no-repeat 7px center;
}
.ruRank04{
background:url(images/rank_04.gif) no-repeat 7px center;
}
.ruRank05{
background:url(images/rank_05.gif) no-repeat 7px center;
}
.ruRank06{
background:url(images/rank_06.gif) no-repeat 7px center;
}
.ruRank07{
background:url(images/rank_07.gif) no-repeat 7px center;
}
.ruRank08{
background:url(images/rank_08.gif) no-repeat 7px center;
}
.ruRank09{
background:url(images/rank_09.gif) no-repeat 7px center;
}
.ruRank10{
background:url(images/rank_10.gif) no-repeat 7px center;
}
.ruRank11{
background:url(images/rank_11.gif) no-repeat 7px center;
}
.ruRank12{
background:url(images/rank_12.gif) no-repeat 7px center;
}
.ruRank13{
background:url(images/rank_13.gif) no-repeat 7px center;
}
.ruRank14{
background:url(images/rank_14.gif) no-repeat 7px center;
}
.ruRank15{
background:url(images/rank_15.gif) no-repeat 7px center;
}
.ruRank16{
background:url(images/rank_16.gif) no-repeat 7px center;
}
.ruRank17{
background:url(images/rank_17.gif) no-repeat 7px center;
}
.ruRank18{
background:url(images/rank_18.gif) no-repeat 7px center;
}
.ruRank19{
background:url(images/rank_19.gif) no-repeat 7px center;
}
.ruRank20{
background:url(images/rank_20.gif) no-repeat 7px center;
}

/* new style: 2013.4.26- */
.kinokuniya input,
.kinokuniya label,
.kinokuniya .product_category,
.kinokuniya .rankingLabel span{
display:none;
}

.kinokuniya .rankingList{
position:relative;
margin:0 0 15px;
padding:0 0 5px;
border-bottom:1px solid #ccc;
}

.kinokuniya .rankingList .rankingLabel{
position:absolute;
top:0;
left:0;
width:21px;
height:21px;
}

.kinokuniya .listphoto{
float:left;
width:115px;
margin:0;
padding:3px 0 0 3px;
}

.kinokuniya .listrightbloc{
float:left;
width:500px;
margin:0 0 0 20px;
text-align:left;
}

.kinokuniya h3,
.kinokuniya .details{
margin:10px 0;
line-height:1.4;
}

.kinokuniya .pricebox{
font-size:80%;
}

.kinokuniya .pricebox li{
margin:0 0 5px;
}

/* movie
------------------------------------- */
.movie .LeftBox,
.movie .RightBox{
width:49%;
}

.movie .RightBox{
margin:0 0 0 1%;
}

.movie .LeftBox dl{
margin:0 0 20px;
}

.movie #ContentsInner .LeftBox .ListBlock li,
.movie #ContentsInner .RightBox .ListBlock li{
float:none;
width:100%;
}

.movie .LeftBox .ListBlock li dt,
.movie .RightBox .ListBlock li dt,
#PickupMovie li dt{
font-weight:bold;
}

.movie .LeftBox ul.Lnk{
font-size:95%;
font-weight:bold;
}

/* Pickup Movie
-----------------*/
#PickupMovieclear:both;
padding:22px -0px 0;
}

#PickupMovie ul{
margin:15px 0 5px;
}

#PickupMovie li{
float:left;
width:226px;
margin:0 9px 15px 0;
}

#PickupMovie li p.Image{
margin:0 0 5px;
text-align:center;
}

#PickupMovie li p span{
clear:both;
display:block;
margin:3px 0;
color:#666;
font-size:70%;
text-align:left;
}

#PickupMovie li dt{
margin:0 0 5px;
font-size:90%;
}

#PickupMovie li dd a{
font-size:80%;
}

.PickupMore ul{
margin:0 0 5px;
}

#PickupMovie li dd span.release{
margin:0 0 0 10px;
font-size:80%;
}


/* =====================================
6.Sub
------------------------------------- */
#Contents #ContentsInner #Sub{
}


/* 
------------------------------------- */
div#Sub div.BnrLnkSbs,
#Contents #ContentsInner #Sub #SubInner .andSubBox{
margin:0 0 20px;
}

/* 購読申し込み
------------------------------------- */
#Contents #ContentsInner #Sub .Tools{
width:100%;
padding:0 0 10px;
}

#Contents #ContentsInner #Sub .Tools .SignupNav li.Paper,
#Contents #ContentsInner #Sub .Tools .SignupNav li.Digital{
width:50%;
}

#Contents #ContentsInner #Sub .Tools .SignupNav li.Paper a,
#Contents #ContentsInner #Sub .Tools .SignupNav li.Digital a{
width:100%;
}

#Contents #ContentsInner #Sub .Tools .SignupNav li.Paper a{
padding-left:3px;
padding-right:1px;
}

#Contents #ContentsInner #Sub .Tools .SignupNav li.Digital a{
padding-left: 1px;
padding-right: 3px;
}

#Contents #ContentsInner #Sub .Tools .SignupNav li.Paper a,
#Contents #ContentsInner #Sub .Tools .SignupNav li.Paper a:visited,
#Contents #ContentsInner #Sub .Tools .SignupNav li.Digital a,
#Contents #ContentsInner #Sub .Tools .SignupNav li.Digital a:visited{
background:#000 none;
}

#Contents #ContentsInner #Sub .Tools .SignupNav li.Paper a:active,
#Contents #ContentsInner #Sub .Tools .SignupNav li.Paper a:hover,
#Contents #ContentsInner #Sub .Tools .SignupNav li.Digital a:active,
#Contents #ContentsInner #Sub .Tools .SignupNav li.Digital a:hover{
background:#222 none;
}




/* Box h2
------------------------------------- */
#Sub .andSubBox h2{
min-height:25px;
padding:6px 0 1px;
font-family: Helvetica,Arial,sans-serif;
font-weight:bold;
}

/* Box h2 follow link
------------------------------------- */
.andSubBox .SubLink{
float:right;
margin-top:-22px;
_margin-top:-17px;
font-size:75%;
}

/* list style 01
------------------------------------- */
#Sub .andSubBox ul.LstStyle01{
}

#Sub .andSubBox ul.LstStyle01 li{
padding:6px 5px 5px;
background:transparent none;
border-bottom:1px solid #eee;
font-size:88%;
}

#Sub .andSubBox ul.LstStyle01 li.Fst{
border-top:1px solid #eee;
}


/* list style 02(thumbnail list)
------------------------------------- */
#Sub .andSubBox ul.LstStyle02{
margin:0 auto !important;
_margin:0 !important;
padding:0;
}

#Sub .andSubBox ul.LstStyle02 li{
display:block;
float:left;
margin:0 2px 1px;
_margin:0 1px;
padding:0;
line-height:1;
overflow:hidden;
}

#Sub .andSubBox ul.LstStyle02 li img{
width:95px;
height:95px;
margin:0;
padding:0;
}




/* list Photo 01(右ナビ:PhotoGallery)
------------------------------------- */
#Sub .andSubBox ul.LstPhoto01{
width:290px;
margin:0 auto;
_margin:0 !important;
padding:0;
text-align:left;
}

#Sub .andSubBox ul.LstPhoto01 li{
display:block;
float:left;
position:relative;
margin:2px 3px;
_margin:1px 1px;
padding:0;
}

#Sub .andSubBox ul.LstPhoto01 li a.hover img{
filter:alpha(opacity=20);
-moz-opacity:0.20;
opacity:0.20;
}

#Sub .LstPhoto01 li p.photoInfo{
position:absolute;
top:0;
left:0;
_width:90px;
height:57px;
_height:77px;
padding:10px 7px;
font-size:12px;
color:#000;
z-index:50;
overflow:hidden;
}


/* ad：注目情報
------------------------------------- */
#Contents #ContentsInner #Sub #SubInner .Section .Pr{
margin:0;
padding:0 0 5px 5px;
border:1px dotted #ccc;
}

#Contents #ContentsInner #Sub #SubInner .Section .Pr ul.ListBlock li{
width:290px;
}

#Contents #ContentsInner #Sub #SubInner .Section .TitleSmall{
padding:10px 0 0;
border-top:none;
}

#Contents #ContentsInner #Sub #SubInner .Section .Pr .ListBlock li dl{
padding:0;
}



/* shopping(photo付きリスト)
------------------------------------- */
.andSubBox .ListBlock{
}

.andSubBox .ListBlock li{
padding:10px 0 0;
}

.andSubBox .ListBlock li .Image,
.andSubBox .ListBlock li .ImageL,
.andSubBox .ListBlock li .ImageR{
display: block;
margin: 0;
}

.andSubBox .ListBlock li .Image,
.andSubBox .ListBlock li .ImageL{
float: left;
padding: 0 10px 10px 0;
}

.andSubBox .ListBlock li .ImageR{
float: right;
padding: 0 0 10px 10px;
}

.andSubBox .ListBlock li dl dt{
margin:0 0 5px;
font-size:95%;
}

.andSubBox .ListBlock li p{
margin: 0;
padding: 0 0 7px;
color: #64645D;
font-size: 80%;
line-height:1.5;
}



/* =====================================
7.photo gallery top
------------------------------------- */
#Contents #ContentsInner .ListBlockCol2 li{
float:left;
width:300px;
margin:0 5px 10px 0;
padding:0;
border-bottom:1px solid #ccc;
}

#Contents #ContentsInner .ListBlockCol2 li.even{
margin:0 20px 10px 0;
}

.galleryTop #Contents #ContentsInner .ListBlockCol2 li{
margin:0 35px 10px 0;
}

.galleryTop #Contents #ContentsInner .ListBlockCol2 li.nth-child3n {
margin:0 0 10px 0;
}

.ListBlockCol2 li p.Image{
float:left;
padding:0 10px 0 0;
}

#Contents #ContentsInner .ListBlockCol2 li p.Image a:hover img{
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

.ListBlockCol2 li dl dt{
margin:0 0 5px;
font-size:95%;
font-weight:bold;
}

.ListBlockCol2 li p{
margin: 0;
padding: 0 0 7px;
color: #64645D;
font-size: 80%;
line-height:1.5;
}

.ListBlockCol2 li dl dt span.Update{
display:block;
margin:3px 0 0;
font-weight:normal;
font-size:80%;
color:#999;
}

.gallery.galleryTop #Contents #ContentsInner .ListBlockCol2 li{
margin:0 35px 10px 0;
width: 300px;
}

.gallery.galleryTop #Contents #ContentsInner .ListBlockCol2 li.nth-child3n{
margin:0 0 10px 0;
}

.gallery.galleryTop dl.h1Follow dt{
text-align: right;
}

/* =====================================
8.index(sitemap)
------------------------------------- */
body.index .ListBlock{
clear:both;
margin:0 0 50px;
padding:0 15px;
}

body.index #ContentsInner .ListBlock li{
float:left;
width:30%;
padding:10px 1% 0;
text-align:left;
}

body.index #ContentsInner .ListBlock li .Image{
display: block;
float: left;
margin: 0;
padding: 0 10px 10px 0;
}

body.index #ContentsInner .ListBlock li dl dt{
margin:0 0 5px;
font-size:95%;
font-weight:bold;
}

body.index #ContentsInner .ListBlock li dl dd{
margin:0 0 5px;
font-size:80%;
line-height:1.25;
}

body.index #ContentsInner .ListBlock li dl dd.date{
text-align:right;
font-size:75%;
color:#666;
}

body.index #ContentsInner .ListBlock li p{
margin: 0;
padding: 0 0 7px;
color: #64645D;
font-size: 80%;
line-height:1.5;
}

body.index #ContentsInner h2{
margin:0 0 15px;
text-align:left;
}

/* dotBox */
.dotBox{
margin:25px 0;
padding:7px;
border:1px dotted #ccc;
}

.dotBox h3{
margin:0 0 10px;
}

.dotBox p{
font-size:80%;
}

/* =====================================
9.広告
------------------------------------- */
.AdsBox{
margin:25px 0;
padding:7px 0;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}

.AdsBox h2{
margin:0 0 5px;
}

.AdsBox h2 a{
color:#ccc;
font-size:80%;
}

.AdsBox dt,
.AdsBox dd{
color:#666;
}

.AdsBox dd{
margin:0 0 7px;
}

.AdsBox a:link,
.AdsBox a:visited{
color:#666;
}

.AdsBox a:link,
.AdsBox a:visited{
color:#444;
}

/* Goo-net
------------------------------------- */
div#Sub .andSubBox .goonet ul li{
display:block;
float:left;
width:44%;
_width:48%;
margin:0 1% 5px 0;
padding:10px 2% 7px;
border:1px solid #ccc;
background:#ECECEC;
font-size:76%;
text-align:center;
line-height:1.25;
}



/* athome
------------------------------------- */
div#Sub .andSubBox .athome ul li{
display:block;
float:left;
width:27%;
_width:30%;
margin:0 1% 5px 0;
padding:10px 2% 7px;
border:1px solid #ccc;
background:#ECECEC;
font-size:76%;
text-align:center;
line-height:1.25;
}

div#Sub .andSubBox .athome1,
div#Sub .andSubBox .athome2{
width:298px;
padding:0;
}

div#Sub .andSubBox .athome1{
border:1px dotted #ccc;
background:#ECECEC;
}

div#Sub .andSubBox .athome2{
border:1px solid #9a947d;
}

div#Sub .andSubBox .athome1 h2,
div#Sub .andSubBox .athome2 h2{
margin:0 0 5px;
padding:0;
}

div#Sub .andSubBox .athome1 ul,
div#Sub .andSubBox .athome2 ul{
margin:10px 7px;
}

div#Sub .andSubBox .athome1 ul li{
display:block;
float:left;
width:44%;
_width:48%;
margin:0 1% 5px 0;
padding:10px 2% 7px;
border:1px solid #ccc;
background:#fff;
font-size:76%;
text-align:center;
line-height:1.25;
}

div#Sub .andSubBox .athome2 ul li{
display:block;
float:left;
margin:0 1px;
text-align:center;
}

.goathome{
margin:10px 5px;
font-size:12px;
text-align:right;
}

/* suumo
------------------------------------- */
.suumoSearchBox{
font-size: 13px;
text-align: left;
}

.suumoSearchBox a{
color: #444;
}


/* TOP */
.suumoSearchTop{
margin-bottom: 15px;
*margin-top: -10px;
*margin-bottom:15px
}

.suumoSearchTop div.smmodule{
padding: 0;
margin: 0;
background: #FCF4F4 url(../images/suumo/tops_mbg-bg.jpg) repeat-x right -19px;
}

.suumoSearchTop div.smmodule div{
border: 1px dotted #ccc;
background: transparent url(../images/suumo/tops_mbg.jpg) no-repeat right -22px;
*background: transparent url(../images/suumo/tops_mbg.jpg) no-repeat right -21px;
}

.suumoSearchTop div.smmodule div p.tle {
background: transparent url(../images/suumo/tops_mtle_r.jpg) no-repeat right top;
}

.suumoSearchTop div.smmodule div table {
margin: 9px 14px 6px;
width: 625px;
}

.suumoSearchTop div.smmodule div table th {
width: 22%;
padding: 0 6px 16px;
text-align: left;
font-weight: bold;
}

.suumoSearchTop div.smmodule div table td {
width: 78%;
padding: 0 6px 14px;
text-align: left;
}

.suumoSearchTop div.smmodule div p.btn {
padding: 0 9px 20px;
text-align: center;
}


/* rnavi(sub) */
.suumoSearchRnavi {
margin:0 0 25px;
}

.suumoSearchRnavi div.smmodule{
padding: 0;
margin: 0;
background: #fff;
}

.suumoSearchRnavi div.smmodule div {
padding:0 0 5px;
border: 1px dotted #ccc;
background:url(../images/suumo/tops_mbg-bg.jpg) repeat-x 0 bottom;
}

.suumoSearchRnavi div.smmodule p.tle{
margin:0;
padding:0;
}

.suumoSearchRnavi div.smmodule div table {
margin: 9px 0 0 12px;
width: 280px;
}
.suumoSearchRnavi div.smmodule div table th {
width: 33%;
padding: 0 0px 9px;
text-align: left;
font-weight: bold;
vertical-align: middle;
line-height: 120%;
}

.suumoSearchRnavi div.smmodule div table td {
width: 67%;
padding: 0 0px 9px;
text-align: left;
vertical-align: middle;
line-height: 120%;
}

.suumoSearchRnavi div.smmodule div table td span {
font-size: 11px;
}

.suumoSearchRnavi div.smmodule div p.btn {
padding: 0 9px 7px;
text-align: center;
line-height: 1%;
}

.suumoSearchRnavi div.smmodule div p.copy {
padding: 0 2px 2px;
text-align: right;
line-height: 1%;
}


/* rectangle
------------------------------------- */
.andSubBox .rec{
padding: 5px 0;
border-bottom: 1px dotted #CCC;
border-top: 1px dotted #CCC;
}

.andSubBox .rec center{
margin:0 0 3px;
}

/* =====================================
10.footer
------------------------------------- */










/* =====================================
99.etc
------------------------------------- */
/* clearfix
------------------------------------- */
.cFix:after,
.clearfix:after,
#Main:after,
#Sub:after,
#Utility2:after,
#TopHeader:after,
#andGnaviBox:after,
#andGnavi:after,
.Header_top:after,
ul.LstPhoto01:after,
.subPrBox:after,
.andSubBox:after,
.ListBlock:after,
.ListBlock li:after,
.FollowLnk:after,
.ListBlockCol2:after,
.ListBlockCol2 li:after,
ul.header_sns_box:after,
ul.h1FollowLnk:after{
content: ".";
display: block;
clear: both;
height: 0.1px;
visibility: hidden;
line-height: 0;
font-size: 0.1em;
}

*:first-child+html .cFix,
*:first-child+html .clearfix,
*:first-child+html #Main,
*:first-child+html #Sub,
*:first-child+html #Utility2,
*:first-child+html #TopHeader,
*:first-child+html #andGnaviBox,
*:first-child+html #andGnavi,
*:first-child+html .Header_top,
*:first-child+html ul.LstPhoto01,
*:first-child+html .subPrBox,
*:first-child+html .andSubBox,
*:first-child+html .ListBlock,
*:first-child+html .ListBlock li,
*:first-child+html .FollowLnk,
*:first-child+html .ListBlockCol2,
*:first-child+html .ListBlockCol2 li,
*:first-child+html ul.header_sns_box,
*:first-child+html ul.h1FollowLnk{
min-height: 1px;
}

* html .cFix,
* html .clearfix,
* html #Main,
* html #Sub,
* html #Utility2,
* html #TopHeader,
* html #andGnaviBox,
* html #andGnavi,
* html .Header_top,
* html ul.LstPhoto01,
* html .subPrBox,
* html .andSubBox,
* html .ListBlock,
* html .ListBlock li,
* html .FollowLnk,
* html .ListBlockCol2,
* html .ListBlockCol2 li,
* html ul.header_sns_box,
* html ul.h1FollowLnk{
height:1px;
}