@charset "shift_jis";

/**************************************/
/*             1.Common               */
/**************************************/
body {
   margin:0;
   padding:0;
   background-color : black ;
   color:#FFFFFF;
   font-family:"MS PƒSƒVƒbƒN",osaka;
   font-style:normal;
   font-weight:normal;
   font-size:12px;
   text-decoration:none;
   letter-spacing:2px;
   line-height:1.5;
   vertical-align:top;
   text-align: center;
}

a {
   color:sandybrown;
}


a:link {
   color:sandybrown;
}

a:visited {
   color:antiquewhite;
}

a:hover {
   color:black;
}

br {
   letter-spacing:normal;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding:0;
   font-weight:bold;
   font-size:100%;
}

p {
   margin:0px;
   padding:0px;
   font-size:100%;
}
em {
   font-weight:bold;
   font-style:normal;
}

strong {
   font-weight:bold;
   color:#FF9900;
}

ins {
   text-decoration: underline;
}

del {
   color:#999;
   text-decoration: line-through;
}

dl{
   margin:0;
   padding:1em 0;
   font-size:100%;
   
}

th,td {
   font-weight:normal;
   font-size:100%;
   text-align:left;
}

ul {
   list-style-type: none;
   margin: 0;
   padding: 10px;
}

li { 
   padding-left: 25px;
   background: url(../images/list_01.gif) no-repeat 10px 0.4em;
   list-style: none;
}
img {
   vertical-align:bottom;
   border: 0;
}


/**************************************/
/*             2.layout               */
/**************************************/

/*:common�«:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#header {margin-right:45px; text-align:right;}
#menu {margin-right:45px; margin-top:5px; text-align:right;}
#sp01 {height:98px; clear: both;}
#sp02 {height:50px; clear: both;}
#sp03 {height:57px; clear: both;}
#footer {font-size:80%; letter-spacing:1px;}
.contents {margin-left:15px; padding:10px;  line-height:2em;}
.contents02 {margin-left:15px; margin-right:20px; padding:10px;  line-height:2em;}
.contents03 {margin-left:200px; margin-right:20px; padding:10px;  line-height:2em;}
.contents04 {margin-left:15px; padding:10px;  line-height:1.5em;}

#body {
width:715px;height:555px;
margin:0px auto; 
margin-top:57px;
text-align:left;overflow:auto;
clear: both;
}

#base {
width:900px;
height:800px;
margin:0px auto;
background-image: url(../images/bg_base.jpg); 
background-repeat: no-repeat;
}

#pagetop {
width:95%;
margin:0px auto;
text-align:right;
margin-top:10px;
margin-bottom:10px;
clear: both;
}

/*:common�ª:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*:top�«:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#base-top {
width:900px; height:800px;
margin:0px auto;
background-image: url(../images/bg_base_top.jpg); 
background-repeat: no-repeat;
}

#top-l {float:left;}

#top-r{
width:390px; height:400px;
margin-top:165px; margin-right:115px;
background-image: url(../images/bg_new.jpg);background-repeat: no-repeat; 
text-align:left; float:right;
overflow:auto;
}
.news {margin-left:10px;}
/*.news {padding:5px;  line-height:2em;}*/
/*:top�ª:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*:profile�«:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#base-profile {
width:900px;
height:800px;
margin:0px auto;
background-image: url(../images/bg_base_profile.jpg); 
background-repeat: no-repeat;
}
/*:profile�ª:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:class�«:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#base-class {
width:900px;
height:800px;
margin:0px auto;
background-image: url(../images/bg_base_class.jpg); 
background-repeat: no-repeat;
}
/*:class�ª:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:lesson�«:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#base-les01 {
width:900px;
height:800px;
margin:0px auto;
background-image: url(../images/bg_base_les01.jpg); 
background-repeat: no-repeat;
}
#base-les02 {
width:900px;
height:800px;
margin:0px auto;
background-image: url(../images/bg_base_les02.jpg); 
background-repeat: no-repeat;
}
/*:lesson�ª:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:product�«:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#frame {
width:600px;
height:230px;
margin:0px auto;
background-image: url(../images/bg_frame.gif); 
background-repeat: no-repeat;
padding:10px;
line-height:1.1em;
clear: both;
}
#frame02 {
width:600px;
height:280px;
margin:0px auto;
background-image: url(../images/bg_frame.gif); 
background-repeat: no-repeat;
padding:10px;
line-height:1.1em;
clear: both;
}
/*:product�ª:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:gallary�«:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#frame03 {
width:608px;
height:160px;
margin:0px auto;
background-image: url(../images/bg_frame02.gif); 
background-repeat: no-repeat;
padding:10px;
line-height:1.1em;
clear: both;
}

.img-g01 {
   padding:0px;
   border: 1px solid #000;
   margin-top:2px;
   margin-left:5px;
   margin-right:40px;
   clear: both;
}
/*:gallary�ª:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:contact�«:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#base-contact {
width:900px;
height:800px;
margin:0px auto;
background-image: url(../images/bg_base_contact.jpg); 
background-repeat: no-repeat;
overflow:auto;

}
/*:contact�ª:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:movie�«:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#base-movie {
width:900px;
height:800px;
margin:0px auto;
background-image: url(../images/bg_base_movie.jpg); 
background-repeat: no-repeat;
}

#frame04 {
margin-top:35px;
margin-left:12px;
padding:0px;
display: inline;
text-align:left; float:left;
}

#frame05 {

/*:
width:204px;
height:170px;
margin-top:10px;
padding:1px;
:*/

width:185px;
height:376px;
margin-top:37px;
margin-right:18px;

display: inline;
text-align:left; float:right;
overflow-x: hidden;
}
#iframe {
width: 300px;
height: 150px;
}

/*:movie�ª:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:etc�«:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#base-etc {
width:450px;
height:290px;
margin:0px;  text-align:left;
padding:25px;
background-image: url(../images/bg_etc.jpg); 
background-repeat: no-repeat;
}

#base-etc02 {
width:450px;
height:290px;
margin:0px;  text-align:left;
padding:25px;
}

#base-astyl {
width:350px;
height:290px;
font-size:12px; 
font-weight:bold;
margin:px;  text-align:left;
padding:25px;
}

/*:etc�ª:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/**************************************/
/*             3.font                 */
/**************************************/

h1.title{
	font-size: 14px;
	color: 	maroon;
	background-color:lemonchiffon;
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
	opacity:0.50;
	padding-right: 10;
	padding-bottom: 2;
	padding-left: 5;
	border-top: 1px white solid;
	border-right: 1px white solid;
	border-bottom: 1px white solid;
	border-left: 1px white solid; 
}

h1.title02{
	width:400px;
	font-size: 14px;
	color: 	maroon;
	background-color:lemonchiffon;
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
	opacity:0.50;
	padding-right: 10;
	padding-bottom: 2;
	padding-left: 5;
	border-top: 1px white solid;
	border-right: 1px white solid;
	border-bottom: 1px white solid;
	border-left: 1px white solid; 
}


h2.red{
    font-size: 14px;
	color: 	maroon;
	text-decoration: underline overline;
}

h2.blk{
    font-size: 14px;
	color: 	black;
}

h2.beige{
    font-size: 14px;
	color:cornsilk;
}
h2.gray{
    font-size: 14px;
	color:slategray;
}

h2.green{
    font-size: 14px;
	color: 	seagreen;
}
h2.white{
    font-size: 14px;
	color: 	white;
	text-decoration: underline overline;

}

.gray{
	color:gainsboro;
}
.beige{
	color:beige;
}
.red{
	color:maroon;
	font-weight:bold;
}

/**************************************/
/*             4.custom               */
/**************************************/
table.table010 {
  line-height:1.2em;
  margin-top: 0.2em;
  margin:0px auto;
  width: 95%;
  border-collapse: collapse;
  border: solid 1px #000;
  font-size: 97%;
}

table.table011 {
  line-height:1.2em;
  margin-top: 0.2em;
  padding-left: 1em;
  margin:0px auto;
  width: 95%;
  border-collapse: collapse;
  font-size: 97%;
}


table.table010 caption {
  margin-top: 1em;
  text-align: right;
}

table.table010 th,
table.table010 td {
  border: solid 1px #000;
  padding: 4px 6px;
}

table.table010 th {
  filter:alpha(opacity=60); /*IE*/
  -moz-opacity:0.60; /*FF*/
  opacity:0.60;
  background: palegoldenrod;
  text-align: center;
  white-space: nowrap;
  color: maroon;
}

table.table010 td.na {
  filter:alpha(opacity=50); /*IE*/
  -moz-opacity:0.50; /*FF*/
  opacity:0.50;
  background: #000;
  text-align: left;
  color: #FFFFFF;
  /# width: 55%; #/
}

table.table010 td.day {
  filter:alpha(opacity=50); /*IE*/
  -moz-opacity:0.50; /*FF*/
  opacity:0.50;
  background: #000;
  text-align: left;
  white-space: nowrap;
  color: #FFFFFF;
  /# width: 20%; #/
}

table.table010 td.place{
  filter:alpha(opacity=70); /*IE*/
  -moz-opacity:0.70; /*FF*/
  opacity:0.70;
  background:gray;
  text-align: left;
  color: #FFFFFF;
  /# width: 16%; #/
}

table.table010 td.go {
  filter:alpha(opacity=70); /*IE*/
  -moz-opacity:0.70; /*FF*/
  opacity:0.70;
  background:gray;
  text-align: left;
  white-space: nowrap;
  color: #FFFFFF;
}

table.table005 {
  line-height:1.2em;
  margin-top: 0.2em;
  margin-left:20px;
  width: 55%;
  border-collapse: collapse;
  border: solid 1px #000;
  font-size: 97%;
}

table.table005 th,
table.table005 td {
  border: solid 1px #000;
  padding: 4px 6px;
}


table.table005 td.year{
  filter:alpha(opacity=50); /*IE*/
  -moz-opacity:0.50; /*FF*/
  opacity:0.50;
  background:gray;
  text-align: left;
  color: #FFFFFF;
  white-space: nowrap;
}




/*:lesson04�«:::::::::::::::::::::::::::*/
table.table010 td.photo {
  width:135px;
  text-align: center;
  background:lightgrey;
}
table.table010 td.prof {
  vertical-align: top;
}
table.table010 td.plain{
  text-align: left;
}

/*:lesson04�ª:::::::::::::::::::::::::::*/

.img {
   padding:0px;
   border:0;
   margin-right:5px;
}
.img-new {
   padding:0px;
   border:0;
   margin-bottom:5px;
}
.img-left {
   border:0;
   float:left;
   margin-right:10px;
}

.img-left2 {
   border:0;
   float:left;
   margin-right:20px;
   margin-left:20px;
}

.img-right {
   border:0;
   float:right;
   margin:0px;
}

.wn {
  padding-top:75px!important;
  padding-left:25px!important;
}

.sm {
  font-size:90%;
  letter-spacing:1px;
  line-height:1em;

}

.right{
  margin:10px;
  text-align: right;
}