@charset "utf-8";
*{margin:0; padding:0;}
li {list-style:none;}
img {border:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a {color:#0088BB; text-decoration:none;}
a:hover {text-decoration:none;}
#main a:hover {color:#FFF; background-color:#00AADD;}

/* Layout ----------------------------------------------------------------- */
body {color:#444; background-color:#EFEFEF; text-align:center; font-size:13px; font-family:Verdana, Century Gothic, osaka, "ms pgothic", "ＭＳ Ｐゴシック", sans-serif;}
body2 {color:#333; background-color:#EFEFEF; text-align:center; font-size:13px; font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#container {width:970px; margin:0 auto; background:#FFF url("img/bg.gif") repeat-y; text-align:left; border-left:1px solid #DDD; border-right:1px solid #DDD;}
#header {height:50px; background-color:#FFF; border-bottom:5px solid #000033; position:relative;}
#wrapper {width:710px; background:#FFF url("img/bg.gif") repeat-y; float:left;}
#main {width:538px; background-color:#FFF; border-left:1px solid #8FC8DA; border-right:1px solid #8FC8DA; float:right;}
#leftside {width:170px; background-color:#FFF; float:left;}
#rightside {width:260px; background-color:#FFF; float:right;}
#footer {color:#EEE; font-size:12px; text-align:center; background-color:#000; clear:both;}

/* Header ----------------------------------------------------------------- */
.headtitle {color:#BBB; font-size:10px; text-align:right; padding:2px 10px;}
.headlogo {position:absolute; left:10px; top:4px; z-index:10;}
.headsearch {position:absolute; top:25px; right:10px; border:#CCC solid 1px; z-index:5; font-size:11px; text-align:right;}
.searchbox {width:150px; height:18px; vertical-align:middle; border:none; float:left;}
.searchbutton {width:70px; height:18px; color:#000033; font-weight:bold; background-color:#CCC; border:none; float:left;} 
.bread {margin:5px 0px 5px 10px; font-size:11px;}

/* Sidebar ----------------------------------------------------------------- */
.sideheader, .sidemonthheader {padding:5px 10px; font-size: 12px; color:#FFF; background:#3399FF url("img/titlebackbl.gif") repeat-x; clear:both;} 
.tree {padding:8px 10px 10px 10px; line-height:18px;}
.tree li {margin-left:5px; padding-left:10px; background:url("img/tree_lst.gif") no-repeat 0px 3px;}
.tree li.end {background:url("img/tree_end.gif") no-repeat 0px 3px;}
.tree span {font-size:11px; color:#888;}
.sidemonth {padding:8px 10px 5px 13px; font-size:12px; line-height:15px;}
.sidesns {padding:2px 10px 5px 17px; font-size:12px; line-height:16px;}
.tree a, .sidemonth a, .sidesns a {color:#0066FF; display:block; width:100%; padding-left:2px;}
.tree a:hover, .sidemonth a:hover, .sidesns a:hover {color:#FFF; background-color:#1177FF;}

.sideentry {padding:5px 5px 0px 5px; font-size:12px; line-height:15px;}
.sideentry li {min-height:30px; height: auto !important; height:30px; margin-bottom:5px; padding-bottom:4px; border-bottom:#dbe8f5 dashed 1px;}
.sideentry img {width:40px; height:30px; margin-right:3px; float:left;}
.sideentry span {font-size:11px; color:#AAA;}
.sideentry a {color:#005689; display:block; width:100%; height:30px;}
.sideentry a:hover, .sidelatestlink a:hover {color:#FFF; background-color:#0077BB;}
.sidelatestlink {font-size:13px; margin:0 5px 5px 0; text-align:right;}
.sidelatestlink a {color:#005689; padding:1px 3px 0 2px;}
.pop a { color:#124c5c; display:block; width:100%; height:30px;}
.pop a:hover {color:#FFF; background-color: #126677;}
.featured a { color:#993333; display:block; width:100%; height:30px;}
.featured a:hover {color:#FFF; background-color:#AA3333;}

.sidedfr {width:248px; margin:20px 4px 0px 6px; line-height:17px;}
.sidedfr p {margin-bottom:5px;}
.sidedfr ul {margin:0 0 8px 3px;}
.sidedfr li {border-bottom:1px solid #DDD; padding:4px 0px;}
.sidedfr-sbox {font-size:14px; background:#FFFFFF url("img/search.gif") no-repeat 4px 4px; padding:4px 4px 4px 25px; margin:1px 4px 0 5px; border:1px solid #CCC; width:180px; height:16px; float:right;}
.sidedfr-sbtn {margin:5px 3px 10px 0; float:right;}
.sidedfr a {color:#993300;}
.sidedfr a:hover {color:#FF9900;}

/* Ad ----------------------------------------------------------------- */
.top-ad {margin:0 0 5px 28px; clear:both;}
.entry-ad {margin:10px 0 0 30px;}
.entry2-ad {margin:10px 0 10px 22px;}
.category-ad {margin:0 8px 15px 5px; padding:7px 0 0 20px; border-top: 1px solid #EEE; }
.leftside-ad, .leftside-ad2 {margin:5px 0 10px 0; text-align:center;}
.rightside-ad {margin:4px 0 4px 0; text-align:center;}
.head-link-ad {position:absolute; left:233px; top:30px; z-index:20;}
.bottom-link-ad {margin:10px 0 10px 15px; clear:both;}

/* Top ----------------------------------------------------------------- */
.topheader {font-size:12px; margin:8px 18px 0 11px; padding:3px 0px 1px 8px; background:url("img/titlebackgr.gif") repeat-x; border-left:5px solid #006699; border-bottom:1px solid #006699; clear:both;} 
.topheader span {font-size:11px;}
.topheader a {color:#333; padding:1px 2px 0px 3px;}
.topheader a:hover {color:#FFF; background-color:#006699;}

.topheadline {width:215px; line-height:16px; margin:7px 7px 10px 14px; padding:2px 4px; border:1px solid #dbe8f5; background-color:#F0F8FF; float:left;}
.topheadline img {width:80px; height:60px; margin:2px 5px 0 0; float:left;}
.toplatest {margin:8px 0 0 0; line-height:16px;}
.toplatestlink {font-size:12px; margin:8px 18px 5px 0; text-align:right;}

.topcategory {margin:5px 0 0 20px; line-height:15px;}
.topcategory img {width:80px; height:60px; margin:1px 5px 0 0; float:left;}
.topcategory span {color:#AAA; font-size:11px;}

/* Entry ----------------------------------------------------------------- */
.entrytitle {font-size:17px; font-weight:bold; margin:10px 10px 5px 10px; border-left:5px solid #FFCC00; padding-left:5px;}
.entryfooter {font-size:11px; margin:0 10px; padding: 5px 0 2px 0; border-top:1px solid #dbe8f5;}
.entry {font-size:14px; line-height:19px; margin:5px 10px 0 10px; padding:5px 7px 0 7px; background-color:#F0F8FF; border:1px solid #dbe8f5;}
.entry img {margin:3px 0 5px 1px; text-align:center;}
.entry p {margin-bottom:7px;}

.relateheader {font-size:14px; font-weight:bold; margin:15px 0 0 10px; padding-left:8px; border-left:5px solid #FFCC00;} 
.related {color:#555; font-size:13px; line-height:16px; margin:0 16px 0 20px;}
.related li {min-height:30px; height: auto !important; height:30px; padding:5px 0; border-bottom:#dbe8f5 dashed 1px;}
.related img {width:40px; height:30px; margin:2px 3px 0 0; float:left;}
.related span {font-size:11px;}

table {width:492px; margin:0 0 10px 6px; background-color:#FFF; border-collapse:collapse; border-spacing:0;}
table th {background-color:#3399CC; border:1px #8FC8DA solid; color:#FFF; text-align:center; font-weight:normal; white-space:nowrap;}
table td {padding:3px 6px 3px 1px; border:1px #8FC8DA solid; text-align:right;}
table tr.ref {background-color:#F4F4F4;}
table td.year {text-align:center; font-weight:normal;}
.data td {padding:3px 1px 3px 6px; border:1px #CCC solid; text-align:left;}

.data-table, .data-left-table {width:492px; margin:0 0 10px 6px; background-color:#FFF; border-collapse:collapse; border-spacing:0;}
.data-table th, .data-left-table th {color:#555; padding:1px; background-color:#FFF; border:1px #8FC8DA solid; text-align:center; font-weight:normal; white-space:nowrap;}
.data-table td {padding:2px 0; text-align:center; border:1px #8FC8DA solid;}
.data-left-table td {padding:1px 0 1px 4px; text-align:left; border:1px #8FC8DA solid;}

/* Category ----------------------------------------------------------------- */
.categorytitle {font-size:16px; font-weight:bold; margin:0 13px 3px 12px; border-left:5px solid #FFCC00; padding-left:5px; clear:both;}
.categorybody {font-size:13px; line-height:16px; margin:0 13px 10px 12px; padding:1px 1px 1px 0; background-color: #F0F8FF; border:1px solid #dbe8f5;}
.categorybody img {width:80px; height:60px; margin:2px 4px 0 3px; float:left;}
.categorybody span {font-size:11px; color:#999;}
.categorytitle a  {color:#007799;}
.categorytitle a:hover {color:#FFF; background-color:#007799;}

.categorynavi {font-size:15px; margin-bottom:15px; padding-top:3px; text-align:center;}
.link_page {margin:0 2px; padding:0 4px; border:1px solid #8FC8DA;}
.current_page {color:#FFF; margin:0 3px; padding:0 4px; background-color:#00AADD; border:1px solid #8FC8DA;}
.link_before, .link_next {margin:0 2px; padding:0 2px; border:1px solid #8FC8DA;}
.allpage {font-size:11px;}

/* Monthly ----------------------------------------------------------------- */
.monthly {margin:0 0 10px 15px;}
.monthly span {font-size:11px;}
.monthly a {color:#005689;}
.monthly a:hover {color:#FFF; background-color:#005689;}

/* Search ----------------------------------------------------------------- */
.searchheader {font-size:12px; margin:10px; padding:3px 0 1px 8px; background:url("img/titlebackgr.gif") repeat-x; border-left:5px solid #006699; border-bottom:1px solid #006699;} 
#search-results p {margin: 5px 20px 10px 20px;}
.hidden {display: none;}

/* Footer ----------------------------------------------------------------- */
.footcategory {background-color:#006699; padding:6px 10px;}
.foottag {background-color:#004477; padding:7px 10px 6px 10px;}
.footlink {padding:8px; font-size:11px;}
.footcategory a, .foottag a, .footlink a {color:#EEE;}
.footcategory a:hover {color:#006699; background-color:#FFF;}
.foottag a:hover {color:#004477; background-color:#FFF;}
.footlink a:hover {color:#000; background-color:#FFF;}

/* images ----------------------------------------------------------------- */
.mt-image-left {float:left; margin:2px 8px 5px 3px;}
.mt-image-center {display:block; margin:0 auto 10px; text-align:center;}
.mt-image-right {float:right; margin:5px 5px 10px 10px;}


@media only screen and (max-width:415px) and (orientation: portrait), only screen and (max-width:739px) and (orientation: landscape){
body {color:#333; background-color:#FFF; -webkit-text-size-adjust:100%;}
img {max-width:100%; height:auto;}

/* Mobile Layout ----------------------------------------------------------------- */
#container {width:100%; background:#FFF; border:none;}
#header {width:100%; height:46px; overflow:hidden; border-bottom:0;}
#wrapper {width:100%; background:#FFF; float:none; clear:both;}
#main {width:100%; border:none; float:none;}
#leftside {width:100%; float:none;}
#rightside {width:100%; float:none;}

/* Mobile Header ----------------------------------------------------------------- */
.headtitle {display:none;}
.headlogo {width:40%; margin:3px 0 0 3px; float:left; position:static;}
.headsearch {width:50%; margin:8px 8px 8px 0px; float:right; position:static;}
.searchbox {width:70%; float:left; position:static;}
.searchbutton {width:30%; font-weight:normal; float:right; position:static;} 
.bread {display:none;}
input[type="submit"] {border-radius:0; -webkit-appearance:none;}

/* Mobile Sidebar ----------------------------------------------------------------- */
.sideheader {font-size:14px; font-weight:bold; margin-top:5px;} 
.sidemonthheader {display:none;} 
.tree {padding:8px 10px 10px 10px; line-height:18px;}
.tree li {font-size:14px; margin-left:5px; padding:3px 0 0 5px; background:none;}
.tree li.end {background:none;}
.tree span {font-size:12px; color:#555;}
.sidemonth {display:none;}
.sidesns {display:none;}
.tree a{color:#333; display:block; width:90%; border:1px solid #dcdcdc; padding:6px 10px; text-decoration:none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; text-shadow:1px 1px 0px #ffffff; -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff; -moz-box-shadow:inset 1px 1px 0px 0px #ffffff; box-shadow:inset 1px 1px 0px 0px #ffffff;}
.tree a:hover{color:#555; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf;}
.sideentry {font-size:13px; line-height:15px;}
.sideentry span {font-size:12px; color:#666;}
.sidedfr {display:none;}

/* Mobile Top ----------------------------------------------------------------- */
.topheader {font-size:13px; margin:2px 10px 0 10px; padding:3px 0px 2px 6px;} 
.topheader span {font-size:12px;}
.topheader a {color:#222; padding:2px 2px 1px 3px;}

.topheadline {width:auto; line-height:16px; margin:8px 14px 10px 14px; float:none;}
.toplatest {margin:8px 10px 0 14px;}
.toplatestlink {font-size:13px;}

.topcategory {margin:5px 10px 0 14px; line-height:17px;}
.topcategory img {width:40px; height:30px; margin:1px 5px 0 0; float:left;}
.topcategory span {color:#666; font-size:12px;}

/* Mobile Entry ----------------------------------------------------------------- */
.entrytitle { margin-top:2px;}
.entryfooter {font-size:12px;}
.entry img {display:block; margin:3px auto 5px auto;}

.relateheader {font-size:15px; font-weight:normal; margin:10px 0 0 7px; padding-left:7px;} 
.related {color:#333; font-size:14px; line-height:18px; margin:0 10px;}
.related span {font-size:12px;}

table {width:100%; margin:0 0 8px 0;}
table td {text-align:left;}
.data-table, .data-left-table {width:100%; margin:0 0 8px 0;}

/* Mobile Category ----------------------------------------------------------------- */
.categorytitle {font-size:14px; font-weight:normal; margin:0 7px 3px 5px;}
.categorybody {margin:0 12px 10px 12px;}
.categorybody span {font-size:12px; color:#666;}
.allpage {font-size:12px;}

/* Mobile Monthly ----------------------------------------------------------------- */
.monthly {margin:0 5px 10px 8px;}

/* Mobile Search ----------------------------------------------------------------- */
.searchheader {font-size:14px;} 

/* Mobile Ad ----------------------------------------------------------------- */
.top-ad {margin:0 0 5px 0; text-align:center;}
.entry-ad {margin:10px 0 0 0; text-align:center;}
.entry2-ad {margin:10px 0 10px 22px;}
.category-ad {margin:0 0 10px 0; padding:0; border-top:none; text-align:center;}
.leftside-ad {margin:5px 0 10px 0; text-align:center;}
.leftside-ad2 {display:none;}
.rightside-ad {margin:4px 0 4px 0; text-align:center;}
.head-link-ad {display:none;}
.bottom-link-ad {display:none;}

/* Mobile Footer ----------------------------------------------------------------- */
.footcategory {display:none;}
.foottag {display:none;}
.footlink {padding:8px; font-size:13px;}
}

/* Bin (to be deleted when users local cache cleared) ----------------------------------------------------------------- */
.latest a {color:#005689; margin-bottom:3px; padding-top:2px; text-align:right; font-size:13px; height:16px;}
.side2020 {margin:10px 4px 5px 7px; line-height:17px; clear:both;}
.side2020 p {margin-bottom:3px;}
.side2020 li {margin:0 4px; padding:3px 0; border-bottom:1px solid #EEE;}
.side2020 a:hover {color:#33CCFF;}
.categoryfooter {font-size:11px; margin:0 10px 0 10px; padding:1px 0 2px 8px; border-top:1px solid #dbe8f5;}
.category-ad-double-rectangle { height:250px; margin:10px 14px 10px 14px; clear:both;}
.cat-left-ad {float:left}
.cat-right-ad {float:right}

.catheader {font-size:15px; font-weight:bold; margin:8px 12px 0px 11px; padding:3px 0px 1px 8px; background:url("img/titlebackgr.gif") repeat-x; border-left:5px solid #006699; border-bottom:1px solid #006699; clear:both;} 
.catheadline {width:215px; line-height:16px; margin:7px 7px 10px 14px; padding:2px 4px; border:1px solid #dbe8f5; background-color:#F0F8FF; float:left;}
.catheadline img {width:80px; height:60px; margin:2px 5px 0 0; float:left;}
.catlatest {margin:8px 0 0 0; line-height:16px;}

.catbody {min-height:63px; height: auto !important; height:63px; font-size:16px; line-height:20px; font-weight:bold; margin:0 15px 9px 15px; padding:0px 1px 1px 0; border-top:1px solid #dbe8f5; border-bottom:1px solid #dbe8f5;}
.catbody img {width:80px; height:60px; margin:2px 5px 0 3px; float:left;}
.catdate { font-size:13px; font-weight:normal;}
.catbody a  {color:#007799;}
.catbody a:hover {color:#FFF; background-color:#007799;}

.bread2 {margin:5px 10px 0px 10px; padding-bottom:5px; font-size:11px; border-bottom:1px solid #EEE;}