/* Mellowhead Official Website - Media
 * URI: http://www.mellowhead.com/media
 * Last Modified: 2009.01.25
 */

@import url(http://www.mellowhead.com/media/blog.css);
@import url(http://www.mellowhead.com/media/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;
}

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

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

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

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;
	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#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, li {
	margin-left:20px;
	padding:0;
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	margin-bottom: 8px;
	line-height: 1.2em;
}

ul.moreinfo {
	margin-left:95px;
	margin-top:8px;
	margin-bottom:8px;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#444444;
	line-height:1.2em;
}

div#main_contents {
	width:700px
	margin-bottom:0px;
}

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

div#main_news {
	width:700px;
	height:auto;
	float:right;
	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-top:0px;
	margin-bottom:20px;
	padding-top:2px;
	padding-bottom:1px;
	line-height: 1.6em;
        clear:both;
}

div#left_col{
	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_news {
	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:auto;
	height:auto;
	margin:0px;
	padding:0px;
        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:10px;
	/* border-top:1px solid #E6E6E6; */
	margin-top:5px;
	margin-right:30px;
	margin-top:-60px;
	float:right;
	text-align:right;
}

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

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

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

div#mainpage_sidebar {
        position:absolute;
        top:260px;
	left:0px;
	width:180px;
	text-align:right;
	padding-left:15px;
}

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

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

.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_space {
	clear:both;
	margin-bottom:50px;
}


div#cat_spacer {
	width:auto;
	height:200px;
	float:right;
}

span.area {
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	padding-top:3px;
	font-weight:bold;
}

span.MAGAZINE { /* yellow */
	background-color:#FFFFCC;
	border:1px solid #FFFF66;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:2px;
	margin-right:10px;
}

span.RADIO { /* green */
	background-color:#CCFFCC;
	border:1px solid #339933;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:2px;
	margin-right:10px;
}

span.TV { /* pink */
	background-color:#FCCCCC;
	border:1px solid #FF6699;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:2px;
	margin-right:10px;
}

span.SITE { /* blue */
	background-color:#CCFFFF;
	border:1px solid #33CCFF;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:2px;
	margin-right:10px;
}

span.NEWSPAPER { /* purple */
	background-color:#CCCCFF;
	border:1px solid #CC99FF;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:2px;
	margin-right:10px;
}

span.OTHERS { /* brown */
	background-color:#FFCC99;
	border:1px solid #993300;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:2px;
	margin-right:10px;
}