@charset "euc-jp";

/****** yomiデフォ ******/
#mid{ font-size:11pt; }
#small{ font-size:10pt; }
#kanri{ color:#660000; } /* 管理人コメントの色 */
#log{ width:550; border-style:dashed; border-color:#666666; }
#log-0{ background-color:#333333; } /* ランキング順位 */
#log-1{ background-color:#000000; } /* タイトル */
#log-2{ background-color:#000000; } /* カテゴリ */
#log-3{ background-color:#000000; } /* 紹介文 */
#log-4{ background-color:#000000; } /* 管理人コメント */
#title-bar{ background-color:#666666; color:#ffffff; font-size:13pt; } /* タイトルバー */
#mid-bar{ background-color:#000000; } /* 中段バー */

/****** 基本設定 ******/
* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 84%;
  font-family: Verdana,Chicago,Arial,sans-selif,"ＭＳ Ｐゴシック";
  color: #cccccc;
  background:#333333;
    background-image:url("search/img/bgimg.jpg");
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:0% 0%;
}
//MacOS9文字化け防止
textarea,select,input { font-family: "Osaka","Verdana","Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Arial","ＭＳ Ｐゴシック","sans-serif"; }

p{
  margin:10px 30px 10px 0px;
  padding:0px;
  line-height:1.5em;
}
div.mainbox > p {
  padding-left:15px;
}
br{
  line-height:50%;
}

/* リンク */
a {
  color: #ffffff;
  text-decoration: none;
}
a:visited {
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #990000;
}
/* 画像 */
img {
  border:0px;
  margin:3px;
  text-decoration:none;
}
a + img{
  border:0px;
  margin:3px;
  text-decoration:none;
}
/* フォーム */
form{
  margin:10px 20px 0px 30px;
  padding:3px;
}
/****** ページの整形 ******/
#container {
  width:100%;
  min-width:800px;
  margin:0px;
  padding0px;
  text-align:left;
}
/****** メニュー ******/
#menu {
  width:125px;
  padding-top:10px;
  text-align:left;
  top:5px;
  right:0px;
  position:fixed;
    filter:alpha(opacity=85); /*IE*/
    -moz-opacity:0.85; /*FF*/
    opacity:0.85;
}
#menu ul {
  list-style: none;
  margin:0px;
  padding:0px;
}
#menu li {
  list-style: none;
  margin:0px;
  padding:0px;
}
#menu a:hover {
  background-color: transparent;
  color: #990000;
}

/****** 右上バナー *******/
ul#menu_list li#banner{
  margin:0px 15px 2px 0px;
  padding:0px 5px 0px 5px;
  background:#000000;
  border:0px;
}
ul#menu_list li#banner img{
  border:#666666 1px solid;
}

#main {
  width:84%;
  margin:0px 125px 0px 0px;
  padding:0px;
  float:right;
  line-height: 130%;
  border-right:#252525 3px double;
  background:#000000;
    filter:alpha(opacity=85); /*IE*/
    -moz-opacity:0.85; /*FF*/
    opacity:0.85;
}
#main_contents{
  margin:0px 0px 100px 0px;
}
/****** ヘッダ ******/
#header {
  width:84%;
  margin:0px 125px 0px 0px;
}
h1 {
  color: #ffffff;
  padding: 15px 5px 5px;
  letter-spacing: 2pt;
  font-size: 200%;
}
/****** フッター *******/
#footer {
  width:84%;
  margin:0px 125px 0px 0px;
  padding:300px 0px 0px 0px;
  float:right;
  clear:both;
  line-height: 130%;
  border-right:#252525 3px double;
  background:#000000;
    filter:alpha(opacity=85); /*IE*/
    -moz-opacity:0.85; /*FF*/
    opacity:0.85;
}
/* 著作権 */
address {
  margin: 5px 15px 0 0;
  padding: 5px;
  font-style: normal;
}
div.caution{
  margin:0px;
  padding:30px 0px 10px 30px;
  color:#ffffff;
  font-style:italic;
  font-size:12px;
}
div.caution a{
  text-decoration: none;
  border:0px;
  background:#000000;
}
div.caution img{
  margin:3px;
}

/****** メイン *******/
#main h1{
  margin:5px 0px 0px 20px;
  padding:0px;
  color: #ffffff;
  font-size:180%;
  letter-spacing: 1pt;
  clear:both;
}
#main h2{
  margin:5px 30px 5px 20px;
  padding:10px 5px 5px 20px;
  color: #ffffff;
  font-size:150%;
  letter-spacing: 1pt;
  border-right:#666666 3px solid;
  border-bottom:#666666 1px solid;
  background-color:#333333;
  clear:both;
}
#main h3{
  margin:5px 50px 5px 0px;
  padding:5px 5px 2px 10px;
  color: #ffffff;
  font-size:125%;
  letter-spacing: 1pt;
  border-right:#666666 3px solid;
  border-bottom:#666666 1px solid;
  background-color:#151515;
  clear:both;
}
#main h4{
  margin:5px 50px 5px 0px;
  padding:5px 5px 2px 10px;
  color: #ffffff;
  font-size:115%;
  letter-spacing: 1pt;
  border-right:#666666 3px solid;
  border-bottom:#666666 1px solid;
  clear:both;
}
div.mainbox{
  padding:5px 20px 20px 20px;
  clear:both;
}
div.navigation{
  margin:0px 10px 5px 20px;
  padding:0px 10px 10px 10px;
  clear:both;
}
div.searchform{
  margin:0px 10px 5px 0px;
  padding:0px 10px 10px 0px;
/*  border:#666666 1px dashed; */
  clear:both;
}
div.site_data{
  margin:0px 10px 5px 0px;
  padding:5px;
  border-top:#333333 1px solid;
  border-right:#999999 1px solid;
  border-bottom:#999999 1px solid;
  border-left:#333333 1px solid;
}
div.site_data_name{
  font-size:150%;
  font-weight:bold;
}
div.site_data_rank{
  background-color:#333333;
}
div.site_data_time{
}
div.site_data_banner{
}
div.site_data_category{
  font-size:80%;
}
div.site_data_introduction1{
  margin:5px 0px 0px 0px;
  padding:5px;
  border-top:#999999 1px dashed;
}
div.site_data_introduction2{
  color:#cc0000;
  margin:5px 0px 0px 0px;
  padding:5px;
  border-top:#999999 1px dashed;
}

div.mainbox ul, div.mainbox ol{
  margin:0px 20px 5px 30px;
}

table, table caption{
  margin:5px 20px 5px 30px;
}
table caption{
  border-bottom:#666666 1px solid;
  font-weight:bold;
  text-align:left;
}

/****** 位置調整 *******/
div.center{
  text-align:center;
}
div.right{
  text-align:right;
}
div.left{
  text-align:left;
}

div.samplebox{
  clear:both;
}
div.samplebox div.sampleimage{
  width:200px;
  float:left;
}
div.samplebox div.sampletext{
  float:left;
}

/****** 文字装飾 *******/
hr{
  margin:5px 20px 5px 10px;
  border:#333333 1px dashed;
}

span.strong_0{
  font-size:inherid;
  font-weight:bold;
}
span.strong_1{
  font-weight:bold;
  font-size:110%;
}
span.strong_2{
  font-weight:bold;
  font-size:120%;
}
span.strong_3{
  font-weight:bold;
  font-size:130%;
}
span.strong_4{
  font-weight:bold;
  font-size:140%;
}
span.strong_5{
  font-weight:bold;
  font-size:150%;
}
span.warning{
  font-size:120%;
  font-weight:bold;
  color:#cc0000;
}
span.strike{
  text-decoration:strike;
  text-decoration:line-through;
}
span.underline{
  text-decoration:underline;
}
span.bl{
  color:#cc0000;
}
span.fa{
  color:#cc0000;
}
span.color{
  color:#cc0000;
}
