@charset "utf-8";
/* -------------------------------------
and_wide_m.css  ver.2
last update : 16.06.10 17:00

0.
1.TOP page
2.Contents
3.article
4.bijin
5.kinokuniya ranking
6.collection
7.index(sitemap)
8.theater
9.pet
10.video
51.写真付き広告
20.Sub
30.fotter
------------------------------------- */
/* 1000px サイズ */
@media screen and (max-width: 1000px) {

#Header,
#Contents,
#Footer #FooterInner,
#Footer #ToTop #ToTopInner{
width:570px !important;
max-width:570px;
}

#Footer,
#Header #HeaderInner,
#Contents #ContentsInner,
#Footer #ToTop,
#Footer .AboutSite{
width:auto !important;
max-width:100%;
margin:0 auto;
padding:0;
}

#Contents #ContentsInner{
padding:0 0 50px;
}

/* -------------------------------------
Header
------------------------------------- */
#Header {
width: 640px!important;
max-width: 640px;
}

#Header #HeaderInner{
padding:0;
}

#Header #HeaderInner .UserBox{
width:auto;
}

.UserBox .UserInfo li.Info{
display:none;
}


	ul#andGnavi2 li#nav01 a{
	width:34px;
	background:url(../images/nav_top_m.jpg) no-repeat 0 0;
	}
	ul#andGnavi2 li#nav01 a:hover{
	background:url(../images/nav_top_m_on.jpg) no-repeat 0 0;
	}
	#Top ul#andGnavi2 li#nav01 a{
	background:url(../images/nav_top_m_now.jpg) no-repeat 0 0;
	}
	
	ul#andGnavi2 li#nav02 a{
	width:73px; /* style73px */
	background:url(../images/nav_fashion_m.jpg) no-repeat 0 0;
	}
	ul#andGnavi2 li#nav02 a:hover{
	background:url(../images/nav_fashion_m_on.jpg) no-repeat 0 0;
	}
	
	.style ul#andGnavi2 li#nav02 a,
	.fashion ul#andGnavi2 li#nav02 a{
	width: 94px;
	background:url(../images/nav_fashion_m_now.jpg) no-repeat 0 0;
	}
	
	ul#andGnavi2 li#nav03 a{
	width:79px;
	background:url(../images/nav_interest_m.jpg) no-repeat 0 0;
	}
	ul#andGnavi2 li#nav03 a:hover{
	background:url(../images/nav_interest_m_on.jpg) no-repeat 0 0;
	}
	
	.movie ul#andGnavi2 li#nav03 a,
	.interest ul#andGnavi2 li#nav03 a{
	width: 99px;
	background:url(../images/nav_interest_m_now.jpg) no-repeat 0 0;
	}
	
	ul#andGnavi2 li#nav04 a{
	width:56px;
	background:url(../images/nav_living_m.jpg) no-repeat 0 0;
	}
	ul#andGnavi2 li#nav04 a:hover{
	background:url(../images/nav_living_m_on.jpg) no-repeat 0 0;
	}
	.living ul#andGnavi2 li#nav04 a{
	width: 76px;
	background:url(../images/nav_living_m_now.jpg) no-repeat 0 0;
	}
	
	ul#andGnavi2 li#nav05 a{
	width:41px;
	background:url(../images/nav_info_m.jpg) no-repeat 0 0;
	}
	ul#andGnavi2 li#nav05 a:hover{
	background:url(../images/nav_info_m_on.jpg) no-repeat 0 0;
	}
	.information ul#andGnavi2 li#nav05 a{
	width: 61px;
	background:url(../images/nav_info_m_now.jpg) no-repeat 0 0;
	}
	
	ul#andGnavi2 li#nav06 a{
	width:75px;
	background:url(../images/nav_gallery_m.jpg) no-repeat 0 0;
	}
	ul#andGnavi2 li#nav06 a:hover{
	background:url(../images/nav_gallery_m_on.jpg) no-repeat 0 0;
	}
	
	.gallery ul#andGnavi2 li#nav06 a,
	.gallery2 ul#andGnavi2 li#nav06 a{
	width: 95px;
	background:url(../images/nav_gallery_m_now.jpg) no-repeat 0 0;
	}
	
	ul#andGnavi2 li#nav07{
	margin-right: 0;
	}
	ul#andGnavi2 li#nav07 a{
	width:76px;
	background:url(../images/nav_sitemap_m.jpg) no-repeat 0 0;
	}
	ul#andGnavi2 li#nav07 a:hover{
	background:url(../images/nav_sitemap_m_on.jpg) no-repeat 0 0;
	}
	
	.sitemap ul#andGnavi2 li#nav07 a,
	.sitemap2 ul#andGnavi2 li#nav07 a{
	width: 95px;
	background:url(../images/nav_sitemap_m_now.jpg) no-repeat 0 0;
	}

/* =====================================
1.TOP page
------------------------------------- */
#TopHeader{
margin-bottom: 356px;
padding:0;
}

.Header_top{
background:#fff;
}

/* Gnav
------------------------------------- */
#andGnaviBox{
overflow: hidden;
position:relative;
width:640px;
margin:0 auto;
padding:0;
border-bottom:none;
}

#Top ul#andGnavi,
ul#andGnavi,
ul#andGnavi2{
float:left;
width:536px;
padding:15px 0 5px;
text-align:left;
overflow:hidden;
}

#Top ul#andGnavi{
padding:20px 0 5px;
}

ul#andGnavi li,
ul#andGnavi2 li{
padding:0 15px 0 0;
}

ul#andGnavi li.headerLogo,
ul#andGnavi2 li.headerLogo,
.fixed ul#andGnavi li.headerLogo,
.fixed ul#andGnavi2 li.headerLogo{
display:none;
}


#nav01 img { width: 43px; }
#nav02 img { width: 79px; }
#nav03 img { width: 84px; }
#nav04 img { width: 64px; }
#nav05 img { width: 61px; }
#nav06 img { width: 81px; }
#nav07 img { width: 93px; }

#Header .LogoSmall {
padding: 14px 0 0;
}


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

ul#andGnavi .navItem,
ul#andGnavi2 .navItem{
margin:0 4px 5px 0;
padding:0;
}

.fixed .LogoSmall {
margin-top: 0;
}

#Top .fixed ul#andGnavi{
padding: 14px 0 0;
}

#Header .fixed .LogoSmall{
padding: 6px 0 0;
}



/* search area
------------------------------------- */
.search{
position:absolute;
top:35px;
height:23px;
margin:0 0 0 350px;
/margin:0 0 0 100px;
padding:0 10px 0 0;
text-align:right;
}

#Top .search{
float:none;
position: absolute;
top:auto;
right:30px;
bottom:20px;
margin:0;
padding:0;
text-align: left;
line-height:1;
}

#Top .search #searchbox{
width:200px;
}


/* Gnav fixed
------------------------------------- */
.fixed{
height:41px;
background:#fff;
}

.fixed #andGnaviBox{
height:39px;
}



.GenreTop .fixed #andGnaviBox,
.gallery .fixed #andGnaviBox,
.gallery2 .fixed #andGnaviBox,
.article .fixed #andGnaviBox{
width:640px;
margin:0 auto;
border-bottom:1px solid #cccccc;
}


#Top .fixed .search,
.fixed .search{
position:absolute;
margin:0 0 0 350px;
/margin:0 0 0 100px;
padding-top:0;
}

#Top .fixed .search{
top:28px;
}

.fixed .search{
top:35px;
}

.fixed #searchbox{
float:none;
margin:0 auto;
}


/* Header Logo iTOP logo j
------------------------------------- */
.headerLogoArea{
float:left;
margin:25px 0 0;
_margin-top:40px;
padding-right:25px;
padding-left:65px;
}

.sitechange_top{
padding-bottom: 10px;
}

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

/* Header sns
------------------------------------- */
.header_sns_box{
padding:8px 0 7px;
}

/* Header main image area
------------------------------------- */
.headerImageArea{
float:left;
width:319px;
margin: 25px 0 0;
_margin:0 0 25px;
border:1px solid #CCC;
}

/* Header news list
------------------------------------- */
.header_news_text{
position: absolute;
top: 382px;
/top:392px;
left: 250px;
clear: both;
float:none;
width:259px;
height:auto;
margin: 0;
padding:20px 30px 55px;
border:1px solid #ccc;
}

.fix .header_news_text{
top: 344px;
/top:392px;
}

.header_news_title{
width: 258px;
padding-bottom:15px;
border-bottom: 0;
}

.header_news_text ul{
overflow: hidden;
}

.header_news_text li{
padding:12px 0 ;
}




/*header banner area(widget)
------------------------------------- */
.header_bnr_title{
margin-bottom:10px;
/margin-bottom:5px;
}

#TopHeader .header_bnrArea.italian2013,
#TopHeader .header_bnrArea.portraitBnr {
position: absolute;
left: 85px;
width: 140px;
height: 320px;
top:398px;
margin: 0;
border-top: 0;
}

#TopHeader .header_bnrArea.italian2013 .header_bnr,
#TopHeader .header_bnrArea.portraitBnr .header_bnr {
padding-top: 0;
}

.header_bnrArea{
position: absolute;
float: none;
width: 120px!important;
margin: 0;
}

/*
GenreTop gallery
20140417
*/

.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:0 13px 5px 0;
}

.fix .header_bnrArea{
top:360px!important;	
/top:398px!important;	
}

.header_bnrArea2 {
	position: absolute;
	left: 85px;
	width: 120px;
	height: 320px;
	top:398px;
	float:none;
	margin: 0;
	border-top: 0;
}
.header_bnrArea2 .header_bnr {
	padding-top: 0;
}
.fix .header_bnrArea2 {
	top:360px!important;	
	/top:398px!important;	
}



/* banner carousel 2014-07 */
.fix .header_bnrAreaC {
top:360px!important;	
/top:398px!important;	
}
.header_bnrAreaC {
position: absolute;
left: 85px;
width: 120px;
height: 320px;
top:398px;
float:none;
margin: 0;
border-top: 0;
}
.header_bnrAreaC .header_bnrC {
padding-top: 0;
}
.fix .header_bnrAreaC {
top:360px!important;	
/top:398px!important;	
}




/* -------------------------------------
Contents box list
------------------------------------- */
.contents_item_box{
margin:0 auto;
padding:22px 47px;
_padding:22px 20px;
}

.contents_item_box ul li{
margin:12px 6px 0;
}

/* contents_icon_box(and more)
------------------------------------- */
.contents_icon_box{
width:464px;
margin:0 auto;
}



/* =====================================
2.Contents
------------------------------------- */
#Contents #ContentsInner #Main{
float:none;
width:auto;
max-width:100%;
margin:0;
}

#Contents #ContentsInner .Irohasu .MainInner,
#Contents #ContentsInner .MainInner{
width:auto;
margin:0;
padding:0 10px;
}



/* =====================================
3.article
------------------------------------- */
div.ArticleTitle,
div.ArticleTitle2{
padding: 25px 10px 35px;
}

#MainPhoto,
#MainPhoto iframe{
width:570px;
height:427px;
}

#MainPhoto2.typeB {
max-height: 427px;
}

#MainPhoto2.typeC {
height: 427px;
}

#MainPhoto2 img,
.MainPhoto2 img{
max-width: 570px;
max-height: 427px;
}

#mainpicNav ul{
text-align:left;
}

.ArticleTitle2 ul.subTxt li{
float:left;
margin:0 10px 0 0;
}



/* header */
/*
GenreTop gallery
20140417
*/
.GenreTop #andGnaviBox,
.gallery #andGnaviBox,
.gallery2 #andGnaviBox,
.article #andGnaviBox{
width:auto;
}

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

.GenreTop #Header .LogoSmall,
.gallery #Header .LogoSmall,
.gallery2 #Header .LogoSmall,
.article #Header .LogoSmall{
margin-top:0;
padding: 9px 0 0;
}






/*-------------------------------------
 SUUMO
------------------------------------- */
.suumoSearchTop div.smmodule div table{
width:95%;
}


/* -------------------------------------
photo gallery list
------------------------------------- */
#Contents #ContentsInner .ListBlockCol2 li{
width:48%;
margin:0 0 10px 0;
}

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

/* -------------------------------------
photo gallery_gallery top list
------------------------------------- */
.gallery.galleryTop #Contents{
width: 700px  !important;
max-width: 700px;
margin: 0 auto;
}

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

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

.galleryTop #Contents #ContentsInner .ListBlockCol2 li {
margin: 0 35px 10px 0;
}
/* -------------------------------------
thumbnail & text list (for tokyo dandy)
------------------------------------- */
.PhotoLst li{
}




/* -------------------------------------
BOX
------------------------------------- */
.ColumnL form.SearchBox2 fieldset,
div#Main form.SearchBox2 fieldset {
width:100%;
}


.ColumnL div#R_asahikeywords dl,
div#Main div#asahikeywords dl{
width:100%;
}

.ColumnL form.SearchBox2 dl dd,
div#Main form.SearchBox2 dl dd{
margin:0 0 5px;
}

/* -------------------------------------
ippin
------------------------------------- */
#Main .IppinBox #Relevance .ThmbSetXw100{
width: 162px;
}

/* =====================================
4.bijin
------------------------------------- */
/* bijin photo area
------------------------------------- */
.bijinBox{
padding:0;
}

.bijinPhoto{
width:auto;
}

.bijinPhoto .photo{
float:none;
padding: 0;
text-align:center;
}

.bijinPhoto .prev,
.bijinPhoto .next{
display:none;
}

.bijinInfo{
padding: 0;
}

.bijinPhoto .photo{
width:520px;
}

.bijinPhoto .photo img{
width: 500px;
height: 382px;
}

.bijinInfo .info,
.bijinInfo .goToday{
width:500px;
}

.bijin .Box{
padding: 0;
}


/*
------------------------------------- */

/*
------------------------------------- */
.bijin .memory{
padding:15px 0;
}

/* thumb and banner area
------------------------------------- */
.bijin .bijinThumb .FloatL{
clear:both;
float:none;
width:auto;
}

.bijin .bijinThumb .bijinBnr{
clear:both;
float:none;
margin:0 auto;
}


/* =====================================
5.kinokuniya ranking
------------------------------------- */
.ruTitle1{
width:410px;
}

.kinokuniya .listrightbloc{
width:400px;
}

/* =====================================
6.collection
------------------------------------- */
#CllTopBox,
#CllRecBox,
.CllBox{
padding:40px 0;
}

#CllMainBox li{
width:47%;
/width:46%;
margin:0 2% 20px 1%;
}

#CllMainBox li p.Image img{
width:230px;
height:230px;
}


/* =====================================
7.index(sitemap)
------------------------------------- */
#ContentsInner .ListBlock li{
width:47%;
padding:10px 1% 0;
text-align:left;
}


/* =====================================
8.theater
------------------------------------- */
.MainInner .contents_item_box{
padding:22px 37px;
}

#PickupMovie li{
width:240px;
}


/* =====================================
9.pet
------------------------------------- */
/* pet zukan
------------------------------------- */
.petBox{
padding:0;
}

.petzukan .photoLstBox{
width:500px;
}

.petzukan .photoLstBox ul li{
height:84px;
}

.petzukan .photoLstBox img{
width:97px;
height:83px;
}


/* =====================================
10.video
------------------------------------- */
#MainPhotoArea #MainVideo object,
#MainPhotoArea #MainVideo iframe{
width:550px !important;
height:309px !important;
margin:0 auto 5px;
text-align:center;
}
#MainPhotoArea #MainVideo{
width:550px;
padding: 0;
}
#MainPhotoArea #MainVideo img{
max-width:550px;
}
#MainPhotoArea #MainVideo .video-js {
width: 550px;
height: 309px;
}
#MainPhotoArea #MainVideo iframe {
width: 550px;
height: 309px;
}
#MainPhotoArea #MainVideo iframe img{
margin:0 auto;
}

/* =====================================
51.写真付き広告
------------------------------------- */
.PrFrame .PrArea{margin: 0 0 10px; text-align:center;}
.PrFrame .PrArea p{font-size: 80%;line-height: 1.4em; text-align:left;}

div#Main .PrFrame .FollowLnk {
clear: both;
margin: 0;
padding: 0;
}

div#Main .PrFrame .FollowLnk li{
margin:0;
padding:0 0 5px;
font-size:75%;
float:none;
border-right:none !important;
}
.mac div#Main .PrFrame .FollowLnk li{
letter-spacing:0.5px;
}

div#Main .PrFrame .FollowLnk li a,
div#Main .PrFrame .FollowLnk li a:visited{
margin:0;
padding:0 0 0 13px !important;
background:url(http://www.asahicom.jp/css/images/arrow_list_small.gif) no-repeat 0 4px !important;
color:#5A5A53;
}
div#Main .PrFrame .FollowLnk li a:hover,
div#Main .PrFrame .FollowLnk li a:active{
background:url(http://www.asahicom.jp/css/images/arrow_list_small.gif) no-repeat 0 -116px !important;
color:#B90000;
}

/* =====================================
20.Sub
------------------------------------- */
#Contents #ContentsInner #Sub{
float:none;
width:auto;
margin:0;
}

#Contents #ContentsInner #Sub #SubInner{
width:auto;
margin:0;
padding:0 10px;
}


/* adF
------------------------------------- */
#Contents #ContentsInner #Sub #SubInner .Section .Pr ul.ListBlock li{
}


/*
------------------------------------- */
#Sub #SubShopping,
#Sub #SubColumns {
display: none;
}

#Sub .andSubBox ul.LstPhoto01{
width:100%;
}

#Sub .andSubBox ul.LstPhoto01 li{
margin:2px 1px 2px 0;
}

#Contents #ContentsInner #Sub #SubInner .Section .ListBlock li{
float:left;
width:47%;
margin:0 2% 0 0;
}


#Sub .andSubBox ul.LstStyle02{
width:100%;
}


/* SUUMO sub */
.suumoSearchRnavi{
display:none;
}

/* recommend
------------------------------------- */
.menu_andm ul li {
width: 180px
}
.menu_andw ul li {
width: 176px;
}
body #Contents #ContentsInner #R_reco3 .Section .ListBlockCol2 li {
width: 258px;
}
	
/* =====================================
本文内動画
------------------------------------- */
.InArticleMovieArea .InArticleMovie object,
.InArticleMovieArea .InArticleMovie iframe {
width: 550px !important;
height: 309px !important;
}
.InArticleMovieArea .InArticleMovie img {
max-width:550px;
}
.InArticleMovieArea .InArticleMovie .video-js {
width: 550px;
height: 309px;
}


/* =====================================
30.fotter
------------------------------------- */
#Footer #FooterInner{
text-align: left;
}

#Footer #ToTop #ToTopInner{
padding:0;
}
}