@charset "utf-8";


/* -------------------------------------------------------------------
	topBox
------------------------------------------------------------------- */	
#topBox {
	margin:8px 0 0;
	background:#000; width:677px; height:100%;}

#topBox h1 {margin:0; padding:0;}

/* -------------------------------------------------------------------
	titleBox
------------------------------------------------------------------- */	



/* -------------------------------------------------------------------
	blogBox
------------------------------------------------------------------- */	
#blogBox {
	width:677px; height:100%; margin:16px 0 0;
	background:url(../images/blog_bg.gif) repeat-y;}

/*--cont--*/	
#blogBox .cont {
	width:480px; padding:0 10px; float:right;}
	
/*--title--*/	
.cont .titleBox {
	height:100%;
	background:url(../images/title_bg.gif) no-repeat;}
.cont .titleBox h2 {
	float:left; margin:0; padding:14px 0 0 26px;
	color:#ccc; font-size:85%;height:29px;}
.cont .titleBox p.rss {float:right; margin:0; padding:14px 15px 0 0;}	

/*--entryBox--*/	
.entryBox {
	margin:0; padding:20px 0 0; height:100%;
	border-bottom:1px solid #cdcdcd;}
.entryBox p {margin:1em 0 0; font-size:75%; line-height:1.4em;}
.entryBox .photo {float:right; width:145px; height:98px; padding-bottom:20px;}
.entryBox .photo p a img {margin-left:8px; padding:1px; display:block; text-align:right;}
.entryBox .photo p a img:hover {border:1px solid #ed2715; padding:0;}
.entryBox .title {
	padding-left:7px;
	border-left:3px solid #000;}
.entryBox .title h3 {font-size:80%; margin:0; line-height:1.4em;}
.entryBox .title h3 a {color:#333;}
.entryBox .title h3 a span.date {color:#666; font-weight:normal;}

.entryBox p.more {text-align:right; margin:0.3em 0 10px; font-size:65%;}
.entryBox p.more a {
	padding-left:11px; color:#666;
	background:url(/component/images/list_point.gif) no-repeat 0 2px;}	

.entryBox .title h3 a:hover,
.entryBox .title h3 a:hover span.date,
.entryBox p.more a:hover {color:#ed2715;}

/*--subnavi--*/		
#blogBox #subnavi {
	padding-top:26px; padding-bottom:10px;
	width:167px; float:left; background:#000;}
	
#blogBox #subnavi p,#blogBox #subnavi li {color:#b1b1b1; font-size:60%;}
#blogBox #subnavi p {line-height:1.5em;}
	
#blogBox #subnavi .profileBox {width:140px; margin:0 auto;}
#blogBox #subnavi .profileBox p.photo {text-align:center;}
#blogBox #subnavi .profileBox p.name {font-size:70%; line-height:1.3em;}
#blogBox #subnavi .profileBox p.catch {margin:0.5em 0 0;}
#blogBox #subnavi .profileBox p.profile {margin:0.5em 0 0;}
	

	

/* -------------------------------------------------------------------
	page
------------------------------------------------------------------- */	
.page {font-size:80%; color:#666;}
ul.pageNavi {margin:1em 0; padding:0 0 1em; list-style:none; font-size:90%;}
.page ul.pageNavi {font-size:120%;}
ul.pageNavi li {margin:0; padding:0 5px 0 0; float:left;}
ul.pageNavi li a {color:#666;}
ul.pageNavi li a:hover {color:#EE0000;}

.page .title {
	margin:0 0 1em; padding-left:7px;
	border-left:3px solid #000;}
.page .title h3 {font-size:100%; margin:0; line-height:1.4em; color:#333;}
.page .title h3 span.date {color:#666; font-weight:normal;}

p.pageFooter {
	text-align:right; padding-top:7px;
	border-top:1px solid #ccc;}
	
.page a:link    { color: #666; text-decoration:none;}
.page a:visited { color: #666; text-decoration:none;}
.page a:active  { color: #ed2715; text-decoration:underline;}
.page a:hover   { color: #ed2715; text-decoration:underline;}	
	
.page p {color:#666; font-size:100%;}