@charset "utf-8";

/****************************************/
/* CommonCSS */
/****************************************/

body { text-align: center;}
#container { 
	width: 760px;
	margin: 0 auto;
	background: url(../images/bg_top.gif) no-repeat 0 0;
	text-align: left;
}

/* header */
#header a { display: block;}
#header {
	height:136px;
	position: relative;
}
#header h1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 340px;
	height:136px;
	overflow: hidden;
	background:  url(../images/header_title.gif) no-repeat 0px 0px;
}
#header h1 a { height: 136px; padding-top: 136px;}

#header p {
	position: absolute;
	left: 610px;
	top: 0px;
	width: 150px;
	height: 136px;
	overflow: hidden;
	background: url(../images/logo.gif) no-repeat;
}
#header p a {
	height: 136px;
	padding-top: 136px;	
}

#main {
    margin-top: 0;
	padding: 3px 3px 4px 3px;
	background: url(../images/bg_foot.gif) no-repeat left bottom;
	font-size: 82%;
}

/* 2colum */
#main_home {
	padding: 20px;
}
#main_home { background: url(../images/bg_body_home.gif) repeat-y right top;}
#main_home #alpha { width: 500px; float:right;}
#main_home #beta { width: 160px; float:left;}
p.move { text-align: right;}

/* footer */
#footer {
	background: #72AD2D;
	height: 105px;
	color: #337508;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
	clear: both;
}

/****************************************/
/* PageCSS */
/****************************************/

.blog_explain{
	padding: 10px 20px;
	color: #69F; 
	background-color: #FFFFFF;
	border: dotted 1px #999;
	margin-bottom: 20px;
	font-weight: bold;
}

#beta div {margin-bottom: 20px;}
#beta p {padding: 5px; border: solid 1px #72AD2D;}
#beta dl {padding: 5px; border: solid 1px #72AD2D;}
#beta dt {font-weight: bold; line-height: 110%; color: #72AD2D;}
#beta dd {font-size: 90%; padding-left: 10px; margin-bottom: 5px;}
#beta ul {padding: 5px; border: solid 1px #72AD2D;}

/* Entry */
.entry_box{
	padding: 10px 10px 20px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	margin-bottom: 15px;
}

.entry_title{ 
	font-weight: bold;
	font-size: 140%;
	border-left: solid 5px #72AD2D;
	border-bottom: solid 1px #72AD2D;
	padding-left: 5px;
}

.entry_title a{ text-decoration: none; color: #72AD2D; }
.entry_title a:hover{ text-decoration: none; color: #6699FF; background-color: #EEEEEE;}
.entry_body{padding: 15px 10px 0px; color: #333;}
.entry_meta{text-align: right; font-size: 90%; margin: 5px 0px;}
.entry_navi{
	text-align: center;
	font-size: 90%;
	margin-bottom: 5px;
	padding: 3px 0px;
}

.entry_navi a{color: #00F;}
.entry_navi a:visited{color: #00F;}
.entry_navi a:hover{color: #00F;}

.more_link{text-align: right; margin-top: 10px;}

/* Archive */
.archive_title{
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
	border-left: solid 8px #72AD2D;
	background-color: #FFFFFF;
	padding: 5px 10px;
}

.archive_title_sub{font-size: 100%; font-weight: bold; color: #72AD2D;}
.archive_box{padding: 0px 20px;}
.archive_entry{float: left; width: 290px;}
.archive_entry ul{border: solid 1px #000000; background-color: #FFFFFF; padding: 10px; margin-bottom: 10px;}
.archive_monthly{float: right; width: 140px;}
.archive_monthly ul{border: dotted 1px #999999; background-color: #FFFFFF; padding: 10px;}

/* Comment */
#comment{}
#comment h2{
	font-weight: bold;
	font-size: 120%;
	padding: 0px 10px;
	margin-top: 30px;
}

.comment_contents{ border: solid 1px #000000; background-color: #FFFFFF;}
.comment_date{float: left;}
.comment_author{float: right;}
.comment_author span{font-weight: bold;}
.comment_header{padding: 0px 15px; background-color: #EEEEEE;}
.comment_body{margin-bottom: 15px; padding: 0px 15px;}


#comment_form{margin-top: 20px; border: dotted 1px #999999; background-color: #FFFFFF;}
#comment_form form{padding: 0px 20px 10px; text-align: left;}
#comment_form label{border-left: solid 8px #69F; padding-left: 5px; font-weight: bold;}

.comment_advise{}

#comment_items{}
#comment_items div{margin-top: 10px;}
#comment_form_author{}
#comment_form_email{}
#comment_form_url{}
/*#comment_form_remember_me{}*/
#comment_text{margin-top: 10px; margin-bottom: 10px;}
#comment_footer{margin-top: 10px; text-align: center;}
#comment_attention{
	margin: 10px;
	padding: 10px;
	background-color: #DDF;
	border: dotted 1px #69F;
}

.comment_title{
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
	border-left: solid 8px #69F;
	background-color: #FFFFFF;
	padding: 5px 10px;
}

.comment_message{text-align: center;}
.comment_success{
	text-align: left;
	padding: 5px 10px;
	border: dotted 1px #69F;
	background-color: #FFFFFF;
}
.comment_confirm{
	text-align: left;
	padding: 5px 10px;
	border: dotted 1px #69F;
	background-color: #FFFFFF;
}
.comment_error{
	border: dotted 1px #999;
	background-color: #FDD;
	padding: 5px 10px;
	width: 400px;
	text-align: left;
	margin: 0px auto;
}

.comment_entry{margin-top: 10px;}