@charset "UTF-8";

/*
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/

html,body {
font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


body {
background-color:black;
}


a {
text-decoration: none;
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    /*background:transparent;*/
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
 }

a:link { color: #ffffff; }

a:visited { color: #ffffff; }

p {
 line-height: 170%;
    }

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #fff;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}




h1,h2,h3,h4,h5,h6{
font-weight: normal;
margin: 0;
}

ol,ul{
	list-style: none;
}

/* clear */
.clear{
	zoom: 100%;
}

.clear:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.t-ind{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/****************フォント****************/
.fs09{font-size: 9px;}

.fs1{font-size: 11px;}

.fs2{font-size: 12px;}

.fs3{font-size: 13px;}

.fs4{font-size: 14px;}

.fs5{font-size: 15px;}

.fs7{font-size: 17px;}

.fs22{font-size: 22px;}

.fs24{font-size: 24px;}

.mt90{margin-top: 90px;}

.mt50{margin-top: 50px;}

.mt40{margin-top: 40px;}

.mt35{margin-top: 35px;}

.mt30{margin-top: 30px;}

.mt25{margin-top: 25px;}

.mt20{margin-top: 20px;}

.mt15{margin-top: 15px;}

.mt10{margin-top: 10px;}

.mt0{margin-top: 0px;}

.mb50{margin-bottom: 50px;}

.ml10{margin-left: 10px;}

.ml20{margin-left: 20px;}

.ml30{margin-left: 30px;}

.ml35{margin-left: 35px;}

.ml40{margin-left: 40px;}

.bo{font-style:bold;}

.w{color:white;}

.gr{color:#858488;}

.cen{text-align:center;}

/****************ヘッダ****************/

#wrapper{
min-width: 960px;
overflow: hidden;
position: relative;
height: 100%;
}


#head{
width: 100%;
height:62px;
top:0;
left:0;
margin:0px;
}


#logo{
display:block;
padding-left:84px;
padding-right:84px;
padding-top:10px;
margin: 0 auto;
}


#top_wrapp{
position: relative;
width: 960px;
height: auto;
top: 0px;
margin: 0 auto;
}


#top{
position: relative;
background-image:url('../images/top.jpg');
min-width:960px;
height: 970px;
margin-left:-67px;
padding-right:71px;
}



#top-box{
width:200px;
height:157px;
margin-left:92px;
margin-right:963px;
padding-top:750px;
float:left;
}


#movie{
margin-top:-192px;
margin-left:617px;
float:left;
}


#media{
position:absolute;
top:100px;
left:100px;
float:left;
}



.lh{
line-height:155%;
}


#sn1{
background-image:url('../images/sn1.jpg');
width:960px;
height:566px;
margin: 0 auto;
}



#sn1-box{
margin-left:415px;
padding-top:226px;
width:505px;
height:305px;
}



#sn2{
background-image:url('../images/sn2.jpg');
width:960px;
height:1650px;
margin: 20px auto 0 auto;
}



#sn3{
background-image:url('../images/sn3.jpg');
width:960px;
height:475px;
margin: 0 auto;
}



#sn3-box{
margin-left:595px;
padding-top:56px;
width:350px;
height:525px;
}


#sn4{
background-image:url('../images/sn4.jpg');
width:960px;
height:578px;
margin: 0 auto;
}


#sn4-box1{
margin-left:680px;
padding-top:153px;
width:217px;
height:160px;
}


#sn4-box2{
margin-left:40px;
padding-top:104px;
width:217px;
height:160px;
}



#red1{
background-color:#C6000E;
width:100%;
height:72px;
margin-top:10px;
}


#red_t{
display:block;
padding-top:10px;
margin: 0 auto;
}



#red2{
background-color:#C6000E;
width:100%;
height:14px;
margin-top:40px;
}



#sn5_wrapp{
position: relative;
background-color: #222;
width: 960px;
height: auto;
top: 0px;
margin: 4px auto 0 auto;
}



#sn5{
position: relative;
background-image:url('../images/sn5.jpg');
min-width:960px;
height:1900px;
margin-left:-121px;
}


#sn5-box1{
margin-left:510px;
padding-top:390px;
width:550px;
height:160px;
}


#sn5-box2{
margin-left:135px;
padding-top:333px;
width:550px;
height:160px;
}


#sn5-box3{
margin-left:505px;
padding-top:345px;
width:550px;
height:160px;
}


#sn5-box4{
margin-left:138px;
padding-top:318px;
width:550px;
height:160px;
}


ul.bnr li{
display: inline;
margin-top:30px;
}



ul.bnr {
min-width:960px;
margin-top:30px;
text-align:center;
}



#sn6{
background-image:url('../images/sn6.jpg');
width:960px;
height:365px;
margin: 30px auto 0 auto;
}

#sn6-box{
margin-left:480px;
padding-top:3px;
width:450px;
height:460px;
}

.cr{
color:#fff;
font-size:13px;
text-align:center;
}

.sps{
margin-left:15px;	
}


.topbtn {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 9000;
display: none;
}