html {height:100%;}

body {
	background-color: #EBEBEB;
	font-size:13px;
	font-family: sans-serif;
	line-height: 150%;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	color: #333333;}

a img{border:0px;
 padding: 0px;
 margin: 0px;
}


a:link { 
   text-decoration : none ;
   color:#1469c3;
}
a:visited { 
   text-decoration : none ;
   color:#1469c3;
}
a:active { 
   text-decoration : none ;
   color:#1469c3;
}

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



/*------------------ ヘッダー関連 -------------------*/

#header_bg{
width: 100%;
height:85px ;
background-image:url("img/header_bg.png") ;
background-repeat: repeat-x;
}

#header{
width: 850px;
height: 85px;
margin: auto;
}

#header_title{
margin: 0px;
padding: 0px;
width: 145px;
height: 85px;
float:left;}

#header_navi{
width: 705px;
height: 85px;
margin: auto;
margin: 0px;
padding: 0px;
float:left;}

#header_navi ul{
width: 705px;
height: 85px;
margin: auto;
list-style-type: none;
margin: 0px;
padding: 0px;
float:left;}


#header_navi ul{
width: 608px;
height: 85px;
margin: auto;
list-style-type: none;
margin: 0px;
padding: 0px;
float:right;
}

#header_navi ul li{
height: 19px;
font-size: 19px;
font-weight: bold;
padding: 0px;
margin-top: 33px;
margin-left: 39px;
margin-bottom: 32px;
list-style-type: none;
float:left;
text-align: center;
}

#header_navi ul li a{
   color:#fff;
}

#header_navi ul li a:hover { 
   color:#fff;
   text-shadow:0 0 3px #33CCFF;
}


/*----------------- 中身全般関連 --------------------*/

#contents a img:hover {
  opacity: 0.5;
}

#contents a img {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

#contents{
width: 900px;
height: 100%;
background-color: #FFF;
margin: auto;
padding: 20px 0px 0px 0px;
}


#contents_header
{
width: 835px;
height: 55px;
margin: auto;
border-left: 15px #154A97 solid;
border-bottom: 1px #154A97 solid;
}

#contents_header .en
{
font-size: 30px;
height: 35px;
margin: 0px;
padding: 20px 10px 0px 10px;
float:left;}


#contents_header .ja
{
font-size: 17px;
height: 32px;
margin: 0px;
padding: 23px 0px 0px 0px;
float:left;}
}


/*----------------- フッター関連 --------------------*/

#footer{
margin: auto;
background-color:#fff ;
width: 900px;
height:25px ;
font-size: 10px;
padding-top: 5px;
text-align: center;
color: #999;
border-top: 1px solid;
border-color: #ccc;
}

/*----------------- トップ関連 --------------------*/

#top_contents{
width: 900px;
background-color: #FFF;
margin: auto;
padding: 20px 0px 20px 0px;
}


#top_contents a img:hover {
  opacity: 0.7;
}

#top_contents a img {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}


#top_img{
width: 850px;
height: 650px;
background-image: url(img/top.png);
margin-left: 25px;
margin-right: 25px;
}

#top_img img{
margin: 0px;
padding-top: 425px;
padding-left:200px ;
padding-right:200px;
}

.info{
width: 400px;
height: 205px;
margin-left: 25px;
margin-top: 20px;
margin-right: 25px;
float: left;
}

.info .info_header{
width: 374px;
height: 25px;
margin: 0px ;

font-weight: bold;
padding-top:10px;
padding-left: 10px;
font-size: 15px;
border-left: 15px #154A97 solid;
border-bottom: 1px #154A97 solid;
}

.info ul{
padding: 10px 10px 18px 10px;
margin: 0px;
width: 380px;
height: 140px;
border-bottom: 1px #CCCCCC solid;
}

.info ul li{
padding: 3px 19px 0px 10px;
margin: 0px 15px 0px 5px;;
width: 340px;
height: 18px;
background-color: #fff;
list-style-type: none;
border-bottom:1px dashed #999999;
}

.clear {
clear: both;
}

.caution{
font-size: 10px;
color: #CC0000;
padding: 0px;
margin: 0px 15px 0px 15px;
}


#top_footer{
width: 850px;
height: 65px;
margin: 0px 25px 0px 25px;
}

#top_footer_left{
line-height: 145%;
width: 355px;
height: 25px;
float: left;
font-size: 10px;
margin-top: 15px;
margin-bottom: 15px;
}

#top_footer_right{
width: 400px;
height: 40px;
float: right;
text-align: right;
margin-top: 10px;
}



#logo{
background-image: url(img/usalogo.png);
margin-top: 10px;
margin-right: 5px;
width: 40px;
float: left;
height: 40px;
}

.log img
{
background-color: #0099FF;
height: 105px;
width: 850px;
margin-top: 20px;
margin-left: 25px;
margin-right: 25px;
}

/*----------------- キャラ関連 --------------------*/

#chara_contents{
background-color: #FFF;
width: 900px;
height: 5550px;
margin: auto;
}

#chara_wrap2{
width: 850px;
padding: 20px 25px 20px 25px;
height: 4200px;
}

#chara_navi{
margin-top: 20px;
margin-right: 0px;
width: 195px;
float: left;
height: 3844px;
}

#chara_navi ul{
list-style-type: none;
width: 195px;
padding: 0px;
margin-top:0px;
}

#chara_navi ul li a{
background-color: #fff;
list-style-type: none;
width: 165px;
height: 24px;
color:#333 ;
font-size: 14px;
border-bottom: 1px #999 dashed;

padding-top: 6px;
padding-left: 15px;
margin-bottom:7px ;
display: block;
 
  opacity: 1;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;

}


#chara_navi ul li a:hover {
  opacity: 1;
background-color: #fff;
color:#333 ;
border-left: 15px #999 solid;
}



#chara_wrap{

width: 655px;
float: right;
}

.chara_contents{
width: 615px;
height: 400px;
margin-left: 20px;
margin-right: 20px;
margin-top: 19px;
}

.chara_img{
display: block;
width: 270px;
height: 400px;
margin-left: 20px;
padding: 0px;
float: left;
}

.chara_img a img{
width: 270px;
height: 400px;

  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.chara_img a:hover img {
width: 270px;
height: 400px;
  opacity: 0.8;
}

.chara_name{
width: 220px;
height: 40px;
margin-left: 30px;
margin-right: 50px;
margin-top: 95px;
float: left;

padding-left: 10px;
padding-top: 10px;
font-size: 25px;
border-left: 15px #999999 solid;

}

.chara_name h5{
width: 220px;
margin: 0px;
padding: 0px;
padding-top: 1px;
font-size: 10px;
font-weight:normal ;
float: left;
}


.chara_description{
width: 220px;
height: 155px;
margin-left: 55px;
margin-right: 50px;
margin-bottom: 18.5px;
margin-top: 10px;
float: left;
}

.chara_hr{
background-color: #CCCCCC;
width: 615px;
height: 1px;
margin-left: 20px;
margin-top: 19px;
}


#page-top {
    position: fixed;
    bottom: 0px;
    right: 25px;
font-size: 150%;
}

#page-top a {
    background: #999;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 20px 0;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
    background: #ccc;
}

/*----------------- ストーリー関連 --------------------*/

#story_wrap{
width: 850px;
margin:0px 25px 0px 25px;
height: 100%;
}

#story_img{
width: 850px;
height: 650px;
background-image: url(img/story_img.png);
margin-top: 20px;
}

#story_img .story_description{
color: #fff;
text-shadow:0 0 8px #000;
width: 600px;
height: 400px;
text-align: center;
line-height: 175%;
padding-bottom: 125px;
padding-top: 125px;

font-size: 19px;
margin: auto;
}


/*----------------- ギャラリー関連 --------------------*/

#gallery_contents{
background-color: #FFF;
width: 900px;
height: 2400px;
margin: auto;
}

#gallery_wrap{
width: 900px;
padding: 20px 0px 0px 0px;
}


#gallery_contents ul{
margin-top:20px ;
width: 640px;
padding-left: 130px;
padding-right: 130px;
}

#gallery_contents ul li{
width: 640px;
height: 480px;
padding-top: 50px;
padding-bottom: 50px;
list-style-type: none;
}

#gallery_contents ul li img{
border: 1px #999999 solid; }


/*----------------- スペシャル関連 --------------------*/


.wall_img{
width: 328px;
height: 205px;
margin-left: 25px;
margin-top: 60px;
padding-left:49px ;
padding-right:48px ;
float: left;
}

.special_info{
width: 376px;
height: 205px;
padding-right:49px ;
margin-top: 60px;
margin-right: 25px;
float: left;
}

.special_info .special_info_header{
width: 360px;
height: 25px;
margin: 0px ;

font-weight: bold;
padding-top:10px;
padding-left: 10px;
font-size: 15px;
border-left: 15px #154A97 solid;
border-bottom: 1px #154A97 solid;
}

.special_info ul{
padding: 10px 10px 18px 10px;
margin: 0px;
width: 380px;
height: 140px;
}

.special_info ul li{
padding: 3px 19px 0px 10px;
margin: 0px 15px 0px 5px;;
width: 340px;
height: 18px;
background-color: #fff;
list-style-type: none;
border-bottom:1px dashed #999999;
}