/* Mellowhead Official Website - Lives
 * URI: http://www.mellowhead.com/lives/
 * Last Modified: 2009.01.20
 */

@import url(http://www.mellowhead.com/lives/blog.css);
@import url(http://www.mellowhead.com/lives/screen.css);
@charset "UTF-8";

* {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-family:'Helvetica','Lucida Grande','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','MS Pゴシック','Arial','san-serif';
}

body {
	font-size:100%;
        font-family:'Helvetica','Lucida Grande','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','MS Pゴシック','Arial','san-serif';
        margin-top:0px;
	text-align:center;
}

ol, ul, li {
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0;
	font-weight:normal;
}

hr{
	clear:both;
	width:0px;
	color:white;
}

h1, h2, h3, h4, p{
	margin:0;
	padding:0;
	font-weight:bold;
}

a, a:link, a:visited {
	color:#CC0099;
	text-decoration:none;
}

a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

a:active {}

a img {
	border:none;
}

form {
	margin:0px;
}

fieldset {
	border:0px;
}

/* Over the site. */

div#wrap {
	width:1000px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	left:20px;
	/*margin-left:0px;*/
}

div#header {
	width:1000px;
	height:180px;
	background-color:#FFFFFF;
	/*background-image:url(../images/mellowhead_top.png);
	background-repeat:no-repeat;
	background-position:left;
	background-x-position:0px;
	background-y-position:0px;
	background-attachment:fixed;*/
	position:fixed;
	margin:0px;
	z-index:10;
}

div#header-logo { /* bgに直描き */
	width:1000px;
	height:180px;
	position:fixed;
	left:0px;
	top:0px;
	padding:0px;
	margin-left:20px;
	float:left;
	z-index:11;
}

div#lavaflow-logo {
	width:68px;
	height:28px;
	position:fixed;
	left:940px;
	top:10px;
	border:none;
	z-index:11;
}

div#diary_link {
	width:181px;
	height:34px;
	position:fixed;
	left:820px;
	top:60px;
	border:none;
	z-index:3;
	clear:both;
}

div#menuTable {
	position:fixed;
	margin-left:20px;
	top:145px;
	left:25px;
	z-index:11;
	clear:both;
}

div#contents {
	width:100%;
	background-image:url(../images/mellowhead_bg.png);
	background-repeat:repeat-y;
	background-x-position:0px;
	background-y-position:0px;
	position:relative;
	padding-top:260px;
	margin:0px;
}

p {
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	margin-bottom: 8px;
	line-height: 1.6em;
}

#contents ol, ul, li {
	margin-left:20px;
	padding:0;
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	margin-bottom: 8px;
	line-height: 1.2em;
}

div#main_contents {
	width:100%;
	padding-top:0px;
	/* margin-bottom:100px; */
	
}

div#right_col{
	top:0px;
	width:550px;
	left:50px;
	margin:0px;
	padding-right:20px;
	padding-left:0px;
	text-align:left;
	position:relative;
	float:left;
}

div#news_title {
	width:100%;
	height:auto;
	text-align:left;
	font-weight:bold;
	margin-bottom:20px;
}

a.title_link {
	color:#000000;
	text-decoration:none;
}

h3.archive_title {
	text-align:left;	
	margin-left:30px;
	margin-top:-30px;
	margin-bottom:20px;
}

span.news {
	border-top:1px solid #000000;
        padding-top:3px;
	border-bottom:1px solid #000000;
}

div#main_news {
	width:100%;
	height:auto;
	text-align:left;
        font-family:'Helvetica','Lucida Grande','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','MS Pゴシック','Arial','san-serif';
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	margin-bottom: 8px;
	line-height: 1.6em;
}

div#left_col{
	top:0px;
	width:380px;
	height:auto;
	padding:0px;
	float:left;
	text-align:right;
}

div#images_grp {
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
}

div#image_news {
	width:auto;
	height:auto;
	padding:0px;
	margin-bottom:10px;
	margin-top:-2px;
        z-index:1;
}

div#sub_lives {
	font-family:'Helvetica','Lucida Grande','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','MS Pゴシック','Arial','san-serif';
	font-size: 10px;
	font-weight: normal;
	color: #444444;
	line-height: 1.6em;
	text-align:right;
	width:420px;
	height:auto;
	margin-top:-5px;
	padding:0px;
	float:left;
	z-index:1;
}

div#update_date {
	font-family:'Helvetica','Lucida Grande','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','MS Pゴシック','Arial','san-serif';
	font-size: 11px;
	font-weight:normal;
	color: #444444;
	line-height: 1.6em;
	margin:0px;
	padding-top:5px;
}

div#bottom_space {
	clear:both;
	width:1000px;
	height:20px;
	background-image:url(../images/mellowhead_bg.png);
	background-repeat:repeat-y;
}

div#footer {
	width:1000px;
	height:25px;
	background-image:url(../images/mellowhead_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-top:0px;
	position:absolute;
	left:0px;
	clear:both;
	z-index:2;
}

div#content-nav {
	width:570px;
	font-size:11px;
	margin-top:-60px;
	padding-right:160px;
	float:right;
	text-align:right;
}

div#content-nav-right {
	width:520px;
	font-size:11px;
	margin-top:-60px;
	padding-right:50px;
	padding-left:0px;
	position:relative;
	float:right;
	text-align:right;
z-index:2;
}

div#archive_innerbox {
        width:610px;
	min-height:350px;
        float:right;
        text-align:left;
        font-size:14px;
}

div#archive_sidebar {
	position:absolute; 
	top:0px;
	left:0px;
	width:200px;
	text-align:right;
}

div#category_sidebar {
        position:absolute;
        top:270px;
	left:0px;
	width:200px;
	text-align:right;
}

div#yearly_sidebar {
        position:absolute;
        top:290px;
	left:0px;
	width:200px;
	margin-left:10px;
	text-align:right;
}

div#yearlylist_sidebar {
        position:absolute;
        top:270px;
	left:0px;
	width:200px;
	margin-left:10px;
	text-align:right;
}

div#monthly_sidebar {
        position:absolute;
        top:270px;
	left:0px;
	width:200px;
	margin-left:10px;
	text-align:right;
}

div#main_sidebar {
        position:absolute;
        top:240px;
	left:0px;
	width:200px;
	text-align:right;
}

div#kensaku_sidebar {
        position:absolute;
        top:270px;
        left:30px;
	width:200px;
	text-align:right;
}


div#content-navi-side {
        font-size:12px;
        padding-right:15px;
}

li.liveslist {
	margin-left:40px;
        font-size:13px;
}

li.categorylist {
        font-size:11px;
}

.archive_space {
        min-height:120px;
}

img.photo_left {
	float:left;
	margin-right:15px;

}

img.photo_right {
	float:right;
	margin-left:15px;
}

div#only_sub_news {
	margin-top:-10px;
}

div#main_contents_bottom {
        width:575px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:0px;
	text-align:left;
 	float:right;
	border-top:1px solid #E6E6E6;
}

div#main_contents_space {	
	height:1%;
	clear:both;
	margin-bottom:50px;
	z-index:1;
}

blockquote.yellow {
	background-color:#FFFF99;
	border:1px solid #E6E6E6;
	padding:10px;
}

blockquote.green {
	background-color:#CCFFCC;
	border:1px solid #E6E6E6;
	padding:10px;
}

blockquote.pink {
	background-color:#FCCCCC;
	border:1px solid #E6E6E6;
	padding:10px;
}

blockquote.gray {
	background-color:#BCCCCC;
	border:1px solid #E6E6E6;
	padding:10px;
}

div#setlist_yellow {
	background-color:#FFFF99;
	border:1px solid #E6E6E6;
	padding:10px;
	width:500px;
}

div#setlist_green {
	background-color:#CCFFCC;
	border:1px solid #E6E6E6;
	padding:10px;
	width:500px;
}

div#setlist_pink {
	background-color:#FCCCCC;
	border:1px solid #E6E6E6;
	padding:10px;
	width:500px;
}

div#setlist {
	background-color:#BCCCCC;
	border:1px solid #E6E6E6;
	padding:10px;
	width:500px;
}

span.kako_mirai {
	font-size:10px;
	float:left;
}

span.to_archive {
	font-size:10px;
	float:right;
}