@charset "UTF-8";
/************************************************
*	developer  information                      *
************************************************/

/*font-size*/
#header, #container { font-size:77%;}
*:first-child+html #header, 
*:first-child+html #container { font-size:77%;}
* html #header, 
* html #container { font-size:77%;}
p,ol,ul,td,h1,h2,h3,h4,h5,h6,address { font-size: 1em; }
.txt10 { font-size:83%;}
.txt11 { font-size:92%;}
.txt13 { font-size:108%;}
.txt14 { font-size:117%;}
.txt16 { font-size:133%;}
.txt18 { font-size:149%;}
.clear { clear:both; }
hr { clear:both; visibility:hidden;  }

/* !clearfix */
.cfix:after,
.paragraph:after,
#secondary #ranking li:after,
.itemList li:after,
.reports #primary .profile:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.cfix,
.paragraph,
#secondary #ranking li,
.itemList li,
.reports #primary .profile { overflow:hidden; }

* html .cfix,
* html .paragraph,
* html #secondary #ranking li,
* html .itemList li,
* html .reports #primary .profile { height:1%; overflow:visible; }


/* common */
body { background: none;  }
#wrapper { background: #f5f5f5 url(../images/logo_bg.gif) no-repeat center 76px; min-width:980px; }
#container { padding-bottom: 30px; }
#header { margin:0; padding:0;  width:100%; height:261px; text-align:center; margin: }
#header .logo { z-index:1000; position: relative; width:980px; background:#ddd; margin:0 auto; text-align:left;}
#header .logo img { margin:0; position:absolute; top: 96px; }
#gnavi { margin:0; border-bottom: solid 1px #dcdcdc; width:100%; height:72px; background:#fff; text-align:center; overflow: hidden!important; border-top: solid 3px #686868;  }
#gnavi ul { width:981px; margin:0 auto; display:block; text-align:left; margin-top: -3px; }
* html #gnavi ul  {text-align:left; margin: -3px 0 0 0; }
#headerFunc { clear:both; width:980px; margin:0 auto; height:149px; position:relative;  }
#headerFunc #funcfunc { float: right; padding:19px 0 0 0; line-height:1; }
#headerFunc #funcfunc li { float: left; padding: 1px 7px 0 0;}
#headerFunc #funcfunc li.last { padding: 1px 0 0 7px; border-left: 1px solid #666; }
#headerFunc .search2 { position:absolute!important; top:80px; right:0; margin:0; padding:0; border: solid 2px #c1c1c1;  width:283px; height: 20px;  }
* html #headerFunc .search2 { width:287px; height:24px; top:40px; right:0px;  }
#headerFunc .searchword2 { border:none; background:#ebebeb; height:20px; width:210px; position:absolute; top:0; left:0; }
#headerFunc .searchbutton2 { position:absolute; top:0; left:210px; } 
#headerFunc .search2 ul { position: absolute; top:25px; left:0;  }
#headerFunc .search2 ul li { float: left; padding:0 20px 0 0; }
#headerFunc .search2 ul li label { margin:0 0 0 5px;}
#lnav { background:url(../images/localnav_bg.gif) repeat-x; height:36px; text-align:center; clear:both; }
#lnav ul { width:980px; margin: 0 auto; line-height:1; font-size:1px; }
* html #lnav ul {text-align:left; margin:0; }
#lnav li { float:left; margin:12px 30px 0 0;  }
#commuLink { width:980px; margin:0 auto; position:relative; clear:both; line-height:1; }
#commuLink ul { position:absolute; width:130px; top:-25px; right:0; line-height:1; font-size:1px; }
#commuLink ul li { float:left; padding:0 0 0 13px; }
.breadcrumbs { padding:10px 18px 10px;  }
.breadcrumbs a:link { text-decoration: underline; }
.breadcrumbs a:visited { text-decoration: underline; }
.breadcrumbs a:hover { text-decoration: underline; color:#666;  }
.breadcrumbs a:active { text-decoration: underline; color:#666;  }
#primary { width:650px; float:left; }
.block { background:url(../images/area_bg.gif); padding:2px; margin:0 0 20px 0; }
.block .inner { background:#fff; padding:16px 26px 23px; height:1%; border: solid 2px #f5f5f5; position: relative; }
.gi_keyword { background: #dddb00; }


/* index */
.shimbun #container { padding:25px 0 0 0; }
.shimbun #primary .block .title { margin:-16px 20px 0 -26px; width:146px; float:left; display:inline; position: relative;}
.shimbun #primary .block .btnDetail { clear:both; text-align:right; margin:26px -26px -23px 0; position: relative; }
.shimbun #primary .mainItem { border-bottom: dotted 1px #333; }
.shimbun #primary .mainItem .head { width:450px; float:left; position:relative; height:1%; border: none; margin: 0;  }
.shimbun #primary .mainItem .head .sub { font-size:84%; font-weight:bold; margin:0; display: block; }
.shimbun #primary .mainItem .head h3 { font-size:149%; padding:0 50px 0 0; margin:0; height:1%; }
.shimbun #primary .mainItem .head .icn { position:absolute; top:3px; right:0; }
.shimbun #primary .mainItem .content { clear:both;  font-size:117%; line-height:1.4; height:1%; padding:15px 0 20px 0; margin:0; }
.shimbun #primary .mainItem .content img { float:right; padding:0 0 0 20px; }
.shimbun #primary .mainItem .content .btn img { float:none; padding:0; margin:20px 0 0 0; width:122px;  }
.shimbun #primary #topNews .itemList { clear:both;width:610px; margin:0 -20px 0 0; padding:20px 0 0 0;  }
* html .shimbun #primary #topNews .itemList { margin:0 -40px 0 0; }
.shimbun #primary #topNews .itemList li { float:left; width:285px; margin:0 20px 0 0; position:relative; }
.shimbun #primary #topNews .itemList li img { float:left; }
.shimbun #primary #topNews .itemList li .text { width: 105px; float:right; margin-right:50px; display:inline; }
.shimbun #primary #topNews .itemList li .date { font-size:83%;}
.shimbun #primary #topNews .itemList li .icn { position:absolute; top:0; right:0; }
.shimbun #primary #report .inner.check  { background: url(../images/check_bg.gif); } 
.shimbun #primary #report .head h3 {  padding:0 100px 0 0; }
.shimbun #primary #report .itemList { clear:both; margin:0; width:590px; padding:0;  }
.shimbun #primary #report .itemList .sub { font-size:84%; font-weight:bold; margin:0; display: block; }
.shimbun #primary #report .itemList h3 { font-size:133%; }
.shimbun #primary #report .itemList li { position:relative; border-bottom: dotted 1px #333; padding:0 0 9px 0; margin:9px 0 0 0;  }
.shimbun #primary #report .itemList li img { float:left; }
.shimbun #primary #report .itemList li .text { width:380px; float:right; margin-right:100px; display:inline; }
.shimbun #primary #report .itemList li .icn { position:absolute; top:0; right:0; }
.shimbun #primary #otherNews { height: 1%; clear: both; }
* html .shimbun #primary #otherNews h2.title { float: none; display: block; background: #333; margin:-16px -26px 0 -26px;}
.shimbun #primary #otherNews .itemList { clear:both; margin:0; width:590px; padding:0; }
* html .shimbun #primary #otherNews .itemList { margin:0 -40px 0 0; }
.shimbun #primary #otherNews .itemList h3 { font-size:117%; padding:0 50px 0 0; }
.shimbun #primary #otherNews .itemList .date { font-size:83%;}
.shimbun #primary #otherNews .itemList li { position:relative; border-bottom: dotted 1px #333; padding:0 0 9px 0; margin:15px 0 0 0;  }
.shimbun #primary #otherNews .itemList li .text img { float:right; padding:0 0 0 15px; }
.shimbun #primary #otherNews .itemList li .text { padding:3px 0 0 0; }
.shimbun #primary #otherNews .itemList li .icn { position:absolute; top:0; right:0; }
.shimbun #primary #bnr { padding:0 0 0 10px; }
.shimbun #primary #bnr li { padding:0 10px 0 0; float:left; margin:0 0 20px 0;  }


/* common entry, archive */ 

#primary .head { float:none; width:auto; position:relative; height:1%;  }
#primary .title { margin:-16px -26px 0 -26px; float:none; display:block; width:642px; }
#primary .listTitle { margin:0 -26px 0; display:block; padding:12px; background:#888888; color:#fff; font-size: 117%; } 
#primary .head { border-bottom: dotted 1px #333; padding:0 0 8px 0; margin:15px 0 25px 0; }
#primary .head h1.ttl { font-size:167%; margin:0 0 5px 0; padding-right:50px; } 
#primary .head .icn { position:absolute; top:3px; right:0; } 
#primary .function.top { margin-top:-15px; }
#primary .function.foot { margin-top:25px;  }
#primary .function { width:223px; float:right; height:15px; font-size:1px; }
#primary .function li { float:left; padding:0 0 0 11px; margin:0 0 0 10px; background:url(../images/sepa_dot.gif) no-repeat top left; }
#primary .function li.fst { margin:0; padding:0; background:none;  }
#primary .paragraph { clear:both; margin:0 0 20px 0; }
#primary .paragraph p { margin:0 0 1em 0; line-height:1.65; }
#primary .paragraph h3 { font-size:149%; margin:0 0 1.5em 0; }
#primary .cap p{ text-align:center; padding:5px 0 0 0; margin:0; font-size:92%; color:#666; }
#primary .both .left,
#primary .both .right { margin-left:0; margin-right:0; clear:none; }
#primary .borderBox { border:solid 1px #d6d6d6; padding:15px 20px 24px; clear:both; height:1%; background:#fff; }
#primary .borderBox ol { text-indent:-20px;}
#primary .borderBox li { line-height:1.5; padding-left:20px; }
#primary .borderBox li a:link { text-decoration:underline; }
#primary .borderBox li a:visited { text-decoration:underline; }
#primary .borderBox li a:hover { text-decoration:underline; color:#666; }
#primary .borderBox li a:active { text-decoration:underline; color:#666; }
#primary .borderBox .detailBtn { padding: 15px 0 0 0;}
#primary .borderBox .detailBtn a { padding: 5px 30px 4px; font-size: 117%; line-height: 1.1; display: inline-table; height: 1%;  }
#primary .borderBox .detailBtn a:link,
#primary .borderBox .detailBtn a:visited { background: #9dcc4b; color: #fff; }
#primary .borderBox .detailBtn a:hover,
#primary .borderBox .detailBtn a:active { background: #75b900; color: #fff; text-decoration: none; }

#primary .pagetop { clear:both; text-align:right; margin:0 -28px -25px 0; z-index:1000; position:relative; padding:20px 0 0 0; }
#primary .paging { margin:30px auto; text-align:center;  }
#primary .paging.foot { margin:30px auto 0; text-align:center;  }
#primary .paging span,
#primary .paging a { font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, ; font-size:117%; font-weight:bold; position: relative; display:inline-table; line-height:1; padding:3px 5px;  margin:0 1px;}
#primary .paging span { border: solid 1px #d6d6d6; background:#b0b0b0; color:#fff; }
#primary .paging a { cursor:pointer;   background:#fff; color:#333; border: solid 1px #d6d6d6;}
#primary .paging span.more { margin:0px; padding: 0; border: none; display: inline; background: none; font-size: 100%; }
#primary .paging .more a { margin: 0 4px;}
#primary .paging a:link { text-decoration:none; background:#fff; }
#primary .paging a:visited { text-decoration:none; background:#fff; }
#primary .paging a:hover { text-decoration:none; background:#b0b0b0; color:#fff; }
#primary .paging a:active { text-decoration:none; background:#b0b0b0; color:#fff; }


/* sidebar */
#secondary { width:300px; float:right;}
#secondary .sideBnr { margin:0 0 10px 0; }
#secondary .sideBnr li { padding: 0 0 10px 0; }
#secondary .sideBnr li img { display: block; font-size: 1px; line-height: 1;}
#secondary .block { margin:0 0 20px 0;}
#secondary .block .inner { background:#fff; padding:0 9px 9px; height:1%; border: solid 2px #f5f5f5;  }
#secondary .block .title { margin:0 -9px 0; }
#secondary .btn { text-align: right; padding:20px 0 0 0 ; margin:0 -9px -9px 0; }
#secondary #ranking ul { padding:15px 0 0 0; }
#secondary #ranking li { margin:0 0 10px 0; }
#secondary #ranking li .num { float:left; padding:0 12px 0 0;}
#secondary #ranking li p { width: 250px; float:left;  }
#secondary #ranking li p img { float:left; padding:0 10px 0 0; }

#secondary #photoNews ul { padding:15px 0 30px 0; margin:0 -35px -30px 0; height: 1%; }
*:first-child+html #secondary #photoNews ul { height: 1%; width:279px; margin:0 -70px -30px 0; }
* html #secondary #photoNews ul { height: 1%; width:279px; margin:0 -70px -30px 0;}
#secondary #photoNews li { margin:0 2px 2px 0; float: left; width:90px; height:60px; position:relative; font-family:"ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', Osaka, "ＭＳ Ｐゴシック", "MS P Gothic" !important;  }
#secondary #photoNews li a { display: block; position:absolute; }
#secondary #photoNews li img { display:block; }
#secondary #photoNews li.big { z-index:10000;  }
#secondary #photoNews li.big a  { border: solid 1px #000; position:absolute; top:0; left:0; z-index:10000;}
#secondary #photoNews li .photoTitle { position: absolute; top:67px; left: -10px; line-height:14px; ; width: 100px; background:#333; border: 1px solid #333; display: block; padding: 5px; color: #fff; text-decoration: none; z-index:10001; font-size: 11px; }
#secondary #newsMap iframe { border: solid 1px #cecece; margin:15px 0 0 0; } 

#secondary #textBnr { padding:0 5px; }
#secondary #textBnr a:link { color:#007efe; text-decoration:none; }
#secondary #textBnr a:visited { color:#007efe; text-decoration:none; }
#secondary #textBnr a:hover { color:#2491ff; text-decoration:underline; }
#secondary #textBnr a:active { color:#2491ff; text-decoration:underline; }

/* items */ 
* html .news #primary .borderBox {  padding:15px 19px 24px; height:1%; }
.news #primary .borderBox ol { margin:0 0 1em 0; }
.news #primary .borderBox li { font-weight:bold; }
.news #primary .borderBox p { margin:0 0 1em 0;}

.news #primary .recommend { border: solid 3px #d6d6d6; background:#fff; margin: 0 30px;}
.news #primary .recommend dl { padding:5px 16px 15px; line-height:2; }
.news #primary .recommend dt { font-size:117%; font-weight:bold; padding:10px 0 0 0; } 
.news #primary .recommend dt.bd { border-top: dotted 1px #333;  margin:10px 0 0 0; }
.news #primary .recommend dd { background: url(../news/images/el.gif) no-repeat 0 3px; padding:0 0 0 15px; margin:0 0 0 10px; }
.news #primary .recommend dd img { margin:0 0 -3px 5px; }


.news #primary #connect { border: solid 3px #d6d6d6; background:#fff; margin: 0 30px;  }
.news #primary #connect .connectTheme {padding:5px 16px 0px; }
.news #primary #connect h3 { background: #82d2ff; color: #fff; padding: 7px 10px; font-weight: bold; margin: 1px; } 
.news #primary #connect h4 { display: none; }
.news #primary #connect ul.secondTag { padding:5px 5px 15px; line-height:2; }
.news #primary #connect .connectL { font-size:100%; font-weight:bold; padding:10px 0 0 0; font-size: 117%; }
.news #primary #connect .connectL.last {border-top: dotted 1px #333; height: 1%;   }
.news #primary #connect .connectL .ul.secondTag li.last { border: none;}
.news #primary #connect .connectL li { background: url(../news/images/el.gif) no-repeat 0 3px; padding:0 0 0 15px; font-weight: normal; font-size: 85.4%; height: 1%; }
.news #primary #connect .connectL  li img { margin:0 0 -3px 5px; }





.news #primary .itemList { clear:both; margin:0; width:590px; padding:0;  }
.news #primary .itemList .head { margin: 0; border: none; padding: 0;}
.news #primary .itemList h3 { font-size:117%; padding:0 50px 0 0; }
.news #primary .itemList .date { font-size:83%; padding: 5px 0 0 0; }
.news #primary .itemList li { position:relative; border-bottom: dotted 1px #333; padding:0 0 9px 0; margin:0 0 15px 0;  }
.news #primary .itemList li .text img { float:right; padding:0 0 0 15px; }
.news #primary .itemList li .text { padding:3px 0 0 0; }
.news #primary .itemList li .icn { position:absolute; top:0; right:0; }



/* reports */
.reports #primary .inner.check { background: url(../images/check_bg.gif); } 
.reports #primary .head h1.ttl { font-size:200%; margin:0 0 10px 0;  }
.reports #primary .head .sub { font-size:117%; margin:0 0 3px 0; font-weight:bold; padding-right:230px; } 
.reports #primary .borderBox  { text-align: center; margin:0 20px; }
.reports #primary .borderBox ol { display: inline-table; }
.reports #primary .borderBox li { font-weight:normal;}
.reports #primary .borderBox li.current { font-weight: bold; } 
.reports #primary .borderBox .detailBtn { text-align:right; margin:0 -20px -24px 0; clear:both; }
* html .reports #primary .borderBox ol { position:relative; left:50%; text-align:center; display:block; float:left;  }
* html .reports #primary .borderBox li { position:relative; right:50%; text-align:left; display:block;}
*:first-child+html .reports #primary .entry .borderBox ol { position:relative; left:50%; text-align:center; display:block; float:left;overflow: visible;  }
*:first-child+html .reports #primary .entry .borderBox li { position:relative; right:50%; text-align:left; display:block; }
.reports #primary .lead { font-size:117%; font-weight: bold;margin:0 0 1em 0;  line-height:1.65; }
.reports #primary .profile { background:#f2f2f2; padding:10px 15px; margin:0 0 30px 0; }
.reports #primary .profile img { margin:0; float:left; padding:0 10px 0 0; }
.reports #primary .profile h4 { margin:0 0 1em 0;}
.reports #primary .profile p { font-size:83%; line-height:1.5;}

.reports #primary .borderBox2 { border: solid 3px #d6d6d6; background:#fff; padding:1px 18px 15px; margin:0 0 30px 0; } 
.reports #primary .borderBox2 h3 { margin:0 0 9px -17px; font-size:83%;  }
*:first-child+html .reports #primary .borderBox2 h3 { margin:8px 0 9px -17px;  }
.reports #primary .borderBox2 h3 span { height: 1%;  margin:0 10px -9px 0; display: block; background: #000; display: inline-table; color: #fff;font-size:125%; padding: 8px 20px; font-weight: normal;  }

.reports #primary .borderBox2 p { font-size:83%; padding:15px 0 10px 0; border-bottom: dotted 1px #333;  }
.reports #primary .borderBox2 dt { font-weight: bold; font-size:92%; padding:15px 0 5px 0; }
.reports #primary .borderBox2 dd { font-size:83%; }


.reports #primary .itemList { clear:both; margin:0; width:590px; padding:0;  }
.reports #primary .itemList .sub { font-size:84%; font-weight:bold; margin:0; display: block; }
.reports #primary .itemList h3 { font-size:133%; }
.reports #primary .itemList li { position:relative; border-bottom: dotted 1px #333; padding:0 0 9px 0; margin:9px 0 0 0;  }
.reports #primary .itemList li img { float:left; }
.reports #primary .itemList li .text { width:380px; float:right; margin-right:100px; display:inline; }
.reports #primary .itemList li .icn { position:absolute; top:0; right:0; }


#sideLocal .inner .title { margin:0; }
#sideLocal .inner { background:#fff; height:1%; border: solid 2px #f5f5f5; padding:0!important; }
#sideLocal .inner li { height:1%; margin:0; }
#sideLocal .inner li a { text-decoration:none; height:1%; cursor:pointer; margin:0; display:block; }
#sideLocal .inner li span { font-weight:bold; background: #888888 url(../images/allow.gif) no-repeat 17px center; display:block; padding:12px  30px; color:#fff; margin:2px 0 0 0; height:1%; display: block; }
#sideLocal .inner li a:link span { background: #bcbcbc url(../images/allow.gif) no-repeat 17px center; }
#sideLocal .inner li a:visited span { background: #bcbcbc url(../images/allow.gif) no-repeat 17px center; }
#sideLocal .inner li a:hover span { background: #888888 url(../images/allow.gif) no-repeat 17px center; }
#sideLocal .inner li a:active span { background: #888888 url(../images/allow.gif) no-repeat 17px center; }

/* map */
.geonews #primary #mapList { border: solid 3px #d6d6d6; background:#fff; margin:20px 0 0 0; padding:0 0 10px 0; clear: both; }
.geonews #primary h2 { padding:15px 0; font-size:117%; }
.geonews #primary #mapList  h2 { padding:0;}
.geonews #primary #mapList .itemList { clear:both; margin:0;  padding:0 16px; width:auto;  }
.geonews #primary #mapList .itemList li { position:relative; border-bottom: dotted 1px #333; padding:0 0 10px 0; margin:15px 0 0 0;  }
.geonews #primary #mapList .itemList h3 { font-size:117%; padding:0 50px 5px 0; }
.geonews #primary #mapList .itemList .date { font-size:83%; padding:0 0 5px 0;}
.geonews #primary #mapList .itemList li .text img { float:right; padding:0 0 0 15px; }
.geonews #primary #mapList .itemList li .text { padding:5px 0 0 0; float:none; margin:0; }
.geonews #primary #mapList .itemList li .icn { position:absolute; top:0; right:0; }
#gmap-side {width: 272px; height: 220px; margin:15px 0 0 0; overflow: hidden;}
#geomapP { font-weight:bold; margin:0 0 5px 0; }
#geomapP2 { margin:0 0 5px 0; }

/* news */
.newsList #primary #news .itemList { clear:both; margin:0; width:590px; padding:0;  }
.newsList #primary #news .itemList h3 { font-size:108%; padding:0 50px 0 0; }
.newsList #primary #news .itemList .date { font-size:83%;}
.newsList #primary #news .itemList li { position:relative; border-bottom: dotted 1px #333; padding:0 0 9px 0; margin:15px 0 0 0;  }
.newsList #primary #news .itemList li .text img { float:right; padding:0 0 0 15px; }
.newsList #primary #news .itemList li .text { padding:3px 0 0 0; }
.newsList #primary #news .itemList li .icn { position:absolute; top:0; right:0; }


/* about */
.about #primary h3 { margin: 0 -10px 1em; line-height: 1.6; border: solid 1px #8bdbff; font-size: 117%; padding: 5px 10px; font-weight: normal; }
.about #primary p { margin: 0 0 1.6em 0; line-height: 1.6; }
.about #primary dd { line-height: 1.6; }
.about #primary h1.title { margin-bottom: 26px;}
.about #primary .section { padding:0 0 20px 0; }
.about #primary .section p { margin:0 0 1em 0; line-height:1.65; }
.about #primary .profile { margin: 0 0 20px 0; }
.about #primary .border { padding: 0 0 20px 0; border-bottom: 1px dotted #333; }
.about #primary .profile img { display: block; float: left; }
.about #primary .profile dl { float: right; width:482px; }
.about #primary .profile dt { font-weight: bold; font-size: 117%; margin: 0 0 10px 0;}
.about #primary .gbox { padding: 14px 20px; background: #f2f2f2; margin: 0 0 10px 0; }
.about #primary .gbox dt {font-weight: bold; font-size: 117%; margin: 0 0 10px 0;}
.about #primary .pagetop { clear:both; text-align:right; margin:0 -28px -25px 0; z-index:1000; position:relative; padding:20px 0 0 0; }

.photonews h2 { margin:15px 0; font-size: 117%;}
.photonews #photoWrapper { width:600px; margin: 0 -10px 0 0;}
.photonews #photoWrapper li { width:140px; height:13em; overflow: hidden; float: left; margin:0 10px 0 0; }
.photonews #photoWrapper li img {display: block; margin: 0 0 4px 0;}

.photonews .paging { clear: both;}
#listedSeclet { margin: 13px 5px; height:1%; }
#listedSeclet p { padding:5px 10px; border: 2px solid #c8c8c8; position:relative; }
#listedSeclet .listWrap { position:relative; }
#listedSeclet ul { border: 2px solid #c8c8c8; border-top: none; position:absolute; width: 278px; top:; left:-10000px;  }
#listedSeclet li {  background:#eee; margin:5px; border-top: solid 1px #fff; }
#listedSeclet li a { display: block; padding:5px 10px; }
#listedSeclet li a:link,
#listedSeclet li a:visited { background:#eee; }
#listedSeclet li a:hover,
#listedSeclet li a:active { background:#ddd; }

.newestList { border: solid 1px #ccc; padding: 2px; clear: both; }
.newestList h4 { background: #bbb; padding: 10px 20px; font-size: 117%; color: #fff; height: 1%; }
.newestList ul { padding: 20px 20px 15px; }
.newestList li { margin-bottom: 5px; border-bottom: dotted 1px #ccc; padding: 0 5px 5px; position: relative; min-height: 50px; }
* html .newestList li { height: 60px; }
.newestList li a { display: block; height: 1%; }
.newestList li .date { font-size: 83%; }
.newestList li .icn { position: absolute; top: 0; right: 0; }
.newestList li .imgThumb img { position: absolute; top: 0; right: 5px;}
.newestList li .ttlHead { font-size: 100%; font-weight: bold; padding: 0 100px 3px 0;}