@charset "Shift_JIS";

body { margin: 0; padding: 0; background-color: white; color: #333; font-size: medium; text-align: center; line-height: 1.3em; background-attachment: fixed; background-position: center 0; font-family: arial, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif; background-image: url(../images/bg01.jpg); }
h3 { font-size: x-small; font-weight: normal; line-height: 130%; margin: 1em 0; }
p {
text-align: justify;
}
p.read { text-justify: distribute-all-lines; 
line-height: 1.7em; 
}


p.info { 
text-align: left;
vertical-align: top;
line-height: 1.2em; 
}

body img {border: 0px; margin: 0px; vertical-align: middle;}

a:link {color: #666;}
a:visited {color: #666;}
a:hover {color: #ff0000;}
a:active {color: #ff0000;}
a {text-decoration: none; outline: none;}

#container {
width: 980px;
margin: 0 auto;
border-left: 0 solid #c0c0c0;
border-right: 0 solid #c0c0c0;}

#page {width: 980px; margin: 0 auto;}

#header {
position: relative;
background-color: #330000;
width: 980px;
margin: 0;
padding: 5px;}

#header h1.siteTitle,
#header p.siteTitle {margin: 0 0 2px; font-size: 18px; color: #ffffff;}

#header p.catch {margin: 0 0 1px;}
#header p.catch strong {font-size: 16px; font-weight: normal; color: #ffffff;}

#header div.opening {margin-bottom: 1px;}
#header div.opening a{color: #ffffff; font-size: 20px; font-weight: bold;}

#header table{
width: 250px;
height: 10px;
font-size: 16px;
background-color: #c71585;
border: 0;
text-align: center;
vertical-align: middle;
margin: 5px 0 5px 35px;
padding: 0px 0px 0px 5px;}

#header table a {
display: block;
padding: 0;
border: 0;
text-align: center;
text-decoration: none;
line-height: 1.5;}

#header ul.nl {
width: 320px;
margin: 0;
padding: 0;
list-style-type: none;
font-weight: bold;
text-align: center;}

#header ul.nl li {
width: 80px;
float: left;
line-height: 100%;}

#header li a{color: #ffffff; font-size: 80%}

#header ul.nl li a {
display: block;
position: relative;
padding: 15px 0px;
border: 1px #ffffff;
border-style: solid solid solid none;
background-image: url("/img/gra1.png");
background-color: #8d551d;
font-size: 17px;
font-weight: bold;
text-decoration: none;}

#header ul.nl li.first a {border-left: 1px #ffffff solid;}

#header ul.nl li a:hover {
background-color: #ccccff;
background-image: url("/img/gra2.png");
text-decoration: none;
color: #000000;}

#header hr.none {display: none;}

#content {
width: 320px;
margin-bottom: 5px;
color: #ffffff;}

#content a {color: #000000;}

#content img {border: 0px; margin: 0 auto;}

#content div.s a {
display: block;
padding: 2px;
margin: 0 0 10px;
border: 1px solid #ffffff;
text-align: center;
text-decoration: none;
background-image: url("/img/gra3.png");
font-weight: bold;
line-height: 1.5;
width: 320px;}

#content div.s a:hover {
background-color: #ccccff;
background-image: url("/img/gra4.png");
text-decoration: none;
font-weight: bold;
color: #000000;}

#content div.s a span.schedule {font-size: 20px; color: #ffffff;}

#content div.prof {
width: 320px;
margin: 5px 0 5px;
padding: 3px 3px;
background-color: #9932cc;
font-size: 18px;
color: #ffffff;}

#content div.prof dl {
width: 320px;
margin: 0 auto;
font-weight: bold;
font-size: 15px;}

#content div.prof dt {
width: 100px;
float: left;
padding: 5px 0 5px 30px;
background-color: ffc0cb;
font-size: 15px;
color: #fffffff;}

#content div.prof dd {
margin: 0;
padding: 5px 3px 5px 30px;
background-color: #9932cc;
text-align: left;
font-size: 15px;
color: #fffffff;}

#content div.prof h2 {
margin: 0;
padding: 4px;
background-color: #ffc0cb;
font-size: 16px;
font-weight: bold;
color: #330000;}

#content div.prof h4 {
margin: 0;
padding: 4px;
background-color: #ff0000;
font-size: 16px;
font-weight: bold;
color: #fffffff;
vertical-align: middle;}

#content div.prof h4 a{
display: block;
margin: 0;
vertical-align: middle;}

#content div.prof h3 {
margin: 0;
padding: 3px 3px;
background-color: #9932cc;
text-align: left;
font-size: 15px;
font-weight: bold;
color: #fffffff;}

#content div.address {
width: 320px;
margin: 5px 0 5px;
padding: 3px 3px;
background-color: #ffffff;
font-size: 15px;
color: #000000;}

#content div.address h2 {
margin: 1px 0 3px;
font-size: 15px;
color: #ff8000;}

#content div.address p {
margin: 2px 0;
line-height: 100%;
font-size: 15px;}

#footer ul.nl {
margin: 5px 0 10px;
padding: 0;
list-style-type: none;
text-align: center;
font-size: 12px;}

#footer ul.nl li {
padding: 0 4px 0 8px;
display: inline;}

#footer ul.nl li.first {background-image: none;}

#footer ul.guide {margin: 5px 0 5px;}

#footer a {color: #ffffff;}

#footer address {
background-color: #330000;
font-style: normal;
font-size: 12px;
text-align: center;
line-height: 140%;}

.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.clearFix {min-height: 1px;}

#section {
margin: 0 0px -10px 0px;
background-color: #ｆｆｆｆｆｆ;
font-style: bold;
font-size: 30px;
color: #ff66cc;}

ul, li {margin: 0; padding: 0;}

#slider02 {
width: 980px;
height: 400px;
margin-bottom: 10px;
border: solid 10px #cccccc;
overflow: hidden;}

#slider02 {border: 0;}

#slider02 li {
display: block;
width: 980px;
height: 400px;}

div.waku1 {
width: 380px;
padding: 10px;
background-color: #ffd78c;
border-width: 3px;
border-color: #330000;
border-style: dotted;
}
;}


#slide {
width:640px;
height:300px;
margin:0 auto;
position:relative;
}
#slide img {
position:absolute;
left:0;
top:0;
}


#cover {
    width: 900px;
    height: 400px;
    position: relative;
    overflow: hidden;
}

#cover>div {
    position: absolute;
    top: 0;
    opacity: 0;
}
a.white:link {color: #fff;}
a.white:visited {color: #fff;}
a.white:hover {color: #f30;}
a.white:active {color: #fff;}
h6 { line-height: 120%; margin: 2.33em 0; }
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}
.fade:hover {  
    opacity: 0.8;  
    filter: alpha(opacity=40);  
	-ms-filter: "alpha( opacity=40 )";
}
table.futi { border: 1px #069 solid;}