@charset "UTF-8";
/*リセット*/
html,body,div,span,applet,object,iframe,strong,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,table,label,tr,th,td
{margin:0;padding:0;border:0;outline:0;font:inherit;font-size:100%;vertical-align:baseline;}
ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}
/*基本*/
body{font-family:Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
color:#FFF; font-size:0.65em; line-height:1.9; min-width:900px; background-color:#000;}
.slide, #first, #second, #third{width:100%;}
div.wrap{min-width:900px; margin:0 auto; overflow:visible; display:block; position:relative; z-index:100;}
.con{width:900px; margin:0 auto;}
.float-left{float:left;}
.float-right{float:right;}

#first{background:url(img/first.jpg) 50% -75px repeat fixed;
height:800px; margin:0 auto; padding:0; overflow:hidden; display:block;}
#first .post{margin:200px auto 0;}
#first .float-left{margin:60px 0 0;}
#first .copy{margin:50px 0 0;}

#second{background:url(img/second.jpg) center  bottom no-repeat fixed;
height:800px; margin:0 auto; padding:0; overflow:hidden;}
#second .bg2r{background:url(img/kira1.png) 50% 0 no-repeat fixed;
width:2000px; height:800px; margin:0; padding:0; position:absolute; z-index:100;}
#second .bg2l{background:url(img/kira2.png) 50% 0 no-repeat fixed;
width:2000px; height:800px; margin:0; padding:0; position:absolute; z-index:100;}
#second .post{background:url(img/bg.png) 0 0 repeat fixed; display:block; overflow:hidden;
width:860px; padding:20px; margin:50px 0 0; position:absolute; z-index:200;}
#second .float-left{width:300px; margin-right:20px;}
#second .float-right{width:540px;}

#third{background:url(img/third.jpg) bottom center no-repeat fixed;
height:800px; margin:0 auto; padding:0; overflow:hidden;}
#third .bg3r{background:url(img/awa.png) 50% 0 no-repeat fixed;
width:2000px; height:800px; margin:0; padding:0; position:absolute; z-index:100;}
#third .bg3l{background:url(img/awa.png) 50% 0 no-repeat fixed;
width:2000px; height:800px; margin:0; padding:0; position:absolute; z-index:100;}
#third .post{background:url(img/bg.png) 0 0 repeat fixed; display:block; overflow:hidden;
width:300px; padding:20px; margin:200px auto 0; position:absolute; z-index:200;}

/*右ナビ*/
#nav{position:fixed; right:20px; z-index:1000;}
#nav li{margin:0 0 15px 0;}
#nav li a{display:block; width:10px; height:10px; border-radius:10px; background-color:#FFF; border:solid 2px #FFF;}
#nav li a.current{background-color:#333;}

/*OTHER*/
strong{font-weight:bold;}
span.attention{color:#ff0000;}
.fonts{font-size:11px;}

a:link{text-decoration:none; color:#048cae;}
a:visited{text-decoration:none; color:#048cae;}
a:hover{text-decoration:underline; color:#db7093;}
a:active{text-decoration:none; color:#048cae;}

a img{text-decoration:none; border:none;}
a img:hover{text-decoration:none; border:none;}