*{margin:0;padding:0;border:0;line-height:0}
html,body{width:100%;height:100%}
body{background-color:#fff;font-family:sans-serif;color:#000}
p{font-size:12pt;text-align:left;text-decoration: none;letter-spacing: 0.1em;line-height: 1.5;}
td{font-size:12pt;text-decoration: none;}
a{color:black;font-style:normal; text-decoration:none;}
a:link {color:black; font-style:normal; text-decoration:none;}
a:visited { color:#333333; font-style:normal; text-decoration:none;}
a:hover { color:green; font-style:normal; text-decoration:none;}
a:active { color:black;font-style:normal; text-decoration:none;}
img { vertical-align : middle;max-width:100%}
.link{display:block}
.link img{vertical-align:top}
.container{width:100%;position:relative}
.clear { clear:both; }
#page-height{position:absolute;top:0;left:0;width:1px;z-index:2000}
#wrapper{
width: 1280px;
margin: 0 auto;
position: relative;
overflow: hidden;
line-height: 1em;
font-family: 'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', Meiryo, ƒƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.scene-container{position:relative}
.scene{width:1280px;height:854px;position:relative}
.scene .bg{width:100%;height:100%;position:relative;overflow:hidden}
.scene .bg img{width:100%;height:100%;vertical-align:bottom;z-index:1}
.scene-wrapper{position:relative}
.scene-wrapper .text-box,.scene-wrapper .next,.scene-wrapper .prev{position:absolute;z-index:100}
.scene-wrapper .next,.scene-wrapper .prev,.scene-wrapper .top{cursor:pointer}
div.text-box img.text2{margin-top:30px}
#logo {
width: 180px;
height: 200px;
float: center;
margin-top: 160px;
margin-left: 555px;
position: absolute;
z-index: 2;
left: 1px;
top: -70px;
}
.text1{
top: 330px;
left: 400px;
position: absolute;
width: 490px;
height: 184px;
z-index: 3;
}
.text2{top:585px;left:400px;position:absolute;width:495px;height:50px;z-index:3;}
.upd{
top: 560px;
left: 400px;
position: absolute;
margin: 5px;
width: 495px;
height: 200px;
z-index: 3;
line-height: 1em;
}
.upd table {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#box-1{top:850px;left:400px;position:absolute;border-color:#666666;border-width:1px;border-style:solid;width:495px;height:516px;z-index:3;}
#box-2{top:1400px;left:400px;position:absolute;border-color:#666666;border-width:1px;border-style:solid;width:495px;height:516px;z-index:3;}
/* #box-3{top:2377px;left:400px;position:absolute;border-color:#666666;border-width:1px;border-style:solid;width:495px;height:283px;z-index:3;} */
/* #box-4{top:2660px;left:400px;position:absolute;border-color:#666666;border-width:1px;border-style:solid;width:495px;height:283px;z-index:3;} */
#bp{top:2700px;left:400px;position:absolute;width:495px;height:200px;z-index:3;}
#inf-1{top:2000px;left:400px;position:absolute;width:495px;height:340px;z-index:3;}
#inf-2{top:2400px;left:400px;position:absolute;width:495px;height:300px;z-index:3;}
#inf-3{top:2850px;left:400px;position:absolute;width:495px;height:300px;z-index:3;}
#form{top:3050px;left:400px;position:absolute;width:560px;height:1300px;z-index:2;}
#form2{text-align:center;width:560px;height:1300px;z-index:2;}
#form3{text-align:center;width:560px;height:1700px;z-index:2;}
.info{top:3230px;left:400px;position:absolute;width:495px;height:260px;z-index:3;}
.an-1{top:2990px;left:400px;position:absolute;width:495px;height:10px;border-bottom-style:solid;border-bottom-color:gray;border-bottom-width:thin;z-index:3;}
.an-2{top:3020px;left:400px;position:absolute;width:495px;height:10px;border-bottom-style:solid;border-bottom-color:gray;border-bottom-width:thin;z-index:3;}
.an-3{top:3500px;left:400px;position:absolute;width:495px;height:10px;border-bottom-style:solid;border-bottom-color:gray;border-bottom-width:thin;z-index:3;}
h1 {
font-family: sans-serif,serif,cursive,fantasy,;
font-size:13pt;
text-align:center;
text-decoration: none;
letter-spacing: 0.1em;
line-height: 2.0;
width: 490px;
}
h2 {
font-size:13pt;
text-align:center;
text-decoration: none;
letter-spacing: 0.1em;
line-height: 2.0;
width: 490px;
border-bottom-style: solid;
border-bottom-color: gray;
border-bottom-width: thin;
padding-bottom: 10px;
}
h3 {
font-size:10pt;
text-align:center;
text-decoration: none;
letter-spacing: 0.1em;
line-height: 2.0;
width: 490px;
float: center;
}
.fb{
top: 530px;
left: 589px;
position: absolute;
width: 122px;
height: 22px;
z-index: 3;
}
.catchcopy {
top: 15px;
left: 350px;
color: #B3B3B3;
font-size:12px;
z-index: 3;
position: absolute;
}
.companyname{
top: 280px;
left: 400px;
position: absolute;
width: 490px;
height: 184px;
z-index: 3;
}
.navi {
top: 650px;
left: 400px;
background-color: #e3e3e3;
font-size:12pt;
color:#333333;
text-decoration: none;
position: absolute;
margin: 5px;
width: 480px;
height: 80px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
z-index: 999;
}
.navi li {
padding: 10px 5px;
list-style: none;
float: left;
border-left: solid 3px #ffffff;
margin-bottom: 10px;
}
.fb-like {
top: 550px;
left: 589px;
position: absolute;
width: 122px;
height: 22px;
z-index: 3;
}
.phototape {
width: 690px;
text-align: center;
padding-left: 5%;
padding-right: 5%;
}
.phototape p {
color: #333333;
font-size: 120%;
line-height:170%;
text-align: center;
}
.phototape img {
-moz-border-radius:36px;
-webkit-border-radius:36px;
border-radius:36px;
/*IE‰ºˆÊƒo[ƒWƒ‡ƒ“—p‚É•â³*/
position:relative;
behavior: url(./PIE.htc);
-moz-box-shadow: 2px 2px 3px 3px #CCC;
-webkit-box-shadow: 2px 2px 3px 3px #CCC;
box-shadow: 2px 2px 3px 3px #CCC;
background-color: #EEE;
margin: 10px;
}
.toiawase1 {
width: 670px;
text-align: center;
padding: 1%;
background-color: #ffffff;
-moz-box-shadow: 2px 2px 3px 3px #CCC;
-webkit-box-shadow: 2px 2px 3px 3px #CCC;
box-shadow: 2px 2px 3px 3px #CCC;
background-color: #EEE;
margin: 2px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}
.toiawase2 {
width: 630px;
text-align: center;
padding: 3%;
background-color: #ffffff;
-moz-box-shadow: 2px 2px 3px 3px #CCC;
-webkit-box-shadow: 2px 2px 3px 3px #CCC;
box-shadow: 2px 2px 3px 3px #CCC;
background-color: #EEE;
margin: 10px;
-moz-border-radius:36px;
-webkit-border-radius:36px;
border-radius:36px;
}
.banner1 {
top: 810px;
left: 405px;
position:absolute;
z-index: 3;
}
.banner2 {
top: 975px;
left: 405px;
position:absolute;
z-index: 3;
}