@CHARSET "utf-8";

/* common */
img {border:0;}
p {margin:0;padding:0;}
p.block {
	margin-top:16px;
}
div {margin:0;padding:0;}
.little-space {margin-top:5px;}
.space {margin-top:8px;}
.big-space {margin-top:16px;}
.biggest-space {margin-top:48px;}
.left-space {margin-left:8px;}
.bottom-space {margin-bottom:8px;}
.big-bottom-space {margin-bottom:32px;}
.biggest-bottom-space {margin-bottom:64px;}
.left {float:left;}
.right {float:right;}
.align-left {float:left;padding-left:10px;}
.align-right {float:right;margin-left:10px;}
.align-center {text-align:center;}
.text-right {text-align:right;}
.valign-middle {vertical-align:middle;}
.break {clear:both;}
.nowrap {white-space:nowrap;}
.break-word {word-wrap:break-word;}
.black {color:#222;}
.red {color:#d00;}
.white {color:#fff;}
.gray {color:#666;}
.blue {color:#049;}
.light-blue {color:#08d;}
.light-red {color:#d40;}
.bold {font-weight:bold;}
.small {font:normal 85%/120% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
.smallest {font:normal 77%/120% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
.hidden {display:none;}
.link-fix {color:inherit;text-decoration:none;}
.thumbnail {padding:4px;border:solid 1px #ccc;}
.clearfix:after {
	content:".";display:block;
	clear:both;height:0;visibility:hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* structure */
body {
	font:13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size:small;
	*font:x-small ;
	margin:0;padding:0;
	background:#333 url(../img/background.png);
}
table {
	font-size:inherit;
	/*font:100%;*/
}
form {
	font:normal 85%/140% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;color:#666;
}
#header {
	background:white url(/img/header_side.png);
}
#bar {
	background:#333;
}
#bar_center {
	width:984px;height:34px;margin:auto;padding:8px;
	background:#333 url(/img/header.png) 0 -130px;
}
#bar ul {margin:0;padding:0;}
#bar li {
	float:left;list-style-type:none;margin:0 10px;
	font:bold 167%/120% helvetica,arial,clean,sans-serif;
}
#bar a {color:white;}
#bar a:link {text-decoration:none;}
#bar a:visited {text-decoration:none;}
#bar a:hover {border-bottom-style:dotted;border-bottom-width:1px;}
#wrapper {
	width:1000px;margin:auto;background:#fff;
}
#content {
	float:left;width:730px;min-height:420px;margin:auto;padding:10px;
	background:#fff;
}
#sidebar {
	float:left;width:230px;padding:0 10px;
}
.sidebar_menu {
	width:210px;padding:5px 0;margin:8px auto;background:#333;text-align:center;
	font:bold 100%/120% helvetica,arial,clean,sans-serif;color:#fff;
}
/*#sidebar a {
	font:bold 80%/100% sans-serif;
}
#sidebar a:link {
	text-decoration:none;color:#111;
}
#sidebar a:visited {
	text-decoration:none;color:#111;
}
#sidebar a:hover {
	border-bottom-style:dotted;border-bottom-width:1px;color:#444;
}
#sidebar p {
	font:normal 75%/100% sans-serif;color:#666;
}*/
#footer {
	background:#333 url(../img/footer_side.png) repeat-x;
}
#footer a {color:#444;}
#footer_center {
	width:1000px;height:280px;margin:auto;padding-top:40px;
	background:#333 url(../img/footer.png);
}
#footer .credit {
	width:1000px;margin:auto;
}
.footer_left {
	width:460px;height:140px;padding:10px 0 0 20px;color:#fff;
	font:normal 108%/130% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}
.footer_right {
	margin-left:20px;width:460px;height:240px;padding:10px;color:#fff;
}


.input_text {
	width:200px;height:20px;padding:3px;border:solid 1px #666;background:white;
}
.input_text_compact {
	width:120px;height:12px;padding:1px 3px;border:solid 1px #666;background:white;
	font:normal 77%/120% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}
.input_button {
	width:100px;height:26px;
}
.input_box {
	width:140px;height:20px;padding:3px;border:solid 1px #666;background:white;
}
.textarea {
	width:300px;height:130px;padding:3px;border:solid 1px #666;background:white;
}

.board {
	width:650px;padding:15px;margin:9px;border:solid 1px #333;background:#e5cf69;
}

/* general style */
.publish-text {
	font:normal 108%/140% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;color:#333;
}
.general-text {
	font:normal 100%/140% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;color:#333;
}
.explain-text {
	font:normal 93%/140% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}
.bold-normal {
	font:bold 93%/140% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}
.bold-middle {
	font:bold 116%/120% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;/*color:#333;*/
}
.bold-pretty {
	font:bold 123.1%/120% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;/*color:#333;*/
}

.innocent-ul {margin-left:0;padding-left:0;}
.innocent-li {
	list-style-type:none;margin-left:0;padding-left:0;
}

/* poll */
#poll {
	width:180px;height:60px;
	font:normal 93%/140% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;color:#f00;
}
#poll_button {
	cursor:pointer;
}
#poll_status {
	width:92px;height:60px;
}
#poll_status {
	font:bold 108%/140% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;color:#f00;
}

/* comment */
#comment {
	width:620px;margin:32px auto;
}
#comment ul {
	margin:0;padding:0;
}
#comment li {
	margin:0;padding:7px 0;width:440px;
	border-bottom:dotted 1px #ccc;list-style:none;
}
.comment_text {
	width:230px;height:16px;padding:4px;border:solid 1px #ccc;
}
.comment_textarea {
	width:350px;height:140px;padding:4px;border:solid 1px #ccc;
}
#comment_list {
	width:450px;padding-left:50px;
	background:#fff url(/img/backgrounds/hole.png) repeat-y;
}
