@charset "utf-8";

/* RESET 
-----------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img { 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
a{
}


/* FontSize
-----------------------*/
body{
min-width:943px;
font-size:75%;
line-height:1.5;
color:#000;
background-color:#000;
}

/* font-size 12px
10px  	84%
11px 	92%
12px 	100%
13px 	109%
14px 	117%
15px 	125%
16px 	134%
17px 	142%
18px 	150%
19px 	159%
20px 	167%
21px 	175%
22px 	184%
23px 	192%
24px 	200%
*/


/* FontColor
-----------------------*/
a{text-decoration:none;}

a.past:hover{
filter: alpha(opacity=70);
-ms-filter: alpha(opacity=70);
opacity: 0.7;
}

input:hover{
filter: alpha(opacity=70);
-ms-filter: alpha(opacity=70);
opacity: 0.7;
}

p{
line-height:1.4;
}
em{

}

div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend{
zoom:1;
}

img{
vertical-align:bottom;
}

.ar{text-align:right;}

/* ruby */
span.ruby {
position: relative;
}

span.rt {
position: absolute;
left: 0px;
top: -1.33em;
font-size: 50%;
text-align: center;
}
html>/**/body span.rt { /*IE8*/
top: -3em\9;
}

span.chara-01 span.rt {/* 漢字1文字の場合 */
left: -2em;
width: 6.1em;
}

span.chara-02 span.rt {/* 漢字2文字の場合 */
left: -2em;
width: 7.7em;
}

span.chara-03 span.rt {/* 漢字3文字の場合 */
left: -2em;
width: 9.3em;
}

span.chara-04 span.rt {/* 漢字4文字の場合 */
left: -2em;
width: 10.9em;
}

span.chara-05 span.rt {/* 漢字5文字の場合 */
left: -2em;
width: 12.5em;
}

span.rp {
display: none;
}

/*-----------------------------------------
01. Structure
-----------------------------------------*/
#str-header{
position:relative;
width:100%;
min-width:943px;
margin-bottom:15px;
}

#header{
	position:relative;
	width:943px;
	height:30px;
	margin:0 auto 0;
}

#wrapper{
position:relative;
width:100%;
min-width:943px;
background:url(../images/bg-wrapper.jpg) 50% 0 #231815 no-repeat;
}

#str-contents{
position:relative;
margin:0 auto;
/*width:1132px;*/
background:url(../images/bg-area-middle.png) 50% 360px repeat-y;
}

#str-top{
margin:0 auto;
background:url(../images/bg-area-top.png) 50% 0 no-repeat;
}

#str-bottom{
margin:0 auto;
padding-bottom:83px;
background:url(../images/bg-area-bottom.png) 50% 100% no-repeat;
}

.contents-01-chara{
    background: url(../images/bg-chara-01_4.png?new5) 48% -86px no-repeat;
}

.contents-02-chara{
background: url(../images/bg-chara-02_4.png?new5) 48% 312px no-repeat;
}

/* スペシャル時　クラス指定なし*/
.contents-03-chara{
	background: url(../images/bg-chara-03_4.png?new5) 50% 948px no-repeat;
} 




#contents-area{
	position:relative;
	margin:0 auto;
	padding-left:20px;
	width:802px;
}
.contents-01{
background:url(../images/bg-cont1-middle.jpg) 0 0 repeat-y;
}
.contents-01-top{
padding:45px 45px 0;
background:url(../images/bg-cont1-top.jpg) 0 0 no-repeat;
}
.contents-01-bottom{
margin:0 0 34px;
width:561px;
padding:17px 120px 14px;
background:url(../images/bg-cont1-bottom.gif) 0 0 no-repeat;
}
.contents-01-bottom p{
line-height:1;
color:#fff;
font-size:150%;
text-align:center;
}

.contents-02{
margin:0 0 20px;
width:802px;
background:url(../images/bg-cont2-middle.gif) 0 0 repeat-y;
}
.contents-02-top{
background:url(../images/bg-cont2-top.gif) 0 0 no-repeat;
}
.contents-02-bottom{
padding:15px 45px 45px;
background:url(../images/bg-cont2-bottom.gif) 0 100% no-repeat;
}



/*-----------------------------------------
02. Head
-----------------------------------------*/
p#logo{position:absolute; top:10px; left:0;}

/*ul#list-sharebtn{
display:inline;
margin:26px 18px 45px;
float:right;
}
ul#list-sharebtn li{
display:inline;
float:left;
}*/

/* ShareBtn */

#list-sharebtn{
position:absolute;
top:10px;
right:0;
}
#list-sharebtn li{
float:left;
}
#list-sharebtn li.google{width:85px;}
#list-sharebtn li.mixi{width:70px;}
#list-sharebtn li.tw{width:105px;}
#list-sharebtn li.fb01{width:68px;}
#list-sharebtn li.fb02{width:110px;}

p#site a.ap{
display:inline-block;
position:absolute;
top:43px;
right:-70px;
background:url(../images/btn-site.png) no-repeat;
width:240px;
height:135px;
text-indent:-9999px;
z-index:300;
}
p#site a.ap:hover{
background:url(../images/btn-site_o.png) no-repeat;
}

/* 通常時 */
h1{
	position:relative;
	background:url(../images/bg-dragon.png?new5) 50% -18px no-repeat;
	height:350px;
	}


/* スペシャル 
h1{
	position:relative;
	background:url(../images/bg-dragon.png?new5) 50% -18px no-repeat;
	height:834px;
	}*/

/* h1 span{
	display:block;
	padding:102px 0 6px;
	text-align:center;
} */

h1 span.bg_title{
	display:block;
	position:absolute;
	top:91px;
	left:36px;
	z-index: 200;
}

h1 span.bg_hero{
    display: block;
    position: absolute;
    top: 8px;
    left: -161px;
}

/*-----------------------------------------
03. Contents 01
-----------------------------------------*/
.contents-01 p.lead{
margin-bottom:15px;
padding:5px 0 0 75px;
background:url(../images/bg-question.png) 0 0 no-repeat;
color:#fff;
font-size:200%;
}

ul.card{
margin-bottom:30px;
text-align:center;
}
ul.card li{
display:inline-block;
*display:inline;
margin:0 55px;
width:207px;
*zoom:1;
font-size:134%;
line-height:1.2;
vertical-align:middle;
}

ul.card li.card-red-01{
padding:36px 29px 18px;
width:150px;
height:254px;
background:url(../images/bg-card-red.jpg) 0 0 no-repeat;
}
ul.card li.card-blue-01{
padding:36px 29px 18px;
width:150px;
height:254px;
background:url(../images/bg-card-blue.jpg) 0 0 no-repeat;
}
ul.card li.card-red-01 img,
ul.card li.card-blue-01 img{
margin-bottom:10px;
}

ul.card li.card-red-02{
padding:139px 29px 18px;
width:150px;
height:151px;
background:url(../images/bg-card-red.jpg) 0 0 no-repeat;
vertical-align:middle;
}

ul.card li.card-blue-02{
padding:139px 29px 18px;
width:150px;
height:151px;
background:url(../images/bg-card-blue.jpg) 0 0 no-repeat;
vertical-align:middle;
}

ul.card li.card-red-03{
#padding:139px 29px 18px;
margin-left:15px;
#width:150px;
#height:151px;
#background:url(../images/bg-card-red.jpg) 0 0 no-repeat;
vertical-align:middle;
}

ul.card li.card-blue-03{
#padding:139px 29px 18px;
#width:150px;
#height:151px;
#background:url(../images/bg-card-blue.jpg) 0 0 no-repeat;
vertical-align:middle;
}

form{position:relative; padding-bottom:10px; z-index:1;}

form p.closed{
position:absolute;
top:-10px;
left:94px;
z-index:100;
margin:0 auto;
padding:15px 10px 10px;
border:1px #a9a9a9 solid;
width:505px;
background-color:#000;
color:#fff;
font-size:134%;
text-align:center;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity:0.85; 
}

ul.btn-list{
text-align:center;
}
ul.btn-list li{
display:inline-block;
*display:inline;
margin:0 20px 25px;
width:301px;
*zoom:1;
}



/*-----------------------------------------
04. Contents 02
-----------------------------------------*/
h2{
position:relative;
margin:0 auto;
width:802px;
}

h2 span{
position:absolute;
top:12px;
right:11px;
width:169px;
height:31px;
}
h2 span a:hover{
position:absolute;
}

.contents-02 p.lead{
margin-bottom:40px;
padding:5px 0 0 75px;
background:url(../images/bg-question.png) 0 0 no-repeat;
font-size:200%;
color:#000;
}

ul.graph-title{
font-size:134%;
font-weight:bold;
letter-spacing:-0.4em;
}
ul.graph-title li{
display:inline-block;
*display:inline;
width:356px;
letter-spacing:normal;
*zoom:1;
}
ul.graph-title li.title-01{
color:#b92600;
}
ul.graph-title li.title-02{
text-align:right;
color:#0045e1;
}

.contents-02 table{
margin-bottom:10px;
width:100%;
}
.contents-02 table td{
padding:15px 18px;
font-size:167%;
color:#fff;
}
.contents-02 table td.bar-01{
background-color:#b92600;
}
.contents-02 table td.bar-02{
background-color:#0045e1;
text-align:right;
}



/*-----------------------------------------
05. Footer
-----------------------------------------*/
ul#foot-menu{
margin-bottom:10px;
text-align:center;
overflow:hidden;
letter-spacing:-0.4em;
}
ul#foot-menu li{
display:inline;
padding: 0 6px;
border-right:2px #d00b03 solid;
line-height:1.3;
letter-spacing:normal;
}
ul#foot-menu li.noborder{
border-right:none;
}
ul#foot-menu li a:link,
ul#foot-menu li a:visited{
	color:#000;
}
ul#foot-menu li a:hover,
ul#foot-menu li a:focus{
	text-decoration:underline;
}

#copyright{text-align:center;}


/*-----------------------------------------
06. past.html
-----------------------------------------*/
#past #str-top{
	padding-top:80px;
}
#past h2{ margin-bottom:20px;}

#past .contents-02-top{
background:url(../images/bg-cont2-top-02.gif) 0 0 no-repeat;
}
#past .contents-02-bottom{
padding:30px 45px 45px;
background:url(../images/bg-cont2-bottom.gif) 0 100% no-repeat;
}