@charset "utf-8";
body {
	font: 90%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #1364d5;
	background-image: url(../img/bg.png);
	background-repeat: repeat-x;
	background-position: top;
	line-height: 150%;
	margin: 0;
	padding: 0;
	color: #000;
        width: 100%;
}

p { 
	padding: 0;
	margin: 0;
}

a img {	border: none; }

a:link { color:#0066cc;	text-decoration: underline; }
a:visited { color: #0066cc; text-decoration: underline; }
a:hover, a:active, a:focus { color: #FF0000; text-decoration: none; }

#container {
	margin: 0 auto; 
	min-width:1045px;
}

#header {
	background-image: url(../img/head-bg.png);
	background-repeat: repeat-x;
	height:96px;
	padding: 0;
	width: 100%;
	min-width:1045px;
}

#head-size {
	height:96px;
	padding: 0;
	width: 1045px;
	margin: 0 auto;
}

#header h1{
	width:260px;
	height:96px;
	background-image:url(../img/head-logo.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
}

#wave {
	background-image: url(../img/wave.png);
	background-repeat: repeat-x;
      position: relative;
	height:16px;
	padding: 0;
	width: 100%;
	top: -16px;
}

#footer {
	padding: 0;
	text-align: center;
	color: white;
}


#footer a:link { color:white;	text-decoration: underline; }
#footer a:visited { color: white; text-decoration: underline; }
#footer a:hover, a:active, a:focus { color: #FF0000; text-decoration: none; }

.contents{
	width: 1045px;
	padding: 0;
	margin: 0 auto;
}

#menu{
	width: 242px;
	margin: 0 20px 0 0;
	float: left;
}

#menu-top{
	width:242px;
	height: 8px;
	background-image: url(../img/menu-box-top.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}

#menu-middle{
	width:242px;
	padding: 20px 0;
	background-image: url(../img/menu-box.png);
	background-repeat: repeat-y;
	margin: 0 auto;
}

#menu-bottom{
	width:242px;
	height: 8px;
	background-image: url(../img/menu-box-bottom.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}



/* global navi */

     #globalnavi{  
/*      margin: 0 auto 20px auto;  */
      margin: 0 auto auto auto;
      padding: 0;  
      width: 198px;  
      position: relative;
    }  
      
    #globalnavi ul{  
	list-style-type: none;  
	margin: 0;  
	padding: 0;
    }  
      
    #globalnavi li{  
      margin: 0;  
      position: relative;
      padding: 0;  
      width: 198px;
    }  
   

/* banner */

     #left-banner{  
      margin: 0 auto;  
      padding: 0;  
      width: 200px;  
      position: relative;
    }  
      
    #left-banner ul{  
	list-style-type: none;  
	margin: 0;  
	padding: 0;
    }  
      
    #left-banner li{  
      margin: 0;  
      position: relative;
      padding: 2px 0;
    }  
      
/* index */


#main-index{
	width:773px;
	padding: 0;
	margin: 0 auto;
}


/* main */

#main{
	width: 773px;
	margin: 0;
	float: left;
}

#main-top{
	width:773px;
	height: 27px;
	background-image: url(../img/main-bg-top.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}

#main-middle{
	width:773px;
	padding: 0;
	background-image: url(../img/main-bg.png);
	background-repeat: repeat-y;
	margin: 0 auto;
}

#main-bottom{
	width:773px;
	height: 27px;
	background-image: url(../img/main-bg-bottom.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}


h2{
	position: relative;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
	z-index: 100;
	display: block;
	height: 75px
}

h2b{
	position: relative;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
	z-index: 100;
	display: block;
	height: 49px
}


#title-character { background: url(../img/title-main.png); width: 674px; }
#title-radio { background: url(../img/title-radio.png); width: 674px; }

#title-line { background: url(../img/title-line.png); width: 674px; }


#character-img01{
	width: 706px;
	height: 230px;
	background: url(../img/minatox_spec.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

#character-img02{
	width: 703px;
	height: 525px;
	background: url(../img/minatox_char.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

#character-img03{
	width: 703px;
	height: 355px;
	background: url(../img/minatox_ouen.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

#yajirusi-img{
	width: 732px;
	height: 48px;
	background: url(../img/yajirusi-img.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}

#blackboard-img{
	width: 680px;
	height: 340px;
	background: url(../img/kokuban.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}

#radio-img{
	width: 706px;
	height: 34px;
	background: url(../img/radio_1.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#radio2-img{
	width: 706px;
	height: 70px;
	background: url(../img/radio_2.png);
	background-repeat: no-repeat;
	margin: 0 auto;

}
#radio3-img{
	width: 706px;
	height: 57px;
	background: url(../img/radio_4.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#radio4-img{
	width: 706px;
	height: 474px;
	background: url(../img/radio_6.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#radio5-img{
	width: 706px;
	height: 63px;
	background: url(../img/radio_b.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#radio6-img{
	width: 706px;
	height: 1072px;
	background: url(../img/radio_c.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}


#movie1-img{
	width: 703px;
	height: 40px;
	background: url(../img/movie1_title.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#movie2-img{
	width: 703px;
	height: 40px;
	background: url(../img/movie2_title.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}



#caution{
	position: relative;
	top: 8px;
	left: 274px;
}

#caution img {
	position: absolute;
}


#voice-icon{
	position: relative;
	top: 250px;
	left: 590px;
}
.clearfix::after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}