@charset "euc-jp";

/* -------------------------------------
area.css  ver.1.15
last update : 13.01.10

01.area TOP
02.県別TOP
03.一記事
04.一覧
05.一記事 EX（digital.asahi.com）
06.Sub
07.Footer
------------------------------------- */

.TxtSmall{
font-size:76%;
}



/* -------------------------------------
01.area TOP
------------------------------------- */

/* map
------------------------------------- */
.localMapArea{
position:relative;
margin:0 0 20px 0;
padding:0;
}

.localMap{
position:relative;
display:block;
width:645px !important;
height:390px !important;
margin:0 0 10px 0;
padding:0;
}

.localMap ul{
position:relative;
width:645px !important;
height:390px !important;
margin:0;
padding:0;
background:url(images/localmap.gif) no-repeat 0 0;
}

.localMap ul li{
position:absolute;
list-style:none;
margin:0 auto;
padding:0;
}

.localMap ul li a{
position:absolute;
display:block;
width:40px;
height:28px;
text-indent:-99999em;
overflow:hidden;
}

.localMap ul li a:hover{
background-image:url(images/localmap.gif);
background-repeat:no-repeat;
}

/* 北海道 */
.localMap ul li.area01 a{
top:15px;
left:533px;
width:85px;
height:85px;
}

.localMap ul li.area01 a:hover{
background-position:-533px -405px;
}

/* 青森 */
.localMap ul li.area02 a{
top:116px;
left:533px;
width:85px;
}

.localMap ul li.area02 a:hover{
background-position:-533px -506px;
}

/* 岩手 */
.localMap ul li.area03 a{
top:149px;
left:578px;
}

.localMap ul li.area03 a:hover{
background-position:-578px -539px;
}

/* 宮城 */
.localMap ul li.area04 a{
top:182px;
left:578px;
}

.localMap ul li.area04 a:hover{
background-position:-578px -572px;
}

/* 秋田 */
.localMap ul li.area05 a{
top:149px;
left:533px;
}

.localMap ul li.area05 a:hover{
background-position:-533px -539px;
}

/* 山形 */
.localMap ul li.area06 a{
top:182px;
left:533px;
}

.localMap ul li.area06 a:hover{
background-position:-533px -572px;
}

/* 福島 */
.localMap ul li.area07 a{
top:215px;
left:578px;
}

.localMap ul li.area07 a:hover{
background-position:-578px -605px;
}

/* 茨城 */
.localMap ul li.area08 a{
top:248px;
left:578px;
}

.localMap ul li.area08 a:hover{
background-position:-578px -638px;
}

/* 栃木 */
.localMap ul li.area09 a{
top:215px;
left:533px;
}

.localMap ul li.area09 a:hover{
background-position:-533px -605px;
}

/* 群馬 */
.localMap ul li.area10 a{
top:215px;
left:488px;
}

.localMap ul li.area10 a:hover{
background-position:-488px -605px;
}

/* 埼玉 */
.localMap ul li.area11 a{
top:248px;
left:533px;
}

.localMap ul li.area11 a:hover{
background-position:-533px -638px;
}

/* 千葉 */
.localMap ul li.area12 a{
top:281px;
left:578px;
}

.localMap ul li.area12 a:hover{
background-position:-578px -671px;
}

/* 東京 */
.localMap ul li.area13 a{
top:281px;
left:533px;
}

.localMap ul li.area13 a:hover{
background-position:-533px -671px;
}

/* 神奈川 */
.localMap ul li.area14 a{
top:314px;
left:488px;
width:85px;
}

.localMap ul li.area14 a:hover{
background-position:-488px -704px;
}

/* 新潟 */
.localMap ul li.area15 a{
top:182px;
left:443px;
width:85px;
}

.localMap ul li.area15 a:hover{
background-position:-443px -572px;
}

/* 富山 */
.localMap ul li.area16 a{
top:182px;
left:398px;
}

.localMap ul li.area16 a:hover{
background-position:-398px -572px;
}

/* 石川 */
.localMap ul li.area17 a{
top:149px;
left:353px;
}

.localMap ul li.area17 a:hover{
background-position:-353px -539px;
}

/* 福井 */
.localMap ul li.area18 a{
top:182px;
left:353px;
}

.localMap ul li.area18 a:hover{
background-position:-353px -572px;
}

/* 山梨 */
.localMap ul li.area19 a{
top:248px;
left:488px;
height:61px;
}

.localMap ul li.area19 a:hover{
background-position:-488px -638px;
}

/* 長野 */
.localMap ul li.area20 a{
top:215px;
left:443px;
height:61px;
}

.localMap ul li.area20 a:hover{
background-position:-443px -605px;
}

/* 岐阜 */
.localMap ul li.area21 a{
top:215px;
left:398px;
}

.localMap ul li.area21 a:hover{
background-position:-398px -605px;
}

/* 静岡 */
.localMap ul li.area22 a{
top:281px;
left:443px;
}

.localMap ul li.area22 a:hover{
background-position:-443px -671px;
}

/* 愛知 */
.localMap ul li.area23 a{
top:248px;
left:398px;
}

.localMap ul li.area23 a:hover{
background-position:-398px -638px;
}

/* 三重 */
.localMap ul li.area24 a{
top:281px;
left:353px;
}

.localMap ul li.area24 a:hover{
background-position:-353px -671px;
}

/* 滋賀 */
.localMap ul li.area25 a{
top:215px;
left:353px;
}

.localMap ul li.area25 a:hover{
background-position:-353px -605px;
}

/* 京都 */
.localMap ul li.area26 a{
top:215px;
left:308px;
}

.localMap ul li.area26 a:hover{
background-position:-308px -605px;
}

/* 大阪 */
.localMap ul li.area27 a{
top:248px;
left:308px;
height:61px;
}

.localMap ul li.area27 a:hover{
background-position:-308px -638px;
}

/* 兵庫 */
.localMap ul li.area28 a{
top:215px;
left:263px;
height:61px;
}

.localMap ul li.area28 a:hover{
background-position:-263px -605px;
}

/* 奈良 */
.localMap ul li.area29 a{
top:248px;
left:353px;
}

.localMap ul li.area29 a:hover{
background-position:-353px -638px;
}

/* 和歌山 */
.localMap ul li.area30 a{
top:314px;
left:308px;
width:85px;
}

.localMap ul li.area30 a:hover{
background-position:-308px -704px;
}

/* 鳥取 */
.localMap ul li.area31 a{
top:215px;
left:218px;
}

.localMap ul li.area31 a:hover{
background-position:-218px -605px;
}

/* 島根 */
.localMap ul li.area32 a{
top:215px;
left:173px;
}

.localMap ul li.area32 a:hover{
background-position:-173px -605px;
}

/* 岡山 */
.localMap ul li.area33 a{
top:248px;
left:218px;
}

.localMap ul li.area33 a:hover{
background-position:-218px -638px;
}

/* 広島 */
.localMap ul li.area34 a{
top:248px;
left:173px;
}

.localMap ul li.area34 a:hover{
background-position:-173px -638px;
}

/* 山口 */
.localMap ul li.area35 a{
top:215px;
left:128px;
height:61px;
}

.localMap ul li.area35 a:hover{
background-position:-128px -605px;
}

/* 徳島 */
.localMap ul li.area36 a{
top:347px;
left:218px;
}

.localMap ul li.area36 a:hover{
background-position:-218px -737px;
}

/* 香川 */
.localMap ul li.area37 a{
top:314px;
left:218px;
}

.localMap ul li.area37 a:hover{
background-position:-218px -704px;
}

/* 愛媛 */
.localMap ul li.area38 a{
top:314px;
left:173px;
}

.localMap ul li.area38 a:hover{
background-position:-173px -704px;
}

/* 高知 */
.localMap ul li.area39 a{
top:347px;
left:173px;
}

.localMap ul li.area39 a:hover{
background-position:-173px -737px;
}

/* 福岡 */
.localMap ul li.area40 a{
top:248px;
left:72px;
}

.localMap ul li.area40 a:hover{
background-position:-72px -638px;
}

/* 佐賀 */
.localMap ul li.area41 a{
top:248px;
left:27px;
}

.localMap ul li.area41 a:hover{
background-position:-27px -638px;
}

/* 長崎 */
.localMap ul li.area42 a{
top:281px;
left:27px;
}

.localMap ul li.area42 a:hover{
background-position:-27px -671px;
}

/* 熊本 */
.localMap ul li.area43 a{
top:314px;
left:27px;
}

.localMap ul li.area43 a:hover{
background-position:-27px -704px;
}

/* 大分 */
.localMap ul li.area44 a{
top:281px;
left:72px;
}

.localMap ul li.area44 a:hover{
background-position:-72px -671px;
}

/* 宮崎 */
.localMap ul li.area45 a{
top:314px;
left:72px;
}

.localMap ul li.area45 a:hover{
background-position:-72px -704px;
}

/* 鹿児島 */
.localMap ul li.area46 a{
top:347px;
left:27px;
width:85px;
}

.localMap ul li.area46 a:hover{
background-position:-27px -737px;
}


/* 沖縄 */
.localMap ul li.area47 a{
top:149px;
left:67px;
}

.localMap ul li.area47 a:hover{
background-position:-67px -539px;
}



/* map infomation text
------------------------------------- */
.mapInfo{
position:absolute;
top:20px;
left:20px;
width:440px;
max-height:110px;
padding:7px 7px 2px;
border:1px solid #bedae4;
background:#fff;
font-size:88%;
overflow:auto;
}

div#Main .mapInfo h2{
margin:0;
padding:0 0 4px;
min-height:1em;
}

div#Main .mapInfo ul.Lnk li{
font-size:88%;
}



/* ranking
------------------------------------- */
dl.ranking{
margin:0 0 10px;
}

dl.ranking dt{
float:left;
width:2em;
margin:0 10px 0 0;
}

dl.ranking dd{
margin:0 0 10px 2.5em;
}




/* イベント情報
------------------------------------- */
div#Main div.EventBox{
border-color:#999896;
border-bottom:none;
}

div#Main div.EventList{
margin:0 0 30px;
}

div#Main div.EventBox h2{
min-height:22px;
margin: 0;
padding-left:24px;
background:#fff url("http://www.asahicom.jp/css08/images/icn_genre_news_m.gif") no-repeat scroll 5px 10px !important;
}

div#Main div.EventList div.H2Box ul.FollowLnk li{
float:right;
margin:0 0 0 10px;
padding:0 0 0 10px;
border-left:1px solid #C9CCCC;
border-right:medium none;
background:none;
}

/* 特集
------------------------------------- */
div#Main dl.Lnk{
margin:0 0 5px;
padding:5px 0 0;
background: transparent url("http://www.asahicom.jp/css08/images/dotline_x.gif") repeat-x scroll 0 0;
}

div#Main dl.Lnk.FstMod{
padding:0;
}

div#Main dl.Lnk dt{
margin:3px 0;
padding-left:10px;
background: url("http://www.asahicom.jp/css08/images/mkr_lnk.gif") no-repeat scroll 0 0.5em transparent;
}

div#Main dl.Lnk dd p{
margin:0 0 5px;
font-size:88%;
}


/* area top ニュース一覧
------------------------------------- */
.LocalNav{
margin:0 0 10px;
padding:6px 10px 5px;
background:transparent url("http://www.asahicom.jp/css08/images/dotline_x.gif") repeat-x 0 bottom;
}

.LocalNav li{
float: left;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
border-right: 1px solid #C9CCCC;
line-height: 1.2;
font-size:88%;
}

.LocalNav li:first-child{
border-width:1px 1px 1px 1px;
}


.localLst{
margin:0 0 10px;
}

.localLst dt{
float:left;
margin:0 10px 0 0;
}

.localLst dd span.Update{
padding-left:5px;
}



/* -------------------------------------
03.一記事
------------------------------------- */
body.mytown{

}

#Main p#genre,
.MainInner p#genre{
margin:0;
padding:0;
color: #999;
font-size:88%;
}

.MainInner h1#cap{
font-size:150%;
min-height:0;
margin:0 0 5px;
padding:0;
line-height:1.4;
}


.kiji{
}

/* photo */
table.npic{
float:left;
width:306px;
margin:0 15px 10px 0;
padding:0;
background-color: #F4F3F2;
}

#Main table.npic td{
padding:5px 5px 0;
text-align:center;
}

#Main table.npic td p{
font-size:76%;
margin:0;
padding:0 2px 2px;
text-align: left;
line-height:1.4;
}

#Main table.npic td img{
max-width:300px !important;
padding:2px;
border:1px solid #DEDCD7;
}

#Main table.npic td img.ThmbZoomBtn{
float:right;
margin:0 5px 10px;
border:none;
}

.kiji p{
margin: 0;
padding: 0 0 20px;
font-size: 100%;
line-height: 1.6;
}


/* 関連記事リスト */
.mytown div.sec{
border-top:1px solid #ccc;
clear: both;
margin-bottom: 15px;
}

.mytown div#Main div.sec h2{
height:36px;
min-width:108px;
margin:0 0 4px;
padding:0 0 1px 15px;
background:transparent url("http://www.asahicom.jp/common_css/images/bg_Related_h2.png") no-repeat 0 0;
font-size:100%;
line-height:35px;
}

ul.list li{
margin:0 0 3px;
padding:0 0 0 10px;
}

.list .s{
padding-left: 5px;
font-size: 76%;
}

/* 続きを読む */
.mytown div#Main p.AsaDLnk2{
float: right;
width: 150px;
font-size: 88%;
margin-bottom: 20px;
}

.mytown div#Main p.AsaDLnk2 span{
display:inline-block;
height: 26px;
width: 150px;
background: transparent url("http://www.asahicom.jp/css08/images/bg_lnk_full_article.png") no-repeat 0 0;
padding: 0;
text-align: center;
white-space: nowrap;
}


.mytown div#Main p.AsaDLnk2 span a{
display: inline-block;
padding: 2px 10px 1px;
color: #A00;
font-weight: bold;
line-height: 24px;
}


/* -------------------------------------
04.一覧
------------------------------------- */
.mytown div#Main div.sec,
.mtList div#Main div.sec{
margin: 0 0 30px;
padding:5px 0;
background:transparent none;
border-top:2px solid #999896;
border-bottom: 1px solid #CFCCC8;
}

.mytown div#Main div.sec h2.topi,
.mtList div#Main div.sec h2.topi{
padding-left: 24px;
background:url("http://www.asahicom.jp/css08/images/icn_genre_news_m_brown.gif") no-repeat  5px 10px;;
}

.mtList div#Main p.small{
font-size: 76%;
}

.mtList div#Main p.bg-gray{

}


/* -------------------------------------
05.一記事 EX
------------------------------------- */
div.MainInner div.ColumnL{
float:left;
width: 675px;
}

.MainInner .ColumnR {
float: right;
margin: 0;
padding: 4px 5px 0;
width: 300px;
}


div.MainInner div.ColumnR div#Sub{
display:block;
float:none;
margin:0;
padding:0;
}



.MainInner .ColumnLInner{
margin: 0;
padding: 15px 15px 0;
width: 645px;
}

/* ブレッドクラム */
.MainInner .ColumnLInner dl#TopicPath{
}

.MainInner #TopicPath {
margin:0 0 12px;
padding:0 0 7px;
border-bottom:1px solid #807D78;
font-size:76%;
}

/* ユーティリティ */
.MainInner .Utility2 {
clear: both;
line-height: 1;
margin: 0 0 10px;
padding: 0;
}

div#Main .MainInner div.Utility2 div#utility_btns p.Bn_Scrap{
float:right;
margin:0 0 0 5px;
padding:3px 0 1px 8px;
}

div#Main .MainInner div.Utility2 div#utility_btns p.Bn_Scrap a{
display:block;
width:152px;
height:20px;
background:transparent url("http://www.asahicom.jp/css_digital/images/2012_bn_scrap_s.gif") no-repeat scroll 0 0;
text-indent:-99999px;
overflow:hidden;
}

/* h1 */
div#Main .MainInner h1.ArticleTtl{
font-size:150%;
border-bottom:none;
}


/* photo */
.ThmbPhotoArea{
width: 306px;
float: left;
margin: 0 15px 10px 0;
padding:5px 5px 0;
background-color: #F4F3F2;
}
.ThmbPhotoArea .ThmbPhotoBox{
margin: 0 0 3px;
padding: 0 0 2px;
}

.ThmbPhotoArea .ThmbPhotoBox p.ThmbPhoto{
width: 306px;
margin: 0;
padding: 0 0 5px;
text-align: center;
}

.ThmbPhotoArea .ThmbPhotoBox p.ThmbPhoto span{
display: block;
margin: 0;
padding: 2px;
border: 1px solid #DEDEDE;
}

div#Main .ThmbPhotoArea .ThmbPhotoBox p.ThmbText{
margin: 0;
padding: 0 2px 5px;
background-color: transparent;
font-size: 76%;
text-align: left;
}

div#Main .ThmbPhotoArea .ThmbPhotoBox p.ThmbText a.thickbox{
float:right;
margin: 0 5px 10px;
}

/* FolloweLink */
.MainInner .FlatLnkBox{
margin-bottom:18px;
}

.MainInner .FlatLnkBox ul{
background: url("http://www.asahicom.jp/css08/images/dotline_x.gif") repeat-x scroll 0 0 transparent;
display: block;
margin: 0;
padding: 6px 0 5px;
}

.MainInner .FlatLnkBox ul li{
float: left;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
border-right: 1px solid #C9CCCC;
font-size: 76%;
line-height: 1.2;
}

/* Sub */
.MainInner #Sub .Box1 li{
font-size: 76%;
}


/* -------------------------------------
06.Sub
------------------------------------- */
#Sub .Box1{
border-top: 1px solid #CDCDC6;
margin:0 0 10px;
padding: 7px 0 10px;
}

#Sub .Box1 h2{
border-top:none;
border-bottom: 1px solid #CDCDC6;
margin: 0 0 10px;
padding:0 0 6px;
color:#32322B;
}

#Sub .Box1 .TxtSmall{
color:#64645D;
}


/* mail link btn
------------------------------------- */
.LnkBtnArea{
clear:both;
}

.LnkBtn{
display:inline-block;
display:block;
float:left;
margin:5px 5px 5px 0;
padding:5px 6px 4px;
border:1px solid #b9b9b2;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
background:#f5f5ee;
background-image:-webkit-gradient(linear, left top, left bottom, from(#f5f5ee), to(#fff));
background-image:-webkit-linear-gradient(top, #f5f5ee, #fff);
background-image:-moz-linear-gradient(top, #f5f5ee, #fff);
background-image:-o-linear-gradient(top, #f5f5ee, #fff);
background-image:-ms-linear-gradient(top, #f5f5ee, #fff);
background-image:linear-gradient(top, #f5f5ee, #fff);
}

.LnkBtn a{
padding-right:12px;
background:transparent url("http://www.asahicom.jp/css08/images/spriteimg_no_repeat_top3.png") no-repeat scroll 100% -5588px;
white-space:nowrap;
}

/* 総局から */
#sokyoku .box3 p,
#sokyoku .box3 li{
color:#64645D;
font-size:75%;
}

#sokyoku center{
font-size:90%;
text-align:center;
}

/* 関連サイト */
#kanren_area .HeadingSet{
}

#kanren_area .HeadingSet h2{
float:left;
margin:0;
padding:0 0 6px;
border:none;
}

#kanren_area .HeadingSet p{
margin:0;
padding:0 0 6px;
text-align:right;
}

#kanren_area li,
#kanren_area .HeadingSet p{
font-size:75%;
}
div#Contents #kanren_area ul.Lnk li{
padding:10px 0 7px;
border-top: 1px solid #E1E1DA;
background-image:none;
}

#kanren_area li a{
color: #64645D;
}

/* twitter acount */
.ThmbSetXw50{
margin:0 0 10px;
}

.ThmbSetXw50 .ThmbTxt p{
font-size:75%;
}

.ThmbSetXw50 .ThmbCol{
float:left;
margin:0 15px 0 0;
}


/* -------------------------------------
etc
------------------------------------- */
/* clearfix
------------------------------------- */
.cFix:after,
.LnkBtnArea:after,
.sec:after,
#kanren_area .HeadingSet:after,
.ThmbSetXw50: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 .LnkBtnArea,
*:first-child+html .sec,
*:first-child+html #kanren_area .HeadingSet,
*:first-child+html .ThmbSetXw50{
min-height: 1px;
}

* html .cFix,
* html .LnkBtnArea,
* html .sec,
* html #kanren_area .HeadingSet,
* html .ThmbSetXw50{
height:1px;
}