@charset "UTF-8";

/* ========== base ========== */

* {
	font-style	: normal;
	font-family : "ＭＳ Ｐゴシック", Verdana, monospace, sans-serif; 
	line-height	: 140%;
	margin		: 0;
	padding		: 0;
}

body {
	color		: #333;
	background	: #2A5CCF url("http://www.bellfor.com/sister/img/bg.jpg") no-repeat right bottom fixed;
	text-align	: center;
}

#page {
	width		: 800px;
	margin		: 5px auto;
}

/* ========== common ========== */

a:link,
a:visited {
	color		: #333;
}

a:hover {
	color		: #EC0000;
}

a img {
	border		: none;
}

ul {
	list-style-type	: none;
}

.clr, .dot {
	clear		: both;
	height		: 1px;
}

.dot {
	background	: url("http://www.bellfor.com/sister/img/dot_gray.gif") repeat-x center left;
	padding		: 5px 0;
}

.clr hr,
.dot hr {
	display		: none;
}

/* ========== content ========== */

#content {
	width		: 570px;
	float		: left;
	margin		: 0 5px 0 0;
}

/* ========== header ========== */

#header {
	background	: url("http://www.bellfor.com/img/header_bg.png") no-repeat top left !important;
	background	: url("http://www.bellfor.com/img/header_bg.gif") no-repeat top left;
	text-align	: left;
	width		: 570px;
	height		: 50px;
	position	: relative;
}

#header * {
	font-size	: 10px;
}

#header a:link,
#header a:visited,
#header a:active {
	text-decoration	: none;
	display		: block;
	text-indent	: -9999px;
}

#header h1 {
	width		: 149px;
	height		: 36px;
	float		: left;
	position	: absolute;
	top		: 10px;
	left		: 10px;
}

#header h1 a {
	width		: 149px;
	height		: 36px;
}

#header ul {
	width		: 147px;
	height		: 10px;
	position	: absolute;
}

#header ul li {
	height		: 10px;
	position	: absolute;
	top		: 30px;
	overflow	: hidden;
}

#header ul li a:link,
#header ul li a:visited,
#header ul li a:active {
	height		: 10px;
}

#header ul li#menu_about {
	background	: url("http://www.bellfor.com/img/menu_about.gif") no-repeat top left;
	width		: 92px;
	left		: 423px;
}

#header ul li#menu_bbs {
	background	: url("http://www.bellfor.com/img/menu_bbs.gif") no-repeat top left;
	width		: 31px;
	left		: 525px;
}

/* ========== main ========== */

#main {
	font-size	: 12px;
	background	: url("http://www.bellfor.com/sister/img/main_bg.png") repeat-y top center !important;
	background	: url("http://www.bellfor.com/sister/img/main_bg.gif") repeat-y top center;
}

#mainimg {
	width		: 570px;
	height		: 205px;
	overflow	: hidden;
	margin		: 0 0 15px 0;
}


#main #text {
	text-align	: left;
	padding		: 0 10px;
}

#main #text p {
	margin		: 1em 0;
}

#main #text .entry {
	margin		: 0.5em 0 1em 0;
}

/* ========== Main-Common ========== */

#main #text .ttl {
	margin		: 0 0 10px 0;
	padding		: 5px 0 0 5px;
	border-left	: 5px solid #EC0000;
}

#main #text .ttl h2,
#main #text .ttl h3 {
	font-size	: 12px;
}

#main #text h2#ttl_recent,
#main #text h2#ttl_archive,
#main #text h3#ttl_archive_recent,
#main #text h3#ttl_archive_monthly,
#main #text h3#ttl_archive_ura {
	text-indent	: -9999px;
	height		: 13px;
	margin		: 0 0 5px 0;
	overflow	: hidden;
}

#main #text h2#ttl_recent {
	background	: url("http://www.bellfor.com/sister/img/ttl_new.gif") no-repeat top left;
}

#main #text h2#ttl_archive {
	background	: url("http://www.bellfor.com/sister/img/ttl_archive.gif") no-repeat top left;
}

#main #text h3#ttl_archive_recent {
	background	: url("http://www.bellfor.com/sister/img/ttl_archive_recent.gif") no-repeat top left;
}

#main #text h3#ttl_archive_monthly {
	background	: url("http://www.bellfor.com/sister/img/ttl_archive_monthly.gif") no-repeat top left;
}

#main #text h3#ttl_archive_ura {
	background	: url("http://www.bellfor.com/sister/img/ttl_archive_ura.gif") no-repeat top left;
}

#main #text .ttl p,
#main #text .ttl h4 {
	color		: #999;
	font-size	: 10px;
	font-weight	: normal;
	margin		: 0;
	padding		: 0 0 5px 0;
}

/* ========== footer ========== */

#footer {
	clear		: both;
	background	: url("http://www.bellfor.com/sister/img/footer_bg.png") no-repeat center bottom !important;
	background	: url("http://www.bellfor.com/sister/img/footer_bg.gif") no-repeat center bottom;
	font-size	: 10px;
	padding		: 15px 0;
}

/* ========== sidebar ========== */

#sidebar {
	width		: 225px;
	float		: left;
}

#sidebar #menu ul {
	margin		: 55px 0 0 0;
}

#sidebar #menu ul li {
	text-indent	: -9999px;
	margin		: 0 0 5px 0;
}

#sidebar #menu ul li a:link,
#sidebar #menu ul li a:visited,
#sidebar #menu ul li a:active {
	text-decoration	: none;
	width		: 225px;
	height		: 45px;
	display		: block;
}

#sidebar #menu ul li#menu_top {
	background	: url("http://www.bellfor.com/sister/img/menu_top.gif") no-repeat top left;
}

#sidebar #menu ul li#menu_archive {
	background	: url("http://www.bellfor.com/sister/img/menu_archive.gif") no-repeat top left;
}

#sidebar #menu ul li#menu_contact {
	background	: url("http://www.bellfor.com/sister/img/menu_contact.gif") no-repeat top left;
}

#sidebar #picup {
	margin		: 10px 0 0 0;
}

/* =========== comment =========== */

#commentform {
	margin		: 10px 0;
}

#commentform dl {
	clear		: both;
	height		: 20px;
	margin		: 0 0 5px 0;
}

#commentform dt {
	width		: 100px;
	float		: left;
	text-align	: right;
	margin		: 0 5px 0 0;
}

#commentform dd {
	width		: 440px;
	float		: left;
}
#commentform dd input,
#commentform dd textarea {
	width		: 250px;
}

#commentform dd textarea {
	width		: 400px;
	height		: 100px;
}

#commentform p#btn {
	margin		: 10px 0 0 105px;
}

.comnt {
	margin		: 5px 0;
	padding		: 5px;
}

.comnt .posted {
	font-weight	: bold;
}

.comnt .comnt_body {
	margin		: 0 0 0 15px;
}

/* =========== archives =========== */

#archive_recent {
	width		: 270px;
	float		: left;
	margin		: 0 0 10px 0;
}

#archive_monthly {
	width		: 270px;
	float		: right;
	margin		: 0 0 10px 0;
}