@charset "euc-jp";
/* -------------------------------------
and_wide_m.css  ver.1.19b
last update : 14.03.10 18: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
------------------------------------- */
/* 1000 */
@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 #HeaderInner{
padding:0 10px;
}

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

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



/* =====================================
1.TOP page
------------------------------------- */
#TopHeader{
padding:5px 20px;
}

.Header_top{
height:85px;
background:#fff;
}

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

#Top ul#andGnavi,
ul#andGnavi,
ul#andGnavi2{
float:none;
width:100%;
padding:15px 0 5px;
text-align:center;
overflow:hidden;
}

#Top ul#andGnavi{
padding:10px 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,
#Top .fixed ul#andGnavi li.headerLogo{
display:none;
}

ul#andGnavi .navItem,
ul#andGnavi2 .navItem{
margin:0 0 5px;
padding: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:62px;
_top:0;
left:0;
margin:0;
padding:0;
text-align: left;
line-height:1;
}


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

.fixed #andGnaviBox{
height:65px;
}

#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-top:23px;
_margin-top:40px;
padding-right:25px;
}

.sitechange_top{
padding-bottom: 10px;
}

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

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

/* Header news list
------------------------------------- */
.header_news_text{
float:none;
width:250px;
_width:319px;
height:287px;
_height:318px;
margin:0 0 0 185px;
_margin:330px 0 0 185px;
padding:27px 34px 23px;
border:1px solid #ccc;
}

.header_news_title{
padding-bottom:15px;
}

.header_news_text li{
padding:12px 0;
}

/*header banner area(widget)
------------------------------------- */
.header_bnrArea{
position:absolute;
top:480px;
_top:400px;
left:35px;
width:140px;
height:320px;
/height:308px;
margin:0;
border-bottom:none;
}

.header_bnr_title{
margin-bottom:10px;
/margin-bottom:5px;
}

#TopHeader .header_bnrArea.italian2013,
#TopHeader .header_bnrArea.portraitBnr {
border-bottom: medium none;
height: 320px;
left: 35px;
margin: 0;
position: absolute;
top: 455px;
width: 140px;
top: 0;

top:480px;
top:530px;

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



/* -------------------------------------
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{
padding:15px 47px;
_padding:15px 20px;
}



/* =====================================
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;
}

#mainpicNav ul{
text-align:left;
}

.ArticleTitle2 ul.subTxt li{
float:left;
margin:0 10px 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;
}

/* -------------------------------------
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;
}



/* =====================================
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:540px !important;
height:303px !important;
margin:0 auto 5px;
text-align:center;
}

#MainPhotoArea #MainVideo iframe img{
margin:0 auto;
}

/* =====================================
51.¼Ì¿¿ÉÕ¤­¹­¹ð
------------------------------------- */
.PrFrame .PrArea{margin: 0 0 10px; text-align:center;}
.PrFrame .PrArea img{ float:none;  margin:0 auto 10px; padding:0;}
.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;
}





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

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