@charset "EUC-JP";

body{
margin:0;
text-align:center;
width:100%;
height:100%;
background:url(http://grava.deca.jp/common/img/bg-kero.gif) top repeat-x #FF6600 fixed;
color: #333;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,Arial;
font-size:12px;
}
* html body{	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}



a:link {
	color:#CC0000;
	text-decoration: underline;
	}
	
a:visited {
	color:#CC0000;
	text-decoration: underline;
	}
	
a:hover {
	color:#CC0000;
	text-decoration: none;
	}

#container{
	margin:0 auto;
	width:900px;
	text-align:left;
	margin-top:30px;
	background:url(http://grava.deca.jp/kerolog/bg-sp.gif) repeat-x 0 90px ;
}

.container_table{
width:900px;
height:100%;
}


/*----------ヘッダー内のスタイル--------*/

#header{
width:100%;
height:90px;
background:url(http://grava.deca.jp/kerolog/bg-top.gif) no-repeat left bottom;
}

#banner{
width:635px;
background:url(http://grava.deca.jp/kerolog/logo-kero.png) no-repeat left top;
padding-left:265px;
height:90px;
}

.blog_tit{
font-size:14px;
font-weight:bold;
color:#000;
line-height:1.5em;
margin:0;
padding-top:10px;
}


.blog_tit_small{
font-size:10px;
color:#000;
margin:0 0 20px;
font-weight:normal;
}


/*----------リスト内のスタイル--------*/

#list{
	width:315px;
	float:left;
	background:#fff;
	height:100%;
	text-align:center;
}

.list_box{
width:220px;
margin:40px auto 25px auto;
background:#fff;
text-align:left;
}

.list_tit{
	width:215px;
	/width:220px;
	background:url(http://grava.deca.jp/kerolog/subt-bg.gif) no-repeat top;
	color:#000;
	font-weight:bold;
	font-size:12px;
	line-height:25px;
	padding-left:10px;
	}

.list_main{
	width:100%;
	margin:0;
	padding:8px 7px 5px 5px;
	font-size:10px;
	}

.list_text{
	font-size:10px;
	line-height:1.5em;
	}

.calendar_box{
	width:220px;
	margin:30px auto 25px auto;
	background:#fff;
	text-align:left;
	}

.calendar_main{
	width:100%;
	margin:5px 0 0 0;

	}

.calendar_tit{
	width:100%;
	background:url(http://grava.deca.jp/kerolog/subt-bg.gif) no-repeat top;
	}

.calendar_line{
	}

.calendar_week{
	color:#666;
	font-size:10px;
	position:center;
	}

.calendar_day{
	color:#666;
	font-size:10px;
	position:center;
	height:15px;
	vertical-align:middle;
	}

.calendar_change{
	color:#fff;
	font-size:10px;
	font-weight:bold;
	padding: 3px 0px 3px 0px;
	}

.calendar_before{
	color:#CC0000;
	font-size:10px;
	font-weight:bold;
	position:center;
	text-align:left;
	}

.calendar_next{
	color:#CC0000;
	ont-size:10px;
	font-weight:bold;
	position:center;
	text-align:right;
	}

.calendar_when{
	color:#000;
	font-weight:bold;
	font-size:12px;
	line-height:25px;
	padding-left:10px;
	}

.i_history{
	width:213px;
	margin-bottom:4px;
	background:url(http://grava.deca.jp/kerolog/icn-list.gif) no-repeat left 0.1em;
	padding-left:15px;
	}

.i_link{
	width:100%;
	margin-bottom:4px;
	}

.i_normal{
	width:213px;
	margin-bottom:4px;
	background:url(http://grava.deca.jp/kerolog/icn-list.gif) no-repeat left 0.1em;
	padding-left:15px;
	}


/*----------コンテント内のスタイル--------*/

#content{
	width:540px;
	float:left;
	padding-left: 45px;
	position: relative;
	background:url(http://grava.deca.jp/kerolog/bg-contents.gif) repeat-y;
	background-color: #FFFFFF;
	}

.content_box {
	padding-top:65px;
	color: #666;
	width: 500px;
	font-size:10px;
	}

.player{
	width:301px;
	}

.date{
	padding-top:10px;
	padding-bottom:7px;
	margin-bottom:10px;
	font-size:10px;
	background:url(http://grava.deca.jp/kerolog/bg-day.gif) bottom no-repeat;
	}

.content_title{
	padding:8px 0 8px 10px;
	border:1px solid #ccc;
	line-height:1.2;
	font-size:12px;
	position:relative;
	top:-72px;
	/border-top:2px solid #ccc;
	}

.content_main{
	font-size:12px;
	line-height:150%;
	margin: -25px 0 30px 0px;
	_position:relative;
	}

img.pict { 
	margin: 10px;
	float:right; clear:right 
	}

.posted{
	color:#333;
	padding: 0 10px 10px 0;
	}

.content_change{
	height:40px;
	clear:both;
	margin:0px 10px 0px 0px;
	width:500px;
	}

.content_before{
	width:40%;
	color:#fff;
	font-size:10px;
	position:center;
	text-align:left;
	float:left;
	}

.content_next{
	width:50%;
	color:#fff;
	font-size:10px;
	position:center;
	text-align:right;
	float:right;
	}

.backtoheader{
	font-size:10px;
	text-align:right;
	margin:5px 0px 25px 0px;
	width:500px;
	}


.report{
	padding-top:25px;
	}

.xml{
	width:200px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: x-small;
	margin-bottom:10px;
	margin-left:10px;
	text-align:left;
	}

/*----------コンテント内のスタイル(コメント・トラックバック覧有り）--------*/

#content2{
	background:url(http://grava.deca.jp/kerolog/bg-contents.gif) repeat-y scroll 0 0 #FFFFFF;
	padding:70px 0px 0 45px;
	float:right;
	width:540px;
	}

.content_box2 {
	padding-top:0px;
	color: #666;
	width: 500px;
	font-size:10px; 
	}

.comments_box{
	margin:0px 0px 55px 0px;
	color: #666;
	width: 500px;
	}

.table_box{
	font-size:12px;
	font-weight:bold;
	color:#333;
	margin:20px auto 0px 30px;
	}

.comments_text{
	font-size:12px;
	color:#333;
	}

.comments_text_b{
	font-size:12px;
	}

.bt_comments{
	text-align:center;
	margin-top:20px;
	}

.comments_head{
	padding:8px 0 8px 10px;
	border:1px solid #ccc;
	line-height:1.2;
	font-size:12px;
	}

.comment_bg{
	}


.comments_body{
	color:#333;
	font-size:12px;
	}

#writing_box{
	width:500px;
	}
	
#writing_box table{
	width:400px;
	}

label {
	color:#666;
	font-size:12px;
	font-weight:bold;
	white-space:nowrap;
	}

table.form{
	margin:20px 0px 0px 0px;
	width:450px;
	}


.trackback_box{
	margin:0px auto;
	width:500px;
	background:#ffffff;
	}   

.trackback_head{
	font-size:12px;
	font-weight:bold;
	color:#333;
	padding:3px 0px 5px 10px;
	background:#fff url('../_img/icon_new.gif') repeat-y 0% 30;
	}

.trackback_url{
	color:#666;
	font-size:12px;
	font-weight:bold;
	margin:20px 0;
	padding-left:15px;
	}

.trackback_body{
	color:#666;
	font-size:12px;
	margin:10px 10px 20px;
	}

.trackback_post{
	color:#666;
	font-size:10px;
	text-align:right;
	margin-bottom:20px;
	padding:0px 10px 20px 0px;
	}

.pagetop{
	font-size:10px;
	text-align:right;
	margin:5px 5px 25px 0px;
	}

#author{width:200px;border:1px solid #666;}
#email{width:200px;border:1px solid #666;}
#url{width:200px;border:1px solid #666;}
#text{
	width:400px;
	height:200px;
	border:1px solid #666;
}

.comments_text_s{
	font-size:12px;
	font-weight:bold;
	color:#333;
	}
	
.comments_post{
	color:#333;
	font-size:10px;
	text-align:right;
	margin:10px 10px 20px 0px;
	}
	

/*----------フッター内のスタイル--------*/

#footer{
	width:100%;
	height:90px;
	clear:both;
	background:url(http://grava.deca.jp/kerolog/bg-contents.gif) repeat-y 315px 0 #fff;
	}
	



/*----------Aタグに対するスタイル--------*/

a.acalendar_day{
	background:#CC0000;
	display:block;
	width:18px;
	color:#fff;
	padding:2px 0;
	text-decoration:none;
	}
a.acalendar_day:link{
	background:#CC0000;
	}
a.acalendar_day:hover	{
	background-color:#CC0000;
	color:#fff;
	text-decoration:underline;
	}

a.calendar_today{
	display:block;
	color:#fff;
	text-decoration:none;
	}
	
a.calendar_today:link{
	background-color:#CC0000;
	}
	
a.calendar_today:hover	{
	background-color:#CC0000;
	color:#fff;
	text-decoration:underline;
	}

a.acalendar_change{
	color:#fff;
	}
a.acalendar_change:link{
	color:#fff;
	}
a.acalendar_change:hover	{
	color:#fff;
	}

a.list_text{
	color:#cc0000;text-decoration:none;
	}
	
a.list_text:link{
	color:#cc0000;text-decoration:none;
	}
	
a.list_text:visited{text-decoration:underline;}
a.list_text:active{color:#cc0000;text-decoration:underline;}
a.list_text:hover{color:#cc0000;text-decoration:underline;}

a.calendar_backtotop{
color:#fff;
display:none;
}
a.calendar_backtotop:link{
color:#fff;
}
a.calendar_backtotop:hover{
color:#fff;
}

a.aposted{color:#666;text-decoration:none;}
a.aposted:link{color:#666;text-decoration:none;}
a.aposted:visited{text-decoration:none;}
a.aposted:active{}
a.aposted:hover{color:#999;text-decoration:underline;}

a.axml{color:#333;text-decoration:none;}
a.axml:link{color:#333;text-decoration:none;}
a.axml:visited{text-decoration:none;}
a.axml:active{}
a.axml:hover{color:#D85F3C;text-decoration:underline;}

a.acontent_change{color:#cc0000;text-decoration:none;}
a.acontent_change:link{color:#cc0000;text-decoration:none;}
a.acontent_change:visited{color:#cc0000;text-decoration:none;}
a.acontent_change:active{color:#cc0000;text-decoration:none;}
a.acontent_change:hover{
	color:#cc0000;
	text-decoration:underline;
	
}

a.abacktoheader{color:#666;text-decoration:none;}
a.abacktoheader:link{color:#666;text-decoration:none;}
a.abacktoheader:visited{text-decoration:none;}
a.abacktoheader:active{}
a.abacktoheader:hover{
	color:#666;
	text-decoration:underline;
	font-weight:none;
}

#banner a{color:#000;text-decoration:none;}
#banner a:link{color:#000;text-decoration:none;}
#banner a:visited{text-decoration:none;}
#banner a:active{}
#banner a:hover{color:#000;text-decoration:underline;}

a.atrackback-post{color:#336699;text-decoration:none;}
a.atrackback-post:link{color:#336699;text-decoration:none;}
a.atrackback-post:visited{text-decoration:underline;}
a.atrackback-post:active{}
a.atrackback-post:hover{color:#1E6ECD;text-decoration:none;
}