.header_box{
	width: 700px;
	height: 413px;
	margin: 0 auto;
	text-align: left;
	background:url(/dol/gran_atlas/img/product_info_ps4/header.jpg) top center no-repeat;
}


img{margin: 0; padding: 0; vertical-align: bottom;}
.cont_bg{
	width: 700px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	border: solid 1px #000;
	background:url(/dol/gran_atlas/img/product_info_ps4/cont_bg.jpg) top center repeat-y;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', '¥Ò¥é¥®¥Î³Ñ¥´ ProN W3', Meiryo, ¥á¥¤¥ê¥ª, sans-serif;
	font-size: 12px;
}

.top_info_box{
	width: 560px;
	height: 70px;
	margin: 0 auto;
	line-height: 1.1;
	padding: 90px 0 0 140px;
	text-align: left;
	background:url(/dol/gran_atlas/img/product_info_ps4/info_box.jpg) top center no-repeat;
}
.top_info_box a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}
.top_info_left{width: 280px; float: left; }
.top_info_right{width: 240px; float: left;}

h3{
	width: 670px;
	height: 38px;
	margin: 0 auto;
	line-height: 1.1;
	padding: 22px 0 0 30px;
	text-align: left;
	background:url(/dol/gran_atlas/img/product_info_ps4/h3_bg.jpg) top center no-repeat;
	font-size: 20px;
}


h4{
	width: 600px;
	margin: 0 auto 5px auto;
	line-height: 1.1;
	padding: 0 0 0 5px;
	text-align: left;
	border-left: solid 8px #f7c000;
	font-weight: bold;
	font-size: 16px;
	color: #f7c000;
}

.cont_box{
	width: 590px;
	height: auto;
	margin: 0 auto;
	padding: 10px 10px;
	background: #fff;
}

.cont1_1_left{
	width: 265px;
	height: auto;
	min-height: 330px;
	margin: 0 5px 0 0;
	padding: 5px 10px;
	text-align: left;
	float: left;
	background:#003361;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.cont1_1_right{
	width: 300px;
	height: auto;
	margin: 0;
	text-align: left;
	float: left;
}
.cont1_1_box{padding-top: 10px;}
.item_title{font-size: 17px; font-weight: bold; color: #ffd800; padding: 5px 0 5px 0;}
.item_tg{text-align: right; padding-bottom: 10px;}
.item_text{}
.item_data{font-size:10px; background:#0a63b3; margin-top: 3px; text-align: center;}
.item_data2{font-size:10px; background:#0a63b3; margin-top: 3px; text-align: left;}
.item_data3{font-size:12px; margin-top: 3px; padding: 5px 3px 3px 3px; text-align: left; color:#00ff40;}


table.item_table{
	width: 570px;
	margin: 10px auto 0 auto;
}

table.item_table th, table.item_table td{border: solid 1px #000; padding:3px;}
table.item_table th{background:#0a63b3; color: #fff; width: 190px;}

table.game_data_info{width: 100%; margin: 0 auto 5px auto;}
table.game_data_info th,table.game_data_info td{border: solid 1px #000; padding:3px; }
table.game_data_info th{width: 10%;}
table.game_data_info td.t-box{background:#bcdefc; width: 44%;}
table.game_data_info td.b-box{background:#ffe68c; width: 44.2%;}
table.game_data_info strong{font-weight: bold;}

.red{color: #f00;}

.r_item_box_left{ width: 200px; margin: 0 auto; text-align: left; float: left;}
.r_item_box_right{ width: 380px; margin: 0 auto; text-align: left; float: right;}

/*
.garally {width: 590px; height:410px; margin: 0 auto; text-align: center; padding:0 0 0 0;}
.garally .g_cont {}
.garally .controls { width: 590px; padding-bottom: 5px;}
.garally .controls a { width:96px; height:65px; display:block; z-index:1000; float:left; border:#fff solid 1px;}
.garally .controls a:hover { filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}
.garally div.scroller { width: 590px; height:336px; overflow: hidden; margin: 0 auto; text-align: left;}
.garally div.scroller div.section {width: 590px; height:336px; overflow:hidden; float:left;}
.garally div.scroller div.content {width: 10000px;}
*/
.ss02a_box{background:url(/dol/gran_atlas/img/product_info_ps4/ss02a.jpg) top center no-repeat; width: 590px; height: 336px;}
.ss02b_box{background:url(/dol/gran_atlas/img/product_info_ps4/ss02b.jpg) top center no-repeat; width: 590px; height: 336px;}
.ss02c_box{background:url(/dol/gran_atlas/img/product_info_ps4/ss02c.jpg) top center no-repeat; width: 590px; height: 336px;}
.ss02d_box{background:url(/dol/gran_atlas/img/product_info_ps4/ss02d.jpg) top center no-repeat; width: 590px; height: 336px;}
.ss02e_box{background:url(/dol/gran_atlas/img/product_info_ps4/ss02e.jpg) top center no-repeat; width: 590px; height: 336px;}
.ss02f_box{background:url(/dol/gran_atlas/img/product_info_ps4/ss02f.jpg) top center no-repeat; width: 590px; height: 336px;}

.ss02_box{
	width: 210px;
	height: auto;
	min-height: 200px;
	margin: 80px 10px 10px 10px;
	padding: 5px 10px;
	text-align: left;
	background:#003361;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 2px #fff;
}


/* gallery
----------------------------------------------------- */
#gallery { position: relative; width: 590px; height: 405px; margin: 10px auto; padding: 0;}
#gallery .slideFrame { position: relative; height: 336px; overflow: hidden; /* margin-bottom: 10px; border: solid 1px #ff0; */}

/* slide images */
#gallery .slideFrame ul { position: absolute; top: 0; left: 0; width: 3540px; margin: 0;}
#gallery .slideFrame ul li { float: left; width: 590px;}
#gallery .slideFrame ul li:last-child {margin-right: 0;}
#gallery .slideFrame ul li a { background: none;}

/* gallery items */
#gallery ul li, #gallery ul li a, #gallery p, #gallery p i {/* border: solid 1px #f00; */}

/* gallery list button */
#gallery ul.nav { width: 588px; margin: 0 auto; padding: 0;}
#gallery ul.nav li { float: left; padding: 2px 1px;}
#gallery ul.nav li:last-child { margin-right: 0;}
#gallery ul.nav li a { display: block; width: 96px; height: 65px;}
#gallery ul.nav li a:hover { opacity: 0.5; }


/* CSS Programming */
#gallery #switch1:target ~ .slideFrame ul { left: 0px;}
#gallery #switch2:target ~ .slideFrame ul { left: -590px;}
#gallery #switch3:target ~ .slideFrame ul { left: -1180px;}
#gallery #switch4:target ~ .slideFrame ul { left: -1770px;}
#gallery #switch5:target ~ .slideFrame ul { left: -2360px;}
#gallery #switch6:target ~ .slideFrame ul { left: -2950px;}


#gallery #switch1:target ~ .nav li a[href="#switch1"],
#gallery #switch2:target ~ .nav li a[href="#switch2"],
#gallery #switch3:target ~ .nav li a[href="#switch3"],
#gallery #switch4:target ~ .nav li a[href="#switch4"],
#gallery #switch5:target ~ .nav li a[href="#switch5"],
#gallery #switch6:target ~ .nav li a[href="#switch6"] {
	opacity: 0.5;
}
#gallery .switch { display: none;}


/* transition  */
#gallery ul.nav li a  {
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0;
}
#gallery i  {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0;
}
#gallery .slideFrame ul  {
	transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0s;
	-webkit-transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0;
}

/* clearfix */
#gallery ul:before, #gallery ul:after {
	content: ""; display: table;
}
#gallery ul:after {
	clear: both;
}
#gallery ul {
	*zoom: 1;
}


/* t-box only */
.t-box-only{
	padding: 240px 0 0 480px;
}
.t-box-only a:hover{
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity:0.65;
	opacity:0.65;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}