
#header{
	width: 700px;
	height: 489px;
	margin: 0 auto;
	text-align: left;
	background:url(/dol/2nd_age/img/product_info/header.jpg) top center no-repeat;
}

#header h1{
	padding: 240px 0 0 445px;
}

.cont_box{
	width: 660px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	/* border: solid 1px #000; */
	padding: 0 20px 0 20px;
	line-height: 1.2;
	
	background:url(/dol/2nd_age/img/product_info/cont_bg.jpg) top center;
}

.cont_box table{
	/* border: dotted 3px #d7bd88; */

}
.cont_box th{
	background: #f9f2e0;
	padding: 5px;
	border: solid 2px #fff;
	text-align: center;
	color: #284da8;
}
.cont_box p{
	padding-bottom: 5px;
	text-indent: -15px;
	padding-left: 15px;
	line-height: 1.2;
}
.cont_box td{
	background: #f9f2e0;
	padding: 8px 5px;
	border: solid 2px #fff;
	width: 280px;
	vertical-align: top;
	color: #284da8;
}
td.heading{
	width: 60px;
	text-align: left;
}

td.w500{
	width: 500px;
}
td.w550{
	width: 550px;
}

th.heading{
	width: 60px;
	text-align: left;
}
td.back01{background: #ced7ec;}
td.back02{background: #c7e6f1;}

th.back01{background: #ced7ec;}
th.back02{background: #c7e6f1;}


#page_back{
	width: 257px;
	text-align: center;
	margin: 0 0 0 430px;
	/* border: solid 1px #000; */
}


h2{
	width: 645px;
	background: #1c235a;
	color: #fff;
	font-size: 16px;
	padding: 5px;
	font-weight: bold;
	margin-bottom: 10px;
	
}

.item_title{
	font-weight: bold;
	color: #f00;
}

.ss05_box{
	width: 308px;
	height: 567px;
	margin: 0 auto;
	text-align: left;
	padding: 64px 0 0 349px;
	background:url(/dol/2nd_age/img/product_info/ss05.jpg) top center no-repeat;
}

.ss06_box{
	width: 315px;
	height: 668px;
	margin: 0 auto;
	text-align: left;
	padding: 1px 0 0 343px;
	background:url(/dol/2nd_age/img/product_info/ss06.gif) top center no-repeat;
}
#btn_infonet {}

#btn_infonet a{
	background: url(/dol/2nd_age/img/product_info/btn_shop.png);
	width: 113px;
	height: 94px;
	display: block;
}

#btn_infonet a:hover{
	background: url(/dol/2nd_age/img/product_info/btn_shop.png) 0px -94px;
}

#btn_infonet strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


.music_box{}
dl.music_box{
	width: 90%;
	background:#efe4d1;
	border-bottom: dotted 1px #000;
	margin: 0 0 0 10px;
}
.music_box dt{
	width: 150px;
	float: left;
	padding: 5px 5px 5px 5px;
	text-align: left;
}
.music_box dd{
	width: 250px;
	float: left;
	padding: 5px;
	text-align: left;
}

dt.music_title{
	padding-top: 10px;
}

/* garally
------------------------------------------------------------------------------------------ */

.garally {
	width:283px;
	height:212px;
	text-align:left;
}


.g_cont {}
.controls {
	margin-top:-30px;
	margin-left:10px;
}

.controls a {
	height:15px;
	width:15px;
	background:#933;
	border:#fff;
	display:block;
	z-index:1000;
	float:left;
	border:#fff solid 1px;
	margin-left:5px;
}

.controls a:hover {
	background:#ccc;
	color:#000;
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/
	width:283px;
	height:212px;
	overflow: hidden;
}
div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/
	width:283px;
	height:212px;
	overflow:hidden;
	float:left;
}
div.scroller div.content {
	width: 10000px;
}


/* garally
------------------------------------------------------------------------------------------ */

.garally2 {
	width:309px;
	height:258px;
	text-align:left;
}


.g_cont {}
.controls {
	margin-top:-30px;
	margin-left:10px;
}

.controls a {
	height:15px;
	width:15px;
	background:#933;
	border:#fff;
	display:block;
	z-index:1000;
	float:left;
	border:#fff solid 1px;
	margin-left:5px;
}

.controls a:hover {
	background:#ccc;
	color:#000;
}

.garally2 div.scroller { 
	/* modify width and height of scrolling section if necessary	*/
	width:309px;
	height:258px;
	overflow: hidden;
}
.garally2 div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/
	width:309px;
	height:258px;
	overflow:hidden;
	float:left;
}
div.scroller div.content {
	width: 10000px;
}






audio { width: 250px; display: block; margin:0px;  height: 10px;}



.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.ClearDiv{ clear: both; margin: 0; padding: 0;}





