@charset "utf-8";

/* -------------------------------------
 __default style clear
--------------------------------------*/
/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

html {
  font-size: 62.5%;
  word-break:break-all;
  word-wrap:break-word;
}

body {
  background: url(/images/bg.jpg) repeat-y 50% 50%;
}

ol,ul {
  list-style:none;
}

a:link {
  color: #39c;
}
a:visited {
  color: #745410;
}
a:hover {
  color: #D1A121;
}
a:active {
  color: #D1A121;
}

/* -------------------------------------
 __container
--------------------------------------*/
#container {
  width: 959px;
  margin: 0 auto;

}

/* -------------------------------------
 __header
--------------------------------------*/
#header {
  width: 959px;
}
#header h1 {
  margin: 15px 0 10px 0;
  font-size: 1.2em;
  font-weight: normal;
}
#header img.logo {
  float: left;
  width: 630px;
  height: 41px;
}
#header form {
  float: right;
  width: 297px;
  height: 28px;
  padding-top: 13px;
  margin-bottom: 10px;
}
#header input.keyword {
  width: 194px;
  height: 22px;
  border: solid 1px #7f9db9;
  font-size: 2.2em;
  margin-top: 2px;
}
#header input.button {
  vertical-align: top;
}
#header .foot{
  clear: both;
  width: 959px;
  height: 10px;
  background: url(/images/header_foot.jpg) no-repeat;
  margin-bottom: 10px;
}

/* -------------------------------------
 __contents
--------------------------------------*/
#contents {
  width: 959px;
  clear: both;

}

/* -------------------------------------
 __navi
--------------------------------------*/
#navi {
  clear: both;
  float: left;
  width: 222px;
  background: url(/images/navi_middle.jpg) repeat-y;
}
#navi h2 {
  width: 202px;
  height: 31px;
  font-size: 1.3em;
  line-height: 31px;
  padding-left: 15px;
}
#navi div.top {
  width: 222px;
  height: 3px;
  background: url(/images/navi_top.jpg) no-repeat left top;
}
#navi .bottom {
  width: 222px;
  height: 2px;
  background: url(/images/navi_bottom.jpg) no-repeat left bottom;
}
#navi .body_top {
  width: 202px;
  height: 7px;
  background: url(/images/navi_body_top.jpg) no-repeat left top;
}
#navi .body_middle {
  width: 202px;
  padding: 4px 10px 4px 10px;
}
/* IE6 */
*html body #navi .body_middle {
  width: 202px;
  padding: 4px 5px 4px 5px;
}
#navi .body_bottom {
  width: 202px;
  height: 8px;
  background: url(/images/navi_body_bottom.jpg) no-repeat left bottom;
}
#navi .body_wraper {
  width: 202px;
  background: url(/images/navi_body_middle.jpg) repeat-y;
}

/* --------------
 navi.category
---------------*/
#navi .category {
  margin-top: 10px;
  margin-left: 9px;
  width: 202px;
}
#navi .category h2 {
  background: url(/images/navi_h_01.jpg) no-repeat;
  margin-top: 10px;
}
#navi .category h2.current {
  margin-bottom: 0px;
}
#navi .category h2 a {
  text-decoration: none;
}
#navi .category ul {
}
#navi .category ul li {
  padding: 2px;
  font-size: 1.3em;
}
#navi .category ul li img {
  margin-right: 5px;
}

/* --------------
 navi.ranking
---------------*/
#navi .ranking {
  width: 202px;
  margin-top: 10px;
  margin-left: 9px;
}
#navi .ranking h2 {
  background: url(/images/navi_h_02.jpg) no-repeat;
}
#navi .ranking ol {
  width: 180px;
  height: 670px;
}
#navi .ranking ol li {
  float: left;
  width: 180px;
  height: 66px;
  border-top: 1px dotted #ccc;
}
#navi .ranking ol li.top {
  float: left;
  width: 180px;
  height: 66px;
  border-top: 0px;
}
#navi .ranking img.rank_num {
  float: left;
  width: 20px;
  height: 25px;
  margin-top: 20px;
}
#navi .ranking img.thumbnail {
  float: left;
  width: 60px;
  height: 45px;
  margin-top: 10px;
  margin-left: 2px;
}
#navi .ranking h4 {
  float: left;
  width: 80px;
  margin-top: 10px;
  margin-left: 6px;
  font-weight: normal;
  font-size: 1.3em;
}
/* --------------
 navi.keywords
---------------*/
#navi .keywords {
  clear: both;
  width: 202px;
  margin-top: 10px;
  margin-left: 9px;
  margin-bottom: 10px;
}
#navi .keywords h2 {
  background: url(/images/navi_h_03.jpg) no-repeat;
}
#navi .keywords h2 a {
  text-decoration: none;
}
#navi .keywords ul {
  width: 180px;
}
#navi .keywords li {
  padding: 3px;
  display: inline;
}
.keywords a.tags1{ font-size:1.3em; line-height:1.3em; }
.keywords a.tags2{ font-size:1.6em; line-height:1.6em; }
.keywords a.tags3{ font-size:1.9em; line-height:1.9em; }
.keywords a.tags4{ font-size:2.2em; line-height:2.2em; }
.keywords a.tags5{ font-size:2.5em; line-height:2.5em; }
.keywords a.tags6{ font-size:2.8em; line-height:2.8em; font-weight:bold;}

/* --------------
 navi.bbs
---------------*/
#navi .bbs {
  margin-top: 10px;
  margin-left: 9px;
  width: 202px;
}
#navi .bbs h2 {
  background: url(/images/navi_h_01.jpg) no-repeat;
}
#navi .bbs h2.current {
  margin-bottom: 0px;
}
#navi .bbs h2 a {
  text-decoration: none;
}
#navi .bbs ul {
}
#navi .bbs ul li {
  padding: 2px;
  font-size: 1.3em;
}
#navi .bbs ul li img {
  margin-right: 5px;
}

/* -------------------------------------
 __main
--------------------------------------*/
#main {
  float: right;
  width: 728px;

}
/* --------------
 main.entries
---------------*/
#main .entries {
  width: 728px;
}
#main .entries p.error {
  width: 726px;
  height: 37px;
  line-height: 37px;
  text-indent: 10px;
  margin-bottom: 10px;
  border:1px solid #D3D3D3;
  font-size: 1.3em;
  color: #f00;
}
#main .entries p.notice {
  width: 726px;
  height: 37px;
  line-height: 37px;
  text-indent: 10px;
  margin-bottom: 10px;
  border:1px solid #D3D3D3;
  font-size: 1.3em;
  color: #069;
}

#main .entries .tab {
  width: 728px;
  height: 38px;
  background: url(/images/main_tab_bottom.jpg) no-repeat left bottom;
}
#main .entries .tab h3 {
  height: 33px;
  display: inline;
}
#main .entries h2 {
  width: 728px;
  height: 37px;
  line-height: 37px;
  background: url(/images/main_entry_h.jpg) no-repeat;
  font-size: 1.6em;
  text-indent: 10px;
}
#main .entries .main_top {
  width: 728px;
  height: 8px;
  background: url(/images/main_top.jpg) no-repeat left top;
}
#main .entries .main_middle {
  float: left;
  width: 728px;
}
#main .entries .main_bottom {
  clear: both;
  width: 728px;
  height: 6px;
  background: url(/images/main_bottom.jpg) no-repeat left bottom;
}
#main .entries .main_wrapper {
  width: 728px;
  margin-bottom: 10px;
  background: url(/images/main_middle.jpg) repeat-y;
}
#main .entries ul {
}
#main .entries ul li {
  float:left;
  width: 140px;
  height: 220px;
  display: inline;
  padding: 15px 20px 10px 20px;
}
#main .entries ul li a.title {
  display: block;
  width: 140px;
  height: 30px;
  font-size: 1.3em;
  padding: 1px;
}
#main .entries ul li p {
  font-size: 1.3em;
  padding: 1px;
}
#main .entries ul li .thumbnail {
  width: 130px;
  height: 97px;
}
/* --------------
 main.headlines
---------------*/
#main .headlines {
  clear: both;
  width: 728px;
}
#main .headlines ul {
}
#main .headlines ul li {
  display: inline;
  float:left;
  width: 359px;
  margin-bottom: 10px;
}
#main .headlines ul li.right_col{
  float:right;
}
#main .headlines ul h3 {
  float:left;
  width: 359px;
  height: 32px;
  line-height: 32px;
  background: url(/images/main_headline_h.jpg) no-repeat;
  font-size: 1.5em;
  text-indent: 10px;
}
#main .headlines ul li .headline_top {
  float:left;
  width: 359px;
  height: 9px;
  background: url(/images/main_headline_top.jpg) no-repeat left top;
}
#main .headlines ul li .headline_middle {
  float: left;
  width: 359px;
}
#main .headlines ul li .headline_bottom {
  float:left;
  width: 359px;
  height: 11px;
  background: url(/images/main_headline_bottom.jpg) no-repeat left bottom;
}
#main .headlines ul li .headline_wrapper {
  float: left;
  width: 359px;
  margin-bottom: 2px;
  background: url(/images/main_headline_middle.jpg) repeat-y;
}
#main .headlines ul li .thumbnail {
  float:left;
  width: 130px;
  height: 97px;
  margin: 15px 20px 10px 10px;
}
#main .headlines ul li h4 {
  float:left;
  width: 180px;
  margin: 15px 10px 10px 0;
}
#main .headlines ul li a {
  display: block;
  font-size: 1.3em;
  padding: 1px;
}
#main .headlines ul li p {
  font-size: 1.3em;
  padding: 1px;
}
/* --------------
 main.topic_path
---------------*/
#main ul.topic_path {
  clear: both;
  width: 728px;
  padding: 8px 0 10px 0;
}
#main ul.topic_path li {
  display: inline;
  font-size: 1.3em;
}
#main .topic_path a {
  padding-right: 17px;
  background: url(/images/glue.gif) no-repeat right center;
}

/* --------------
 main.wide_ad
---------------*/
#main .wide_ad {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* --------------
 main.entry
---------------*/
#main .entry {
  clear: both;
  width: 728px;
}
#main .entry .text {
  margin: 0 10px 0 15px;
}
#main .entry .text p {
  font-size: 1.3em;
  padding: 4px 0 4px 0;
}
#main .entry h1 {
  width: 728px;
  height: 37px;
  line-height: 37px;
  background: url(/images/main_entry_h.jpg) no-repeat;
  font-size: 1.6em;
  text-indent: 10px;
}
#main .entry .entry_top {
  width: 728px;
  height: 9px;
  background: url(/images/main_entry_top.jpg) no-repeat left top;
}
#main .entry .entry_middle {
  width: 728px;
}
#main .entry .entry_bottom {
  width: 728px;
  height: 13px;
  background: url(/images/main_entry_bottom.jpg) no-repeat left bottom;
}
#main .entry .entry_wrapper {
  width: 728px;
  background: url(/images/main_entry_middle.jpg) repeat-y;
  margin-bottom: 10px;
}
#main .entry .movie {
  float: left;
  width: 443px;
  height: 364px;
  padding: 10px 10px 0 10px;
}
#main .entry dl.oshiete {
  font-size: 1.3em;
  padding: 0 10px 0 10px;
}
#main .entry dl.oshiete dt {
  background: url(/images/search.gif) no-repeat left center;
  padding: 10px 0 10px 20px;
}
#main .entry dl.oshiete dd {
  padding: 5px 0 5px 20px;
}
#main .entry dl.oshiete p.date {
  display:inline;
  padding: 0 0 0 10px;
}

div.clearfix {
  clear:both;
  height:5px;
  width:700px;
  margin-left:20px;
  margin-bottom:10px;
  background: url(/images/dot.png) repeat-x center;
}
#main .entry div.blog {
  font-size: 1.3em;
}
#main .entry div.blog p.blog_image img {
  float:left;
  padding:0 10px 5px 20px;
  width: 100px;
  height: 80px;
}
#main .entry div.blog div.blog_header {
  margin-bottom:5px;
}
#main .entry div.blog div.blog_header h3 {
  display:inline;
}
#main .entry div.blog p.modified {
  display:inline;
  margin-left:10px;
}
#main .entry div.blog p.blog_summary {
  font-size:93%;
  line-height:1.6;
  margin-top:5px;
  margin-right:10px;
  overflow:hidden;
}
#main .entry div.blog p.blog_anchor {
  font-size:93%;
  text-align:right;
  margin-right:10px;
}

/* --------------
 main.afs
---------------*/
#main .afs ul {
}
#main .afs .tab {
  width: 728px;
  height: 38px;
  background: url(/images/main_tab_bottom.jpg) no-repeat left bottom;
}
#main .afs .main_wrapper {
  width: 728px;
  margin-bottom: 10px;
  background: url(/images/main_middle.jpg) repeat-y;
}
#main .afs .main_middle {
  float: left;
  width: 728px;
}
#main .afs .main_bottom {
  clear: both;
  width: 728px;
  height: 6px;
  background: url(/images/main_bottom.jpg) no-repeat left bottom;
}
#main .afs .main_wrapper {
  width: 728px;
  margin-bottom: 10px;
  background: url(/images/main_middle.jpg) repeat-y;
}
#main .afs .tab h3 {
  height: 33px;
  display: inline;
}
#main .afs ul li {
  float:left;
  width: 140px;
  height: 150px;
  display: inline;
  padding: 15px 20px 10px 20px;
}
#main .afs ul li a.title {
  display: block;
  width: 140px;
  height: 30px;
  font-size: 1.3em;
  padding: 1px;
}
#main .afs ul li p {
  font-size: 1.3em;
  padding: 1px;
}
#main .afs ul li .thumbnail {
  width: 130px;
  height: 97px;
}


/* IE6 */
*html body #main .entry .movie {
  float: left;
  width: 443px;
  height: 364px;
  padding: 10px 5px 0 5px;
}
#main .entry .ads {
  float: left;
  width: 257px;
  margin-top: 10px;
  height: 283px;
}
#main .entry .rate {
  float: right;
  width: 257px;
  height: 69px;
}
#main .entry .description {
  clear: both;
  width: 718px;
}
#main .entry .description p {
  font-size: 1.3em;
  padding: 1px 1px 1px 10px;
}
/* IE6 */
*html body #main .entry .description p {
  font-size: 1.3em;
  padding: 1px 1px 1px 5px;
}
#delete_report {
  text-align: right;
}

/* --------------
 main.entry.keywords
---------------*/
#main .entry ul.keywords {
  padding: 1px 1px 1px 10px;
}
/* IE6 */
*html body #main .entry ul.keywords {
  padding: 1px 1px 1px 5px;
}
#main .entry ul.keywords li {
  padding: 3px;
  display: inline;
}

/* --------------
 main.freespace
---------------*/
#main .freespace {
  width: 728px;
}
#main .freespace ul {
}
#main .freespace ul li {
  float:left;
  width: 140px;
  height: 100px;
  display: inline;
  padding: 15px 20px 10px 20px;
}
#main .freespace ul li a.title {
  display: block;
  width: 140px;
  height: 30px;
  font-size: 1.3em;
  padding: 1px;
}
#main .freespace ul li p {
  font-size: 1.3em;
  padding: 1px;
}
#main .freespace ul li .thumbnail {
  width: 130px;
  height: 97px;
}

/* --------------
 main.entry.pickups
---------------*/
#main .entry ul.pickups {
  width: 728px;
}
#main .entry ul.pickups li {
  width: 728px;
  height: 240px;
  margin-top: 10px;
}
#main .entry ul.pickups .thumbnail {
  float: left;
  width: 320px;
  height: 240px;
  margin: 0 10px 0 18px;
}
#main .entry ul.pickups li {
  clear: both;
  margin-bottom: 10px;
}
#main .entry ul.pickups li a.title {
  display: block;
  font-size: 1.3em;
  font-weight: bold;
}
#main .entry ul.pickups li p {
  margin: 10px 10px 0 0;
  font-size: 1.3em;
}
#main .entry ul li p.date {
  text-align: right;
  margin: 10px 10px 0 0;
  font-size: 1.3em;
}
#main .pickup_middle {
  height:280px;
}

/* --------------
 main.entry.news
---------------*/
#main .entry ul.news {
  padding: 1px 1px 1px 10px;
}
#main .entry ul.news li {
  padding: 3px;
}
#main .entry ul.news li a {
  padding: 3px;
  font-size: 1.3em;
}
#main .entry ul.news li p {
  display: inline;
  padding: 3px;
  font-size: 1.3em;
}
#main .entry ul.news li a.summary {
  display: block;
  padding: 3px 3px 3px 15px;
  font-size: 1.3em;
}
#main .entry ul.news li p.summary {
  display: block;
  padding: 6px 3px 3px 3px;
  font-size: 1.3em;
}
/* --------------
 main.entry.news_archive
---------------*/
#main .entry ul.news_archive {
  padding: 10px 1px 1px 10px;
  text-align: right;
}
#main .entry ul.news_archive li {
  display: inline;
  padding: 3px;
  font-size: 1.3em;
}
/* --------------
 main.entry.link
---------------*/
#main .entry ul.link {
  padding: 1px 1px 1px 10px;
}
/* IE6 */
*html body #main .entry ul.link {
  padding: 1px 1px 1px 5px;
}
#main .entry ul.link li {
  padding: 3px;
}
#main .entry ul.link li a {
  padding: 3px;
  font-size: 1.3em;
}
#main .entry ul.link li p {
  padding: 3px;
  font-size: 1.3em;
}
#main .entry ul.link h2 {
  padding: 3px;
  font-size: 1.3em;
  margin: 2px 0 2px 0;
}


/* --------------
 main.pager
---------------*/
#main .pagination {
  clear: both;
  width: 728px;
  height: 30px;
  text-align: center;
}
#main .pagination span {
  border:1px solid #D3D3D3;
  display:block;
  padding:2px 5px;
}
#main .pagination span {
  color:#D3D3D3;
  font-size:16px;
}
#main .pagination a {
  font-size:16px;
  margin: 0 5px 0 5px;
}

/* -------------------------------------
 __footer
--------------------------------------*/
#footer {
  clear: both;
  width: 959px;
  height: 38px;
  border: 1px solid #bac4cd;

  background: url(/images/footer_middle.jpg) no-repeat;
}
#footer ul {
  float: left;
  width: 600px;
  display: inline;
  padding: 0 0 0 10px;
}
/* IE6 */
*html body #footer ul {
  float: left;
  width: 600px;
  display: inline;
  padding: 0 0 0 5px;
}
#footer ul li {
  display: inline;
  padding: 0 0 0 10px;
  line-height: 38px;
  font-size: 1.2em;
}
/* IE6 */
*html body #footer ul li {
  display: inline;
  padding: 0 0 0 5px;
  line-height: 38px;
  font-size: 1.2em;
}
#footer .copyright {
  float: right;
  width: 250px;
  display: inline;
  line-height: 38px;
  padding: 0 10px 0 0;
  font-size: 1.2em;
}
/* IE6 */
*html body #footer .copyright {
  float: right;
  width: 600px;
  display: inline;
  line-height: 38px;
  padding: 0 5px 0 0;
  font-size: 1.2em;
}

/* -------------------------------------
 __common
--------------------------------------*/
a.move {
  display: block;
  text-align: right;
  padding: 0 10px 0 0;
  font-size: 1.3em;
}
div.mg10 {
  margin: 10px;
}
.numeric {
  text-align: right;
}
.centering {
  text-align: center;
}
/* IE6 */
*html div.mg10 {
  margin: 10px 5px 10px 5px;
}

/* -------------------------------------
 __bbs
--------------------------------------*/
table.bbs{
  border-color: black;
  border-width: 1px;
  border-style: solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 10px 10px;
  padding: 0;
  font-size:1.3em;
  width: 700px;
}

table.bbs th { 
  border-style: solid;
  border-color: black;
  border-width: 1px;
  background-color: #39c;
  color: #fff;
  padding: 8px;
}


table.bbs td { 
  border-style: solid;
  border-color: black;
  border-width: 1px;
  background-color: #fff;
  padding: 8px;
  vertical-align: middle;
} 

table.bbs tr.enabled td { 
  background-color: white;
} 

table.bbs tr.disabled td { 
  background-color: #EFEFF7;
} 
table.bbs div#result { 
  margin: 5px 0px 5px 0px;
}
table.bbs div.to_edit { 
  text-align: right;
}
div.bbs_navi {
  font-size: 1.3em;
  width: 700px;
}
div.bbs_navi a {
  display: block;
  float:right;
  padding: 10px 10px 10px 0;
}
div.bbs_navi form {
  display: inline;
  float:left;
  padding: 5px 0 5px 10px;
}
div.bbs_navi input.keyword {
  width: 194px;
  height: 22px;
  border: solid 1px #7f9db9;
  font-size: 1.2em;
}
div.bbs_navi input.button {
  vertical-align: top;
}

/* -------------------------------------
 __link_report
--------------------------------------*/
table.link_report{
  border-color: black;
  border-width: 1px;
  border-style: solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 10px 10px;
  padding: 0;
  font-size:1.3em;
  width: 700px;
}

table.link_report th { 
  border-style: solid;
  border-color: black;
  border-width: 1px;
  background-color: #39c;
  color: #fff;
  padding: 8px;
}


table.link_report td { 
  border-style: solid;
  border-color: black;
  border-width: 1px;
  background-color: #fff;
  padding: 8px;
  vertical-align: middle;
}