@charset "utf-8";

/* -------------------------------------
and_contenst.css  ver.2.0.0a
last update : 15.05.12 15:30

1.Index
2.Contents
3.time line
4.genre top
5.article
6.Sub
7.green
8.photo gallery TOP
9.index(sitemap)
10.広告
11.footer
98.for ie6
99.etc
------------------------------------- */

/* 汎用
------------------------------------- */

.dispOn{
display: block;
}

.dispNon{
display: none;
}

.mt100{
margin-top:100px;
}

.imgCenter{
margin:0 auto;
text-align:center;
}

.txtGreen{
color:#009600;
}

.bold{
font-weight:bold;
}




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

.Header_top{
}

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

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

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

ul#andGnavi li{
padding-right:10px;
}

ul#andGnavi2 li{
padding-right:5px;
}

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

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

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

ul#andGnavi #nav04,
ul#andGnavi #nav05{
margin:0 15px 0 0;
}
ul#andGnavi #nav06{
margin:0 17px 0 0;
}

ul#andGnavi #nav07{
margin:0;
}


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

ul#andGnavi2 li.navItem a{
height:18px;
}

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

ul#andGnavi2 li#nav01 a{
width:43px;
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:44px;
background:url(../images/nav_life.jpg) no-repeat 0 0;
}
ul#andGnavi2 li#nav02 a:hover{
background:url(../images/nav_life_on.jpg) no-repeat 0 0;
}
.life ul#andGnavi2 li#nav02 a{
background:url(../images/nav_life_now.jpg) no-repeat 0 0;
}

ul#andGnavi2 li#nav03 a{
width:76px; /* style 5776px */
background:url(../images/nav_fashion.jpg) no-repeat 0 0;
}
ul#andGnavi2 li#nav03 a:hover{
background:url(../images/nav_fashion_on.jpg) no-repeat 0 0;
}
.style ul#andGnavi2 li#nav03 a,
.fashion ul#andGnavi2 li#nav03 a{
background:url(../images/nav_fashion_now.jpg) no-repeat 0 0;
}

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

ul#andGnavi2 li#nav05 a{
width:65px;
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:72px;
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:100px;
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;
}


/* 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:#e6e6e6;
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{
width: 940px;
margin:0 auto;
padding:0 0 2px;
border-bottom:none;
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;
float: none;
vertical-align:middle;
padding-right:45px;
}

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

.fixed ul#andGnavi .navItem{
display:inline-block; /display:inline; /zoom:1;
float: none;
margin:0;
padding-top:0;
vertical-align:middle;
}


.fixed ul#andGnavi #nav01{
    margin:0 8px 0 0 !important;
  }
.fixed ul#andGnavi #nav04,
.fixed ul#andGnavi #nav05{
    margin:0 !important;
  }
.fixed ul#andGnavi #nav06{
    margin:0 !important;
  }
.fixed ul#andGnavi #nav03{
    margin:0 8px 0 6px  !important;
  }

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

.fixed #searchbox{
width:134px;
}

.fixed #searchbtn{
width:30px;
}

.fixed #nav01{
}


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



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

#Top .headerLogoArea h1 {
  display: block;
  width: 160px; height: 145px;
  overflow: hidden;
}

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

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

.headerLogoArea h1{
position:relative;
width:160px !important;
margin:0 auto;
padding:0;
}

.headerLogoArea .caroufredsel_wrapper ul.carouselLogo{
width:160px !important;
}

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

.headerLogoArea h1 ul{
top:0;
left:0;
}

.headerLogoArea h1 ul li{
margin:0;
padding:0;
}

/*.headerLogoArea h1 ul li:last-child{
visibility: hidden;
}*/


/* Header sns
------------------------------------- */
.header_sns_box{
width:160px;
padding:48px 0 7px;
border-bottom:1px solid #ccc;
}

.header_sns_box li{
float:left;
}

.headerAndC .header_sns_box{
padding-top: 14px;
/padding-top: 20px;
_padding-top: 20px;
}

.twitter { width: 72px;}
.facebook { width: 88px; }


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

#Main #TopHeader .headerImageArea ul{

}

.headerImageArea ul li{
position:relative;
float:left;
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:"Times New Roman", Times, serif;
z-index:5;
}

.headerImageArea .header_image_message{
position:absolute;
bottom:0;
left:0;
padding:0 0 20px 20px;
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;
}


/* Header news list(what's new)
------------------------------------- */
.header_news_text{
float:left;
width:254px;
height:295px;
margin-top:20px;
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:22px;
border-bottom:1px solid #e6e6e6;
}

.header_news_title_image {
float: left;
width: 93px;
line-height: 0;
}

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

.header_sns_area .btnFacebook{
margin-right:20px;
margin-right:0px;

background-position: 0 -100px;
}


.header_sns_area .btnTwitter{
background-position: 0 -100px;
}


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


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

.header_bnr_title{
margin-bottom:10px;
border-bottom:1px solid #ccc;
}




.header_bnr ul{
overflow: hidden;
}

.header_bnr p{
color:#999;
text-align: center;
font-size: 11px;
/font-size: 9px;
}

.header_bnr ul {
  width: 120px;
  height: 120px;
  display: block;
  overflow: hidden;
}

.header_bnr {
  float: left;
  height: 147px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 120px;
  z-index: 1;
  }
  
.header_bnr ul{
  overflow: hidden;
  }
  
.header_bnr ul li{
  width: 120px;
  height: 120px;

text-align: center
}
  
.header_bnr p{
  overflow: hidden;
  height: 18px;
  margin:5px 0 10px;
  margin-top:0;
  color:#999;
  text-align: center;
  font-size: 11px;
  /font-size: 9px;
  line-height: 18px;
  }

.header_bnr p a{
color: #999999;
}
    

/* 13-10-11 */
.contents_bnr_box .bnr2 li div {
  width: 390px; height: 100px;
  overflow: hidden;
}
.contents_bnr_box .bnr2 li div span,
.contents_bnr_box .bnr2 li div span a {
  display: block;
  width: 390px;
  height: 100px;
  overflow: hidden;
}	

	







/* =====================================
2.Contents
------------------------------------- */
#Contents #ContentsInner{
position:relative;
margin:0 auto;
}

#Top #Contents #ContentsInner,
.GenreTop #Contents #ContentsInner{
padding:0;
}

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

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

/*140423*/
/width: 638px;
}

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

#Top #Contents,
.GenreTop #Contents{
margin:0 auto;
padding:0 0 573px;
_padding:0 0 10px;
background:#fff url(images/topimg.png) no-repeat 50% 100%;
_background:none;
}

.index #Contents{
padding:0 0 10px;
background:none;
}

#Sub{
padding:0;
}

/* 二の字 */
#Contents.Single #ContentsInner #Main{
margin-right:0;
}

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



/* Contents banner
------------------------------------- */
.contents_bnr_box{
margin:20px auto 30px;
padding:0;
text-align:center;
line-height:1;
zoom:1;
}

.contents_bnr_box ul{
margin:0 auto;
padding:0;
}

.contents_bnr_box ul.bnr2{
width:810px;
}

.contents_bnr_box li{
margin:0 auto;
padding:0 7px;
text-align:center;
}

.contents_bnr_box ul.bnr2 li{
float:left;
}

.contents_bnr_box li img{
margin:0 auto;
}

.contents_bnr_box li a:hover img{
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}







/* =====================================
3.time line
------------------------------------- */
#container{
_width:980px;
margin:0 auto;
padding:0;
text-align:center;
zoom:1;
}

.index #container {
height: auto !important;
}

.item{
float:left;
width:360px;
margin:0 10px 100px 70px;
/*
タイムライン調整
140415
*/
margin: 0 0 100px 80px;
text-align:justify;
word-wrap:break-word;
}

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

/* and */
.leftCorner,
.rightCorner{
position:absolute;
display:block;
width:40px;
z-index:2;
}


/*
タイムライン調整
140415

.rightCorner{
margin:-3px 0 0 401px;
/margin:-3px 0 0 42px;
vertical-align: top;
}

.leftCorner{
margin:-3px 0 0 -59px;
}
*/

.rightCorner{
margin:-3px 0 0 401px;
margin: -3px 0 0 391px;
/margin:-3px 0 0 32px;

vertical-align: top;
}

/* ie8 */
html>/**/body .rightCorner {
   margin: -3px 0 0 32px\9;
   margin: -3px 0 0 391px\9;
}

.leftCorner{
margin:-3px 0 0 -59px;
margin: -3px 0 0 -69px;
}


/* time line */
.timeline_container{
display:block;
width:2px;
height: 100%;
margin: 0 auto;
background-color: #fa001e;
text-align: center;
}

.contents_header{
height:30px;
padding:0 0 10px;
}

.contents_image{
}

/* 
タイムライン調整
140415
 */
.contents_body .contents_image img.lazy{
height: 241px;
}

/* 日付 */
.contents_date{
display: inline-block;
height: 30px;
font-size:75%;
vertical-align: text-top;
*display:inline;
*zoom:1;
}

/*
タイムライン調整
140415
*/
.contents_date{
display: inline-block;
height: 30px;
font-size:75%;
vertical-align: text-top;
*display:inline;
*zoom:1;
}


/* title */
.contents_title{
font-size:150%;
font-family:"Times New Roman", Times, serif;
}

.contents_subtitle{
margin:0 0 15px;
font-size:90%;
font-weight:bold;
line-height:1.6;
}

/**/
.c-title-l{
margin-left:8px;
padding-left:7px;
border-left:1px solid #ccc;
}

.c-title-r{
margin-right:8px;
padding-right:7px;
border-right:1px solid #ccc;
}

.bNon {
border: 0!important;
}

.c-date-r{
/position:absolute;
padding-top: 7px;
}

/* text */
.contents_message{
height: 136px;
_height: 241px !important;
padding: 40px;
text-align: left;
color: #fff;
font-size:90%;
line-height: 1.6;
overflow:hidden;
}

.contents_body{
}


/* columnCarousel */
.columnCarouselWrapper{
position: relative;
}

.columnCarousel{
overflow:hidden;
margin: 0 24px 0 20px;
}

.columnCarousel li{
float:left;
width:77px;
height:77px;
margin-right: 4px;
line-height:0;
}

.columnCarouselWrapper .prev,
.columnCarouselWrapper .next{
display: block;
position: absolute;
text-indent: -99999px;
text-align:left;
}

.columnCarouselWrapper .prev{
top: 0;
left: 0;
width: 16px;
height: 77px;
background: url(../images/bg_column_prev.jpg) no-repeat;
}

.columnCarouselWrapper .next{
top: 0;
right:0;
width: 16px;
height: 77px;
background: url(../images/bg_column_next.jpg) no-repeat;
}

.columnCarouselWrapper .prev.disabled,
.columnCarouselWrapper .next.disabled{
display:none;
}

.columnCarouselWrapper .prev:hover{
background-position: -16px 0;
}
.columnCarouselWrapper .next:hover{
background-position: -16px 0;
}


.columnCarouselWrapper .prev span,
.columnCarouselWrapper .next span{
display:none;
}

.columnCarouselWrapper .caroufredsel_wrapper ul.columnCarousel li img {
width:77px;
height:77px;
}

/* columnCarousel END  */



.contents_body .red{
background-color: #FA001E;
}

.contents_body .gray{
background-color: #999;
}


.contents_body .contents_message {
padding: 40px 40px 40px 40px;
height: 161px;
}

.contents_message a,
.contents_message a:visited{
color:#fff;
}


.contents_message li{
float:none;
width:auto;
height:auto;
margin:0 0 2px 0;
margin:2px 0;
padding:0 0 0 14px;
background:url("images/mrk_allow.jpg") no-repeat 0 2px;
font-size:90%;
overflow:hidden;

}


.contents_message ul li a{
display:block;
overflow:hidden;
width:265px;
white-space:nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
color:#fff;


word-wrap: normal;
}

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


/* social,category */
.contentLst{
height: 20px;
margin-bottom: 10px;
_padding-bottom:2px;
border-bottom: 1px solid #ccc;
line-height: 0;
}

.contentLst li{
display:block;
float:left;
padding:0 15px;
border-left:1px solid #ccc;
vertical-align:middle;
}

.sns li{
padding:0 35px;
}

.contentLst li:first-child,
.contentLst .Fst{
border-left:none;
}


/* 過去
---------------------------*/
.contents_past_article,
.next_container{
width:100%;
_width:980px;
margin:0 auto;
_text-align:center;
}

.contents_past_article{
height: 20px;
_height:70px;
padding: 20px 0;
_padding: 20px 0 10px;
border-bottom: 1px solid #ccc;
text-align: center;
cursor: pointer;
}

.contents_past_article:hover{
background-color: #e6e6e6;
}

.next_article_box,
.stock,
.next_container{
display: none;
}

.cotent_body_category{
height: 20px;
margin-bottom:10px;
border-bottom:1px solid #ccc;
line-height: 0;
 }

.cotent_body_category li{
float:left;
padding: 0 20px;
}

.contents_past_article_bottom{
}

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

h1.GenreLogoBox img{
line-height:1;
}


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


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

.GenreTop #andGnaviBox,
.gallery #andGnaviBox,
.gallery2 #andGnaviBox,
.article #andGnaviBox{
width: 980px;
margin:0 auto;
padding:0 0 2px;
border-bottom:none;
border-bottom:1px solid #ccc;
}

.GenreTop #andGnavi2,
.gallery #andGnavi2,
.gallery2 #andGnavi2,
.article #andGnavi2{
float:left;
width:800px;
text-align: left;
}

.GenreTop #andGnavi2 li.headerLogo,
.gallery #andGnavi2 li.headerLogo,
.gallery2 #andGnavi2 li.headerLogo,
.article #andGnavi2 li.headerLogo{
display:inline-block; /display:inline; /zoom:1;
float: none;
vertical-align:middle;
padding-right:45px;
}

.GenreTop ul#andGnavi2 .navItem,
.gallery ul#andGnavi2 .navItem,
.gallery2 ul#andGnavi2 .navItem,
.article ul#andGnavi2 .navItem{
display:inline-block; /display:inline; /zoom:1;
float: none;
margin:0;
padding-top:0;
vertical-align:middle;
}

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








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


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


/* 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{
width:300px;
margin:0 auto;
_margin:0 !important;
padding:0;
}

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

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



/* list Photo 01
------------------------------------- */
#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;
overflow:hidden;
}

#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:60px;
padding:6px 10px;
font-size:12px;
color:#000;
z-index:50;
overflow:hidden;
}


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

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

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


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

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

.andSubBox .ListBlock li .Image{
display: block;
float: right;
margin: 0;
padding: 0 0 10px 10px;
}

.andSubBox .ListBlock li .ImageL{
display: block;
float: left;
margin: 0;
padding: 0 10px 10px 0;
}

.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;
}



/* ListBlock
------------------------------------- */
.ListBlock{
}

.ListBlock li{
float:left;
width:48%;
padding:10px 1% 0 0;
}

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

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

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


/* =====================================
7.green
------------------------------------- */
.green{
width:980px;
margin:25px auto 25px;
}

.green .BodyTxt{
width:600px;
margin:0 auto 25px;
}

.green .BodyTxt span{
padding:0 3px;
}

.green .Box{
width:600px;
margin:0 auto;
}

.green .Box h2{
padding:25px 0 15px;
border-top:1px solid #ccc;
border-bottom:1px solid #eee;
}

/* asahi digital info */
.subLnkArea dl.asdgInfo{
margin:25px auto;
}

.subLnkArea dl.asdgInfo dt{
margin:0 0 5px;
font-weight:bold;
text-align:center;
}

.subLnkArea dl.asdgInfo dd{
padding:5px 0;
font-size:75%;
}

.subLnkArea dl.asdgInfo dd ul.contentLst{
width:320px;
margin:0 auto;
border-bottom:none;
text-align:center;
}

.subLnkArea dl.asdgInfo dd ul.contentLst li{
padding:0 25px;
}



/* =====================================
8.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 dl.h1Follow dt{
text-align: right;
}

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

body.index .ListBlock{
margin:0 0 50px;
padding:0 15px;
}

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 #container h2{
margin:0 0 15px;
padding-left: 26px;
font-family: "Times New Roman",Times,serif;
font-size: 150%;
text-align:left;
}

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

body.index .ListBlock:after,
body.index #container h2:after {
  display:block;
  clear:both;
} /* この記述は固定です */
body.index .ListBlock,
body.index #container h2 {zoom:1;} /* clearfix IE6, 7 */
body.index .ListBlock:after,
body.index #container h2:after {content:"";} /* clearfix */


/* PDF */
.sitemap .mediaInfo {
width: 100%;
border-top: 1px solid #ebebe4;
padding: 14px 0;
min-height: 60px;
}
.sitemap .mediaInfo {
display: block;
}
.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_w/images/icon-pdf.gif') no-repeat right top;
padding-right: 18px;
}



/* =====================================
10.広告
------------------------------------- */
.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 div table {
margin: 9px 12px 0;
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;
}




/* =====================================
11.footer
------------------------------------- */





/* =====================================
98.for ie6
------------------------------------- */
html{
_width:1000px;
}

body{
}

#Header,
#Contents,
#Footer{
_width:100%;
}

#Header #HeaderInner{
_width:1000px;
_margin:0 auto;
_padding:0;
}

#Contents #ContentsInner,
#Footer #FooterInner,
#Footer #ToTop #ToTopInner,
#Contents.masonry{
_width:980px;
_margin:0 auto;
}





/* =====================================
99.etc
------------------------------------- */
/* clearfix
------------------------------------- */
.cFix:after,
#Main:after,
#Sub:after,
#Utility2:after,
#TopHeader:after,
#andGnaviBox:after,
#andGnavi:after,
.Header_top:after,
ul.header_sns_box:after,
ul.LstPhoto01:after,
ul.LstStyle02:after,
.subPrBox:after,
.andSubBox:after,
.ListBlock:after,
.ListBlock li:after,
.ListBlock .contentLst:after,
#container:after,
.contents_bnr_box:after,
.next_container:after,
.header_news_text:after,
.header_news_text_inbox:after,
.ListBlock li:after,
.FollowLnk: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 #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.header_sns_box,
*:first-child+html ul.LstPhoto01,
*:first-child+html ul.LstStyle02,
*:first-child+html .subPrBox,
*:first-child+html .andSubBox,
*:first-child+html .ListBlock,
*:first-child+html .ListBlock li,
*:first-child+html .contentLst,
*:first-child+html #container,
*:first-child+html .contents_bnr_box,
*:first-child+html .next_container,
*:first-child+html .sheader_news_text,
*:first-child+html .header_news_text_inbox,
*:first-child+html .ListBlock li,
*:first-child+html .FollowLnk{
min-height: 1px;
}

* html .cFix,
* html #Main,
* html #Sub,
* html #Utility2,
* html #TopHeader,
* html #andGnaviBox,
* html #andGnavi,
* html .Header_top,
* html ul.header_sns_box,
* html ul.LstPhoto01,
* html ul.LstStyle02,
* html .subPrBox,
* html .andSubBox,
* html .ListBlock,
* html .ListBlock li,
* html .contentLst,
* html #container,
* html .contents_bnr_box,
* html .next_container,
* html .header_news_text,
* html .header_news_text_inbox,
* html .ListBlock li,
* html .FollowLnk{
height:1px;
}

/* gallery 140523 */
body.gallery .ListBlockCol2:after,
body.gallery .ListBlockCol2 li:after{
min-height: 1px;
}
body.gallery .ListBlockCol2:after,
body.gallery .ListBlockCol2 li:after{
content: ".";
display: block;
clear: both;
height: 0.1px;
visibility: hidden;
line-height: 0;
font-size: 0.1em;
}
body.gallery .ListBlockCol2:after,
body.gallery .ListBlockCol2 li:after{
height:1px;
}

/* gallery ie7 140423 */
*:first-child+html body.gallery .ListBlockCol2:after,
*:first-child+html body.gallery .ListBlockCol2 li:after{
min-height: 1px;
}
*:first-child+html body.gallery .ListBlockCol2:after,
*:first-child+html body.gallery .ListBlockCol2 li:after{
content: ".";
display: block;
clear: both;
height: 0.1px;
visibility: hidden;
line-height: 0;
font-size: 0.1em;
}
* html body.gallery .ListBlockCol2:after,
* html body.gallery .ListBlockCol2 li:after{
height:1px;
}