@charset "UTF-8";

@import url("../../css/common.css");

body {
	font-size: small;
	_font-size: 80%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #333333;
	text-align: center;
	background: #EEEEEE url(../../parts/page_bg.gif) repeat-y center top;
}
div#blog_title{
	width:722px;
}
/*blog-------------------------------------------*/
#contents {
	text-align: left;
	width: 530px;
	float: right;
	margin-bottom:20px;
}
div.title_area{
	width:530px;
}
div.comment_area{
	width:520px;
	background:url(../parts/comment_bottom.gif) no-repeat center bottom;
	padding:15px 5px 18px 5px;
}
div.contents_box{
	width:530px;
	padding:15px 0;
	border-bottom:1px dashed #CCCCCC;
}
div.left_contents{
	width:250px;
	float:left;
}
div.right_contents{
	width:250px;
	float:right;
}
div.left_contents img, div.right_contents img{
	float:left;
	border:2px solid #CCCCCC;
	margin:0 10px 0 5px;
}
div.contents_comment_box{
	float:right;
	text-align:left;
}
div.contents_comment_box a:link,div.contents_comment_box a:visited{
	color:#003366;
}
div.contents_comment_box a:hover{
	color:#CC0000;
	text-decoration:underline;
}
div.contents_comment_box .shisetsu_title{
	width:135px;
	border-bottom:dotted 1px #003366;
	color:#003366;
	margin-bottom:5px;
}
div.shisetsu_comment_box{
	width:135px;
	line-height:120%;
}
/*sidebar----------------------------------------*/
#sidebar {
	text-align: left;
	width: 170px;
	float: left;
	margin: 0 0 15px 0;
}
.sidebar-inner{width:170px;}

.genre_title{background:url(../parts/cate_title.gif) no-repeat top left; height:25px;}
.title_space{margin-left:20px; padding:3px 0 0 0; color:#FFFFFF;}
#sidebar ul li a{margin-left:20px;}
#sidebar .sidebar-inner ul{ padding:3px 0 25px 0; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
#sidebar .sidebar-inner ul li{
	width:168px;
	border-bottom:1px dotted #000000;
	padding:4px 0;
}

#sidebar .sidebar-inner ul li a:link,#sidebar .sidebar-inner ul li a:visited{
	background:url(../parts/arrow.gif) no-repeat left center;
	padding:0 0 0 10px;
	color:#003366;
	text-decoration:none;
}
#sidebar .sidebar-inner ul li a:hover{
	background:url(../parts/arrow.gif) no-repeat left center;
	padding:0 0 0 10px;
	color:#CC0000;
	text-decoration:underline;
}

.contact{width:170px;}

/*subnavi----------------------------------------*/
#sub-navi {
	clear: both;
	width: 520px;
}
#sub-navi ul,#sub-navi li {
	text-indent: -9999px;
	display: inline;
	list-style-type: none;
}
#sub-navi li a,#sub-navi li a:link,#sub-navi li a:visited {background-position: 0 0;}
#sub-navi li a:focus,#sub-navi li a:hover {background-position: 0 -30px;}
#sub-navi li a:active {background-position: 0 -60px;}
#sub-navi li.switch-back a ,#sub-navi li.switch-previous a,#sub-navi li.switch-home a,#sub-navi li.switch-top a,#sub-navi li.switch-next a {
	float: right;
	margin: 0 0 10px;
	width: 93px;
	height: 30px
}
#sub-navi li.switch-back a {background-image: url(../../parts/switch_back.gif);}
#sub-navi li.switch-previous a {background-image: url(../../parts/switch_previous.gif);}
#sub-navi li.switch-home a {background-image: url(../../parts/switch_home.gif);}
#sub-navi li.switch-top a {background-image: url(../../parts/switch_top.gif);}
#sub-navi li.switch-next a {background-image: url(../../parts/switch_next.gif);}