@charset "utf-8";

/* -------------------------------------
and_article.css (w)  ver.1.13.1c
last update : 16.10.12 12:30

1.article
2.today's photo
3.テキスト広告
99.etc
------------------------------------- */


/* =====================================
article
------------------------------------- */

/* ArticleTitle
------------------------------------- */
div.ArticleTitle,
div.ArticleTitle2{
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{
}


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

/*title image*/
div.ArticleTitleImg{
padding:25px 0 35px;
margin:0;
}
div.ArticleTitleImg h1 span{display:none;}

/* 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{
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{
padding:0;
}

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

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

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

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

#mainpicNav li img{
_width:100%;
_height:100%;
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;
}

/* 記事中関連リンク（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;
line-height: 1.4;
}
.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
------------------------------------- */
.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;
}

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

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

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

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





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


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

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

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

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

div.ThmbTxt > br{
line-height: 0;
}

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

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

#profile dl ul li{
float:left;
margin:0 10px 0 0;
}

/* 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{
padding:1em 0 25px;
text-align:center;
}

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

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

ul.FlatLnk li{
display: inline;
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;
}


/* and green mark
------------------------------------- */
.andGreen{
padding:1em 0 35px;
text-align:center;
}


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

/* thumbnail & text list
------------------------------------- */
.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;
}

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

.pickupBox p.Image{
float:left;
}

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

.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: -6px; }
.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: 158px; /width: 155px; margin-right: 6px; }
.menu_andw ul li { width: 210px; /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;
line-height: 1.5;
}
#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: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;
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.today's photo:きょうの一枚
------------------------------------- */
.todayBox{
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;
}

.todayPhoto{
position:relative;
margin:0 auto 10px;
}

.todayPhoto .prev,
.todayPhoto .next{
position:absolute;
top:225px;
width: 24px;
}

.todayPhoto .prev{
left:0;
}

.todayPhoto .next{
right:0;
}

.todayPhoto .photo{
width: 600px;
margin:0 auto;
}

/* 過去 */
.photoLstBox{
width:602px;
_width:640px;
margin:25px auto;
}

.next_container h2{
padding:15px 0;
font-size:125%;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
text-align:center;
}

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

.todayPhotoLst li{
position:relative;
float:left;
width:150px;
height:150px;
margin:0;
padding:0;
}

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

.todayPhotoLst li a:hover img{
filter: alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}

.todayPhotoLst li span{
position:absolute;
top:0;
height:20px;
padding:4px 0 0 1px;
font-size:14px;
font-weight:bold;
z-index:5;
}

.todayPhotoLst li .month{
position:absolute;
right:30px;
color:#fff;
text-shadow:1px 1px 1px #333;
font-family:"Times New Roman", Times, serif;
}

.todayPhotoLst li .num{
display:block;
right:5px;
width:20px;
color:#333;
background:url(images/bg_photoNum.png) no-repeat 0 2px;
text-align:center;
font-family:"Times New Roman", Times, serif;
overflow:hidden;
}

.article .next_container{
height:auto !important;
}









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

/* chapterMod
------------------------------------- */
.chapterMod {
border-top: 1px solid #ccc;
margin:0;
padding:10px 0;
}
.FstParson{
border-top: none;
}
.chapterMod h2{
padding:10px 0;
font-weight:bold;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.chapterMod div.ThmbSetXw100 .ThmbCol{
float:left;
}

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

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

/* =====================================
3.テキスト広告
------------------------------------- */
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;
}




/* =====================================
4.写真付き広告
------------------------------------- */
.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;}
/* NorthernTerritory */
.NorthernTerritory { border: #5a9eb4 1px dotted; }
.NorthernTerritory .PrTitle h2 span.PrNorthernTerritory{background-color:#a2dcdc;color:#565656;}
.NorthernTerritory .PrTitle h2 span::after {border-left-color:#a2dcdc;}
.NorthernTerritory .PrArea {margin-bottom:0; padding-bottom:8px;}
.NorthernTerritory .PrArea:after{content: ".";display: block;height:0;font-size:0;clear:both;visibility:hidden;}
.NorthernTerritory .PrArea {display: inline-block;}
* html .NorthernTerritory .PrArea {height: 1%;}
.NorthernTerritory .PrArea {display:block;}

/* =====================================
本文内動画
------------------------------------- */
.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,
#profile:after,
.subLnkArea:after,
ul.FlatLnk:after,
.dateBox:after,
.todayPhoto:after,
.Box:after,
.PhotoLst:after,
ul.todayPhotoLst:after,
#container:after,
.pickupBox: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 #profile,
*:first-child+html .subLnkArea,
*:first-child+html ul.FlatLnk,
*:first-child+html .dateBox,
*:first-child+html .Box,
*:first-child+html .PhotoLst,
*:first-child+html ul.todayPhotoLst,
*:first-child+html #container,
*:first-child+html .pickupBox{
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 #profile,
* html .subLnkArea,
* html ul.FlatLnk,
* html .dateBox,
* html .PhotoLst,
* html .todayPhoto,
* html .photoLstBox
* html .Box,
* html ul.todayPhotoLst,
* html #container,
* html .pickupBox{
height:1px;
}