@charset "euc-jp";

/*   layout   */


a:link {
	overflow:hidden;
	outline:none;
}
strong{
	font-weight: bold;
}

#container {
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}



#cont_box{
	width:750px;
	margin:0 auto;
	font-size:14px;
	line-height:140%;
	padding:0 0 0 0;
	z-index:0;
	background:url(/dol/service/vpack/images/02/main_bg.jpg) top center;
}

.cont_in_box{
	width:750px;
	margin:0 auto;
	text-align: center;
	font-size:12px;
	padding:0 0 0 0;
	z-index:0;
	background:url(/dol/service/vpack/images/02/cont2_bg.jpg) top center;
}
.txt_lead_box{
	width:700px;
	margin:0 auto;
	text-align: left;
	padding: 5px 0 0 0;
	color: #55310f;
	font-size:12px;
	line-height:1.2;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

.txt_box2{
	width:680px;
	margin:0 auto;
	text-align: left;
	padding: 5px 0 0 0;
	color: #55310f;
	font-size:12px;
	line-height:1.2;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}


.txt_box{
	width:570px;
	margin: -5px auto 0 auto;
	text-align: left;
	padding: 0 0 0 30px;
	line-height:1.2;
	color: #55310f;
	font-size:12px;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}
.howto_box{
	width:675px;
	height:140px;
	margin:0 auto;
	text-align: center;
	font-size:12px;
	padding:170px 0 0 25px;
	background:url(/dol/service/vpack/images/05/howto.jpg) top center no-repeat;
}

.howto_box .step01{
	width:140px;
	height:40px;
	/* border: solid 1px #000;*/
	float: left;
}

.howto_box .step02{
	width:290px;
	height:40px;
	/* border: solid 1px #000;*/
	float: left;
	margin-left: 30px;
}

.howto_box .step03{
	width:150px;
	height:40px;
	/* border: solid 1px #000;*/
	float: left;
	margin-left: 30px;
}

.howto_box a{
	width: 100%;
	height: 16px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 0 2px 0;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}



.win a{
	background: #2983f1;
	border: solid 1px #0d5fc1;
}
.win a:hover{background: #06346c;}

.ps3{margin-top: 3px;}
.ps3 a{
	background: #f52b2b;
	border: solid 1px #ae0909;
}
.ps3 a:hover{background: #600404;}


table.data_box{
	width:700px;
	margin:0 auto;
	text-align: left;
	padding: 5px 0 0 0;
	color: #55310f;
	font-size:12px;
	background:#fff;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}
table.data_box td{
	padding: 5px;
	border: solid 1px #d4d0c4;
}

table.data_box th{
	padding: 5px;
	width:50px;
	background:#d4d0c4;
	border: solid 1px #fff;
	text-align: center;
}

/* garally1
=======================================*/
.garally {width: 574px; height:400px; margin: 0 auto; text-align: center; padding:0 0 0 0; position:relative;}
.garally .g_cont { width:550px; height:330px;}
.garally .controls { margin-top:-60px; margin-left:30px;}
.garally .controls a { height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; margin-left:5px;}
.garally .controls a:hover { background:#ff8040; color:#000; height:15px; width:15px; margin-top:-1px;}
.garally div.scroller { width: 432px; height:332px; overflow: hidden; margin: 35px 100px;}
.garally div.scroller div.section {width: 432px; height:332px; overflow:hidden; float:left;}
.garally div.scroller div.content {width: 10000px;}

.catch { width:170px; height:92px; position:absolute; top:50px; left:10px; }


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