@charset "shift-jis";

/* ===================================================================

	CSS information

	file name  :  style.css

	style info :  /3ds//hardware/pack/amhj/

=================================================================== */

/*--- reset */

body {font:13px/1.4 "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,arial,clean,sans-serif;*font-size:small;*font:x-small;color: #4b4b4b;}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,

form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

html {overflow-y: scroll;}

table{border-collapse:collapse;border-spacing:0;}

caption,th {text-align: left;}

q:before,q:after {

	content: '';

}

img,abbr,acronym,fieldset {

	border: 0;

	vertical-align:bottom;

}

ul,li {list-style-type: none;}

a {outline: none;}

/*to enable resizing for IE*/

input,textarea,select{*font-size:100%;}

/*because legend doesn't inherit in IE */

input {*padding-top: 3px;}



/*ClearFix-*/

.clearfix:after {

	content:"";

	display:block;

	height:0;

	clear:both;

	visibility: hidden;

}

.clearfix {

	display:inline-block;

}

/* Hides from IE-mac \*/

	* html .clearfix {height: 1%;}

	.clearfix {display: block;}

/* End hide from IE-mac */









body {

	background: none;

	background-color: #000000;

}

#wrapper {

	width: 900px;

	margin: 0 auto;

	background: url(../img/bg_main.jpg) top left no-repeat;

	border: none;

}



#section1 {

	position: relative;

	width: 900px;

	height: 158px;

	margin: 0 auto;

}

#section1 .logo1 {

	position: absolute;

	top: 0;

	left: 0;

}

#section1 .logo2 {

	position: absolute;

	top: 33px;

	left: 630px;

}



#section2 {

	position: relative;

	width: 900px;

	height: 629px;

	margin: 0 auto;

}

#section2 h1 {

	position: absolute;

	top: 0;

	left: 220px;

}

#section2 .img1 {

	position: absolute;

	top: 45px;

	left: 140px;

}

#section2 .text1 {

	position: absolute;

	top: 427px;

	left: 230px;

}

#section2 .text2 {

	position: absolute;

	top: 509px;

	left: 153px;

}

#section2 .text3 {

	position: absolute;

	top: 227px;

	left: 663px;

}

#section2 .atn {

	position: absolute;

	top: 581px;

	left: 315px;

}



#section3 {

	position: relative;

	width: 900px;

	height: 652px;

	margin: 0 auto;

	background-color: #000000; 

}

#section3 .pack dt {

	position: absolute;

	top: 46px;

	left: 62px;

}

#section3 .pack .text {

	position: absolute;

	top: 222px;

	left: 74px;

}

#section3 .pack .btn {

	position: absolute;

	top: 316px;

	left: 74px;

}

#section3 .box {

	width: 900px;

	height: 652px;

	background: url(../img/bg_panel.jpg) 294px 55px no-repeat;

}

#section3 .box h2 {
	position: absolute;
	top: 30px;
	left: 331px;

}

#section3 .box .img1 {

	position: absolute;

	top: 129px;

	left: 331px;

}

#section3 .box .text1 {

	position: absolute;

	top: 177px;

	left: 581px;

}

#section3 .box .img2 {

	position: absolute;

	top: 292px;

	left: 331px;

}

#section3 .box .text2 {

	position: absolute;

	top: 291px;

	left: 581px;

}

#section3 .box .text2note {
	position: absolute;
	top: 401px;
	left: 347px;

}

#section3 .box .text2btn {
	position: absolute;
	top: 435px;
	left: 347px;

}

#section3 .box .text3 {
	position: absolute;
	top: 489px;
	left: 342px;

}

#section3 .btn {
	position: absolute;
	top: 595px;
	left: 336px;

}