@charset "utf-8";
/* 一般TAGの設定 */
body 
	{ background: #000; color: #ccc; font: small "ＭＳ Ｐゴシック", "Osaka", sans-serif; }
div, body, ul, li, dl, dt, dd
	{ margin: 0; padding: 0; }
a 
	{ text-decoration: none; }
a:link,a:visited 
	{ color: #fff; }
a:hover,a:active 
	{ color: #fc3; }
h1 
	{ font: bold 12px "Geneva", "Arial", "Helvetica", "sans-serif"; background: #fc3 url(img/h1.gif) no-repeat right bottom; margin: 0px; padding: 1px 15px; width: 770px; height: 13px; text-align: right; }
h1 a:link,h1 a:visited 
	{ color: #000; display: block; }
h1 a:hover,h1 a:active 
	{ color: #999; }
h2 
	{ color: #ccc; font-size: large; font-weight: bold; margin: 5px; padding: 1px 5px; border-right: 5px solid #ccc; border-bottom: 1px solid #ccc; text-align: right; clear: both; }
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active 
	{ color: #ccc; display: block; }
h3 
	{ color: #fff; font-size: medium; font-weight: bold; margin: 10px; padding: 1px 5px; border-left: 10px solid #fc3; text-align: left; clear: both; }
h4 
	{ font-size: medium; font-weight: bold; margin: 1em; padding: 0; text-align: left; }
h5 /* H5はサブメニュー専用 */
	{ font-size: 14px; font-weight: bold; color: #000; background: #ccc; margin: 20px 5px 0 0; padding: 2px 5px 2px 0; width: 140px; text-align: right; }
br 
	{ letter-spacing: normal; }
p, .thread dd, .entry dd /* コメント、トラックバック、BBSのレス用 */
	{ font-size: medium; line-height: 1.5; letter-spacing: 0.025em; margin: 1em; padding: 0; text-align: left;  }
ul, dl 
	{ list-style: none; text-align: left; font-size: medium; }
.thread dt, .entry dt /* コメント、トラックバック、BBSのレス用 */
	{ font-weight: bold; border-top: 1px dashed #ccc; margin: 5px 15px; padding: 5px; }
.thread dd, .entry dd /* コメント、トラックバック、BBSのレス本文 */
	{ margin: 5px 20px; padding: 5px; }
img 
	{ margin: 0; padding: 0; border: 0; }
textarea 
	{ border: none; margin: 2px 5px; overflow: auto; }
input 
	{ border: none; margin: 2px 5px; }
/* メインボックス */
#container 
	{ width: 800px; text-align: center; }
#main 
	{ width: 650px; float: right; margin-top: 20px; }
#navi 
	{ width: 150px; float: left; margin-top: 20px; }
#bottom 
	{ margin: 10px 5px; border-top: 1px solid #ccc; clear: both; }
#bottom li
	{ margin: 5px; font-size: small; text-align: right; }

/* サイドナビ */
#menu 
	{ margin-bottom: 20px; }
#menu li a:link,#menu li a:visited 
	{ font-size: 14px; font-weight: bold; color: #ccc; text-align: right; display: block; margin: 5px 5px 5px 0px; padding: 2px 5px 2px 0px; width: 140px; }
#menu li a:hover,#menu li a:active 
	{ color: #000; background: #ccc; }

/* サブメニュー */
#submenu ul
	{ width: 144px; border: 1px solid #ccc; border-left: none; font-weight: bold; font-size: 14px; margin: 20px 5px 0 0; text-align: right; }
#submenu ul li 
	{ background-color: #ccc; padding: 2px 0 0 0; }
#submenu ul li a /* タイトル部 */
	{ display: block; color: #000; width: 139px; margin: 0 5px 0 0; }
/* 第二階層　サブメニュー */
#submenu ul li ul 
	{ width: 144px; margin: 0; border: none; border-top: 2px solid #ccc; }
#submenu ul li ul li
	{ background-color: #000; }
#submenu ul li ul li a 
	{ display: block; color: #ccc; width: 144px; margin: 0; }
#submenu ul li ul li a:link, #submenu ul li ul li a:visited 
	{ border-left: 5px solid #000; width: 134px; padding: 2px 5px 2px 0; }
#submenu ul li ul li a:hover,#submenu ul li ul li a:active 
	{ border-left: 5px solid #ccc; }
/* 第三階層　サブメニュー */
#submenu ul li ul li ul 
	{ border: none; }
#submenu ul li ul li ul li 
	{ font-weight: normal; } 
#submenu ul li ul li ul li a:link, #submenu ul li ul li ul li a:visited 
	{ width: 139px; border: none; }
#submenu ul li ul li ul li a:hover, #submenu ul li ul li ul li a:active 
	{ color: #fff; }

/* タイトルを折り返さない widthの指定必須(IE) */
.recent dt, .recent dd, .contents dt, #gallery dd 
	{ white-space: nowrap; overflow: hidden; }

/* RECENT ENTRY */
.recent 
	{ margin: 0px 5px 20px 0px; width: 144px; font-size: small; text-align: right; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.recent dt 
	{ width: 140px; margin: 0 2px; padding: 5px 0 2px 0; }
.recent dd 
	{ width: 140px; margin: 2px; }

/* エントリー関連 */
.entry 
	{ border-bottom: 1px solid #ccc; margin: 20px 5px; crear: both; }
.entry img 
	{ margin: 5px 0; }
.addi 
	{ margin: 5em 0 0 0; clear: both; }
.entry h4, .addi h4 
	{ margin: 1em; padding: 0; text-align: left; }
.thread 
	{ border: 1px solid #ccc; width: 638px; margin: 5px; overflow: hidden; }
.resform 
	{ border-top: 1px dashed #ccc; margin: 5px 15px; padding: 5px; font-size: small; text-align: right; }
/* トップのコンテンツエリア */
.contents 
	{ float: left; width: 325px; margin-bottom: 20px; }
.contents h3 
	{ margin: 10px 5px 0 5px; padding: 2px 5px; font-size: 14px; color: #000; background: #ccc; border: none; }
.contents h3 a:link, .contents h3 a:visited, .contents h3 a:hover, .contents h3 a:active 
	{ color: #000; display: block; }
.contents a:hover h3 
	{ color: #000; }
.contents p 
	{ border: 0 solid #ccc; border-width: 0 1px; font-size: small; margin: 0 5px; text-align: right;}
.contents dl 
	{ border: 1px solid #ccc; border-top: none; margin: 0 5px; }
.contents dt, .contents dd 
	{ width: 293px; margin: 0 5px; padding: 2px; }

/* 汎用クラス */
.halfimg 
	{ width: 330px; float: left; }
.half img 
	{ margin: 5px; }
.halftext 
	{ width: 320px; float: left; }
.halftext p 
	{ font-size: small; line-height: 1.5; }
.left 
	{ float: left; margin: 5px; text-align: left; }
.right 
	{ float: right; margin: 5px; text-align: right; }
.clear 
	{ clear: both; }
.date 
	{ font-weight: normal; font-size: small; margin: 0.5em; text-align: right; clear: both; }
.date a:link, .date a:visited 
	{ color: #ccc; }
.date a:hover, .date a:active 
	{ color: #fff; }
.small
	{ font-size: small; }
.goto /* このページの先頭へ */
	{ font-size: small; background: #000; text-align: right; position: fixed; left: 0; bottom: 0; margin: 10px 15px 10px 10px; padding: 2px; }

/* gallery */
#gallery
	{ clear: both; }
#gallery dl 
	{ float: left; width: 216px; }
#gallery dd 
	{ width: 196px; margin: 2px 10px; text-align: center; }
#gallery dl img 
	{ margin: 8px; height: 200px; width: 200px; }

/* link */
.links 
	{ border-bottom: 1px solid #ccc; margin: 10px 5px; }
.links h3 
	{ margin: 2px 5px; }
.links p 
	{ margin: 5px 30px; font-size: small;  }

/* エラーページ */
#error 
	{ margin: auto; height: 490px; width: 650px; background: url(img/error.jpg); }
#error h2
	{ color: #000; border: none; text-align: center; padding-top: 200px; }
#error p
	{ color: #000; text-align: center; }