@charset "UTF-8";
@import url("style-base.css");

h1 {
}
h2 {
}
h3 {
}

td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }
.size-12 { font-size: 12px; line-height: 180%; }
.size-10 { font-size: 10px; line-height: 150%; }
.size-16 { font-size: 16px; line-height: 150%; }

form {
	margin: 0;
}
textarea,select,input {
    font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku GothicPro,Osaka,Verdana,Helvetica,"ＭＳ Ｐゴシック",Arial,sans-serif;
}


div.pagenavi {
	margin: 15px;	
}
div.pagetop {
text-align:right;
}


img{border:0px;}

.p-t05{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-b05{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}

.m-t05{ margin-top:5px;}
.m-t10{ margin-top:10px;}
.m-t20{ margin-top:20px;}
.m-t30{ margin-top:30px;}
.m-t40{ margin-top:40px;}
.m-b10{ margin-bottom:10px;}
.m-b20{ margin-bottom:20px;}
.m-b30{ margin-bottom:30px;}
.m-b40{ margin-bottom:40px;}

.cen { text-align:center;}
.right{ text-align:right;}
.l-box{ float:left;}









/*---------------------------------------------------------------------topleft---*/
#topgelande {
background:url(img/topgela02.gif) repeat-y center top;
width: 243px;
color: #696969;
}
#topgelande table{
width: 229px;
margin: 5px 0px 0px 3px;
}
#topgelande table td{
width: 209px;
padding: 0px 10px 5px 10px;
}
#topgelande table td.geline{
border-top: 1px solid #B6CD44;
padding: 15px 0px;
width: 243px;
text-align:center;
}
#topgelande table td.geline img{
width: 200px;
margin: 0px auto;
}
#topgelande table td.gelaicon{
background: url(img/gelaicon.gif) no-repeat 10px 6px;
padding-left: 20px;
width: 209px;
}
#topgelande a:link,#topgelande a:visited {color: #696969;text-decoration: underline;}
#topgelande a:hover,#topgelande a:active {color: #696969;text-decoration: none;}

#topblog {
width: 243px;
margin-top: 5px;
background:url(img/topblog02.gif) repeat-y center top;
color: #696969;
overflow:hidden;
}
#topblog p{
padding: 0px 10px 10px 10px;
}
#topblog02{
width: 223px;
margin: 0px auto;
}
#topblog02 div{
float:left;
width: 71px;

}
#topblog02 p{
line-height: 150%;
float:left;
width:131px;
}
#topblog02 a:link,#topblog02 a:visited {color: #696969;text-decoration: underline;}
#topblog02 a:hover,#topblog02 a:active {color: #696969;text-decoration: none;}

#topmobi{
width: 243px;
background:url(img/topmobi03.gif) repeat-y center top;
color: #FD1AB0;
overflow:hidden;
}
#topmobi02{
width: 223px;
margin: 0px auto;
padding: 10px 0px;
}
#topmobi02 img{
float:left;
margin-right: 10px;
width: 80px;
}
#topmobi02 p{
line-height: 150%;
float:left;
padding-top: 10px;
width:129px;
}

#leftbana{
width: 243px;
margin-top: 20px;
padding-bottom: 350px;
}
#leftbana ul{
width: 243px;
}
#leftbana ul li{
list-style:none;
padding-bottom: 5px;
}
.toprss{
width: 120px;
background:url(img/rss.gif) no-repeat 0px 5px;
padding:5px 0px 10px 20px;
overflow:hidden;
}


#leftinfo {
width: 243px;
margin-top: 5px;
background:url(img/inner/leftinfo02.gif) repeat-y center top;
color: #696969;
overflow:hidden;
}
#leftinfo p{
padding: 0px 10px 10px 10px;
line-height: 150%;
}

#leftevent {
width: 243px;
margin-top: 5px;
background:url(img/inner/leftevent02.gif) repeat-y center top;
color: #696969;
overflow:hidden;
}
#leftevent p{
padding: 0px 10px 10px 10px;
line-height: 150%;
}



/*---------------------------------------------------------------------top---*/
#top01 {
padding-left: 10px;
}
#top01 ul{
padding-top: 10px;
margin-bottom: 10px;
}
#top01 ul li{
list-style: none;
padding-bottom: 10px;
}
#top01 ul li img{
vertical-align:bottom;
}
.top02 {
width: 556px;
}
.top03 {
width: 526px;
padding: 0px 15px;
margin-bottom: 20px;
}
.top03 dl{
width: 526px;
background:url(img/icon4.gif) repeat left top;
padding-bottom:2px;
font-size:14px;
}
.top03 dt{
line-height:210%;
}
dt.topinfo{
width: 135px;
background:url(img/icon01.gif) no-repeat 0px 11px;
padding-left: 15px;
float:left;
color:#64A700;
font-weight:bold;
letter-spacing:1px;
}
dt.topevent{
width: 135px;
background:url(img/icon01.gif) no-repeat 0px 11px;
padding-left: 15px;
float:left;
color:#006BC3;
font-weight:bold;
letter-spacing:1px;
}
.top03 dd{
width: 366px;
float:left;
line-height:210%;
padding-left:10px;
}
#topphoto {
width: 561px;
}
#topphoto02 {
width: 561px;
background:url(img/topphoto01.jpg) no-repeat left top;
}
#topphoto02 h2{
font-size:14px;
color: #1E9575;
font-weight:normal;
float:left;
padding: 57px 0px 0px 15px;
}
#topphoto02 div{
float:right;
}
#topphoto03 {
width: 536px;
margin: 5px 10px 20px 10px;
background: #FFF7EF;
}
.topphoto04 {
width: 251px;
padding:5px;
float:left;
}
.topphoto04 img{
float:left;
width: 107px;
height:82px;
}
.topphoto04 dl{
float:left;
width: 136px;
padding-left: 6px;
}
.topphoto04 dt{
color: #CE0000;
font-weight:bold;
padding: 3px 0px;
}
.topphoto04 dd{
background:url(img/icon02.gif) no-repeat 3px 9px #ffffff;
padding: 5px 0px 5px 13px;
line-height: 130%;

}
.topphoto05 {
width: 251px;
padding:5px;
float:right;
}
.topphoto05 img{
float:left;
}
.topphoto05 dl{
float:left;
width: 137px;
padding-left: 7px;
height: 82px;
}
.topphoto05 dt{
color: #CE0000;
font-weight:bold;
padding: 5px 0px;
}
.topphoto05 dd{
background:url(img/icon02.gif) no-repeat 3px 9px #ffffff;
padding: 5px 5px 5px 13px;
line-height: 130%;
height: 50px;
}
#topbanner{
width: 528px;
margin: 0px auto;
}
#topbanner ul{
padding:10px 0px;
width: 528px;
}
#topbanner ul li{
padding:10px 12px;
float:left;
list-style:none;
}




/*-------------------------------------------------------------entry----*/
.entry{
width: 560px;
padding-bottom: 15px;
}
.entry-ttl01{
width: 560px;
background: url(img/inner/entry-ttl01.gif) no-repeat center bottom;
height: 4px;
font-size: 0px;
}
.entry-ttl{
width: 560px;
background: url(img/inner/entry-ttl04.gif) repeat-y center top #52B6C3;
}
.entry-ttl h3{
font-size:14px;
line-height: 120%;
color: #ffffff;
padding:5px 10px;
background: url(img/inner/entry-ttl02.gif) no-repeat center bottom;
}
.entry-ttl02{
width: 560px;
background: url(img/inner/entry-ttl03.gif) no-repeat center top;
height: 4px;
font-size: 0px;
}
.entry-body{
width: 550px;
padding: 15px 0px;
line-height:180%;
margin: 0px auto;
overflow:hidden;
}
.entry-body p{
padding-bottom: 10px;
}
.entry-body img{
padding-bottom: 10px;
}
#dj {padding-left:10px;}
#dj img { padding-bottom:0px; vertical-align:middle}


/*-------------------------------------------------------------staff----*/
#staff-back{
background:url(img/topborder.gif) repeat-x left bottom;
margin-bottom: 10px;
text-align:right;
}
#staff-back p{
padding-bottom: 10px;
}
#staff-back p span{
background:url(img/inner/stafficon01.gif) no-repeat 0px 2px;
padding-left: 12px;
}
#form1{
text-align:right;
padding-bottom: 10px;
}
table#calendar{
width: 550px;
margin: 15px auto 20px auto;
border-top:1px solid #BFBFBF;
border-left:1px solid #BFBFBF;
}
table#calendar td{
width: 68px;
border-right:1px solid #BFBFBF;
border-bottom:1px solid #BFBFBF;
padding: 4px;
}
td.sta-sun{
background: #F3D7D7;
width: 68px;
border-right:1px solid #BFBFBF;
border-bottom:1px solid #BFBFBF;
padding: 4px;
}
td.sta-sat{
background: #CCD7E7;
width: 68px;
border-right:1px solid #BFBFBF;
border-bottom:1px solid #BFBFBF;
padding: 4px;
}
td.sta-week{
background: #ECECEC;
width: 68px;
border-right:1px solid #BFBFBF;
border-bottom:1px solid #BFBFBF;
padding: 4px;
}
#staff-day {
width: 750px;
padding: 10px;
}
#staff-day h1{
text-align:center;
padding-bottom: 15px;
}
#staff-entry {
width: 750px;
text-align:left;
}
.sentry-ttl01{
width: 750px;
background: url(img/inner/sta-ttl01.gif) no-repeat center bottom;
height: 4px;
font-size: 0px;
}
.sentry-ttl{
width: 750px;
background: url(img/inner/sta-ttl04.gif) repeat-y center top #52B6C3;
text-align:left;
}
.sentry-ttl h2{
font-size:14px;
line-height: 120%;
color: #ffffff;
padding:5px 10px;
background: url(img/inner/sta-ttl02.gif) no-repeat center bottom;
}
.sentry-ttl02{
width: 750px;
background: url(img/inner/sta-ttl03.gif) no-repeat center top;
height: 4px;
font-size: 0px;
}
.sentry-body{
width: 720px;
padding: 15px;
line-height:180%;
}
.sentry-body p{
padding-bottom: 10px;
}
.staimg{
width: 400px;
padding: 10px 10px 10px 0px;
float:left;
}
.staimg img{
display:block;
width: 400px;
}
.statxt{
width: 310px;
padding-top: 10px;
float:left;
}
.statxt p{
padding-bottom: 10px;
line-height:180%;
}
.sta-close{
width:730px;
margin-bottom: 20px;
text-align:center;
}




/*-------------------------------------------------------------photo----*/
.pagenext{
padding: 10px 10px 10px 0px;
text-align:right;
}
#photo{
width: 560px;
margin: 0px auto 20px auto;
}
.photobody{
width: 556px;
padding-right: 4px;
}
.photobox{
width: 130px;
text-align:center;
padding: 15px 4px 0px 5px;
float:left;
height: 120px;
}
.photobox img{
width: 130px;
height: 94px;
margin-bottom:5px;
}
.photobox p{
}







table.contact_table{
border-top:1px solid #BCDBE9;
border-right:1px solid #BCDBE9;
margin:15px auto;
}
table.contact_table th{
vertical-align:top;
text-align:left;
line-height:150%;
padding:6px 10px;
width:120px;
background:#EAF8FF;
border-bottom:1px dotted #BCDBE9;
border-top:1px solid #ffffff;
border-left:1px solid #BCDBE9;
font-weight:normal;
color:#254F74;
}
table.contact_table td{
vertical-align:top;
text-align:left;
line-height:150%;
padding:6px 10px;
border-bottom:1px dotted #BCDBE9;
border-top:1px solid #ffffff;
border-left:1px solid #BCDBE9;
color:#254F74;
}














table.bastab{
margin:0px auto;
width:520px;
}
table.bastab th{
text-align:left;
padding:2px 15px;
line-height:150%;
font-weight:normal;
border-bottom:1px dotted #a8a8a8;
}
table.bastab td{
text-align:right;
padding:2px 15px;
line-height:150%;
font-weight:normal;
border-bottom:1px dotted #a8a8a8;
}






.txt55{
line-height:160%;
width:520px;
margin:0px auto;
}


#gels td{
padding:5px 3px;
}
#gels td img{
vertical-align:bottom;
}


.pralist{
padding-left:25px;
}

.pralist li{
padding-bottom:10px;
}