@charset "utf-8";
/* -------------------------------------
and_wide_m.css  ver.2
last update : 16.10.12 12:30
------------------------------------- */
/* 1000 */
@media screen and (max-width: 1000px) {

#Header,
#Contents,
#Footer #FooterInner,
#Footer #ToTop #ToTopInner{
width:700px;
max-width:700px;
margin:0 auto;
}


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



/* -------------------------------------
Header
------------------------------------- */
#Header #HeaderInner .UserBox{
width:auto;
}

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



/* -------------------------------------
Index
------------------------------------- */
#TopHeader{
position:relative;
margin: 0 30px 257px;
padding:13px 0 0;
}

.Header_top{
display: block;
height:55px;
background:#fff;
}



.fix #TopHeader{
margin-top:46px!important;
}




/* Gnav
------------------------------------- */
#andGnaviBox{
width:640px;
margin:0;
padding:0;
border-bottom:none;
text-align:left;
}

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

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

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

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

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



/* search area
------------------------------------- */
.search{
margin:-13px 0 0;
}

#Top .search{
position: absolute;
top:0;
right:15px;
margin:0;
}

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




/* Gnav fixed
------------------------------------- */
.fixed{
width:100%;
height:45px;
background:#fff;
}

.fixed #andGnaviBox {
width: 640px;
padding-bottom:10px;
}

#Top .fixed ul#andGnavi{
width:540px;
padding: 15px 0 0;
text-align: left;
}

.fixed ul#andGnavi .navItem,
.fixed ul#andGnavi2 .navItem{
margin:0;
}

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

#Top .fixed .search,
.fixed .search{
position: static;
margin:5px 0 0;
padding-top:0;
text-align:right;
}

#Top .fixed .search{
margin:-23px 0 0;
}

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


/* Header LogoiTOP logoj
------------------------------------- */
.headerLogoArea{
margin:0;
padding-right:20px;
}

.sitechange_top{
}

#Top .headerLogoArea h1{
height:145px;
}

#Top .headerLogoArea h1 .caroufredsel_wrapper,
#Top .headerLogoArea h1 .carouselLogo{
height:145px!important;
}

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


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


/* Header main image area
------------------------------------- */
.headerImageArea{
margin-top:0;
border-right:1px solid #ccc;
}


/* Header news list
------------------------------------- */
.header_news_text{
position: absolute;
float:none;
width:638px;
height:auto;
top: 412px;
left:0;
margin: 0 auto;
padding:0;
border:1px solid #ccc;
}

.header_news_text_inbox{
position: relative;
margin:20px 15px 20px 30px;
/zoom: 1;
}

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

.header_news_text ul{
overflow:hidden;
}

.header_news_text li{
float:left;
width:280px;
margin:0 15px 0 0;
padding:12px 0;
}

.fix .header_news_text{
top: 357px;
}




/*header banner area(widget)
------------------------------------- */
.header_bnrArea{
margin:0;

}



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

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


#Top #Contents,
.GenreTop #Contents{
padding:0 0 25px;
background:none;
}

/* -------------------------------------
Contents banner
------------------------------------- */
.contents_bnr_box{
width:640px;
margin:0 auto 25px;
padding:0;
}

.contents_bnr_box ul{
}

.contents_bnr_box ul.bnr2{
width: auto;
margin: 0 -10px 0 0;
*zoom:1;
}

.contents_bnr_box li{
margin:0 10px 0 0;
padding:0;
}
.contents_bnr_box ul.bnr2 li img{
width:315px;
}
.contents_bnr_box ul.bnr2 li div{
width: 315px;
height: 82px;
}
.contents_bnr_box ul.bnr2 li div span,
.contents_bnr_box ul.bnr2 li div span a {
width: 315px;
height: 82px;
}


/* -------------------------------------
time line
------------------------------------- */
#container{
width:640px;
}

.leftCorner,
.rightCorner,
.timeline_container{
display:none !important;
}

.timeline_container{
}

.item{
float:left;
width:300px;
margin:15px 10px;
text-align:left !important;
}

/*  */
.contents_header{
padding-bottom: 4px;
padding-bottom: 10px\9;
border:none;
overflow: hidden;
}

.contents_date{
/position: absolute;
padding:6px 0 0;
}

/* title */
.contents_title{
float: left;
border-right:1px solid #CCC;
/border-left:none;
margin:0 7px 0 0;
padding:0 7px 0 0;
}

.c-title-l{
border-left:none;
}

.contents_subtitle{
font-size:80%;
}

.contents_body{
	
}


/* columnCarousel */
.columnCarouselWrapper{
margin-top:7px;
/height:228px;
}

.contents_body .columnCarousel{
margin:0 -4px 0 0!important;
width:auto!important;
height:auto!important;
zoom:1;
}

#columnPrev1,
#columnNext1{
display: none;
}

.columnCarousel li{
width:72px;
height:72px;
margin-bottom: 4px;
}

.columnCarousel li img{
width: 72px;
}

/* columnCarousel END */


.contents_image{
}

.contents_image img{
width:100%;
height:auto;
max-width:300px;
max-height:200px;
}
contents_body .contents_image img.lazy{
height: 200px;
}


/* text */
.contents_message{
height:170px;
padding:15px 30px;
font-size:75%;
}

.contents_message li{
background:url("images/mrk_allow.jpg") no-repeat 0 2px;
font-size:100%;
}

.contents_message ul li a{
width:225px;
}

#container .mt100,
.next_container .mt100{
margin-top:15px !important;
}

.sns li {
padding: 0 15px;
}

.contentLst li{
padding: 0 5px;
}



/* 
---------------------------*/
.contents_past_article{
width:620px;
_width:980px;
}

.next_container{
width:640px;
margin:0 auto;
}



/* =====================================
genre top
------------------------------------- */
h1.GenreLogoBox{
padding: 40px 0 49px;
}



/* =====================================
title
------------------------------------- */
div.ArticleTitleImg img{
width: 100%;
_width: 968px;
max-width: 980px;
padding: 0;
height:auto;
}

/* =====================================
article
------------------------------------- */
#MainPhoto{
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 */
ul#andGnavi #nav04,
ul#andGnavi #nav05{
margin:0 !important;
}
ul#andGnavi #nav06{
margin:0 !important;
}
ul#andGnavi #nav03{
margin:0 8px 0 6px  !important;
}

/*
GenreTop
gallery
*/
.GenreTop #andGnavi2 li.headerLogo,
.gallery #andGnavi2 li.headerLogo,
.gallery2 #andGnavi2 li.headerLogo,
.article #andGnavi2 li.headerLogo{
display:none;
}

.GenreTop #andGnaviBox,
.gallery #andGnaviBox,
.gallery2 #andGnaviBox,
.article #andGnaviBox{
width:auto;
padding-bottom:10px;
border-bottom:1px solid #cccccc;
}

.GenreTop #andGnavi2,
.gallery #andGnavi2,
.gallery2 #andGnavi2,
.article #andGnavi2{
width:580px;
padding:15px 0 0;
}

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


/* fixed */
.GenreTop .fixed #andGnaviBox,
.gallery .fixed #andGnaviBox,
.gallery2 .fixed #andGnaviBox,
.article .fixed #andGnaviBox {
width: 700px;
padding-bottom:10px;
}





/* green
------------------------------------- */
.green {
width:680px;
}
.green .BodyTxt,
.green .Box{
width:auto;
}

/* =====================================
today photo
------------------------------------- */
.todayBox{
padding:0;
}

.todayPhoto .photo{
float:none;
width:auto;
padding: 0;
text-align:center;
}

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





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

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

/* =====================================
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 .ListBlock li{
float:left;
width:49%;
}


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

.gallery #Sub #SubColumns,
.gallery2 #Sub #SubColumns {
	display: block;
}

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

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

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

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

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

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


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


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




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

body.index #container h2 {
padding-left: 22px;
}

body.index #Contents {
padding-top: 0;
}

body.index #ContentsInner .ListBlock li {
margin-bottom: 10px;
}
body.index #ContentsInner .ListBlock li dl dd.date {
text-align: left;
text-align: right;
}
body.index .ListBlock li .Image {
padding: 0 10px 10px 0;
}
body.index .ListBlock li .Image img {
width: 60px;
height: 60px;
}
body.index #ContentsInner .ListBlock li dl dt a {
word-wrap: break-word;
}
body.index #ContentsInner .ListBlock li dl dt {
display:none;
}

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

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





}