@charset "Shift-JIS";
/**********************************************************************
Jam9特設サイト
**********************************************************************/


/* -----------------------------------------------
タグ初期化
------------------------------------------------- */
body, div, p, ul, li, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

img {
	border:none;
}

ul, dl, ol {
	list-style-type:none;
}

strong {
	font-weight:normal;
}

address {
	font-style:normal;
}

body {
				background:url(../images/body_bg.jpg) left top repeat;
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
table {
    font-size:inherit;
    font:100%;
}

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

a:hover {
 text-decoration:underline;
}


/* -----------------------------------------------
汎用クラス
------------------------------------------------- */
.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {clear: both;}

/* 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 */


/* -----------------------------------------------
コンテンツ
------------------------------------------------- */
div#wrapper {
	width:926px;
	background:url(../images/contents_bg.png) left top repeat-y;
	font-size:110%;
	margin:0px auto;
}

div#contents {
	position:relative;
	padding:0px 13px;
}

div#contents h1 {
}

div#contents p#lead {
	margin-bottom:50px;
}

div#contents p#amazon {
	position:absolute;
	left:33px;
	_left:20px;
	top:502px;
}

div#contents p#youtube {
	position:absolute;
	left:601px;
	_left:588px;
	top:155px;
}

div#contents p#profile {
	position:absolute;
	left:737px;
	_left:724px;
	top:356px;
	cursor:pointer;
}

div#contents p#release {
	position:absolute;
	left:-12px;
	_left:-25px;
	top:280px;
}

div#notes {
	width:860px;
	background:#0F7685 url(../images/notes_top.jpg) left top no-repeat;
	padding-top:20p;
	margin:0 auto 20px auto;
}

div#notes_inner {
	width:814px;
	background:url(../images/notes_bottom.jpg) left bottom no-repeat;
	padding:0px 23px 10px 23px;
}

div#notes h2 {
}

div#notes ul {
	padding-bottom:20px;
}

div#notes ul li {
	position:relative;
	background:url(../images/border.gif) left bottom repeat-x;
	color:#FFF;
	zoom:1;
	line-height:160%;
	padding:20px 0px;
}

div#notes ul li.last {
	background:none;
}

div#notes ul li h3 {
	margin-bottom:9px;
}

div#notes ul li p {
	padding-right:90px;
}

div#notes ul li .noteWrapper {
	display:none;
}

p.note {
	width:690px;
	height:491px;
	position:relative;
	background:url(../images/movie_bg.png) left bottom no-repeat;
	cursor:pointer;
}

p.note iframe {
	position:absolute;
	left:50px;
	top:94px;
}

div#notes ul li p.notes_up {
	position:absolute;
	right:0px;
	bottom:53px;
	padding-right:0px;
}

div#notes ul li p.notes_btn {
	position:absolute;
	right:0px;
	bottom:20px;
	padding-right:0px;
	cursor:pointer;
}

div#notes ul li p.nolink {
	cursor:default!important;
}

div#present {
	position:relative;
	text-align:center;
	margin-bottom:20px;
}

div#present h2 {
	margin-bottom:20px;
}

div#present p#present_btn {
	width:900px;
	position:absolute;
	top:222px;
	left:0px;
	_left:-90px;
}

div#present p#present_txt {
	width:900px;
	position:absolute;
	top:295px;
	left:0px;
	_left:-90px;
}

div#present p#present_txt a {
	color:#333;
	text-decoration:underline;
	font-weight:bold;
	line-height:160%;
}

ul#social {
	margin-bottom:10px;
	padding-left:20px;
}

ul#social li {
	float:left;
	margin:0 32px 0 0;
}

ul#social li {
	_width:120px;
}

div#footer {
	background-color:#094A52;
	color:#FFF;
	text-align:center;
	padding:15px 0px;
}

div#footer p {
	margin-bottom:10px;
}

div#footer ul {
	width:340px;
	margin:0 auto 10px auto;
}