@charset "UTF-8";
/* CSS Document */


/*デフォルトCSSリセット*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div {
 line-height: 0px;
}
/*---------------------*/
a { outline: none; }

/*---------------------*/




html,body{
	padding:0;
	margin:0;
	height:100%;
}

img{
	border:none;
}



body{
	-webkit-text-size-adjust:none;

}


/*---------------------*/

#wrapper{
	position:relative;
    width:900px;
	padding:0;
	margin:0 auto;
}


/*----------上部メニュー-----------*/


#navi{
	position:fixed;
	top:0;
	height:63px;
	width:900px;
	background-color:#000;
	z-index:10;
	box-shadow: 0 5px 6px -6px #000;
	-webkit-box-shadow: 0 5px 6px -6px #000;
	-moz-box-shadow: 0 5px 6px -6px #000;
	border-bottom: 1px solid #333;
}


li {
display: inline;
margin-left: 25px;
}







#main{
	position:relative;
    width:900px;
	padding:0;
	margin:0 auto;
}





/*----------各ブロック-----------*/




#header{
	position:relative;
	width:900px;
	z-index:-9999;
}


.fixed {
	position: fixed;
	top: 20px;
}



.nav {
	position:absolute;
	margin:0 auto;
	top:136px;
	width:900px;
	height:63px;
	z-index:9999;
	box-shadow: 0 5px 6px -6px #000;

}

.fixed {
	position: fixed;
	top: 0px;
}


#shadow {
	box-shadow:rgba(0, 0, 0, 0.13) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.13) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.13) 0px 0px 6px 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffffffff, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=180, strength=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffffffff, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=180, strength=0)";
	zoom: 1;
}





#container01 {
	text-align:center;
    margin:0px auto;
	position:relative;
    width:900px;
}



#container02 {
	text-align:center;
    margin:0px auto;
	position:relative;
    width:900px;
}

#container03{
	text-align:center;
    margin:0px auto;
	position:relative;
    width:900px;
	}

#container04{
	text-align:center;
    margin:0px auto;
	position:relative;
    width:900px;
	}
	
#container05{
	text-align:center;
    margin:0px auto;
	position:relative;
    width:900px;
	}
	


/*----------スクロール用マーク-----------*/


#sc02 {
	margin: 0px auto;
	width: 900px;
	height: 63px;
	position: absolute;
	bottom: -3px;
	left: 1px;
}

#sc03 {
    margin:0px auto;
    width:900px;
	height:63px;
	position:absolute;
	bottom:0
}


#sc04 {
    margin:0px auto;
    width:900px;
	height:63px;
	position:absolute;
	bottom:0
}

#sc05 {
    margin:0px auto;
    width:900px;
	height:63px;
	position:absolute;
	bottom:0
}

#sc06 {
    margin:0px auto;
    width:900px;
	height:63px;
	position:absolute;
	bottom:0
}

/*----------リンク用ボタン-----------*/

#btn01{
	position: absolute;
	width: 48px;
	height: 28px;
	cursor: pointer;
	left: 31px;
	top: 18px;
}


#btn02{
	position: absolute;
	width: 133px;
	height: 27px;
	cursor: pointer;
	left: 97px;
	top: 16px;
}


#btn03{
	position: absolute;
	width: 125px;
	height: 30px;
	cursor: pointer;
	left: 443px;
	top: 17px;
}

#btn04{
	position: absolute;
	width: 58px;
	height: 27px;
	cursor: pointer;
	left: 595px;
	top: 18px;
}

#btn05{
	position: absolute;
	width: 175px;
	height: 27px;
	cursor: pointer;
	left: 247px;
	top: 18px;
}




#btn14{
	position: absolute;
	width: 94px;
	height: 37px;
	cursor: pointer;
	left: 787px;
	top: 13px;
}



#btn11{
	position: absolute;
	width: 210px;
	height: 22px;
	cursor: pointer;
	left: 45px;
	top: 1426px;
}


#btn12{
	position: absolute;
	width: 173px;
	height: 53px;
	cursor: pointer;
	left: 672px;
	top: 1493px;
}


#btn13{
	position: absolute;
	width: 315px;
	height: 58px;
	cursor: pointer;
	left: 53px;
	top: 1850px;
}

#btn14{
	position: absolute;
	width: 94px;
	height: 37px;
	cursor: pointer;
	left: 787px;
	top: 13px;
}

#btn15{
	position: absolute;
	width: 82px;
	height: 52px;
	cursor: pointer;
	left: 678px;
	top: 7px;
}


#btn21{
	position: absolute;
	width: 367px;
	height: 84px;
	cursor: pointer;
	left: 38px;
	top: 631px;
}

#btn22{
	position: absolute;
	width: 328px;
	height: 60px;
	cursor: pointer;
	left: 281px;
	top: 1788px;
	z-index: 9999;
}



#btn311{
	position: absolute;
	width: 280px;
	height: 28px;
	cursor: pointer;
	left: 275px;
	top: 585px;
}


#btn312{
	position: absolute;
	width: 189px;
	height: 46px;
	cursor: pointer;
	left: 192px;
	top: 764px;
}


#btn313{
	position: absolute;
	width: 158px;
	height: 44px;
	cursor: pointer;
	left: 131px;
	top: 915px;
}

#btn314{
	position: absolute;
	width: 161px;
	height: 41px;
	cursor: pointer;
	left: 614px;
	top: 766px;
}

#btn315{
	position: absolute;
	width: 237px;
	height: 49px;
	cursor: pointer;
	left: 472px;
	top: 918px;
}


#btn321{
	position: absolute;
	width: 278px;
	height: 27px;
	cursor: pointer;
	left: 211px;
	top: 1008px;
}

#btn322{
	position: absolute;
	width: 178px;
	height: 41px;
	cursor: pointer;
	left: 568px;
	top: 1161px;
}



#btn331{
	position: absolute;
	width: 305px;
	height: 32px;
	cursor: pointer;
	left: 209px;
	top: 1275px;
}

#btn332{
	position: absolute;
	width: 259px;
	height: 41px;
	cursor: pointer;
	left: 565px;
	top: 1421px;
}



#btn34{
	position: absolute;
	width: 424px;
	height: 97px;
	cursor: pointer;
	left: 235px;
	top: 1674px;
}






/*---------------------*/

#btn{
	position:relative;
	width:408px;
	height:104px;
	margin:80px auto 80px auto;
	cursor:pointer;
}

#btn a {
	display: block;
	width: 408px;
	height: 104px;
	background: url(../images/btn4.jpg) no-repeat 0 0;
}

#btn a:hover {
	background-position: 0 bottom;
}






#poster{
	position:absolute;
	top:899px;
	left:178px;
	width:585px;
	height:31px;
	display:block;
}


/*height 2行30px 3行50px*/
.text04 {
	position:absolute;
	width:890px;
	height:30px;
	vertical-align:10pt;
	bottom:10px;
	font-size:14px;
	color:#F00;
	text-align:end;
	line-height:1.3em;
		
	}

	


#spacer{
	height:63px;
}

/*@media screen and (max-device-width: 480px) {

#ft{
	height:600px;
	display:block;

}
*/


/*リンク文字の設定*/

a{
	

	color:#99006C;
}

a:hover{
	text-decoration:none;
	color:#CC6699;
}


/*共通設定*/

body{
	color:#666;
	font-size:small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* page-top */
#page-top {
        font-size: 77%;
		width: 230px;
		text-align: center;
		margin:0;
		padding:0;
}

#page-top a {
        text-decoration: none;
        color: #fff;
        padding:0;
		margin:0 auto;
		display:inline;
}

#page-top a:hover {
        text-decoration: none;
}



#left_ft{
	position:absolute;
	bottom:10px;
	left:-230px;
	width:230px;
	color:#FFF;
	text-align:center;
}

#left_ft span{
	font-family: 'Cabin', sans-serif;
	font-size:16px;
}