@charset "shift_jis";


/* 	POBLOG CSS
---------------------------------------------------

	ファイル名　：　/css/common/common.css;
	概要 			　：　ブログ表示画面 汎用CSS;
	サイト名　　：　POBLOG - ポブログ;
	URL 　　　　：　http://www.pageone.ne.jp/;
	COPYRIGHT 　：　(c) PAGEONE All Rights Reserved.;

--------------------------------------------------- */


/* 	header footer setting
---------------------------------------------------
	header footer
--------------------------------------------------- */

/* 	header
--------------------------------------------------- */
#header_body{
	width:704px;
	background-color:#FFFFFF;
	padding:0px 13px 10px 11px;
}
#site_title{
	margin-top:25px;
	width:120px;
	float:left;
}
#description{
	margin-top:25px;
	width:200px;
	float:left;
}
#support_navigation{
	margin-top:25px;
	padding-top:15px;
	width:360px;
	float:left;
	text-align:right;
	vertical-align:bottom;
}
#support_navigation ul{
}
#support_navigation li{
	margin-left:10px;
	display:inline;
}
#header_footer{
	clear:both;
}
#header_footer hr{
	display:none;
}


/* 	footer
--------------------------------------------------- */
#footer_body{
	width:704px;
	margin:0px;
}
#footer_navigation{
	background-color:#FFFFFF;
	padding:20px 0px 10px 0px;
	text-align:center;
}

#copyright{
	padding-top:15px;
	background:url('../img/common/contents_head.gif');
	text-align:center;
}


/* 	layout setting
---------------------------------------------------
	side_a contents side_b
--------------------------------------------------- */

#display_body{
	clear:both;
	width:704px;
	background-color:#FFFFFF;
	}
#contents_body{
	clear:both;
	width:704px;
	background-color:#FFFFFF;
	}
#contents_left{
	width:548px;
	float:left;
	}
#contents_right{
	width:156px;
	float:right;
	}
#contents_bottom{
	clear:both;
	}
#contents_bottom hr{
	display:none;
	}
#side_a_body{
	float:left;
	width:156px;
	}
#center_body{
	width:384px;
	float:right;
	}
#center_bottom{
	clear:both;
	}
#center_bottom hr{
	display:none;
	}


/* 	side setting
---------------------------------------------------
	side_bar
--------------------------------------------------- */

div.side_frame{
	background:url('../img/common/side_body_bg.gif') repeat-y;
	margin-bottom:5px;
	}
div.side_frame h2{
	background:url('../img/common/side_heading_bg.gif') no-repeat;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:26px;
	font-size:100%;
	font-weight:normal;
	color:#333333;
	text-align:left;
	border:none;
	}
.side_frame_bottom{
	clear:both;
	display:block;
	width:156px;
	height:8px;
	background:url('../img/common/side_body_bottom.gif');
	}
.side_frame_bottom hr{
	display:none;
	}

/* 	begin
--------------------------------------------------- */
#begin_frame{
	background:url('../img/common/begin_body_bg.gif') repeat-y;
	margin-bottom:5px;
	}
#begin_frame h2{
	background:url('../img/common/begin_heading_bg.gif') no-repeat;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:26px;
	font-size:100%;
	text-align:left;
	border:none;
	}
#begin_frame h2 a{
	color:#88560B;
	font-weight:normal;
	text-decoration:none;
	}
#begin_frame h2 a:hover{
	color:#88560B;
	font-weight:normal;
	text-decoration:underline;
	}
#begin_frame p{
	padding-top:3px;
	padding-left:9px;
	padding-right:9px;
	text-align:center;
	}
#begin_frame_bottom{
	clear:both;
	display:block;
	width:156px;
	height:8px;
	background:url('../img/common/begin_body_bottom.gif') no-repeat;
	}
#begin_frame_bottom hr{
	display:none;
	}


/* 	side list
--------------------------------------------------- */
.side_frame ul{
	margin-top:5px;
	margin-left:9px;
	margin-right:9px;
	}
.side_frame li{
	list-style:none;
	}
.side_frame ul li{
	padding-left:11px;
	background:url('../img/common/li_arrow1.gif') no-repeat 3px 6px;
	}
.side_frame ul li ul{
	margin:0px;
	padding:0px;
	}
.side_frame ul li ul li{
	padding-left:10px;
	background:url('../img/common/li_arrow2.gif') no-repeat 0px 6px;
	}


/* 	side skin_table
--------------------------------------------------- */
.skin_dl{
	margin-top:5px;
	margin-left:9px;
	clear:left;
	}
.skin_dl dt{
	width:40px;
	float:left;
	}
.skin_dl dd{
	width:100px;
	float:left;
	}
.skin_view{
	padding-left:13px;
	background:url('../img/icon/sample.gif') no-repeat left center;
	}


/* 	side banner
--------------------------------------------------- */
.side_banner{
	margin-left:4px;
	}
.side_banner li{
	margin-bottom:3px;
	}


/* 	center setting
---------------------------------------------------
	center
--------------------------------------------------- */


.center_frame{
	background:url('../img/common/center_body_bg.gif') repeat-y;
	margin-bottom:5px;
	}
.center_frame h2{
	background:url('../img/common/blogtopics_heading_bg.gif') no-repeat;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:26px;
	font-size:100%;
	font-weight:normal;
	color:#333333;
	}
.center_frame_bottom{
	clear:both;
	display:block;
	width:376px;
	height:8px;
	background:url('../img/common/center_body_bottom.gif') no-repeat;
	}
.center_frame_bottom hr{
	display:none;
	}


/* 	search
--------------------------------------------------- */
h2#search_title{
	background:url('../img/common/center_heading_bg.gif') no-repeat;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:26px;
	font-size:100%;
	font-weight:normal;
	color:#333333;
	text-align:left;
	border:none;
	}
#search_box{
	padding-top:3px;
	padding-left:9px;
	padding-right:9px;
	}
#search_box li{
	vertical-align:bottom;
	display:inline;
	}
#search_box_bottom{
	clear:both;
	}
#search_box_bottom hr{
	display:none;
	}
.blog_search{
	width:240px;
	}
.center_frame p{
	padding-top:3px;
	padding-left:9px;
	padding-right:9px;
	}
.serch_button{
	vertical-align:top;
	}

/* 	genre
--------------------------------------------------- */
#genre{
	padding-top:3px;
	padding-left:9px;
	padding-right:9px;
	}
#genre li{
	float:left;
	white-space:nowrap;
	padding-left:11px;
	padding-right:11px;
	background:url('../img/common/li_arrow2.gif') no-repeat 3px 5px;
	}


/* 	article
--------------------------------------------------- */
#new_article{
	padding-top:3px;
	padding-left:9px;
	}
#new_article ul{
	}
#new_article li{
	font-family:"MS UI Gothic";
	text-align:center;
	width:120px;
	display:block;
	float:left;
	vertical-align:top;
	white-space:nowrap;
	}
#new_article a.article_image{
	margin-left:16px;
	_margin-left:0px;
	display:block;
	width:84px;
	height:84px;
	overflow:hidden;
	background:url('../img/common/tab_on.gif');
	border:1px dotted #759867;
	}
#new_article a.article_image span{
	display:none;
	}




/* 	center_banner
--------------------------------------------------- */
.center_banner{
	padding-left:4px;
	padding-bottom:5px;
	}
.center_banner p{
	width:370px;
	}

/* 	mentenance_frame
--------------------------------------------------- */
#mentenance_frame{
	width:376px;
	}
#mentenance_frame h2{
	background:url('../img/common/mentenance_heading_bg.gif') no-repeat;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:21px;
	font-size:100%;
	font-weight:normal;
	color:#333333;
	}
#mentenance_frame ul{
	padding-left:4px;
	padding-right:4px;
	}
#mentenance_frame li{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:16px;
	background:url('../img/icon/mentenance.gif') no-repeat 0px 4px;;
	border-bottom:1px dotted #999999;
	}




/* 	display
--------------------------------------------------- */
#display_frame{
	}
#display_frame_bottom{
	clear:both;
	}
#display_frame_bottom hr{
	display:none;
	}
#display_body_bottom{
	clear:both;
	display:block;
	width:704px;
	height:8px;
	background:url('../img/common/display_body_bottom.gif') no-repeat;
	}
#display_body_bottom hr{
	display:none;
	}


/* 	movie
--------------------------------------------------- */
#movie_body{
	width:551px;
	height:128px;
	float:left;
	margin-bottom:5px;
	}
#movie_frame{
	height:120px;
	background:url('../img/common/movie_heading_bg.gif') no-repeat left top;
	}

#movie_frame_bottom{
	clear:both;
	display:block;
	width:551px;
	height:8px;
	background:url('../img/common/movie_body_bottom.gif') no-repeat left bottom;
	}
#movie_frame_bottom hr{
	display:none;
	}


/* 	login
--------------------------------------------------- */
#login_body{
	width:153px;
	float:left;
	}
#login_body *{
	}
#login_frame{
	font-size:12px;
	height:120px;
	background:url('../img/common/login_body_bg.gif') repeat-y;
	}
#login_frame li{
	padding-left:7px;
	margin-top:4px;
	font-size:10px;
	line-height:0%;
	}
#login_frame .login_id{
	width:135px;
	height:19px;
	_height:21px;
	border:1px dotted #E79212;
	text-align:center;
	}
#login_frame .login_password{
	width:135px;
	height:19px;
	_height:21px;
	border:1px dotted #E79212;
	text-align:center;
	
	}
#login_frame h2{
	background:url('../img/common/login_heading_bg.gif') no-repeat;
	padding-top:3px;
	padding-left:20px;
	font-size:12px;
	font-weight:normal;
	color:#88560B;
	}
#login_detail{
	padding-left:7px;
	font-size:10px;
	line-height:15px;
	}

#login_frame input{
	padding-top:1px;
	padding-bottom:0px;
	font-size:12px;
	font-family:"Tahoma";
	}
.login_button{
	vertical-align:top;
	}

#login_frame_bottom{
	clear:both;
	display:block;
	width:153px;
	height:8px;
	background:url('../img/common/login_body_bottom.gif') no-repeat left bottom;
	}
#login_frame_bottom hr{
	display:none;
	}

#login_frame span.error {
	display: block;
	margin: 2px 11px 0 7px;
	text-align: center;
	background: #cc3333;
	color: #ffffff;
	}



#user_frame h2{
	background:url('../img/common/login_heading_bg.gif') no-repeat;
	padding-top:3px;
	padding-left:20px;
	margin-bottom:6px;
	font-size:12px;
	font-weight:normal;
	color:#88560B;
	}
#user_frame{
	height:120px;
	background:url('../img/common/login_body_bg.gif') repeat-y;
	}
#user_frame ul{
	border:1px solid #999999;
	background-color:#FEFEF7;
	}
#user_frame li{
	line-height:16px;
	padding-left:7px;
	margin-top:2px;
	margin-bottom:2px;
	font-size:12px;
	}
#user_link{
	padding-left:5px;
	padding-right:8px;
	}
#user_frame a.user{
	padding-left:18px;
	background:url('../img/icon/user.gif') no-repeat left bottom;
	}
#user_frame a.blogmente{
	padding-left:18px;
	background:url('../img/icon/create.gif') no-repeat left bottom;
	}
#user_frame a.myblog{
	padding-left:18px;
	background:url('../img/icon/poblog.gif') no-repeat left bottom;
	}
#user_frame a.logout{
	padding-left:18px;
	background:url('../img/icon/logout.gif') no-repeat left bottom;
	}



/* genre_link
----------------------------- */
.center_frame h2 a{
	color:#88560B;
	text-decoration:none;
	}
.center_frame h2 a:hover{
	color:#88560B;
	text-decoration:underline;
	}