@charset "UTF-8";

*{
margin:0;
padding:0;
}


body{
margin:0;
background-color:#ffffff;
font-size:10px;
_font-size:62.5%;
line-height:1.6;
/*font-family: "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "細明朝体", "平成明朝", "ＭＳ Ｐ明朝";*/
font-family: "ＭＳ ゴシック", Osaka, "ヒラギノゴシック W5", "中ゴシック体",  "ＭＳ Ｐゴシック";
color:#333333;
}

h1,h2,h3,h4,h5{
margin:0;
}

img{
border:0;
}

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


.fnt12{font-size:1.2em;}
.fnt14{font-size:1.4em;}
.fnt15{font-size:1.5em;}
.fnt16{font-size:1.6em;}
.fnt18{font-size:1.8em;}


/*蛍光ペン*/
.pen{
background-color:#ff0;
padding:2px;
}

.red{color:#ff0000;}


a:link{color:#0000ff;text-decoration:underline;}
a:visited{color:#0000ff;text-decoration:underline;}
a:hover{color:#330066;text-decoration:underline;}
a:active{color:#330066;text-decoration:underline;}




/*clearfixハック
------------------------------------------------------------ */

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

.clearfix {display: inline-block; min-height: 1%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*骨
------------------------------------------------------------ */
#container{
width:700px;
margin:0px auto;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

#header{
width:700px;
height:285px;
background-image:url('../img/hd_img.jpg');
}

#contents{
width:680px;
margin:0px auto;
padding:20px 0px;
}

#navi{
width:200px;
float:left;

}

#main{
width:465px;
float:right;

}

#hd_block{
width:680px;
height:70px;
margin:0px auto;
padding-top:11px;
}

#hd_logo{
width:160px;
float:left;
}

#hd_link{
width:300px;
float:left;
}


#hd_tel{
clear:both;
width:209px;
padding-top:6px;
padding-left:2px;
}

ul #link01{
float:left;
margin:0;
padding:5px 0px 0px;
}

#link01 li{
display:block;
float:left; 
margin-left:5px;
}


ul #link02{
clear:both;
float:left;
margin:0;
padding:10px 0px 0px;
}

#link02 li{
display:block;
float:left; 
margin-left:5px;
padding-top:0px;
}


#link02 li.left{
display:block;
float:left; 
margin-left:2px;
padding-top:0px;
}



#hd_link a:link{color:#666666;text-decoration:none;}
#hd_link a:visited{color:#666666;text-decoration:none;}
#hd_link a:hover{color:#0000ff;text-decoration:none;}
#hd_link a:active{color:#0000ff;text-decoration:none;}

#hd_lead{
width:380px;
padding-top:100px;
padding-left:22px;

}

#hd_lead h1{
font-size:12px;
line-height:1.3;
font-weight:normal;
}


.pagetop{
clear:both;
padding-top:20px;
padding-bottom:10px;
text-align:right;
}

#footer{
clear:both;
border-top:2px double #ccc;
}

.foot{
clear:right;
color:#666;
padding-top:10px;
float:left;
}


#ft_copyright{
clear:right;
float:right;
padding-top:10px;
margin:0px;
}

.bnr{
padding:10px 0px;
}

/*ＴＯＰ
------------------------------------------------------------ */

ul#menu{
width:200px;
margin:0px;
padding:0px;
}

ul#menu li{
list-style:none;
margin:0px;
padding:0px;
width:200px;
height:42px;
}

ul#menu li.t{
list-style:none;
margin:0px;
padding:0px;
width:200px;
height:44px;
}

ul#menu li.b{
list-style:none;
margin:0px;
padding:0px;
width:200px;
height:43px;
}

.top{
padding-bottom:10px;
border-bottom:1px dotted #ccc;
}

h2.ttl{
margin-bottom:10px;
}

h3.ttl{
font-size:1.2em;
text-weight:bold;
margin-bottom:10px;
height:20px;
width:442px;
background-image:url('../img/about_sub01.gif');
background-repeat:no-repeat;
padding-left:10px;
}

.inner{
width:442px;
margin:0px auto;
padding-bottom:10px;
}

.inner p{
padding-bottom:10px;
}

.inner2{
width:442px;
margin:0px auto;
padding-bottom:10px;
padding-top:10px;
border-bottom:1px dotted #ccc;
}

.topics{
border-bottom:1px dotted #aaa;
font-size:1.4em;
padding-bottom:4px;
}

.label{
padding:5px 0px;
}

.info{
padding-bottom:10px;
font-size:1.4em;

}

table.timetable{
width:420px;
border-collapse: collapse;
margin-top:10px;
}

.timetable td{
font-size:1.4em;
padding:5px;
border:1px solid #999;
}

.timetable th{
font-size:1.4em;
padding:5px;
border:1px solid #999;
background:#f3f3f3;
}

.sign{
text-align:right;
padding:10px 0px 20px;
}

.date{
width:220px;
font-size:1.4em;
}

.keireki_tbl{
width:400px;
}

.keireki_l{
width:100px;
font-size:1.2em;
vertical-align:top;
}

.keireki_r{
width:300px;
font-size:1.2em;
vertical-align:top;
}

.photo_c{
width:320px;
margin:10px auto;
}

.photo_c380{
width:380px;
margin:10px auto;
}

ul.about{
padding-left:20px;
padding-bottom:10px;
font-size:1.4em;
}

ol.about{
padding-left:30px;
padding-bottom:10px;
font-size:1.4em;
}

#map{
padding:10px;
}

h3.sub{
margin-bottom:10px;
}

.column_link{
float:right;
padding:5px 0px;
}