@charset "Shift_JIS";

/* _____________________________________________________________________BASIC */


body{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#000000;
	color:#000000;
	font:12px/16px Verdana,Arial,Monaco,'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3',Osaka,'‚l‚r ƒSƒVƒbƒN',sans-serif;
}

img{
	border-style:none;
	border-width:0px;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

p{
	margin:0px 0px 8px 0px;
	padding:0px;
}

ol,ul{
	margin-left:1em;
	padding-left:1em;
}

/* _____________________________________________________________________ALIGN */

.align_center{
	text-align:center;
}

.align_right{
	text-align:right;
}

.f_right{
	float:right;
}

.f_left{
	float:left;
}

.right_image{
	margin:0px 0px 10px 10px;
	float:right;
}

.left_image{
	margin:0px 10px 10px 0px;
	float:left;
}

.f_clear{
	clear:both;
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:1px;
}

/* _____________________________________________________________________H */

#container h1{
	position:absolute;
	top:53px;
	left:44px;
	font:18px/24px Verdana,Arial,Monaco,'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3',Osaka,'‚l‚r ƒSƒVƒbƒN',sans-serif;
	color:#ffffff;
	margin:0px;
	padding:0px;
}

#popup_container h1{
	position:absolute;
	top:30px;
	left:49px;
}


h2{
	margin:0px;
	padding:0px 0px 10px 0px;
	font:14px/20px Verdana,Arial,Monaco,'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3',Osaka,'‚l‚r ƒSƒVƒbƒN',sans-serif;
	color:#6E3201;
}

h3{
	margin:0px;
	padding:0px 0px 10px 0px;
	font:14px/20px Verdana,Arial,Monaco,'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3',Osaka,'‚l‚r ƒSƒVƒbƒN',sans-serif;
	color:#de7f02;
}

/* _____________________________________________________________________FONT */

.l{
	font:14px/22px Verdana,Arial,Monaco,'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3',Osaka,'‚l‚r ƒSƒVƒbƒN',sans-serif;
}

.m{
	font:10px/16px Verdana,Arial,Monaco,'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3',Osaka,'‚l‚r ƒSƒVƒbƒN',sans-serif;
}

.s{
	font:10px/12px Verdana,Arial,Monaco,'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3',Osaka,'‚l‚r ƒSƒVƒbƒN',sans-serif;
}

.ss{
	font:9px/12px Verdana,Arial,Monaco,'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3',Osaka,'‚l‚r ƒSƒVƒbƒN',sans-serif;
}

em{
	font-style:normal;
	font-weight:400;
	color:#c06114;
}

/* _____________________________________________________________________TEXT COLOR*/

.tex_black{
	color:#000000;
}

.tex_white{
	color:#FFFFFF;
}

.tex_red{
	color:#FF0000;
}



/* _____________________________________________________________________LINK */

a:link{
	text-decoration:underline;
	color:#01657D;
}
a:visited{
	text-decoration:underline;
	color:#048AA0;
}
a:hover{
	text-decoration:underline;
	color:#006699;
}
a:active{
	text-decoration:underline;
	color:#AAAAAA;
}

/* _____________________________________________________________________TOP-PAGE */


#container{
	width:700px;
	margin:20px auto;
	padding:0px;
	text-align:center;	
	border:solid 1px #690207;

}

#main_visual{
	position:relative;
	width:700px;
	height:492px;
}

#main_image{
	z-index:1;
}

#main_icon{
	position:absolute;
	top:128px;
	left:46px;
}

#main_name{
	position:absolute;
	top:216px;
	left:44px;
}

#top_copy{
	position:absolute;
	top:426px;
	left:80px;
}

#wrapper{
	width:700px;
	margin:0px;
	padding:0px;
	background-image:url('../img/contents_bg.gif');
	background-repeat:repeat-y;
}

#main_contents{
	width:660px;
	margin:0px auto;
	padding:20px;
	text-align:left;
}


/* 01*/

#words_best_area{
	width:660px;
	margin:0px auto;
	padding:0px;
	background-image:url('../img/main_contents_bg01.gif');
	background-repeat:repeat-y;
	text-align:center
}

#words_best_area div.inner_box{
	position:relative;
	width:620px;
	margin:20px auto 0px;;
	padding:0px;
	text-align:left
}

#words_best_area div.inner_box img.image_jacket{
	width:170px;
	margin:0px;
	padding:0px;
	float:left;
}

.detail_tex{
	width:415px;
	margin:0px;
	padding:0px;
	text-align:left;
	float:right;
}

.track_list{
	position:absolute;
	bottom:5px;
	right:0px;
}

div#bottom_area{
	position:relative;
	width:660px;
	height:61px;
	margin:0px;
	padding:0px;
	background-image:url('../img/main_top_bottom.gif');
	background-repeat:no-repeat;
}

div#bottom_area .btn_shop{
	position:absolute;
	top:15px;
	right:20px;
}

/* 02*/

#area02{
	position:relative;
	width:320px;
	border:1px solid #690207;
	margin:20px 0px 0px 0px;
	padding:0px;
	background-image:url('../img/area02_bg.gif');
	background-repeat:repeat-y;
	float:left;
}

#area02 div.main_area{
	width:305px;
	margin:0px;
	padding:0px;
	float:left;
}

#area02 div.main_area div.inner{
	padding:14px 0px 25px 14px;
	margin:0px;
}

#area02 p#list{
	width:145px;
	float:right;
	text-align:left;
	padding-left:10px;
	margin:0px;
}


/* 03 */

#area03{
	position:relative;
	width:320px;
	border:1px solid #690207;
	margin:20px 0px 0px 0px;
	padding:0px;
	background-image:url('../img/area02_bg.gif');
	background-repeat:repeat-y;
	float:right;
}

#area03 div.main_area{
	width:305px;
	margin:0px;
	padding:0px;
	float:left;
}

#area03 div.main_area div.inner{
	padding:14px 0px 25px 14px;
	margin:0px;
}

.area03_original{
	position:absolute;
	top:17px;
	right:17px;
}

#area03 div.image_jacket{
	width:70px;
	margin:0px;
	padding:0px;
	text-align:right;
	float:right;
}

/* 02,03 */

.min_height{
	margin:0px;
	padding:0px;
	width:1px;
	float:right;
}

.info_btn{
	position:absolute;
	bottom:10px;
	right:15px;
}	

/* _____________________________________________________________________POPUP-PAGE */

#popup_container{
	position:relative;
	width:700px;
	height:630px;
	margin:20px auto;
	padding:0px;
}


#track_listing{
	position:absolute;
	bottom:10px;
	left:70px;
	color:#ffffff;
	text-align:left;
}

#pop_copy{
	position:absolute;
	top:145px;
	right:34px;
	text-align:left;
}

#track_listing ol{
	margin:0px 20px 15px;
}

#close_btn{
	position:absolute;
	bottom:15px;
	right:15px;
}

#track_listing ol li.no_list{
	list-style:none;
	margin-top:10px;
	margin-left:-20px;
	padding-left:0px;
}
