@charset "utf-8";


/* /////////////////////// common //////////////////////// */

body#journal{
	margin: 0 auto;
	background: #fff;
	width: 810px;
	padding: 0;
}
a {
	color: #888;
}
body#journal #contentArea {
	background: #f0f0f0;
	border-left: 3px #bebebe solid;
	border-right: 3px #bebebe solid;
	padding: 10px 20px 0;
	margin: 0;
}
body#journal #contentArea a:hover {
	color :#a0b9e6;
}

body#journal #headerArea {
	margin: 0;
	padding: 8px 0 0;
	background: url(../images/journal_hdr_bg.jpg) 50% 0 repeat-x;
	border-bottom: 2px solid #387FC4;
}
body#journal #footerArea {
	background-color: #333;
	width: 816px;
	margin: 0;
	padding: 0;
}
body#journal #contentArea #main {
	float: right;
	width: 520px;
}
body#journal #contentArea #menu {
	float: left;
	width: 235px;
}

body#journal #fesIdxArea,
body#journal #fesHdrArea{
	margin: 0 0 10px;
	background: #990000;
	padding: 8px;
}
body#journal #fesIdxArea #fesTitleArea,
body#journal #fesHdrArea #fesTitleArea {
	position: relative;
	background: #000 url(../images/journal_idx_bg.jpg) no-repeat;
	border: 8px solid #fff;
	width: 740px;
	overflow: hidden;
}

/* /////////////////////// index //////////////////////// */

body#journal #fesIdxArea {
	margin: 15px 0;
}

body#journal #fesIdxArea #fesTitleArea h2 {
	text-indent: -9999px;
}
body#journal #fesIdxArea #fesTitleArea p {
	position: absolute;
	top: 130px;
	left: 275px;
}
body#journal #fesIdxArea #fesTitleArea ul {
	margin: 235px 5px 10px;
}
body#journal #fesIdxArea #fesTitleArea ul li {
	font: bold 20px "Tahoma"; 
	margin: 0 2px 2px;
	width: 235px;
	list-style: none;
	float: left;
	text-shadow: black 2px 2px 2px;
}
body#journal #fesIdxArea #fesTitleArea ul li.center {
/*	width: 290px;*/
}
body#journal #fesIdxArea #fesTitleArea ul li a {
	color: #373737;
	display: block;
	padding-left: 30px;
	background: url(../images/journal_idx_arw.gif) no-repeat;
	text-decoration: none;
}
body#journal #fesIdxArea #fesTitleArea ul li a:hover {
	color: #000;
	background: #a0b9e6 url(../images/journal_idx_arw_hover.gif) no-repeat;
}
body#journal #fesIdxArea #fesTitleArea ul li span {
	display: block;
	font: 12px normal san-serif;
}

/* /////////////////////// fesHeader //////////////////////// */

body#journal #fesHdrArea #fesTitleArea {
	background: #fff url(../images/journal_fesTitle_bg.jpg) no-repeat center;
}
body#journal #fesHdrArea #fesTitleArea #fesTitle {
	float: left;
	width: 604px;
	padding: 5px 10px 5px 130px;
	_height: 60px;
	min-height: 60px;
	background: #fff url(../images/journal_fes_h2_bg.gif) 0 100% no-repeat;
}
body#journal #fesHdrArea #fesTitleArea #fesTitle h2 {
	color: #e60005;
	font: bold 24px "Tahoma";
}
body#journal #fesHdrArea #fesTitleArea #fesTitle .access {
	margin-top: 5px;
}
body#journal #fesHdrArea #fesTitleArea #fesTitle p {
	font-size: 11px;
	_font-size: 10px;
	line-height: 120%;
}
*:first-child+html body#journal #fesHdrArea #fesTitleArea #fesTitle p {
	font-size: 10px;
	line-height: 120%;
}
body#journal #fesHdrArea #fesTitleArea #fesTitle p a {
	color: #000;
}
body#journal #fesHdrArea #fesTitleArea #fesTitle p a:hover {
	color: #000;
	background: #a0b9e6;
}
body#journal #fesHdrArea #fesTitleArea ul {
	float: right;
	background: #f0f0f0;
	width: auto;
	list-style: none;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
body#journal #fesHdrArea #fesTitleArea ul li {
	padding-top: 2px;
}
body#journal #fesHdrArea #fesTitleArea ul li a {
	font: bold small "Tahoma";
	color: #000;
	padding: 0 3px 0 25px;
	display: block;
	background: url(../images/arw.gif) 5px 3px no-repeat;
	text-decoration: none;
}
body#journal #fesHdrArea #fesTitleArea ul li a:hover {
	color: #fff;
	background-color: #000;
}

/* /////////////////////// AreaBox //////////////////////// */

body#journal #contentArea #main .blogBox,
body#journal #contentArea #menu .sideBox {
	_height: 1%;
	margin-bottom: 20px;
	padding: 5px 10px 15px 10px;
	background: url(../images/journal_h3_bg.jpg) no-repeat;
	border: 1px solid #825a5a;
}
body#journal #contentArea #main .blogBox#graphBox {
	background: #fff url(../images/journal_h3_chart_bg.jpg) 100% 0 no-repeat;
}

body#journal #contentArea #main .blogBox#cloudBox {
	background: #fff url(../images/journal_h3_cloud_bg.jpg) 100% 0 no-repeat;
}
body#journal #contentArea #main .blogBox#blogData {
	background: #fff url(../images/journal_h3_blog_bg.jpg) 100% 0 no-repeat;
	padding: 5px 15px 25px ;
}


body#journal #contentArea #main .blogBox h3,
body#journal #contentArea #menu .sideBox h3 {
	color: #fff;
	padding: 8px 0 10px 5px;
}

/* /////////////////////// mainArea //////////////////////// */

#blogEntries{
	position: relative;
}

body#journal #contentArea #main #cloudBox #cloud {
	color: #fff;
	font-size: medium;
}

body#journal #contentArea #main #cloudBox #cloud a {
	font-family: "Hiragino Maru Gothic Pro", san-serif;
	margin: 5px 10px;
}

/* -- blog entries -- */


body#journal #contentArea #main div.blogEntry {
	padding: 5px 0;
	margin: 5px 0;
}
body#journal #contentArea #main #blogData h4 {
	_height: 16px;
	min-height:16px;
	display: block;
	padding-left: 25px;
	background: url(../images/journal_blog_entry_ttl_bg.gif) 0 0 no-repeat;
}
body#journal #contentArea #main #blogData h4 a {
	color: #6e001e;
}
body#journal #contentArea #main #blogData h4 a:hover {
	color: #000;
}
body#journal #contentArea #main div.blogEntry p {
	margin-bottom: 0.5em;
}
body#journal #contentArea #main div.blogEntry p.entry_date {
	font-size: 80%;
	color: #aaa;
	text-align: right;
}
body#journal #contentArea #main div.blogEntry span.entryKW {
	background: #fde1e6;
}
body#journal #contentArea #main div.blogEntry span.entryCOL {
	color: #a0b9e6;
	background: #387FC4;
}
body#journal #contentArea #main div.blogEntry p.link {
	background: url(../images/journal_dot_bg.gif) 0 100% repeat-x;
	margin-bottom: 10px;
	padding-bottom: 1em;
}

/* -- blog entries paging -- */

body#journal #contentArea #main #blogDataBox .entryPaging ul {
	width: 50%;
	margin:0 auto;
	padding:0 auto;
	list-style: none;
}
body#journal #contentArea #main #blogDataBox .entryPaging ul li {
	color: #555;
	width: 45%;
	float: left;
	margin: 5px 0;
	text-align: center;
}


body#journal #contentArea #main #blogDataBox .entryPaging ul li a {
color:#DDDDDD;
text-decoration:none;
}
body#journal #contentArea #main #blogDataBox .entryPaging ul li.entry_page_prev a {
background:transparent url(../images/arw_prev.gif) no-repeat scroll 0pt 0.5em;
color:#555555;
padding-left:10px;
}
body#journal #contentArea #main #blogDataBox .entryPaging ul li.entry_page_next a {
background:transparent url(../images/arw_next.gif) no-repeat scroll 100% 0.5em;
color:#555555;
padding-right:10px;
}
body#journal #contentArea #main #blogDataBox .entryPaging ul li.entry_page_next a:hover,
body#journal #contentArea #main #blogDataBox .entryPaging ul li.entry_page_prev a:hover {
color:#A0B9E6;
}

body#journal #contentArea #main #blogDataBox #entryPaging_top{
	background: url(../images/journal_dot_bg.gif) 0 100% repeat-x;
	margin-bottom: 15px;
}

/* /////////////////////// sideBox //////////////////////// */

body#journal #contentArea #menu div.sideBox {
	background: #fff url(../images/journal_h3_artist_bg.jpg) 100% 0 repeat-x;
}

body#journal #contentArea #menu div.sideBox h3 {
	font-size: 110%;
}
body#journal #contentArea #menu div.sideBox h3 span {
	font-size: x-small;
	font-weight: normal;
}
body#journal #contentArea #menu div.sideBox h4 a {
	color: #d70023;
	padding: 0 0 5px 15px;
	display: block;
	background: url(../images/arw.gif) 0 0 no-repeat;
	text-decoration: none;
}
body#journal #contentArea #menu div.sideBox h4 a:hover {
	color: #000;
}
body#journal #contentArea #menu div.sideBox h5 {
	color: #5a0000;
}

/* highrank 1-5 */

body#journal #contentArea #menu div.sideBox#Artists div.highrank,
body#journal #contentArea #menu div.sideBox#Artists div.highranka {
	padding: 10px 1px;
	background: url(../images/journal_subnav_hr.gif) repeat-x;
}
body#journal #contentArea #menu div.sideBox#Artists div.highranka {
	background-color: #fde1e6;
	cursor: pointer;
}

body#journal #contentArea #menu div.sideBox#Artists div.highrank a.jk,
body#journal #contentArea #menu div.sideBox#Artists div.highranka a.jk {
	padding: 4px;
	display: block;
	text-align: center;
	float: left;
	width: 40px;
	margin-right: 5px;
}
body#journal #contentArea #menu div.sideBox#Artists div.highrank a.jk:hover,
body#journal #contentArea #menu div.sideBox#Artists div.highranka a.jk {
	background: transparent;
}
body#journal #contentArea #menu div.sideBox#Artists div.highrank a.jk img,
body#journal #contentArea #menu div.sideBox#Artists div.highranka a.jk img {
	width: 100%;
}
body#journal #contentArea #menu div.sideBox#Artists div.highranka h5 {
	color: #6e0014;
}
body#journal #contentArea #menu div.sideBox#Artists div.highrank p,
body#journal #contentArea #menu div.sideBox#Artists div.highranka p {
	color: #ddd;
	font-size: small;
}

/* lowrank 6-Last */

body#journal #contentArea #menu div.sideBox#Artists ul {
	border-top :1px solid #8c1432;
	border-bottom :1px solid #dc5f73;
	list-style: none;
	margin: 5px 0;
}
body#journal #contentArea #menu div.sideBox#Artists ul li {
	color: #bbb;
	border-top :1px solid #dc5f73;
	border-bottom :1px solid #8c1432;
	line-height: 1.3em;
}
body#journal #contentArea #menu div.sideBox#Artists ul li a {
	color: #6e001e;
	display: block;
	padding: 4px 2px;
	text-decoration: none;
	line-height: 1em;
}
body#journal #contentArea #menu div.sideBox#Artists ul li a:hover {
	background: #fde1e6;
}
body#journal #contentArea #menu div.sideBox#Artists span.num {
	color: #e60005;
	font-weight: bold;
	margin-right: 8px;
	font-size: 14px;
}
body#journal #contentArea #menu div.sideBox#Artists ul li span.num {
	margin-right: 10px;
	margin-left: 2px;
}
body#journal #contentArea #menu div.sideBox#Artists ul li a span.num {
	margin-left: 0;
}

/* Link 2008.08.04 */
body#journal #contentArea #menu .Link {
	margin-bottom: 10px;
	background: #fff;
}

/* /////////////////////// cloud //////////////////////// */

span.xs,
a.xs{
	color: #666;
	font-size: 60%;
}
span.s,
a.s{
	color: #666;
	font-size: 80%;
}
span.m,
a.m{
	color: #555;
}
span.l,
a.l{
	color: #444;
	font-size: 100%;
}
span.xl,
a.xl{
	color: #444;
	font-weight: bold;
	font-size: 120%;
}




/* /////////////////////// clearfix //////////////////////// */

body#journal #footerArea:after,
body#journal #footerContent:after,
body#journal #fesTitleArea:after,
body#journal #fesIdxArea #fesTitleArea ul:after,
body#journal #contentArea #menu div.sideBox#Artists div.highrank:after,
body#journal #contentArea #menu div.sideBox#Artists div.highranka:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

body#journal #footerArea,
body#journal #fesTitleArea,
body#journal #fesIdxArea #fesTitleArea ul,
body#journal #contentArea #menu div.sideBox#Artists div.highrank,
body#journal #contentArea #menu div.sideBox#Artists div.highranka {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html body#journal #footerArea,
* html body#journal #fesTitleArea,
* html body#journal #contentArea #menu div.sideBox#Artists div.highrank,
* html body#journal #contentArea #menu div.sideBox#Artists div.highranka {
	height: 1%;
}
body#journal #footerArea,
body#journal #fesTitleArea,
body#journal #contentArea #menu div.sideBox#Artists div.highrank,
body#journal #contentArea #menu div.sideBox#Artists div.highranka {
	display: block;
}
/* 2008.07.28 */
body#journal #contentArea #menu div.sideBox#Artists div.highrank,
body#journal #contentArea #menu div.sideBox#Artists div.highranka {
	width: 211px;
	padding-bottom: 10px;
}
/* End hide from IE-mac */


/* IE5/Win Only Styles */
@media tty{
 i{content:"\";/*" "*/}} @import 'journal_ie5win.css'; /*";}
}/* */