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

* {
	margin:0;
	padding:0;
}

html, body {
	width:100%;
	height:100%;
}

html {
	background:url(/images/back/top_back.jpg) no-repeat 50% 0%;
}

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

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;
}

.sidebar a:link, .sidebara:active {
    text-decoration: none;
	color: #FFF;
	}

.sidebar a:visited {
    text-decoration: none;
	color: #FFF;
	}

.sidebar a:hover {
    text-decoration: underline;
	color: #FFF;
	}

h1, h2, h3 {
	font-weight: normal;
	}


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

#container {
	margin:0 auto;
	width: 810px;
	text-align: center;
}

/*----- インデックス -----*/

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

#main #news {
	padding:35px 10px 0 0;
	width:145px;
	height:95px;
	background:url(/images/back/top-news_back.jpg) no-repeat;
	font-size:10px;
	line-height:120%;
}

#main #blog {
	padding:35px 10px 0 0;
	width:145px;
	height:95px;
	background:url(/images/back/top-blog_back.jpg) no-repeat;
	font-size:10px;
	line-height:120%;
}


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

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

#navi div.back {
	height:700px;
	background:url(/images/back/side-back_btm.jpg) 0% 366px no-repeat;
}

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

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

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

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

#navi span.works {
	display:block;
	width:190px;
	height:34px;
	background:url(/images/menu/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;
}

#side_cocolog {
	margin-left:3px;
	background: none;
	text-align:left;
}

/* バナー */
#navi div.banner {
	margin-top:20px;
	width:190px;
}

#navi div.banner img {
	display:block;
	margin-bottom:10px;
	border:none;
}