@charset "euc-jp";



#container {
	background:url(/nol/service/vpack/images/outline_bg.jpg) top center repeat-y;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:140%;
}
#contents {
	background:url(/nol/service/vpack/images/5/wrap_bg.jpg) top center no-repeat;
	padding-top:700px;
	text-align:left;
}


#cont01 {
	background:url(/nol/service/vpack/images/5/cont01.png) top center no-repeat;
	height:400px;
}


#cont02 {
	background:url(/nol/service/vpack/images/02_2/cont02_top.png) top center no-repeat;
	height:96px;
	padding-top:0px;
}


#cont03 {
	background:url(/nol/service/vpack/images/02_2/cont03_top.png) top center no-repeat;
	height:96px;
	padding-top:0px;
	margin-top:13px;
}


#cont04 {
	background:url(/nol/service/vpack/images/5/cont04_top.png) top center no-repeat;
	height:96px;
	padding-top:0px;
}

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 { font-size:14px; font-weight:normal;}
.font10_boTop {
	border-top:#ccc dotted 1px;
	font-size:10px;
	margin-top:10px;
	padding-top:10px;
}

.boTop {
	border-top:#ccc dotted 1px;
	margin-top:10px;
	padding-top:10px;
}



.boTop_b {
	border-top:#ccc double 3px;
	margin-top:10px;
	padding-top:10px;
}

.clear {
	clear:both;
}

.padding_T90_L70 {
	padding-top:90px;
	padding-left:70px;
	padding-right:70px;
}

.padding_L70 {
	padding:0 70px;
	}

.padding_L70_02 {
	padding:0 70px;
	width:450px;
	 }
.padding_L70_03 {
	padding:0 70px;
	width:300px;
	 }


.padding_T10_L60 {
	padding:10px 60px;
}

.padding_T10_L60_02 {
	padding:0px 60px 10px 60px;
}

.padding_T20_L35 {
	padding:20px 35px;
}

#btn01 a {
	background:url(/nol/service/vpack/images/5/btn01.png) no-repeat;
	width:148px;
	height:140px;
	float:left;
	display:block;
	margin-right:15px;
}

#btn01 a:hover {
	background-position:0 -140px;
}



#btn02 a {
	background:url(/nol/service/vpack/images/5/btn02.png) no-repeat;
	width:325px;
	height:140px;
	float:left;
	display:block;
	margin-right:15px;
}

#btn02 a:hover {
	background-position:0 -140px;
}


#btn03 a {
	background:url(/nol/service/vpack/images/5/btn03.png) no-repeat;
	width:171px;
	height:140px;
	float:left;
	display:block;
}

#btn03 a:hover {
	background-position:0 -140px;
}

table.syouhin {
	width:620px;
	margin:0 auto;
	border:#CCC solid 1px;
}

table.syouhin th {
	padding:5px;
	border-right:#ccc solid 1px;
	width:80px;
	background: #eee;
	border-bottom: solid 1px #ccc;
}

table.syouhin td {
	background:#eee;
	padding:5px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	font-size:13px;
}
table.item{
	background: #eeeeee;
}



table.item td{
	padding: 5px;
	border: solid 1px #000;
}

table.item th{
	padding: 5px;
	border: solid 1px #000;
	background: #ffa200;
	text-align: center;
}


td.syouhin_tdW{
	width:265px;
	vertical-align: top;
}
td.line_h{
	line-height: 1;
}
td.bg01{
	background: #fed6c0 !important;
}

td.bg02{
	background: #cdfec0 !important;
}

.padding_L60{
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 20px;
}

.padding_L20{
	padding: 10px 20px 10px 20px;
	color: #fff;
	min-height:60px;
}

.at{
	line-height: 1.0;
	padding: 5px 0px 0px 0px;
	font-size: 11px;
}

.at a:link { color: #f00; text-decoration: none;}
.at a:visited { color: #f00; }
.at a:hover { color: #000; text-decoration: underline;}
.at a:active { color: #f00; }


.tejun {
	width: 680px;
	background:url(/nol/service/vpack/images/5/tejun.png) top center no-repeat;
	margin: 0px auto;
	padding:105px 0 30px 5px;
}

.tejun p{
	margin:15px 20px;
	margin/*\**/: -90px 20px 15px 20px\9;
}


/* cont²ÄÆ°¼°
-------------------------------------------------------- */
.cont_box{
	background:url(/nol/service/vpack/images/cont_bg.png) top center;
	height:auto;
	position:relative;
}


.cont_bottom {
	background:url(/nol/service/vpack/images/cont_bottom.png) top center no-repeat;
	height:40px;
	padding-top: 0;
}

.nomalpk_bg{background:url(/nol/service/vpack/images/5/nomalpk_bg.jpg);}
.ugpk_bg{background:url(/nol/service/vpack/images/5/ugpk_bg.jpg);}

.howto_box{
	width:690px;
	height:140px;
	margin:0 auto;
	text-align: center;
	font-size:12px;
	padding:210px 30px 0 30px;
	background:url(/nol/service/vpack/images/03/tejun_bg.png) top center no-repeat;
}

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

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

.howto_box .step03{
	width:160px;
	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;}


.tokuten04{
	position:absolute;
	top:250px;
	left:380px;
	width:400px;
	height:338px;
	background-image:url(/nol/service/vpack/images/5/tokuten04_bg.png);
	}

.tokuten05{
	position:absolute;
	top:575px;
	left:480px;
	width:316px;
	height:230px;
	background-image:url(/nol/service/vpack/images/5/gunshin.png);
	}
	
.tokuten08{
	position:absolute;
	top:1500px;
	/top:1500px;/* IE7°Ê²¼ */
	_top:15000px;/* IE6°Ê²¼ */
	top:1500px\9;/* IE7°Ê¹ß */
	left:550px;
	width:200px;
	height:311px;
	background-image:url(/nol/service/vpack/images/5/hideyoshi_nene.png);
	}
html*tokuten08{top:1500px;}/* IE7°Ê¹ß */
/* .tokuten08, x:-moz-any-link{top:1500px;}Firefox */
/*  .tokuten08, x:-moz-any-link, x:default{top:1500px;}Firefox 3.0°Ê¾å */
	
.tokuten18{
	width:797px;
	height:171px;
	background:url(/nol/service/vpack/images/5/ttl18.png) top left no-repeat;
}

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

#garally {
	
	height:420px;
	padding:10px 55px 20px 55px;
}

.g_cont1 {
	margin:0 0 0 30px;
}

.controls {
	margin:20px 10px 10px 0;
}


.controls a {
	padding:8px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#fff;
	width:28px;
	border:#f60 solid 1px;
	text-decoration:none;
}

.controls a:hover {
	background:#333;
	color:#fff;
	border:#fff solid 1px;
}


div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width:678px; 
	height:382px;
	overflow: hidden;
	border:1px solid #333;
}
div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:679px; 
	height:382px;
	overflow:hidden;
	float:left;
}

div.scroller div.content {
	width: 10000px;
}