@charset "utf-8";

/* -------------------------------------
and_article.css (M)  ver.1.25.2d
last update : 16.06.10 17:00

1.article
2.bijin
3.collection
4.ペット図鑑
5.ippin
50.テキスト広告
51.写真付き広告
99.etc
------------------------------------- */


/* =====================================
1.article
------------------------------------- */

/* ArticleTitle
------------------------------------- */
div.ArticleTitle,
div.ArticleTitle2{
position: relative;
padding:25px 0 35px;
}

div.ArticleTitle h1,
div.ArticleTitle2 h1{
font-size:150%;
line-height:1.5;
}

div.ArticleTitle h1 span.txt1st{
display:block;
float:left;
margin:0 5px 0 0;
padding:5px;
background:#000;
color:#fff;
font-size:175%;
line-height:1;
}

/*  */
div.ArticleTitle ul.subTxt,
div.ArticleTitle2 ul.subTxt{
padding:7px 0 0 0;
color:#999;
}

div.ArticleTitle ul.subTxt li{
}

div.ArticleTitle2 .LogoMotor {
position: absolute;
top: 25px;
right: 0;
margin-top: 1em;
}
div.ArticleTitle2 .TitleLogo {
position: absolute;
top: 25px;
right: 0;
margin-top: 1em;
}

ul.subTxt li.bnum{
float:right;
padding:0 10px 0 0;
font-size:80%;
}


/* BreadCrumb
------------------------------------- */
ul.BreadCrumb{
}

ul.BreadCrumb li{
padding:0;
display:inline-block;
font-size: 12px;
font-weight:bold;
*display:inline;
*zoom:1;
}

ul.BreadCrumb li a{
margin:0 2px 0 0;
padding:0 10px 0 0;
background:url(images/mrk_breadcrumb.gif) no-repeat right 0;
font-weight:normal;
}



/* title Image
------------------------------------- */
div.ArticleTitle p.ImgHeading,
div.ArticleTitle2 p.ImgHeading{
position:relative;
float:left;
margin:0 20px 0 0;
padding:7px 0 0;
z-index:1;
}

#Main .ArticleTitle2 .Title{
margin:0 0 10px;
padding:0 0 10px;
border-bottom:1px solid #eee;
}

div.ArticleTitle2 h1{
padding:0.5em 0 0;
}

div.ArticleTitle2 ul.subTxt{
}

div.ArticleTitle2 ul.subTxt li{
}


/* main Pic
------------------------------------- */
.show{
display:block !important;
}

#MainPhotoArea,
.MainPhotoArea{
margin:0 auto 40px;
padding:0;
text-align:center;
border-bottom:1px solid #eee;
}
.MainPhotoArea.typeF {
margin-bottom: 10px;
}
.MainPhotoArea.typeF + .BodyTxt {
margin-bottom: 40px;
}

#MainPhoto{
clear:both;
position:relative;
display:block;
width:650px;
height:487px;
margin:0 auto 2px;
padding:0;
text-align:center;
}

#MainPhoto img{
}

#MainPhoto span,
#mainpicNav ul li span,
#mainpicNav2 ul li span{
display:none;
}

#MainPhoto.PhotoHeightAuto{
  height: auto;
}

#MainPhoto2.typeB,
.MainPhoto2.typeF {
height: auto;
max-height: 487px;
margin-bottom: 10px;
}

#MainPhoto2.typeC {
height: 487px;
}

#MainPhoto2 img,
.MainPhoto2 img{
max-width: 650px;
max-height: 487px;
}

#MainPhotoArea .MainPhotoCaption,
.MainPhotoArea .MainPhotoCaption{
margin: 10px 0;
font-size: 90%;
}
.MainPhotoArea.typeF .MainPhotoCaption {
width: 400px;
margin: 10px auto;
}

/* mainpicNav for common, mainpicNav2 for clickdeep
------------------------------------- */
#mainpicNav,
#mainpicNav2{
padding:0;
}

#mainpicNav ul{
margin:0 auto;
_margin:0;
padding:5px 0;
text-align:center;
border-top:1px solid #eee;
}

#mainpicNav li,
#mainpicNav2 li{
display:inline-block;
width:85px;
height:85px;
margin:0;
padding:1px 1px 1px 0;
text-align:left;
vertical-align:middle;
*display:inline;
*zoom:1;
}

#mainpicNav2 li{
width:60px;
height:42px;
margin:0 0 2px;
}

#mainpicNav li p{
margin:0;
padding:0;
text-align:center;
vertical-align:middle;
}

#mainpicNav li p.hover{
cursor:pointer;
}

#mainpicNav li img{
_width:85px;
_height:85px;
max-width:85px;
max-height:85px;
margin:0;
padding:0;
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

#mainpicNav li.selected p img,
#mainpicNav li p.hover img{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

p.switch{
max-width:650px;
margin:0 auto;
padding:3px 0;
background:#eee;
color:#888;
}

#Caption{
padding:10px 0;
font-size:90%;
}


/* main video
------------------------------------- */
#MainPhotoArea #MainVideo p{
margin:0 0 15px;
font-size: 90%;
}

#MainVideo iframe,
#MainVideo object{
margin:0 auto 10px;
}

#MainPhotoArea #MainVideo{
margin:0 auto;
padding:0 0 20px;
width:640px;
text-align:center;
}
#MainPhotoArea #MainVideo a{
display:block;
margin:0;
padding:0;
}
#MainPhotoArea #MainVideo img{
max-width:640px;
height:auto;
}
#MainPhotoArea #MainVideo .video-js {
width: 640px;
height: 360px;
margin-bottom: 10px;
}
#MainPhotoArea #MainVideo iframe {
width: 640px;
height: 360px;
}


/* bodyTxt
------------------------------------- */
.BodyTxt{

}

.BodyTxt p{
line-height:1.5em;
margin:0 0 1em;
}


/* InnerLnk
------------------------------------- */
p.InnerLnk{
font-size:90%;
}

p.InnerLnk span{
}

p.InnerLnk span a{
padding:0 0 0 16px;
background:url(images/mrk_lnk.gif) no-repeat 0 0;
text-decoration:underline;
}

/* 記事中関連リンク（clickdeep）
------------------------------------- */
.infoLnk{
margin:0 0 10px;
padding:5px 10px 15px;
}

.BodyTxt .infoLnk h2{
margin:0 0 10px;
padding:3px 0;
border-top:1px solid #eee;
}

.BodyTxt .infoLnk h2 span.and{
border-left:none;
}

.infoLnk ul{
margin-left:15px;
padding-left:15px;
}

.infoLnk li{
list-style:square outside;
line-height:1.5;
}

/* 記事中関連リンク（2015.09）
------------------------------------- */
.infoLnk2{
clear: both;
padding-top: 30px;
font-size: 90%;
}
.infoLnk2 .infoLnkTtl{
margin-bottom: 15px;
padding: 0;
color: #333;
font-weight: bold;
}
.infoLnk2 .infoLnkList{
margin-bottom: 30px;
}
.infoLnkList li{
margin-bottom: 8px;
}
.infoLnkList li a{
padding-left: 18px;
background: url(http://www.asahicom.jp/css/images/arrow_list_medium.gif) 6px 5px no-repeat;
}
.infoLnkList li .update{
margin: 0 3px;
font-size: 90%;
}


/* 見出し
------------------------------------- */
.BodyTxt h2{
padding:1em 0;
color:#000;
overflow:hidden;
*zoom:1;
}

.BodyTxt h2 span.and{
display: inline-block;
line-height:25px;
padding:0 0 0 8px;
border-left:3px solid #9B9B94;
font-weight:bold;
}

.BodyTxt h2.Ttl {
display: inline-block;
line-height:25px;
padding:0 0 0 8px;
border-left:3px solid #9B9B94;
font-weight:bold;
margin: 1em 0;
}




/* photo area
------------------------------------- */
.ThmbSet300Tb .ThmbColTb{
float:left;
width:300px;
margin:0 20px 10px 0;
}

.ThmbColTb2{
margin:0 0 20px 0;
}

.ThmbColTb img{
}

.ThmbColTb td.Phot,
.ThmbColTb td.Rec2{
text-align:center;
vertical-align:middle;
}

.ThmbColTb td.Phot .video-js {
width: 300px;
height: 168.5px;
}

.ThmbColTb td small,
.ThmbColTb td span{
display:block;
clear:both;
width:100%;
padding:10px 0;
text-align:left;
font-size:90%;
color:#999;
line-height: 130%;
}

.ThmbColTb td small span.FollowLnk{
clear:both;
display:block;
padding:4px 0 0;
}

.ThmbColTb td small span.FollowLnk a{
text-decoration:underline;
font-size:90%;
}

.ThmbColTb td.Lnk{
padding:35px 0 5px;
border-top:1px dotted #ccc;
background:url(images/mrk_and02.gif) no-repeat center 5px;
font-size:80%;
}

.ThmbColTb td.Lnk ul{
}

/* ThmbSet333Tb
------------------------------------- */
.ThmbSet333Tb .ThmbColTb{
float:left;
width:333px;
margin:0 20px 10px 0;
}


.ThmbSet333Tb td#TbPhotMain{
width:333px;
height:550px;
}

.ThmbSet333Tb .ThmbColTb img{
max-width:333px;
max-height:500px;
}

.ThmbSet333Tb ul#TbphotoNavi{
margin:0 0 15px;
}

.ThmbSet333Tb ul#TbphotoNavi li{
float:left;
display:block;
width:80px;
height:80px;
margin:0 0 4px 1px;

}

.ThmbSet333Tb ul#TbphotoNavi li span{
display:none;
}

.ThmbSet333Tb ul#TbphotoNavi li img{
margin:0;
max-height:80px;
max-width:80px;
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.6;
padding:0;
}

.ThmbSet333Tb ul#TbphotoNavi li.selected img{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}



/* photo hover
------------------------------------- */
.ThmbColTb td.Phot a.hover img{
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}


/* photo area AD
------------------------------------- */
.ThmbColTb td.Rec2{
padding:5px 0;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}

.ThmbColTb td.Rec2 center{
margin:0 0 3px;
color:#64645D;
}

.ThmbColTb td.Rec2 div {
margin:0;
padding:8px 0 7px;
color:#96968F;
font-size:75%;
font-weight:normal;
text-align:center;
line-height: 1.4;
}

/* Box
------------------------------------- */
.Box{
margin:0 0 25px;
}

.Box h2{
margin:0 0 5px;
font-weight:bold;
}


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


/*
------------------------------------- */
.LnkBox{
float:right;
margin:10px;
padding:15px 10px;
border:1px solid #ccc;
background:#ebebe4;
}


/* profile
------------------------------------- */
#Main #profile{
margin:0 0 25px;
padding:0 0 10px;
}

.profileBox{
margin:10px 0 0;
padding:15px 0;
border-top:1px solid #ccc;
}

#Main #profile h2{
padding:10px 0 20px;
font-weight:bold;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

div.ThmbSetXw100 .ThmbCol{
float:left;
}

div.ThmbSetXw100 div.ThmbTxt{
margin-left:116px;
}

div.ThmbSetXw100 div.ThmbTxt dt,
 div.ThmbTxt dt{
margin:0 0 10px;
font-weight:bold;
}

div.ThmbSetXw100 div.ThmbTxt dd,
div.ThmbTxt dd{
font-size:80%;
line-height:1.4em;
}

#profile > .ThmbTxt dl dt {
margin-top: 15px;
}

#profile > .ThmbTxt dl:first-child dt {
margin-top: 0;
}

#profile .ThmbTxt dd a.Blank{
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;
}
#profile div.ThmbTxt.After {
margin-top:22px;
}


/* book
------------------------------------- */
div.infoBox{
margin:0 0 25px;
padding:10px 0;
border-top:1px solid #ccc;
}

div.infoBox h2{
padding:10px 0;
font-weight:bold;
}

div.infoBox p{
margin:0 0 10px;
font-size:80%;
}

#Main #book{
margin:0 0 25px;
padding:10px 0;
border-top:1px solid #ccc;
}

#Main #book h2{
position: relative;
padding:10px 0 20px;
margin-bottom: -15px;
font-weight:bold;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  z-index: 99;
  background-color: #fff;
}

.bookBox{
position: relative;
margin:0;
padding:15px 0;
border-top:1px solid #ccc;
z-index: 0;
}

div.bookBox p{
margin:0 0 10px;
}

div.bookBox div.ThmbSetXw100 .ThmbCol {
margin-bottom: 0;
}

div.bookBox div.ThmbSetXw100 .ThmbCol span{
display: table-cell;
width: 150px;
height: 150px;
background-color: #eee;
text-align: center;
vertical-align: middle;
}
*:first-child+html div.bookBox div.ThmbSetXw100 .ThmbCol span{
display: block;
layout-grid-line: 150px;
zoom: 1;
}

div.bookBox div.ThmbSetXw100 .ThmbCol img{
height: 150px;
}
*:first-child+html div.bookBox div.ThmbSetXw100 .ThmbCol img{
display: block;
}

div.bookBox div.ThmbSetXw100 .ThmbCol img.wide{
width: 150px;
height: auto;
}

div.bookBox div.ThmbSetXw100 div.ThmbTxt{
margin-left:166px;
}

/* 
------------------------------------- */
.subLnkArea{
min-height: 46px;
padding:1em 0 25px;
text-align:center;
position: relative;
}

.subLnkArea .owner{
float:left;
padding-right:5px;
}

ul.FlatLnk{
margin: 0 0 4px;
padding-top: 7px;
}

ul.FlatLnk li{
float: left;
margin: 0 10px 3px 0;
padding-left: 10px;
border-left:1px solid #ccc;
font-size:90%;
}

.subLnkArea p{
padding:0 0 0.5em;
}

.subLnkArea .LogoMotor {
position: absolute;
top: 0;
right: 0;
margin-top: 1em;
}
.subLnkArea .subLnkLogo {
position: absolute;
top: 0;
right: 0;
margin-top: 1em;
}

/* 
------------------------------------- */
div#Main div.LnkRelatedMix ul.Lnk li a{
padding-left:0;
background:transparent none;
}


/* thumbnail & text list (for tokyo dandy)
------------------------------------- */
.PhotoLst li{
display:block;
float:left;
width:23%;
margin:0 0 10px;
padding:0 1% 0 0;
text-align:center;
}

.PhotoLst li span{
display:block;
font-size:80%;
text-align:left;
margin:5px auto 0;
width:95%;
word-wrap: break-word;
white-space: pre-wrap;
}

.PhotoLst li a:hover img{
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}


/* clickdeep
------------------------------------- */
.clickdeep #ContentsInner .ListBlock li{
width:47%;
}

.clickdeep h2{
font-weight:bold;
}

.clickdeep h2 span{
margin:0 0 0 10px;
font-size:80%;
font-weight:normal;
}

/* 記事中pickup
------------------------------------- */
.pickupBox{
clear:both;
padding:20px 0;
border-top:1px solid #ccc;
}

.pickupBox p.Image{
float:left;
}

.pickupBox dl{
margin:0 0 0 120px;
}

.pickupBox dt{
margin:0 0 10px;
}

.pickupBox dd{
font-size:90%;
}






/*
&box
*/
.Box h2 a { color: #000; padding: 0 18px 0 0; background: url(./images/arrow_link.gif) no-repeat right center; }
.Box h2 a { color: #000; padding: 0 26px 0 0; background: url(./images/arrow_link.gif) no-repeat right top; }
.Box h2 a:hover, .Box h2 a:active {color: #FF0000;}
.Box h2  a:hover,
.Box h2 a:active { background: url(./images/arrow_link_ov.gif) no-repeat right top; }

.menu_andm.Box h2 a {
  display: block;
  width: 94px;
  height: 22px;
  background: url(./images/arrow_link.gif) no-repeat right center; 
  } 
.menu_andw.Box h2 a {
  display: block;
  width: 122px;
  height: 22px;
  background: url(./images/arrow_link.gif) no-repeat right center; 
  }
.menu_andm.Box h2 a:hover,
.menu_andm.Box h2 a:active,
.menu_andw.Box h2 a:hover,
.menu_andw.Box h2 a:active {
  background: url(./images/arrow_link_ov.gif) no-repeat right center; 
  }
.menu_andm.Box h2 a span {
  padding: 0 26px 0 0; background: url(./images/sttl_andm.gif) no-repeat left top;
  display: block;
  width: 94px;
  height: 22px;
  margin: 0; padding: 0;
  overflow: hidden;
  text-indent: -9999px;
  } 
.menu_andw.Box h2 a span {
  padding: 0 26px 0 0; background: url(./images/sttl_andw.gif) no-repeat left top;
  display: block;
  width: 122px;
  height: 22px;
  margin: 0; padding: 0;
  overflow: hidden;
  text-indent: -9999px
  }
 .menu_andm.Box h2 a:hover span,
 .menu_andm.Box h2 a:active span {
  padding: 0 26px 0 0; background: url(./images/sttl_andm_ov.gif) no-repeat left top;
  }
.menu_andw.Box h2 a:hover span,
.menu_andw.Box h2 a:active span {
  padding: 0 26px 0 0; background: url(./images/sttl_andw_ov.gif) no-repeat left top;
  }

.menu_andm, .menu_andw { overflow: hidden; }

.menu_andm ul, .menu_andw ul { border-top: 1px solid #ccc; letter-spacing: -0.4em; }
.menu_andm ul { margin-right: -5px; }
.menu_andw ul  { margin-right: -10px; }
.menu_andm ul li, .menu_andw ul li { display: inline-block; *display:inline; *zoom:1; margin-top: 10px; vertical-align: top; letter-spacing: normal; }
.menu_andm ul li {
width: 210px;
margin-right: 5px;
}
.menu_andw ul li {
width: 206px;
/width: 208px;
margin-right: 10px;
/margin-right: 7px;
}
.menu_andm ul li p, .menu_andw ul li p{ margin-bottom: 5px; font-size: 80%; }
.menu_andm ul li img, .menu_andw ul li img { width: 100%; }

/* 
レコメンド
*/
/* RelatedListMod */
#R_reco1 .RelatedListMod{
margin:0 20px 0 0;
padding:14px 0 20px;
border-top:1px solid #E6E6DF;
}
#R_reco1 .RelatedListMod .Title{
margin:0;
padding:0 0 12px;
color:#1E1E17;
font-weight:bold;
line-height:1.1;
background:none;
}
#R_reco1 .RelatedListMod ul{
margin:0;
padding:0 0 5px;
}
#R_reco1 .RelatedListMod ul li{
margin:0;
padding:0 0 8px 0;
font-size:90%;
letter-spacing:0;
}
#R_reco1 .RelatedListMod ul li{
}
#R_reco1 .RelatedListMod ul li.Flat{
display:inline;
float:left;
padding-right:15px;	
white-space:nowrap;
}
#R_reco1 .RelatedListMod ul li a{
display:inline;
margin:0;
padding:0 0 0 18px;
background:url(http://www.asahicom.jp/css/images/arrow_list_medium.gif) no-repeat 6px 5px;
}
#R_reco1 .RelatedListMod ul li a:hover,
#R_reco1 .RelatedListMod ul li a:active{
background:url(http://www.asahicom.jp/css/images/arrow_list_medium.gif) no-repeat 6px -115px;
}
#R_reco1 .RelatedListMod ul li a.Blank{
display:inline !important;
padding-right:0 !important;
padding-left:18px !important;
background:url(http://www.asahicom.jp/css/images/arrow_list_medium.gif) no-repeat 6px 5px !important;
}
#R_reco1 .RelatedListMod ul li a.Blank:hover,
#R_reco1.RelatedListMod ul li a.Blank:active{
background:url(http://www.asahicom.jp/css/images/arrow_list_medium.gif) no-repeat 6px -115px !important;
}
#R_reco1 .RelatedListMod ul li span.Time{
display:inline-block;
margin:0 0 0 2px;
padding:0;
color:#787871;
font-size:75%;
font-weight:normal;
vertical-align:1px;
*display:inline;
*zoom:1;
}
#R_reco1 .RelatedListMod ul li span.Name{
display:inline-block;
margin:0 0 0 3px;
padding:0;
color:#787871;
font-size:75%;
font-weight:normal;
vertical-align:1px;
*display:inline;
*zoom:1;
}
#R_reco1 .RelatedListMod ul li span.Charge{
margin:0 0 0 3px;
padding:0;
vertical-align:0;
}
#R_reco1 .RelatedListMod ul li span.Movie{
margin:0 0 0 3px;
padding:0;
vertical-align:1px;
}
#R_reco1 .RelatedListMod ul li span.Blank{
margin:0 0 0 5px;
padding:0;
vertical-align:-1px;
}
#R_reco1 .RelatedListMod .Thum{
margin:0;
padding:10px 0 0;
border-top:1px solid #E6E6DF;
}
#R_reco1 .RelatedListMod .Thum ul{
margin:0;
padding:0;
letter-spacing:-1em;word-spacing:-1em;
}
:root #R_reco1 .RelatedListMod .Thum ul{font-size:1px;letter-spacing:-1px;word-spacing:-1px;}
#R_reco1 .RelatedListMod .Thum ul li{
display:inline-block;
margin:0;
padding:0 0 8px 12px;
width:60px;
_width:72px;
background:none;
border-top:none;
*display:inline;
*zoom:1;
font-size:1rem;letter-spacing:normal;word-spacing:normal;
}
#R_reco1 .RelatedListMod .Thum ul li:hover{
background:none;
}
#R_reco1 .RelatedListMod .Thum ul li a{
display:table-cell;
/display:block;
margin:0;
padding:0;
width:60px;
height:60px;
text-align:center;
vertical-align:middle;
overflow:hidden;
background:none;
/layout-grid-line:60px;
background:none;
}
#R_reco1 .RelatedListMod .Thum ul li a:hover,
#R_reco1 .RelatedListMod .Thum ul li a:active{
background:none;
}
#R_reco1 .RelatedListMod .Thum ul li span{
display:block;
margin:0;
padding:0;
}
#R_reco1 .RelatedListMod .Thum ul li span img{
display:block;
margin:0 auto 0;
padding:0;
/vertical-align:middle;
}
#R_reco1 .RelatedListMod .Thum ul li span.Width img{
width:60px;
height:auto;
}
#R_reco1 .RelatedListMod .Thum ul li span.Height img{
width:auto;
height:60px;
}
#R_reco1 .RelatedListMod ul.SubLnk{
margin:0;
padding:9px 0 0;
border-top:1px solid #E6E6DF;
}
#R_reco1 .RelatedListMod ul.SubLnk li{
display:inline-block;
width:auto;
margin:0;
padding:0 0 10px;
border-top:none;
background:none;
color:#3C3C35;
font-size:75%;
font-weight:normal;
vertical-align:bottom;
letter-spacing:1px;
line-height:1.1;
white-space:nowrap;
*display:inline;
*zoom:1;
}
#R_reco1 .RelatedListMod ul.SubLnk li:hover,
#R_reco1 .RelatedListMod ul.SubLnk li:active{
background:none;
}
#R_reco1 .RelatedListMod ul.SubLnk li.Fst{
width:auto;
padding-left:0;
}
#R_reco1 .RelatedListMod ul.SubLnk li a{
display:inline;
width:auto !important;
_height:auto;
min-height:0;
margin:0;
padding:0 0 0 10px;
border-left:1px solid #E6E6DF;
background:none;
color:#3C3C35;
}
#R_reco1 .RelatedListMod ul.SubLnk li a:hover,
#R_reco1 .RelatedListMod ul.SubLnk li a:active {
color:#B90000;
background:none;
text-decoration:underline;
}
#R_reco1 .RelatedListMod ul.SubLnk li.Fst a{
padding-left:0;
border-left:none;
}
#R_reco1 .RelatedListMod ul.SubLnk li a span.Charge{
margin:0 1px 0 2px;
padding:0;
vertical-align:-1px;
}
#R_reco1 .RelatedListMod ul.SubLnk li a span.Movie{
margin:0 1px 0 2px;
padding:0;
vertical-align:0;
}
#R_reco1 .RelatedListMod ul.SubLnk li a span.Blank{
margin:0 1px 0 3px;
padding:0;
vertical-align:-2px;
}
#R_reco1 .RelatedListMod ul.SubLnk li.Comment{
color:#787871;
font-size:70%;
letter-spacing:0;
}


/*
おすすめコンテンツ
*/
#Contents #ContentsInner #R_reco3 .Section .Title {
clear: both;
margin: 0;
padding: 8px 0 0;
border-top: 1px solid #DCDCD5;

margin: 0 0 5px;
font-weight: bold;

border-top: 0;
}
#Contents #ContentsInner #R_reco3 .Section .ListBlockCol2 {
margin-bottom: 10px;
padding-top: 10px;
border-top: 1px solid #E6E6DF;
}
#Contents #ContentsInner #R_reco3 .Section .ListBlockCol2{
margin-bottom:10px;
padding-top:10px;
border-top:1px solid #E6E6DF;
}
#Contents #ContentsInner #R_reco3 .Section .ListBlockCol2 li{
display:inline;
float:left;
width:309px;

width:299px;

_width:320px;
margin:0 0 0 11px;
padding:0 0 0 11px;
border-top:none;
border-left:1px solid #E6E6DF;

padding-bottom: 10px;
border-bottom: 0;
margin:0 0 0 10px;
padding:0 0 0 10px;
}
/* ie7 */
*:first-child+html #Contents #ContentsInner #R_reco3 .Section .ListBlockCol2 li {
width: 300px;
}

#Contents #ContentsInner #R_reco3 .Section .ListBlockCol2 li.Fst{
_width:319px;
margin-left:0;
padding-left:10px;
border-left:none;

padding-left:5px;
}
/* ie7 */
*:first-child+html #Contents #ContentsInner #R_reco3 .Section .ListBlockCol2 li.Fst {
width: 300px;
}

#Contents #ContentsInner #R_reco3 .Section .ListBlockCol2 li .Image{
padding-bottom:0;
}
#Contents #ContentsInner #R_reco3 .Section .ListBlockCol2 li .MaximumImage a{
position:relative;
width:309px;
/*height:200px;*/
overflow:hidden;
}
#Contents #ContentsInner #R_reco3 .Section .ListBlockCol2 li .MaximumImage a span img{
position:relative;
top:0;
}










/* =====================================
2.bijin:美人記念日
------------------------------------- */
.bijin h1{
text-align:center;
}

/* bijin photo area
------------------------------------- */
.bijinBox{
margin:0 auto;
padding: 0 90px;
text-align:center;
}

.dateBox{
width: 186px;
margin:0 auto 40px;
}
.todayBox .dateBox,
.bijinBox .dateBox {
width: 230px;
}

.dateBox .prev,
.dateBox .next{
float: left;
width: 8px;
padding: 4px 0 0;
}

.dateBox .date{
float: left;
width: 140px;
padding: 0 15px;
text-align: center;
font-size: 15px;
line-height: 1.6;
}
.todayBox .dateBox .date,
.bijinBox .dateBox .date {
width: 180px;
}

.bijinPhoto{
position:relative;
width:765px;
margin:0 auto 3px;
}

.bijinPhoto .prev,
.bijinPhoto .next{
position:absolute;
top:200px;
width: 24px;
}

.bijinPhoto .prev{
left:0;
}

.bijinPhoto .next{
right:0;
}

.bijinPhoto .photo{
width: 590px;
margin:0 auto;
}

.bijinInfo{
margin:0 auto 25px;
padding:0 85px;
}

.bijinInfo dl dt{
margin-bottom:3px;
font-size:90%;
}

.bijinInfo dl dd{
font-size:80%;
}

.bijinInfo .info{
width:590px;
margin:0 auto;
text-align:right;
color:#999;
font-size:75%;
}

.bijinInfo .goToday{
width:590px;
margin:10px auto;
text-align:right;
font-size:75%;
}

.bijin h2{
color:#ccc;
font-size:80%;
font-weight: bold;
line-height: 1.6;
text-align:center;
}

.bijin .Box{
margin:0 auto 25px;
padding:0 175px;
}


/* 今日は何の日
------------------------------------- */
.bijin .today{
}

.bijin .today h3{
padding:0 0 20px;
font-size:150%;
font-weight:bold;
line-height:1.6;
text-align:center;
}

.bijin .today h4{
font-weight:bold;
padding:0 0 5px;
}

.bijin .today .BodyTxt{
margin:0 0 25px;
}

.bijin .today .BodyTxt p{
margin:0;
background:url(images/text_bg.jpg) repeat 0 0;
line-height:42px;
text-align:justify;
}

.bijin .today .BodyTxt p.info{
font-size:75%;
text-align:right;
}

.bijin .today li{
font-size:80%;
}


/* 過去の出来事
------------------------------------- */
.bijin .memory{
padding:15px 175px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

.bijin .memory h3{
padding:0 0 20px;
font-size:80%;
font-weight:bold;
line-height:1.6;
text-align:center;
}

.bijin .memory .BodyTxt{
margin:0 0 25px;
}

.bijin .memory .BodyTxt p{
margin:0;
font-size:80%;
}


/* thumb and banner area
------------------------------------- */
.bijin .bijinThumb .FloatL{
width: 362px;
}

.bijin .bijinThumb .bijinBnr{
float:right;
width:200px;
height:200px;
}

.bijinThumbList{
}

.bijinThumbList li{
float:left;
width:104px;
padding:0 15px 20px 0;
font-size:75%;
text-align:center;
overflow:hidden;
}


/* Sequece Navigation
------------------------------------- */
div#Main div.SeqNav{
margin:10px 0;
text-align:center;
line-height:2;
font-size:12px;
}

/*Buttons*/
div#Main div.SeqNav p,
div#Main div.SeqNav ol {
display:inline;
margin:0;
}

div#Main div.SeqNav ol li{
display:inline-block;
/display:inline;
margin:0;
}

/* Buttons - inside */
div#Main div.SeqNav p a,
div#Main div.SeqNav p span,
div#Main div.SeqNav ol li a,
div#Main div.SeqNav ol li em{
padding:3px 6px 2px;
border:1px solid #9B9B94;
background:#fff;
color:#333;
line-height:1.1;
}

*:first-child+html div#Main div.SeqNav p a ,
*:first-child+html div#Main div.SeqNav p span ,
*:first-child+html div#Main div.SeqNav ol li a ,
*:first-child+html div#Main div.SeqNav ol li em {
display:inline-block;
}

* html div#Main div.SeqNav p a ,
* html div#Main div.SeqNav p span ,
* html div#Main div.SeqNav ol li a ,
* html div#Main div.SeqNav ol li em {
display:inline-block;
margin-bottom:5px;
}

/* Buttons - Prev or Next */
div#Main div.SeqNav p a ,
div#Main div.SeqNav p span {
white-space:nowrap;
font-weight:bold;
}

div#Main div.SeqNav p span{
color:#ddd;
}

/* Buttons - Prev */
div#Main div.SeqNav p.Prev a ,
div#Main div.SeqNav p.Prev span{
padding-right:5px;
padding-left:28px;
background:#fff url(images/mkr_prev_on.gif) no-repeat 0 50%;
}

div#Main div.SeqNav p.Prev span{
background:#fff url(images/mkr_prev_off.gif) no-repeat 0 50%;
}

/* Buttons - Next */
div#Main div.SeqNav p.Next a ,
div#Main div.SeqNav p.Next span {
padding-right:28px;
padding-left:5px;
background:#fff url(images/mkr_next_on.gif) no-repeat 100% 50%;
}

div#Main div.SeqNav p.Next span {
background:#fff url(images/mkr_next_off.gif) no-repeat 100% 50%;
}

div#Main div.SeqNav p a:hover,
div#Main div.SeqNav p a:active,
div#Main div.SeqNav p a:focus,
div#Main div.SeqNav ol li a:hover,
div#Main div.SeqNav ol li a:focus,
div#Main div.SeqNav ol li a:active,
div#Main div.SeqNav ol li em {
background-color:#a00;
color:#fff;
text-decoration:none;
}

div#Main div.SeqNav p ,
div#Main div.SeqNav ol li {
margin:0 -4px 0 1px;
}

*:first-child+html div#Main div.SeqNav ol li {
margin:0 -3px 0 2px;
}

*:first-child+html div#Main div.SeqNav p{
margin-right:0px;
}

div#Main div.Box div.SeqNav p ,
div#Main div.Box div.SeqNav ol li {
margin:0 1px 0 1px;
}

*:first-child+html div#Main div.Box div.SeqNav p{
margin-left:1px;
}

* html div#Main div.SeqNav ol li {
margin:0 -3px 0 1px;
}

* html div#Main div.SeqNav p {
margin-right:1px;
}

/* ArticlePagenationArea(2015.06)
------------------------------------- */
.ArticlePagenationArea {
text-align: center;
margin: 14px auto;
overflow: hidden;
clear: both;
}

.ArticlePagenationArea .ArticlePagenation li a{
padding: 4px 3px;
font-size: 75%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
display: inline-block;
line-height: 1;
}

.ArticlePagenationArea .ArticlePagenation li a:link{
-moz-transition:none;
-webkit-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
}

.ArticlePagenationArea .ArticlePagenation li a:hover{background-color: #fa001c; color: #fff;}
.ArticlePagenationArea .ArticlePagenation li.PagePrev{margin: 0 0 8px 0;}

.ArticlePagenationArea .ArticlePagenation li a span{display: inline-block;}
.ArticlePagenationArea .ArticlePagenation li.PagePrev a span{
padding-left: 15px;
background:url(images/pagenation_arrow_left.png) left center no-repeat;
}
.ArticlePagenationArea .ArticlePagenation li.PageNext a span{
padding-right: 15px;
background:url(images/pagenation_arrow_right.png) right center no-repeat;
}


/* =====================================
3.collection
------------------------------------- */
.collection h1.GenreLogoBox{
padding: 56px 0 10px;
}

.collection h2.subH1{
padding:0 0 50px;
text-align:center;
font-weight:bold;
border-bottom:1px solid #ccc;
}

#CllTopBox p.Image,
#CllRecBox p.Image{
float:left;
}

#CllTopBox dd,
#CllMainBox dd{
line-height:1.4;
}

#CllTopBox dt,
#CllMainBox dt,
#CllRecBox dt{
font-weight:bold;
}

#CllMainBox dd.namae,
#CllRecBox dd.namae{
margin:0 0 15px;
font-size:90%;
}

#CllMainBox dd p,
#CllRecBox dd p,
.CllBox p{
font-size:90%;
line-height:1.4;
}

/* Collection header
------------------------------------- */
#CllHead{
padding:10px 0 40px;
font-size:80%;
}

#CllHead p{
text-align:right;
}

/* Collection top area
------------------------------------- */
#CllTopBox{
margin:0 auto 40px;
padding:10px 100px 40px;
border-bottom:1px solid #ccc;
}

#CllTopBox dl{
margin: 0 0 0 315px;
}

#CllTopBox dt{
margin:0 0 5px;
font-size:110%;
}

#CllTopBox dd.namae{
margin:0 0 30px;
}

/* Collection Main Box
------------------------------------- */
#CllMainBox{
margin:0 0 50px;
}

#CllMainBox ul{
}

#CllMainBox li{
float:left;
width:30%;
margin:0 2% 20px 1%;
_margin:0 1% 20px;
padding:0;
border-bottom:1px solid #ccc;
overflow:hidden;
}

#CllMainBox li p.Image{
margin:0 0 15px;
}

#CllMainBox dl{
margin:0 0 15px;
padding:0;
}


/* Collection recomend Box
------------------------------------- */
#CllRecBox,
.CllBox{
margin:0 auto 40px;
padding:40px 100px;
}

#CllRecBox h2{
margin:0 auto 20px;
padding:0 0 5px;
border-bottom:1px solid #ccc;
font-weight:bold;
}

#CllRecBox li{
margin:0 0 15px;
padding:0 0 15px;
border-bottom:1px solid #ccc;
}

#CllRecBox dl{
margin:0 0 0 200px;
}

/* Collection(no photo)
------------------------------------- */
.CllBox{

}

.CllBox h2{
margin:0 auto 20px;
padding:0 0 5px;
font-weight:bold;
}

/* =====================================
4.ペット図鑑
------------------------------------- */
.petBox{
margin:0 auto;
padding: 0 90px;
text-align:center;
}

.petBox h2{
font-weight:bold;
margin: 0 0 20px;
}

.petBox .BodyTxt{
text-align:left;
}

.petBox .date{
margin:0 0 10px;
font-size: 75%;
text-align:right;
}

.petzukan .photoLstBox{
width:572px;
margin:20px auto;
}

.petzukan .photoLstBox ul li{
float:left;
height:97px;
margin:0;
padding:0 1px 1px;
line-height:1;
}

.petzukan .photoLstBox a:hover img{
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

/* =====================================
5.ippin
------------------------------------- */
#Main .IppinBox{
border: 1px dotted #ccc;
margin: 0 0 25px;
padding: 15px 15px 0;}

#Main .IppinBox div.ThmbSetXw100 div.ThmbTxt{
margin-left: 90px;
}

#Main .IppinBox div.ThmbSetXw100 div.ThmbTxt p{
font-size: 82%;
line-height: 1.4;
}

#Main .IppinBox .subLnkArea {
padding: 1em 0 15px;
}

#Main .IppinBox .subLnkArea .ThmbTxt{
text-align: left;
font-size: 80%;
line-height: 1.4em;
}

#Main .IppinBox .subLnkArea .owner{padding: 0 15px 15px 0;}

#Main .IppinBox #Relevance{
margin: 0 0 15px;
padding: 0  0 10px;
}

#Main .IppinBox #Relevance h2{
padding: 10px 0 20px;
font-weight: bold;
}

#Main .IppinBox #Relevance .ThmbSetXw100{
margin: 0 0 0 13px;
width: 194px;
float:left;
}

#Main .IppinBox #Relevance .ThmbSetXw100.FstMod{margin: 0;}

#Main .IppinBox #Relevance .ThmbCol a:hover img{
filter: alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}

/* =====================================
50.テキスト広告
------------------------------------- */
ul.PrList{
margin:0 0 10px;
padding:12px 0 5px;
border-top: 1px solid #E1E1DA;
letter-spacing: 0;
}

ul.PrList li{
margin:0;
padding:0 0 5px 3px;
font-size: 80%;
font-weight: normal;
letter-spacing: 0.5px;
}

ul.PrList li span{
margin: 0;
padding:0 5px 0 0;
color: #5A5A53;
font-size: 80%;
vertical-align: 1px;
}

/* =====================================
51.写真付き広告
------------------------------------- */
.PrFrame{
margin:0 0 25px;
padding:10px 10px 5px;
border:1px dotted #ccc;
clear:both;
}


.PrFrame .PrTitle{
padding: 0;
margin:0 0 10px;
font-weight:bold;
}
.PrFrame .PrTitle h2{padding:0;}
.PrFrame .PrTitle h2 span {
display:block;
float:left;
position:relative;
width:22px;
/width:27px;
_width:27px;
height:13px;
_height:16px;
margin:0 15px 0 0;
_margin:0 5px 0 0;
padding:3px 0 0 3px;
color:#FFF;
font-size:75%;
font-weight:bold;
background-color:#9b9a95;
text-align:center;
line-height:1.1;
}
.PrFrame .PrTitle h2 span:after{
content:'';
position:absolute;
top:0;
left:100%;
width:0;
height:0;
border:8px solid transparent;
border-left-color:#9b9a95;
border:none\9;
}
.PrFrame .PrArea{margin: 0 0 10px; padding: 0 0 10px;}
.PrFrame .PrArea img{ float:left; margin:0 10px 0 0; padding:0;}
.PrFrame .PrArea p{font-size: 80%;line-height: 1.4em;}

/* == 色指定 == */
/*　紫（スターウッド）　*/
.FramePurple{ border:#DECBFC 1px dotted;}
.PrFrame .PrTitle h2 span.PrPurple{background-color:#DECBFC;}
.PrFrame .PrTitle h2 span.PrPurple:after{border-left-color:#DECBFC;}

/*　Lufthansa（黄）　*/
.FrameLufthansa{ border:#FFB300 1px dotted;}
.PrFrame .PrTitle h2 span.PrLufthansa{background-color:#FFB300;}
.PrFrame .PrTitle h2 span.PrLufthansa:after{border-left-color:#FFB300;}

/*　プレミアムモルツ（黄と青）　*/
.PremiumMalts { border: #dda200 1px dotted; }
.PremiumMalts .PrTitle h2 span.PrPurple,
.PremiumMalts .PrTitle h2 span.PrPremiumMalts{background-color:#dda200;color:#111a6c;}
.PremiumMalts .PrTitle h2 span::after {border-left-color:#dda200;}
.PremiumMalts .PrArea {margin-bottom:0; padding-bottom:8px;}
.PremiumMalts .PrArea:after{content: ".";display: block;height:0;font-size:0;clear:both;visibility:hidden;}
.PremiumMalts .PrArea {display: inline-block;}
* html .PremiumMalts .PrArea {height: 1%;}
.PremiumMalts .PrArea {display:block;}

/*　ANA（青）　*/
.FrameANA{ border:#113281 1px dotted;}
.FrameANA .PrFrame .PrTitle h2 span.PrANA{background-color:#113281;}
.FrameANA　.PrFrame .PrTitle h2 span.PrANA:after{border-left-color:#113281;}
.FrameANA { border: #113281 1px dotted; }
.FrameANA  .PrTitle h2 span.PrANA{background-color:#113281;color:#FFFFFF;}
.FrameANA .PrTitle h2 span::after {border-left-color:#113281;}
.FrameANA .PrArea {margin-bottom:0; padding-bottom:8px;}
.FrameANA .PrArea:after{content: ".";display: block;height:0;font-size:0;clear:both;visibility:hidden;}
.FrameANA .PrArea {display: inline-block;}
* html .FrameANA .PrArea {height: 1%;}
.FrameANA .PrArea {display:block;}

/*　NEXT-DRIVE　*/
.NextDrive { border: #27adce 1px dotted; }
.NextDrive .PrTitle h2 span.PrPurple,
.NextDrive .PrTitle h2 span.PrNextDrive{background-color:#27adce;color:#fff;}
.NextDrive .PrTitle h2 span::after {border-left-color:#27adce;}
.NextDrive .PrArea {margin-bottom:0; padding-bottom:8px;}
.NextDrive .PrArea:after{content: ".";display: block;height:0;font-size:0;clear:both;visibility:hidden;}
.NextDrive .PrArea {display: inline-block;}
* html .NextDrive .PrArea {height: 1%;}
.NextDrive .PrArea {display:block;}

/*　Copen　*/
.Copen { border: #fa3965 1px dotted; }
.Copen .PrTitle h2 span.PrPurple,
.Copen .PrTitle h2 span.PrCopen{background-color:#fa3965;color:#fff;}
.Copen .PrTitle h2 span::after {border-left-color:#fa3965;}
.Copen .PrArea {margin-bottom:0; padding-bottom:8px;}
.Copen .PrArea img {width: 100%; float: none;}
.Copen .PrArea .small {margin-top: 5px; font-size: 75%;}

/*　Copen2　*/
.Copen2 { border: #fa3965 1px dotted; }
.Copen2 .PrTitle h2 span.PrCopen{background-color:#fa3965;color:#fff;}
.Copen2 .PrTitle h2 span::after {border-left-color:#fa3965;}

.PrArea { overflow: hidden; }
.PrFrame .PrArea.mb0_pb8 { margin-bottom:0; padding-bottom: 8px; }

/* =====================================
5.検索（キーワード検索）
------------------------------------- */
.ColumnL form.SearchBox2,
div#Main form.SearchBox2{
background:none;
}

.ColumnL div#R_asahikeywords dl,
div#Main div#asahikeywords dl{
font-size:88%;
}

/* =====================================
本文内動画
------------------------------------- */
.InArticleMovieArea .InArticleMovie {
padding: 10px 0 0;
}
.InArticleMovieArea .InArticleMovie object,
.InArticleMovieArea .InArticleMovie iframe {
width: 640px;
height: 360px;
}
.InArticleMovieArea .InArticleMovie a{
display:block;
margin:0;
padding:0;
}
.InArticleMovieArea .InArticleMovie img{
max-width:640px;
height:auto;
}
.InArticleMovieArea .InArticleMovie .video-js {
width: 640px;
height: 360px;
}
.InArticleMovieArea .InArticleMovie .MovieCaption {
padding: 8px 0;
font-size: 90%;
text-align: center;}



/* =====================================
99.etc
------------------------------------- */
/* clearfix
------------------------------------- */
.cFix:after,
.ArticleTitle ul.subTxt:after,
.ArticleTitle:after,
.ArticleTitle2:after,
#MainPhotoArea:after,
#mainpicNav ul:after,
.ArticleTitle .mainpicNav:after,
.ThmbSetXw100:after,
.ThmbSet300Tb:after,
.ThmbSet333Tb:after,
ul#TbphotoNavi:after,
#profile:after,
.subLnkArea:after,
ul.FlatLnk:after,
.dateBox:after,
.bijinPhoto:after,
.Box:after,
#CllTopBox:after,
#CllMainBox ul:after,
#CllRecBox li:after,
.PhotoLst:after,
.petzukan .photoLstBox ul:after,
#Main .IppinBox:after,
#Main .IppinBox #Relevance: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 .ArticleTitle,
*:first-child+html .ArticleTitle2,
*:first-child+html .ArticleTitle ul.subTxt,
*:first-child+html #MainPhotoArea,
*:first-child+html #mainpicNav ul,
*:first-child+html .ArticleTitle .mainpicNav,
*:first-child+html .ThmbSetXw100,
*:first-child+html .ThmbSet300Tb,
*:first-child+html .ThmbSet333Tb,
*:first-child+html ul#TbphotoNavi,
*:first-child+html #profile,
*:first-child+html ul.FlatLnk,
*:first-child+html .dateBox,
*:first-child+html .bijinPhoto,
*:first-child+html .Box,
*:first-child+html #CllTopBox,
*:first-child+html #CllMainBox ul,
*:first-child+html #CllRecBox li,
*:first-child+html .PhotoLst,
*:first-child+html .petzukan .photoLstBox ul,
*:first-child+html #Main .IppinBox,
*:first-child+html #Main .IppinBox #Relevance{
min-height: 1px;
}

* html .cFix,
* html .ArticleTitle,
* html .ArticleTitle2,
* html .ArticleTitle ul.subTxt,
* html #MainPhotoArea,
* html #mainpicNav ul,
* html .ArticleTitle .mainpicNav,
* html .ThmbSetXw100,
* html .ThmbSet300Tb,
* html .ThmbSet333Tb,
* html ul#TbphotoNavi,
* html #profile,
* html ul.FlatLnk,
* html .dateBox,
* html .bijinPhoto,
* html .Box,
* html #CllTopBox,
* html #CllMainBox ul,
* html #CllRecBox li,
* html .PhotoLst,
* html .petzukan .photoLstBox ul,
* html #Main .IppinBox,
* html #Main .IppinBox #Relevance{
height:1px;
}