body {
    background-color:#FFFFFF;
}

body {
    min-width: 980px;
}
.content_width {
    width: 980px;
    margin: 0 auto;
}

body {
    animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/* top header  -----------------------------------------------*/
#bg_top_header_00{
    background-image: url("img/bg_content_00.png");
    background-repeat: repeat;
    background-position: center top;
}
#bg_top_header_10{
    background-image: url('img/bg_top_header_10.jpg');
    background-repeat:no-repeat;
    background-position: center top;
}
#top_header{
    height:600px;
	background-image: url('img/bg_top_header_base.jpg');
    background-repeat:no-repeat;
    background-position: left top;
}



/* header -----------------------------------------------*/
#bg_header_00{
    background-image: url('img/bg_header_00.png');
    background-repeat:repeat;
    background-position: center top;
}
#bg_header_10{
    background-image: url('img/bg_header_10.png');
    background-repeat:no-repeat;
    background-position: center top;
}
#header{
    height:100px;
}

/* menu -----------------------------------------------*/
#bg_menu_00{
/*    background-image:none;
	background-color:#FFCC33;*/
    background-image: url('img/bg_menu_00.png');
    background-repeat: repeat-x;
    background-position: center top;
}
#bg_menu_10{
    background-image:none;
/*	background-color:#FFCC33;*/
    background-repeat:no-repeat;
    background-position: center top;
}
#menu{            
    /* [height]+[padding-top] = bg_menuの[background-image]の高さに設定する*/
    height:150px;
    padding-top:1px;
}
#menu table{
    /* メニューの画像の高さがbg_menuの[background-image]の高さ より小さい場合 margin-top をいじる*/
    margin: 4px auto 0px;
    border-collapse: separate;
    border-spacing: 11px 0px;

}
#menu a{
    display:inline-block;
}

/* footer -----------------------------------------------*/
#bg_footer_00 {
    background-image: url('img/bg_footer_00.jpg');
	background-repeat: repeat-x;
    background-position: center top;
}

#bg_footer_10 {
	background-image: url('img/bg_footer_10.png');
/*    background-color:#FFCC33;*/
    background-repeat: no-repeat;
    background-position: center top;
}
#footer{
    height: 100px;
}


/* content default -----------------------------------------------*/
#bg_content_00{
    background-image: url("img/bg_content_00.png");
    background-attachment: fixed;
    background-position: center top;

    overflow:hidden;
}
        
#bg_content_fix{
    background-image: url('img/bg_content_fix.png');
    background-repeat: repeat-y;
    background-position: center top;
    padding-top:1px;
    height:879px;
}

#bg_content_fix #content{

}

#bg_content_loop {
    background-image: url('img/bg_content_loop.png');
    background-repeat: repeat-y;
    background-position: center top;
    position: relative;
    padding-top:1px;
}

#bg_content_loop_top{
	
}

#bg_content_loop_bottom{
    background-image:none;
    height: 0px;


}



#bg_content_loop #content{
	position: relative;
	min-height:800px;
    padding-bottom:1px;
}

/* h1 h2 h3 -----------------------------------------------*/
h1 {
	margin:25px 0 10px;
	text-align:center;
}





/*キャラクター紹介ページ用共通・始まり -----------------------------------------------*/

#char_menu{
    margin:0 auto;
	border-collapse: separate;
	border-spacing: 12px 0px;
}
#character{
	margin: 0 auto;
    padding-top: 10px;
    text-align: center;
	width:950px;
    background-position: center 10px;
}

#voice_menu{
    text-align: left;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
    background-image: url(img/voiceback.png);
    padding-left: 227px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    height: 99px;
    padding-top: 24px;
    background-position: 50% 0%;
}

#voice_menu a{
	padding-right: 6px;
	display: inline-block;
	background-repeat: no-repeat;
}


/*キャラクター紹介ページ用共通・終わり -----------------------------------------------*/

/*イメージ拡大・始まり -----------------------------------------------*/
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	/*width: 600px;	    /*画像の幅*/
	/*height: 200px;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.2s;	/*変化に掛かる時間*/
	
}
.imgWrap img:hover {
	transform: scale(1.07);	/*画像の拡大率*/
	transition-duration: 0.1s;	/*変化に掛かる時間*/
	
backface-visibility:hidden;
-webkit-backface-visibility: hidden;
		
}

/*イメージ拡大・終わり-----------------------------------------------*/


/*シャドウ-----------------------------------------------*/
.shadow {
filter: drop-shadow(2px 5px 2px rgba(65,64,70,0.50));
}
/*シャドウ-----------------------------------------------*/

/*移動＋フェードイン-----------------------------------------------*/
.list-mv07{
	opacity: 0;
	transform: translate(0,15px); 
	-webkit-transform: translate(0,15px); 
	transition: 0.3s;
	animation-iteration-count:1
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	animation-iteration-count:1
}

/*画像移動-----------------------------------------------*/
  
.photomv img{
  	transition: 0.3s;
}
 
.photomv img:hover{
		-webkit-transform: translate(0px,-5px);
		-moz-transform: translate(0px,-5px);
		-ms-transform: translate(0px,-5px);
		-o-transform: translate(0px,-5px);
		transform: translate(0px,-5px);
}

/*半透明-----------------------------------------------*/
.alpha a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}