/*----- 黒川芽以公式ブログ CSS -----*/

* {
	margin:0;
	padding:0;
}

html, body {
	width:100%;
	height:100%;
	background:none;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	color: #6C4800;
	text-align: center;
	word-wrap: break-word;
}

body#blog {
	background:url(/images/back/2line_back.jpg) no-repeat 50% 100% fixed;
}

ul, li {
list-style:none;
}

img {
	border:none;
}

a {
	text-decoration: underline;
	color: #6C4800;
}

a:link, a:active {
	color: #6C4800;
	}

a:visited {
	color: #6C4800;
	}

a:hover {
    text-decoration: none;
	}

a.point {
	margin-bottom:2px;
	padding-left:12px;
	background:url(/images/icon/point_link.jpg) 0% 50% no-repeat;
	display:block;
}

h2 {
	margin:10px 0;
}

h4 {
	margin-bottom:5px;
	padding-top:0.5em;
	padding-left:15px;
	height:20px;
	background:url(/images/icon/point_h4.jpg) no-repeat 0% 50%;
	color:#00B26F;
	font-size:small;
	font-weight: bold;
}

h5 {
	margin-bottom:5px;
	padding-top:0.5em;
	padding-left:15px;
	height:20px;
	background:url(/images/icon/point_h5.jpg) no-repeat 0% 50%;
	color:#6C4800;
	font-size:small;
	font-weight: bold;
}


/*----- メインコンテンツ -----*/

body#blog #container {
	margin-left: auto;
	margin-right: auto;
	width: 810px;
	background:url(/images/back/side-back_mdl.jpg) repeat-y 41px;
	text-align: center;
}

/*----- 2階層目メイン -----*/

#main {
	padding-top:88px;
	width: 574px;
	text-align: left;
	float: left;
	display:inline;
}

#content {
	margin:10px;
	width:393px;
	_width:383px;
	float:left;
	display:inline;
}

#content .entryBody {
	margin-bottom:10px;
	margin-left:15px;
	font-size:small;
}

#content .entryBody p {
	margin-bottom:5px;
}

#content p.posted {
	margin-top:15px;
	margin-bottom:30px;
	padding:3px;
	border:1px #6C4800 dotted;
	text-align:right;
	font-size:x-small;
}

#content .entryMore {
	text-align:right;
	font-weight:bold;
}

#content .entryMoreText {
	margin-top:10px;
	text-align:left;
}

#content .entryNavi {
	text-align:center;
	font-size:small;
}

/*----- トラックバック -----*/

#content .entryTrackback {
	margin-bottom:30px;
	font-size:small;
}

#content .trackbackUrl {
	color:#FF9900;
}

#content .trackbackList {
	margin-top:10px;
}

/*----- コメント -----*/

#content .commentBody {
	font-size:small;
}

#content .commentForm {
	font-size:small;
}

#content .commentForm table {
	width:393px;
	_width:383px;
}

#content .commentForm th {
	padding:5px;
	background:url(/images/back/filter_brown.png);
	font-weight:400;
}

* html #content .commentForm th {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/back/filter_brown.png',sizingMethod='scale');
	background:none;
}

#content .commentForm th .s {
	font-size:x-small;
}

#content .commentForm td input.in {
	width:200px;
}

#content .commentForm td ul {
	margin-top:5px;
	padding:5px 5px 5px 20px;
	height:50px;
	border:1px #CCC solid;
	font-size:80%;
	overflow:auto;
}

#content .commentForm td ul li {
	margin-bottom:10px;
	list-style:square;
}

/*--- コメント投稿用ページ ---*/

h1,h2,#comment-form,.comment-error,.comment-form {
	font-size:small;
}

.comments-open-content img,.comments-open-moderated {
	margin:10px 0;
}

blockquote {
	color:red;
}

/*----- 2階層目サイド -----*/

#side {
	margin-top:10px;
	padding-left:10px;
	width:150px;
	background:url(/images/back/side_blog.gif);
	border-left:1px #6C4800 dotted;
	font-size:small;
	float:left;
}

#side ul {
	margin:0 0 15px 15px;
}

#side ul li {
	margin-bottom:5px;
	padding-left:10px;
	background:url(/images/icon/point_text.gif) no-repeat 0% 50%;
}

#side #otherLink a {
	display:block;
	margin-bottom:5px;
	padding-left:10px;
	background:url(/images/icon/point_other.gif) no-repeat 0% 50%;
	font-size:x-small;
}

/*----- グローバルナビ -----*/

#navi {
	margin-left:41px;
	width: 190px;
	height:500px;
	background:url(/images/back/side-back_mdl.jpg) repeat-y;
	text-align: left;
	float: left;
	display:inline;
}

/* ナビ */
#navi a,#navi img {
	display:block;
}

#navi a.profile {
	width:190px;
	height:34px;
	background:url(/images/menu/2line-profile.jpg) no-repeat;
	text-indent:-9999px;
}
#navi a.profile:hover {
	background:url(/images/menu/2line-profile_on.jpg) no-repeat;
}

#navi a.blog {
	width:190px;
	height:45px;
	background:url(/images/menu/2line-blog_on.jpg) no-repeat;
	text-indent:-9999px;
}

#navi a.news {
	width:190px;
	height:34px;
	background:url(/images/menu/2line-news.jpg) no-repeat;
	text-indent:-9999px;
}
#navi a.news:hover {
	background:url(/images/menu/2line-news_on.jpg) no-repeat;
}

#navi span.works {
	display:block;
	width:190px;
	height:34px;
	background:url(/images/menu/2line-works.jpg) no-repeat;
	text-indent:-9999px;
}

#navi a.movie {
	width:190px;
	height:24px;
	background:url(/images/menu/movie.jpg) no-repeat;
	text-indent:-9999px;
}
#navi a.movie:hover {
	background:url(/images/menu/movie_on.jpg) no-repeat;
}

#navi a.stage {
	width:190px;
	height:24px;
	background:url(/images/menu/stage.jpg) no-repeat;
	text-indent:-9999px;
}
#navi a.stage:hover {
	background:url(/images/menu/stage_on.jpg) no-repeat;
}

#navi a.tv {
	width:190px;
	height:24px;
	background:url(/images/menu/tv.jpg) no-repeat;
	text-indent:-9999px;
}
#navi a.tv:hover {
	background:url(/images/menu/tv_on.jpg) no-repeat;
}

#navi a.radio {
	width:190px;
	height:24px;
	background:url(/images/menu/radio.jpg) no-repeat;
	text-indent:-9999px;
}
#navi a.radio:hover {
	background:url(/images/menu/radio_on.jpg) no-repeat;
}

#navi a.radioOn {
	width:190px;
	height:24px;
	background:url(/images/menu/radio_on.jpg) no-repeat;
	text-indent:-9999px;
}

#navi a.cm {
	width:190px;
	height:24px;
	background:url(/images/menu/cm.jpg) no-repeat;
	text-indent:-9999px;
}
#navi a.cm:hover {
	background:url(/images/menu/cm_on.jpg) no-repeat;
}

#navi a.cmOn {
	width:190px;
	height:24px;
	background:url(/images/menu/cm_on.jpg) no-repeat;
	text-indent:-9999px;
}

#navi a.etc {
	width:190px;
	height:24px;
	background:url(/images/menu/etc.jpg) no-repeat;
	text-indent:-9999px;
}
#navi a.etc:hover {
	background:url(/images/menu/etc_on.jpg) no-repeat;
}

#navi a.etcOn {
	width:190px;
	height:24px;
	background:url(/images/menu/etc_on.jpg) no-repeat;
	text-indent:-9999px;
}

#navi a.archive {
	width:190px;
	height:34px;
	background:url(/images/menu/archive.jpg) no-repeat;
	text-indent:-9999px;
}
#navi a.archive:hover {
	background:url(/images/menu/archive_on.jpg) no-repeat;
}

/* セレブ */
#celeb {
	margin-top:20px;
	width:190px;
}

#celeb img.banner {
	display:block;
	margin-bottom:20px;
}

#side_cocolog {
	margin:0 auto;
	background: none;
}
