@charset "utf-8";
/*
Theme Name: Jazz Samurai
Description: Jazz Samurai HomePage用
Version: 11th april 2009
Author: teamExtreme
Author URI: http://www.teamextreme.jp/
Tags: jazz, samurai

*/



/* -- basics
-------------------------------------------------- */
html,body{
  height:100%;
}

body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	color:#333;
	line-height:1.6;
	font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background:url(/images/common/bg.jpg) repeat-x;
	}
	
div#allWrap{
	position:relative;
  min-height:100%;
  _height:100%;
	}

div#wrapper{
	margin:0 auto;
	width:900px;
	text-align:left;
	padding-bottom:120px;
	}
	
div#header{
	width:860px;
	height:120px;
	padding:0 20px;
	margin-bottom:12px;
	background:url(/images/common/header_bg.jpg) no-repeat;
	}
	
div#header_logo{
	width:197px;
	height:66px;
	padding-top:33px;
	float:left;
	}
	
div#header img,
div#contentsLeft div.leftBanner,
div#footer{
	vertical-align:bottom;
	}
	
div#contentsWrapper{
	clear:both;
	margin-bottom:20px;
	}
	
div#mainImage{
	margin-bottom:20px;
	}


/* -- contentsLeft
-------------------------------------------------- */
div#contentsLeft{
	margin-left:12px;
	width:650px;
	float:left;
	}


/* -- contentsRight
-------------------------------------------------- */
div#contentsRight{
	width:200px;
	float:right;
	}
	
ul#rightBanner{
	margin:0;
	padding:0;
	list-style:none;
	}
	
ul#rightBanner li{
	margin-bottom:8px;
	}
	
ul#rightBanner li img{
	vertical-align:bottom;
	}
	

/* -- footer
-------------------------------------------------- */
div#footerWrap{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:url(/images/common/footbg.gif) center bottom repeat-x;
	text-align:center;
	clear:both;
	padding-top:24px;
	}
	
div#footer{
	width:900px;
	height:120px;
	margin:0 auto;
	background:url(/images/common/footbg_over.gif) center bottom no-repeat;
	}

	
/* -- container
-------------------------------------------------- */
div.container01{
	margin:0 12px 12px 12px;
	padding:12px 0;
	clear:both;
	}
	
div.singleContainer01{
	margin:0 12px 0 12px;
	padding-bottom:12px;
	border-bottom:1px dotted #ddd;
	clear:both;
	}
	
div.jacketContainer{
	width:240px;
	margin-right:12px;
	float:left;
	}
	
	
	
/* -- list Element
-------------------------------------------------- */
ul.songList{
	margin:0;
	width:320px;
	float:left;
	list-style:decimal;
	}

ul.songList li{
	line-height:100%;
	margin-bottom:6px;
	}




/* paragraph Element
-------------------------------------------------- */
div#contentsLeft p{
	margin:6px 8px;
	}
	
p.center{
	text-align:center;
	}
	
p.navi{
	text-align:center;
	}
	
p.dateTime{
	margin:0;
	text-align:right;
	}
	


/* Heading Element
-------------------------------------------------- */
div#contentsLeft h1{
	width:650px;
	padding:0 0 0 4px;
	margin:0 0 6px 0;
	border-bottom:2px solid #ccc;
	clear:both;
	color:#b60008;
	font-size:240%;
	line-height: 130%;
	font-family:Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}

div#contentsLeft h2{
	margin:0 0 8px 0;
	color:#fff;
	padding:0 6px;
	background-color:#333;
	border-left:4px solid #b60008;
	font-weight: bold;
	font-size: 135%;
	line-height:180%;
	clear:both;
	font-family:Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}
	
div#contentsLeft h2 a:link,div#contentsLeft h2 a:visited{
	text-decoration:none;
	color:#fff;
	}

div#contentsLeft h2 a:hover,div#contentsLeft h2 a:active{
	text-decoration:underline;
	}
	
div#contentsLeft h3{
	margin:4px 0 4px 0;
	color:#b60008;
	clear:both;
	font-size: 135%;
	}


/* -- link
-------------------------------------------------- */
a:link,a:visited{
	text-decoration:none;
	color:#1b5994;
	}

a:hover,a:active{
	text-decoration:underline;
	color:#1b5994;
	}
	
a:focus{
	outline:none;
	}

a:link img,a:visited img,a:hover img,a:active img{
	border:none;
	}
	
	
	
/* -- fonts
-------------------------------------------------- */
.red{
	color:#FF0000;
	}
	
.textOrange{
 color:#f8981d;
 }
 
.textPink{
	color:#ed145b;
	}
	
.textGreen{
	color:#00a651;
	}
	
.textBlue{
	color:#005288;
	}
	
.large{
	font-size:120%;
	}
	
.small{
	font-size:90%;
	}


/* -- clearFix
-------------------------------------------------- */
.clearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearFix{ display:inline-block;}

/* Hides from IE-mac \*/
*html.clearFix{ height:1%;}
.clearFix{display:block;}
/* End hide from IE-mac */

.clearb{
	clear:both;
	}
	
.fLeft{
	float:left;
	margin-right:8px;
	}
	
.fRight{
	float:right;
	margin-left:8px;
	}
	
hr.marg{
	border:#ccc 1px solid;
	margin:8px 0;
	}