/* --------------------------------------------------------------------------------------
  
--------------------------------------------------------------------------------------- */
*{
 margin:0;
 padding:0;
 font-style:normal;
 line-height:1.2;
}
 
body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0px;
	padding: 0px;
	font-family:"メイリオ",Verdana,Arial,"Osaka","MS P Gothic",sans-serif;
}
 
body {
 text-align:left;
 color:#666666
}
 
img,table { border: none;}
 
th, td, textarea { font-size: 100%; }
 
ol,ul {	list-style: none;}
 
address,em,cite { font-style: normal;}
 
a {
 overflow: hidden;
 text-decoration:none;
 color:#666666
}
 
img { border:0;	vertical-align:bottom;	}


body, td, th {
	color: #330033;
}




/* body     -------------------------------------------------------------------- */

body{
	font-family:"メイリオ",Verdana,Arial,"Osaka","MS P Gothic",sans-serif;
	background:#FFFFFF;
	width:100%;
	margin: 0 auto;
    padding: 0 auto;
	line-height:18px;
	}
	


/* header     -------------------------------------------------------------------- */	

#header{
     background-image:url(../img/header3.jpg);	 
	 background-repeat:no-repeat;	 
     width:1000px;	 
	 height:150px;     
	 margin: 0 auto;     
	 padding: 0 auto;	 
	 }
	 		 
#head_link{     
     width:280px;	 
	 height:47px;	 
	 margin-left:600px;     
	 padding: 0;	 
	 }
	 
#head_link img{
	display:inline;    
     height:47px;	 
	 margin: 0 auto;     
	 padding: 0 auto;	 
	 float:left;
	 }
	 
	 
/* menu -------------------------------------------------------------------- */	 
	 
#head_menu{
     background-image:url(../img/head_back.gif);	 
	 background-repeat:repeat-x;	 
	 width:100%;	 
	 height:40px;	 
     margin: 0 auto;     
	 padding: 0 auto;
	 float:left;
	 }
	 	 
#menu{
     width:900px;	 
     height:40px;	 
	 margin: 0 auto;
	 padding: 0 auto;	 
	 }	
	 
#menu img{
     width:150px;	 
     margin: 0 auto;     
	 padding: 0 auto;	 
	 float:left;	 
	 } 
	
	
/* frame -------------------------------------------------------------------- */
 
#frame_1{     
	 background-image:url(../img/back.gif);	 
	 background-repeat:repeat-xy;	 
	 width:100%;	 
	 margin: 0 auto;     
	 padding: 0 auto;	 
	 }	 	 
	 
#frame_2{     
	 width:900px;     
	 margin: 0 auto;     
	 padding: 0 auto;	 
	 }
	 
#frame_2:after {
	
clear:both;

content:"";

display:block;

overflow:hidden;

}


#movie{
	width:480px;
	height:440px;
	position:relative;
	left:62px;
	margin: 0 auto;     
	padding: 0 auto;
	float:left
	}


/* left frame -------------------------------------------------------------------- */		 

#frame_3{     
	 width:680px;          
	 margin-bottom: 20px;	
	 padding: 0 auto;
	 float:left;
	 z-index:0;}
	 
	 
	 
*html body div#frame_3{     
	 width:680px;     
	 margin: 0 auto;     
	 padding: 0 auto; 
	 float:left;
	 }
	 	 
*+html body div#frame_3{     
	 width:680px;
     margin: 0 auto;     
	 padding: 0 auto;
	 float:left;
	 }	 
	 
.title{     
	 width:680px;     
	 margin-top:10px;	
	 padding: 0 auto;
	 float:left;  
	 z-index:1;}
	 
.title a{
	display:block;
	  }	 
	 
.text{     
	 width:610px;	 
	 margin-left:40px;	 
	 _margin-left:20px;	 
	 margin-bottom:25px;     
	 padding: 0 auto;
	 line-height:18px;		 
	 clear:both;	 
	 }	
	  
.text2{     
	 width:610px;     
	 margin-left:40px;	 
	 margin-bottom:20px;    
	 padding: 0 auto;
	 line-height:18px;	 
	 }
	 
	  
.box{     
	 width:680px;	 
	 float:left;    
	 margin-top:15px;	 
	 padding: 0 auto;
	 line-height:18px;	 
	 z-index:2;}
	 
	 
img.image_photo{	
	margin:5px 10px 5px 20px;
	padding: 0 auto;
	float:left;	
	}
 

	 
.cal{     
	 width:660px;    
	 margin-top:20px;	 
	 margin-left:10px;	 
	 _margin-left:5px;	
	 padding: 0 auto;
	 line-height:18px;
	 float:left;
	 }	 	
	 
.cal img{     
	 width:660px;     
	 margin-top:20px;	 
	 margin-left:10px;	 
	 _margin-left:5px;	
	 padding: 0 auto;
	 line-height:18px;
	 float:left; 
	 }	 
	 
.cal a{     
	 display:inline;	 
	 font-size:14px;	 
	 margin-left:20px;	 
	 _margin-left:10px;	
	 padding: 0 auto;
	 }
	 
 
	 
/* timetable -------------------------------------------------------------------- */		 
	 
 
.time{     
	 width:680px; 	     
	 margin-top:20px;	 
	 line-height:17px; 	 
	 float:left;
	 }
	 
.timetable{     
	 width:660px; 	   
	 margin-left:10px;
	 float:left; 
	 }	

table.time{
	 width:660px;	     
	 border: solid 1px #CCCCCC;	 
	 border-collapse: collapse;	
	 float:left;
	 }
	 	
table.time tr{     
	 width:660px;     
	 } 
	 
table.time td{     
	 text-align:left;	 
	 border: solid 1px #CCCCCC;	 
	 }
	 
tr.high{     
	 height:80px;	 
	 }
	 	
tr.week{     
	 height:25px;	 
	 font-weight:bold;	 
	 } 
	   
td.timeline{     
	 height:55px;	 
	}
	
	
/* sidebar -------------------------------------------------------------------- */		 
 
	 	 
#side{     
	 width:200px;	 
	 height:500px; 	     
	 margin-top:70px;	 
	 margin-bottom:20px;
	 padding: 0 auto;
	 float:left;	 
	 }	
 
	 	 
#side img{     
	 width:200px;	 	 
	 display:block;  
	 float:left;
	 }		 
	 
.obog{     
	 width:200px;	 	 
	 display:block;  
	 float:left;
	 margin-bottom:10px;
	 }	 
/* footer -------------------------------------------------------------------- */		 
		 
	 	 
#footer{
     background-image:url(../img/footer_back.gif);	 
	 background-repeat:repeat-x;
	 width:100%;	 
	 height:20px;     
	 margin: 0 auto;    
	 padding: 0 auto;	
	 clear:both;
	 }	 	 
	 
#footer_img{
     width:1000px;	 
	 height:20px;     
	 margin: 0 auto;    
	 padding: 0 auto;	 
	 }		 
 


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

		
table{
	width: 100%;
	border-collapse: collapse;
	background-color: white;
	color: black;
	font: 10pt;
	margin-bottom: 25%;
	}
	
tr.subhead{
	background-color: #cccccc;
	}
	
th{
	padding: 0 3%;
	}
	
th.alt{
	background-color: black;
	color: white;
	padding: 3% 3% 2%;
	}
	
td{
	padding: 0 1%;
	}
	
tr.alt{
	background-color: #eeeeee;
	}
	
	
		
th a{
	color: #00008b;
	font: 8pt "MS P Gothic",sans-serif;
	}
	
a{
	color: #00008b;
	text-decoration: none;
	}
	
a:hover{
	color: #00008b;
	text-decoration: underline;
	}
	
div.outer{
	width: 90%;
	margin: 15%;
	}
	
table.viewmenu td{
	background-color: #006699;
	color: white;
	padding: 0 5%;
	}
	
table.viewmenu td.end{
	padding: 0;
	}
	
table.viewmenu a{
	color: white;
	font: 8pt verdana, arial;
	}
	
table.viewmenu a:hover{
	color: white;
	font: 8pt verdana, arial;
	}
	
a.tinylink{
	color: #00008b;
	font: 8pt verdana, arial;
	text-decoration: underline;
	}
	
a.link{
	color: #00008b;
	text-decoration: underline;
	}
	
div.buffer{
	padding-top: 7%;
	padding-bottom: 17%;
	}
	
.small{
	font: 8pt verdana, arial;
	}
	
table td{	
	}
	
table td.nopad{	
	}
	
	
	
/* font -------------------------------------------------------------------- */		 
	
h1{
	color: #4C4C4C;
	margin-top:20px;
	width:680px;
	float:left;
	padding:0 auto;
	display:block;}
	
h2{
	background-image:url(../img/h2_img.gif);	 
	background-repeat:no-repeat;
	color:#706B6B;
	font-size: 17px;
	margin-top:10px;
	width:600px;
	text-indent:17px;
	padding:0 auto;
	display:block;
	line-height:25px;
	}
	
h3{
	color:#414141;
	font-size: 16px;
	margin:15px auto 5px;
	line-height:25px;
	width:610px;
	display:block;}
	
h4{
	color:#069;
	font-size: 15px;
	margin:15px auto 2px;
	line-height:18px;
	width:610px;
	display:block;
	clear:both;
	}

h5{
	color:#0E2643;
	font-size: 13px;
	margin-top:20px;
	text-indent:5px;
	line-height:20px;
	width:610px;
	display:block;}
	
.style_voice{	
	 font-size:12px;
	 line-height:19px;
	 width:600px;     
	 margin:10px 0 15px;	 
	 padding: 0 auto; 
	 display:block;
	 }
	 
.new{	
	 font-size:12px;
	 line-height:20px;
	 width:600px;     
	 margin:5px 0 5px;	 
	 text-indent:15px;
	 padding: 0 auto; 
	 display:block;
	 }
	 
.style_0{   	     
	 width:420px;
	 font-size:12px;
	 line-height:18px;
	 color:#333;
	 margin:5px;
	 padding: 0 auto;
	 float:left;
	 display:block;}	 
	 
.style_1{
	 color:#333;
	 font-size:13px;
	 line-height:18px;
	 width:590px;     
	 margin:5px auto 8px;	 
	 padding: 0 auto; 
	 display:block;
	 text-indent:6px;
	 }
	 
.style_2{
	 color:#666;
	 font-size:12px;
	 line-height:18px;
	 width:590px;     
	 margin:5px auto 8px;	 
	 padding: 0 auto; 
	 display:block;
	 text-indent:10px;
	 }	
	 
.style_3{
	 color:#333;
	 font-size:13px;
	 line-height:18px;
	 width:590px;     
	 margin:10px auto 3px;	 
	 padding: 0 auto; 
	 display:block;
	 }
	 
.style_4{
	 color:#666;
	 font-size:12px;
	 line-height:18px;
	 width:590px;     
	 margin: 0 auto;	 
	 padding: 0 auto; 
	 display:block;
	 text-indent:10px;
	 }


.small{
	color:#069;
	font-size: 13px;
	line-height:18px;
	display:inline;
	font-weight:600;
	}
	
.red{	
	 font-size:12px;
	 color:#C00;
	 }
.gray{	
	 font-size:12px;
	 color:#333;
	 font-weight:700;
	 }	 
	 
a {
  color: #006666;
}

.ul_list{
	list-style:none;
	text-align:left;
	width:500px;
	padding:0 auto;
	clear:both;
	margin-bottom:15px;
	display:inline-block;
	}
	
.list{
	color:#999999;
	line-height:23px;
	font-size:12px;
	
	}

.list a{
	color:#006666;
	line-height:20px;
	display:block;}
	
/* clearFix ------------------------------------------------------------------------------ */
	
.clearFix {
		zoom: 1;
	}
		.clearFix:after {
			content: '.';
			clear: both;
			display: block;
			height: 0;
			visibility: hidden;
		}