/* Edited with EditCSS */
/**** LINK-tag style sheet styles.css ****/

/* 基本レイアウト */
html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
a img { border: 0; }

/* リンク色（ヘッダー） */
#banner a { color: #333; text-decoration: none; }
#banner a:hover { color: #333; }

a {color:#003399;}
a:hover { color: #f60; }

/* 見出し */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 0px; }


/* ページレイアウト */

body
{
 min-width: 870px;
 margin: 0;
 padding: 0;
 font-size: 14px;
 text-align: center;
 color: #333;
 background: #fff;
 background: url(img/bg.gif) ;

}

#container
{
 position: relative;
 margin: 0 auto;
 padding: 0;
 text-align: center;
 width: 870px;
 background: url(img/cbg.gif) top repeat-y;
}

#container:after
{
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
}




/* ヘッダー（レイアウト） */

#banner
{
 position: relative;
 width: 850px;
 height: 170px;
 margin: 0 10px;
 background: url(img/banner.gif) top no-repeat;
}


#banner div
{
 position: relative;
 display: block;
 width: 850px;
 height: 167px;
 margin: 0;
 border-bottom: 2px solid #990000;
}


/* ヘッダー（サイトタイトル） */

#banner h1 a
{
    display: block;
    height: 170px;
    width: 850px;
    background: url(img/logo.jpg) no-repeat;
    text-indent: -9999px;
    float: left;
}

/* ヘッダー（検索ボックス） */

#banner-search
{
 position:absolute; bottom:5px; right:10px;
 color:#666;
 letter-spacing: 1em;
 font-size: 10px;
}

/* ヘッダー（サイト説明文） */

#banner p
{
 margin: 0;
 width: 520px;
 font-size: 0.9em;
 font-weight: normal;
 line-height: 1.25;
 text-align: left;
 position:absolute; top: 55px; left: 190px;
 letter-spacing: 0.2em;
 color: #999;
}


/* メインコンテンツ全体 基本レイアウト*/

#pagebody
{
 position: relative;
 width: 850px;
 margin: 0 10px;
 text-align: left;
 border-top: 3px solid #000;
}

#pagebody:after
{
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
}


/* メインコンテンツレイアウト */


#main /* 記事部分 */
{
 display: inline;
 position: relative;
 float: left;
 min-height: 1px;
 width: 550px;
 margin: 10px 5px 30px 20px;
 text-align: left;
 }

#side /* サイドメニュー */
{
 display: inline;
 position: relative;
 float: right;
 min-height: 1px;
 margin: 10px 15px 30px 5px;
 padding: 15px 0 0 0;
 width: 240px;
 text-align: left;
}

#s-main /* 検索結果記事部分 */

{
 display: inline;
 position: relative;
 float: right;
 min-height: 1px;
 width: 510px;
 _width: 490px;
 margin: 10px;
 text-align: left;
 }

/* 記事部分見出し */

h3{ font-weight: normal;
 font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8"; color:#fff;}

.header1
{
 position: relative;
 width: auto;
 _width: 100%;
 margin: 15px 0;
 padding: 10px 0 5px 10px;
 border-left: 5px solid #990000;
 border-bottom: 1px solid #ccc;
 line-height: 1.25;
 font-size: 1.2em;
 font-weight: normal;
 font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
 text-transform: uppercase;
 clear: both;
 letter-spacing: 0.1em;
}

.header2
{
 position: relative;
 margin-top: 20px;
 border-left: 5px solid #990000;
 padding: 10px 0 5px 10px;
 font-size: 1.1em;
 font-weight: normal;
 font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
 line-height: 1.25;
}

.header1 a, .header2 a 
{
 text-decoration: none;
 }

/* 記事部分見出し（日付） */

.header1 .date
{
 display: block;
 font-size: 0.8em;
 color: #666;
 letter-spacing: 0.1em;
 margin: 0;
 padding: 0 0 5px;
}


/* 記事部分コンテンツ */

.entry
{
 line-height: 22px;
 margin: 10px 0 0 10px;
 padding: 0; 
 background: url(img/note.gif);
}

 p
{
 margin: 20px 0 10px;
 line-height: 26px;
 font-size: 1em;
 letter-spacing: 1px;
}

.more2,
.more{
	margin: 10px;
	font-size: 120%;
	font-weight: bold;
}

.more2{ text-align: left; }
.more{ text-align: right; }

.more a,
.more2 a{
	padding-left: 15px;
}

/*矢印画像*/
.more a{background: url(img/icon-menu01-r-black.gif) 0 3px no-repeat; }
.more2 a{background: url(img/icon-menu01-r-black.gif) 0 3px no-repeat; }


/*BOX*/

.box{
 background:#f6f6f6;
 margin: 20px 10px;
 padding: 10px;
 border-top: 1px solid #333;
 border-bottom: 1px solid #333;
 }

.entry-footer,
{
 margin: 5px 10px 0 0;
 border-top: 1px dotted #f0f0f0;
 padding: 5px 0;
 color: #ccc;
 font-size: 10px;
 text-align: right;
}

/* パンくずリスト */

.bread
{
 background: none;
 margin: 0 10px;
 padding-left: 10px;
 text-align: left;
}

/* その他コンテンツ */

.f-navi
{
 margin: 5px 0;
 text-align: center;
 clear: both;
}

.gotop 
{
 text-align: right;
 clear: both;
 padding: 10px;
}

.img
{
 float: left;
 margin: 10px 20px 20px 0;
 text-align: center;
}

.img-c{
 float: left;
 margin: 0 5px 0px 0;
}


.tb-info
{
 text-align: center;
 border: 1px dotted #f0f0f0;
}

/* フッター */

#footer
{
 position: relative;
 width: 730px;
 height: 70px;
 text-align: center;
 padding: 0;
 margin: 0;
 clear: both;
 color: #666;
}

#footer p
{
 padding: 0;
 margin: 0;
 font-size: 0.8em;
 color: #999;
 position:absolute; top:15px; right:15px;
}

#footer a
{
 text-decoration: none;
 color: #666;
}

.footer-navi
{
  width: 720px;
 margin: 20px auto;
 padding: 5px 0;
 font-size: 0.8em;
 text-align: center;
 line-height: 1.25;
 clear: both;
 color: #ccc;
 border-top: 1px dotted #ccc;
 border-bottom: 1px dotted #ccc;
 letter-spacing: 0.3em;
}

.footer-navi a
{
 color: #666;
 text-decoration: none;
}


/* サイドメニュー内部 */

.side-header
{
 position: relative;
 width: auto;
 margin: 5px 0 0;
 padding: 5px 0;
 color: #333;
 background: #fff;
 font-size: 13px;
 font-weight: bold;
 letter-spacing: 1px;
 text-align: center;
 background: #f6f6f6;
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
}

#side p 
{
 padding: 0 5px;
}

#side ul
{
 margin: 0 0 15px;
 padding: 0;
 list-style: none;
}

#side li
{
 width: 240px;
}

#side li a
{
 width: auto;
 _width: 100%;
 text-indent: 5px;
 display: block;
 font-size: 12px;
 margin: 2px 0;
 padding: 7px 5px;
 letter-spacing: 0.1em;
 border: 1px solid #ccc;
 text-decoration: none;
 color: #333;
}

#side li a:hover
{
 background: #f0f0f0;
 color: #990000;
}

#side dl
{
 padding: 3px;
}

#side dt
{
 font-size: 14px;
 border-bottom: 1px dotted #f0f0f0; 
 padding: 5px 5px 3px;
 letter-spacing: -0.04em;
 line-height: 1.4;
}


/* 更新情報 */

.up{
	width: 550px;
	margin-bottom: 30px;
	padding: 10px 0px 5px;
	border:1px solid #ccc;	
    background: url("img/up.gif") no-repeat left top #f6f6f6;
	}

.up dl {
	margin: 0;
	text-align: left
}

.up dt {
	width: 120px;
	_width: 140px;
	margin-left:10px;
	padding: 8px 5px 8px 25px;
	font-size: 12px;
	background: #eee ;
	text-align: left;
	line-height: 17px;
	font-weight: bold;
    background: url("img/dd.gif") repeat-x  bottom left;
}
.up dd {
	width: 410px;
	_width: 400px;
	padding: 8px 5px;
	margin: -33px 0 0 0;
	font-size: 14px;
	float: right;
	line-height: 17px;
	text-align: left;
    background: url("img/line.gif") repeat-x  bottom;
	font-weight: bold;
}


/* コメント */

.comment{
  margin: 0 10px 10px 0;
  padding: 10px;
  border: 1px solid #ccc;
  background:#f4f4f4;
}


.commentname{
  margin: 10px 10px 0px 0;
  padding: 0;
 text-align: right;

}


.review{
	width: 530px;
	margin-bottom: 30px;
	padding: 0px 10px 10px;
	border:1px solid #ccc;	
    background: url("img/up.gif") no-repeat left top #f6f6f6;
	}

.review li{
	list-style: none;
	margin: 10px 0 -10px 0;
	_margin: 10px 0 0px 0;
	padding: 0px 0px 0px 30px;
	_padding: 0px 0px 0px 15px;
	background: url("img/new.gif") no-repeat left center;
	_background: url("img/new.gif") no-repeat left top;
	font-weight: bold;
 letter-spacing: 1px;}



.toku{
	width: 530px;
	margin-bottom: 30px;
	padding: 0px 10px 20px 10px;
	border:1px solid #ccc;	
    background: url("img/up.gif") no-repeat left top #f6f6f6;
 letter-spacing: 1px;
	}

.toku li{
	list-style: none;
	margin: 20px 0 -10px 0;
	_margin: 10px 0 0px 0;
	padding: 0px 0px 0px 30px;
	_padding: 0px 0px 0px 15px;
	background: url("img/li.gif") no-repeat left center;
	_background: url("img/new.gif") no-repeat left top;
	}

/* ランキング */

.r1{border: 1px solid #ccc;padding: 0px 10px 0px 10px;}
.r2{margin-top: 10px; border: 1px solid #ccc;padding: 0px 10px 0px 10px;}
.r3{margin-top: 10px; border: 1px solid #ccc;padding: 0px 10px 0px 10px;}
.r4{margin-top: 10px; border: 1px solid #ccc;padding: 0px 10px 0px 10px;}
.r5{margin-top: 10px; border: 1px solid #ccc;padding: 0px 10px 0px 10px;}
.r6{margin-top: 10px; border: 1px solid #ccc;padding: 0px 10px 0px 10px;}
.r7{margin-top: 10px; border: 1px solid #ccc;padding: 0px 10px 0px 10px;}
.r8{margin-top: 10px; border: 1px solid #ccc;padding: 0px 10px 0px 10px;}

.r1 h3{
margin: 0 -10px 10px; 
background: url("img/r1.gif") no-repeat left top #333;
padding: 8px 10px 3px 80px;
}

.r2 h3{
margin: 0 -10px 10px; 
background: url("img/r2.gif") no-repeat left top #333;
padding: 8px 10px 3px 80px;
}

.r3 h3{
margin: 0 -10px 10px; 
background: url("img/r3.gif") no-repeat left top #333;
padding: 8px 10px 3px 80px;
}

.r4 h3{
margin: 0 -10px 10px; 
background: url("img/r4.gif") no-repeat left top #333;
padding: 8px 10px 3px 80px;
}

.r5 h3{
margin: 0 -10px 10px; 
background: url("img/r5.gif") no-repeat left top #333;
padding: 8px 10px 3px 80px;
}

.r6 h3{
margin: 0 -10px 10px; 
background: url("img/r6.gif") no-repeat left top #333;
padding: 8px 10px 3px 80px;
}

.r7 h3{
margin: 0 -10px 10px; 
background: url("img/r7.gif") no-repeat left top #333;
padding: 8px 10px 3px 80px;
}


.r8 h3{
margin: 0 -10px 10px; 
background: url("img/r8.gif") no-repeat left top #333;
padding: 8px 10px 3px 80px;
}

/* テーブル */

.t1{ margin: 0 0 30px; }

.t1 th{
 padding: 3px 20px 3px 30px;
 background: url(img/li.gif) no-repeat center left;}

.t1 td{}


.t2{
  padding:10px;
  margin: 0 0 30px;
  background:#ffffe6;
  width: 540px;
 border:2px solid #fee39c;
 _font-size: 14px;}

.t2 th{
_width: 50px;
 padding: 3px 20px 3px 30px;
 _padding: 3px 5px 3px 20px;
 text-align: center;
 background: url(img/li.gif) no-repeat center left;}

.t2 td{ }

.timg{width: 150px;}

.t3{ margin: 0 0 10px; 
  width: 530px;
  background:#ccc;}

.t3 th{
 padding: 5px 10px;
 background:#f6f6f6;
 color:#000;}

.t3 td{ padding: 5px 10px;
  background:#fff;}


.t4 { 
width: 550px;
padding: 10px 90px;
border:1px solid #ccc;
background: url("img/up.gif") no-repeat left top #f6f6f6;
}

.t4 td{ 
text-align: center;
padding: 5px 0;
}

.t4 th{ 
padding: 5px 0;
}

.t5 { 
width: 550px;
padding: 10px 20px;
margin: 10px 0;
border:1px solid #ccc;
background: url("img/up.gif") no-repeat left top #f6f6f6;
}

.t5 td{ 
text-align: center;
padding: 5px 0;
}

.t5 th{ 
padding: 5px 0;
}

.t6 { 
width: 550px;
padding: 10px 10px;
margin: 10px 0;
border:1px solid #ccc;
background: url("img/up.gif") no-repeat left top #f6f6f6;
}

.t6 td{ 
text-align: left;
padding: 5px 0;
}

.t6 th{ 
padding: 5px 0;
}



.t7{ margin: 0 10px 10px; 
  width: 520px;
  background:#ccc;}

.t7 th{
 padding: 3px 10px;
 background:#f6f6f6;
 color:#000;}

.t7 td{ padding: 3px 10px;
  background:#fff;}





.af{ 
padding: 10px; 
font-size:14px;
font-weight: bold;
}

.link{
  width: 480px;
  padding:5px;
  margin: 20px auto;
  _margin: 20px 35px;
  font-size: 16px;
  border:2px solid #fee39c;
  background:#ffffe6;
  text-align: center;
  font-weight: bold;
  }


.red { color: #cc0000; } /* 赤 */ 
.bred { color: #cc0000;font-weight: normal;font-size:50px;
 font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8"; } /* 赤 */ 
.blue { color: #003399; } /* 青 */ 
.green { color: #339900; } /* 緑 */ 
.orange { color: #ff9900; } /* オレンジ */ 
.bred { color: #cc0000;
 font-size: 18px; } 
.line { background: #ffcc00; }
.kome { font-size: 12px; color: #cc0000; line-height: 1.25;}
.s { font-size: 12px; color: #333; line-height: 1.25; } 



/* ホバー部分 */


#hover{
	border:1px solid #900;
	background:#fff;
	visibility:hidden;
	position:absolute;left:300px;top:110px;width:600px;height:250px;
	background: url(img/hover.gif) top no-repeat #fcfcff;
	padding-top: 250px;
	}

#free_area{
	width:598px;height:498px;_height:249px;
	visibility:hidden;
	}


.bt a {
    display: block;
    height: 40px;
    width: 400px;
    margin: 0px auto 10px;
    _margin: 0px 70px 10px;
    background: url(img/bt.gif) no-repeat;
    text-indent: -9999px;
}

.bt a:hover {
    display: block;
    height: 40px;
    width: 400px;
    background: url(img/bt2.gif) no-repeat;
}