strong{font-weight: bold;}

.cont_bg{
	width: 700px;
	height: autopx;
	margin: 0 auto;
	text-align: center;
	background:url(/dol/gran_atlas/img/cp4/01/cont_main_bg.jpg) top center;
}

.cont4-1_bg{
	width: 700px;
	height: autopx;
	margin: 0 auto;
	text-align: center;
	background:url(/dol/gran_atlas/img/cp4/01/cp4_cont_bg.jpg) top center no-repeat;
}





.txt_box{
	width: 630px;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
	line-height: 1.2;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.ss_box{
	width: 510px;
	height:410px;
	margin: 0 auto;
	padding: 10px 0;
}


.ss_box2{
	width: 510px;
	height:420px;
	margin: 0 auto;
	padding: 10px 0;
}

.ss_box3{
	width: 510px;
	height:390px;
	margin: 0 auto;
	padding: 10px 0;
}

.title01{
	width: 620px;
	background: #203364;
	padding: 7px 5px 3px 5px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 16px;
}

.title02{
	width: 620px;
	border-left: solid 10px #5b3320;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #5b3320;
	font-weight: bold;
}

.page_top{
	width: 690px;
	color: #fff;
	padding: 10px 10px 10px 0px;
	margin: 0 auto;
	text-align: right;
	background:url(/dol/gran_atlas/img/cp4/01/main_bg.jpg);
}

.page_top a{
	color: #fff;
}


.all_at{
	width: 670px;
	margin: 0 auto;
	color: #fff;
	padding: 0 0 10px 10px;
	text-align: left;
	background:url(/dol/gran_atlas/img/cp4/01/main_bg.jpg);
}


/* QA_BOX 
------------------------------------------------------------------------------------------------*/
dl.qa_box,dl.qa_box2{
	width: 620px;
	/* border: solid 1px #000; */
}

dl.qa_box dt,dl.qa_box2 dt{
	width: 30px;
	height:100%;
	text-align: center;
	padding: 0 5px 5px 5px;
	font-weight: bold;
	float: left;
	font-size: 20px;
	font-family:'Arial',Meiryo,'メイリオ',sans-serif;
}

dl.qa_box dd , dl.qa_box2 dd{
	width: 560px;
	height:25px;
	min-height:25px;
	height:auto !important;
	padding: 0 5px 5px 5px;
	border-left: solid 1px #e5e5e5;
	float: left;
}

dl.qa_box{color: #00f;}
dl.qa_box2{color: #a02e31;}

hr.qa_line {
	width: 620px;
	margin: 0 auto:
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

strong.fromW{
	color: #a02e31;
	display: block;
	padding-top: 5px;
}

.fromW_txt{
	width: 610px;
	padding: 0 0 5px 10px;

}

table.point_box{width: 100%; margin: 5px auto;}
table.point_box td,th{padding: 5px; border: solid 1px #fff; text-align: center;}
table.point_box th{background: #8792de; color: #0e1232; font-size: 11px;}
table.point_box td{background:#ffdfbf;}
table.point_box th.th_type02{background:#3445be; color: #fff;}
table.point_box td.txt_left{ text-align: left;}

/* 基本スタイル 1行 
------------------------------------------------------------------------------------------------*/
.garally01{ width: 510px; height:420px; margin: 0 auto; text-align: center; padding:0;}
.garally01 .g_cont {}
.garally01 .controls {width: 500px; margin-top: -55px; margin-left: 10px; z-index:1000;}
.garally01 .controls a { height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.garally01 .controls a:hover { background:#fff; color:#000; height:20px; width:20px; margin-top:-5px;}
.garally01 div.scroller { width: 510px; height:420px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally01 div.scroller div.section {width: 510px; height:420x; overflow:hidden; float:left;}
.garally01 div.scroller div.content {width: 10000px;}


/* 基本スタイル 2行 
------------------------------------------------------------------------------------------------*/
.garally02{ width: 510px; height:430px; margin: 0 auto; text-align: center; padding:0;}
.garally02 .g_cont {}
.garally02 .controls {width: 500px; margin-top: -75px; margin-left: 10px; z-index:1000;}
.garally02 .controls a { height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.garally02 .controls a:hover { background:#fff; color:#000; height:20px; width:20px; margin-top:-5px;}
.garally02 div.scroller { width: 510px; height:430px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally02 div.scroller div.section {width: 510px; height:430x; overflow:hidden; float:left;}
.garally02 div.scroller div.content {width: 10000px;}

/* 基本スタイル 3行 
------------------------------------------------------------------------------------------------*/
.garally03{ width: 510px; height:440px; margin: 0 auto; text-align: center; padding:0;}
.garally03 .g_cont {}
.garally03 .controls {width: 500px; margin-top: -85px; margin-left: 10px; z-index:1000;}
.garally03 .controls a { height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.garally03 .controls a:hover { background:#fff; color:#000; height:20px; width:20px; margin-top:-5px;}
.garally03 div.scroller { width: 510px; height:440px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally03 div.scroller div.section {width: 510px; height:440x; overflow:hidden; float:left;}
.garally03 div.scroller div.content {width: 10000px;}


/* 基本スタイル なし 
-----------------------------------------------------------------------------------------------*/
.garally04{ width: 510px; height:383px; margin: 0 auto; text-align: center; padding:0;}
.garally04 .g_cont {}
.garally04 .controls {width: 500px; margin-top: -30px; margin-left: 10px; z-index:1000;}
.garally04 .controls a { height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.garally04 .controls a:hover { background:#fff; color:#000; height:20px; width:20px; margin-top:-5px;}
.garally04 div.scroller { width: 510px; height:383px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally04 div.scroller div.section {width: 510px; height:383x; overflow:hidden; float:left;}
.garally04 div.scroller div.content {width: 10000px;}






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