strong{font-weight: bold;}


#header{
	width: 700px;
	height: 700px;
	margin: 0 auto;
	text-align: left;
	background:url(/dol/gran_atlas/img/product_info/header.jpg) top center no-repeat;
}

#header h1{
	padding: 200px 0 0 435px;
	/* border: solid 1px #000; */
}

.cont_box{
	width: 700px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	/* border: solid 1px #000; */
	padding: 0;
	line-height: 1.2;
	background:url(/dol/gran_atlas/img/product_info/cont_box_center.jpg) top center;
}

h2{
	width: 660px;
	background: #825806;
	color: #fff;
	font-size: 16px;
	padding: 7px 5px 5px 5px;
	margin: 10px auto;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h3{
	width: 660px;
	background: #ba2f27;
	color: #fff;
	font-size: 16px;
	padding: 7px 5px 5px 5px;
	margin: 10px auto;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.lead{
	width: 640px;
	margin: 5px auto 15px auto;
	text-align: left;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.ss_box{
	padding-bottom: 5px;
}


.cont_box table{
	width: 640px;
	/* border: dotted 3px #d7bd88; */
	margin: 0 auto;
	text-align: left;

}
.cont_box th{
	background: #f8f5e4;
	padding: 5px;
	border: solid 2px #fff;
	text-align: center;
	color: #403811;
}
.cont_box p{
	padding-bottom: 5px;
	text-indent: -15px;
	padding-left: 15px;
	line-height: 1.2;
}
.cont_box td{
	background: #f8f5e4;
	padding: 8px 5px;
	border: solid 2px #fff;
	width: 280px;
	vertical-align: top;
	color: #403811;
}
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: #dbeecc;}
td.back02{background: #efdfcb;}

th.back01{background: #dbeecc;}
th.back02{background: #efdfcb;}



.top_back{
	width: 700px;
	height: 150px;
	margin: 0 auto;
	text-align: left;
	background:url(/dol/gran_atlas/img/product_info/main_bottom.jpg) top center no-repeat;
}

#page_back{
	width: 257px;
	text-align: center;
	margin: 0 0 0 430px;
	/* border: solid 1px #000; */
}

.item_title{
	font-weight: bold;
	color: #f00;
}

#btn_infonet {}

#btn_infonet a{
	background: url(/dol/gran_atlas/img/product_info/btn_shop.png);
	width: 240px;
	height: 40px;
	display: block;
}

#btn_infonet a:hover{
	background: url(/dol/gran_atlas/img/product_info/btn_shop.png) 0px -40px;
}

#btn_infonet strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


#btn_infops3 {
	padding-top: 90px;
}

#btn_infops3 a{
	background: url(/dol/gran_atlas/img/product_info/btn_shop2.png);
	width: 240px;
	height: 40px;
	display: block;
}

#btn_infops3 a:hover{
	background: url(/dol/gran_atlas/img/product_info/btn_shop2.png) 0px -40px;
}

#btn_infops3 strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}



.music_box{}
dl.music_box{
	width: 90%;
	background:#f8f5e4;
	border-bottom: dotted 1px #825806;
	margin: 0 auto;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.music_box dt{
	width: 200px;
	height: 15px;
	float: left;
	padding: 10px 5px 5px 5px;
	text-align: left;
}
.music_box dd{
	width: 250px;
	float: left;
	padding: 5px;
	text-align: left;
}

dt.music_title{
	padding-top: 10px;
}

.music_box .icon{
	width: 25px;
	float: left;
}

.hosi{
	color: #f00;
}


.music_title_no{
	float: left;
}

/* 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;}





