@charset "utf-8";
/* CSS Document */

@import "../../css/stracture.css";
@import "../../css/common.css";

body { background:url("../../img/common/body-bg2.jpg") repeat-x; }

#container {  margin-top:10px; margin-left:10px; }

#container h3 span { font-size:0.7em; font-weight:normal; }
#container h4 { margin:5px 0 3px 30px; font-size:0.9em; font-weight:bold; color:#FF6600; }

#container p { font-size:0.8em; color:#333333; font-weight:normal; line-height:1.4; margin:5px 0 15px 30px; }

#container ul { margin:5px 10px 5px 30px; display:block; }
#container ul li { margin:3px 0 3px 20px; list-style-type:circle; list-style-position:outside; font-size:0.8em; line-height:1.4; color:#333333; display:block; }

/*
#container table { margin:5px 0 15px 30px; border:solid 1px #CCCCCC; border-collapse:collapse; border-spacing:0; }
#container table th { width:150px; padding:5px; border:solid 1px #CCCCCC; border-width:0 0 1px 1px; font-size:0.8em; font-weight:bold; color:#003366;background:url("../img/table-th.jpg") repeat-x bottom #66CCFF; }
#container table td { width:450px; padding:10px 15px; border:solid 1px #CCCCCC; border-width:0 0 1px 1px; font-size:0.8em; color:#333333; background:url("../img/table-td.jpg") repeat-x bottom #FFFFFF; color:#333333; line-height:1.6; }
#container table td span { display:block; margin:3px; font-size:0.7em; color:#666666; }
#container table td.members-title { width:120px; background:url("../img/table-td_title.jpg") repeat-x bottom #F5F5F5; color:#003366; !important }
#container table td.members-title a { display:block; margin-top:5px; }
*/

#container img.right-float { float:right; display:block; margin:10px;  }
#container .center { margin:10px auto; display:block; text-align:center; }

/*施設紹介*/
.facilities dl { width:120px; display:block; margin:15px; background:#F5F5F5; border:solid 1px #CCCCCC; float:left; }
.facilities dl dt { width:100px; margin:10px; display:block; }
.facilities dl dd { width:100px; margin:10px; display:block; font-size:0.8em; color:#333333; line-height:1.4; text-align:center; }

/*スクール*/
.school dl { padding:7px; width:520px; display:block; background:#F5F5F5; border:solid 1px #cccccc; margin:10px auto; !important }
.school dl dt { width:100px; display:block; margin:10px; float:left; font-size:1.2em; font-weight:bold; color:#003366; }
.school dl dd { width:150px; display:block; margin:10px; float:left; font-size:0.8em; color:#333333; }
.school dl dd.pdf { width:300px; display:block; margin:10px; float:left; font-size:0.8em; color:#333333; }

.school table { margin:5px 0 15px 30px; border:solid 1px #CCCCCC; border-collapse:collapse; border-spacing:0; }
.school table th { padding:5px; border:solid 1px #CCCCCC; border-width:0 0 1px 1px; font-size:0.8em; font-weight:bold; color:#003366;background:url("../img/table-th.jpg") repeat-x bottom #66CCFF; }
.school table td { width:220px; padding:10px 15px; border:solid 1px #CCCCCC; border-width:0 0 1px 1px; font-size:0.8em; color:#333333; background:url("../img/table-td.jpg") repeat-x bottom #FFFFFF; color:#333333; line-height:1.6; }
.school table td span { display:block; margin:3px; font-size:0.7em; color:#666666; }
.school table td.members-title { width:120px; background:url("../img/table-td_title.jpg") repeat-x bottom #F5F5F5; color:#003366; !important }
.school table td.members-title a { display:block; margin-top:5px; }

/*かいいん種別*/
.members table { margin:5px 0 15px 30px; border:solid 1px #CCCCCC; border-collapse:collapse; border-spacing:0; }
.members table th { padding:5px; border:solid 1px #CCCCCC; border-width:0 0 1px 1px; font-size:0.8em; font-weight:bold; color:#003366;background:url("../img/table-th.jpg") repeat-x bottom #66CCFF; }
.members table td { padding:10px 15px; border:solid 1px #CCCCCC; border-width:0 0 1px 1px; font-size:0.8em; color:#333333; background:url("../img/table-td.jpg") repeat-x bottom #FFFFFF; color:#333333; line-height:1.6; text-align:center; }
.members table td span { display:block; margin:3px; font-size:0.7em; color:#666666; }
.members table td.members-title { width:120px; background:url("../img/table-td_title.jpg") repeat-x bottom #F5F5F5; color:#003366; !important }
.members table td.members-title a { display:block; margin-top:5px; }
.members table caption { font-size:0.8em; color:#333333; }


/*トップ営業時間*/
.hours table { margin:5px auto 15px; border:solid 1px #CCCCCC; border-collapse:collapse; border-spacing:0; width:600px; }
.hours table th { padding:5px; border:solid 1px #CCCCCC; border-width:0 0 1px 1px; font-size:0.8em; font-weight:bold; color:#003366;background:url("../img/table-th.jpg") repeat-x bottom #66CCFF; }
.hours table td { padding:10px 15px; border:solid 1px #CCCCCC; border-width:0 0 1px 1px; font-size:0.8em; color:#333333; background:url("../img/table-td.jpg") repeat-x bottom #FFFFFF; color:#333333; line-height:1.6; text-align:center; }
.hours table td span { display:block; margin:3px; font-size:0.7em; color:#666666; }
.hours table td.members-title { width:120px; background:url("../img/table-td_title.jpg") repeat-x bottom #F5F5F5; color:#003366; !important }
.hours table td.members-title a { display:block; margin-top:5px; }
.hours table caption { font-size:0.8em; color:#333333; }


#l-menu ul { width:200px; margin:10px 0px 0px 12px; padding:2px 0px; background:#F5F5F5; border:solid 1px #CCCCCC; display:block; }
#l-menu li { width:190px; height:40px; margin:5px; list-style-type:none; }
#l-menu li a { display:block; width:100%; height:100%; background:url("../img/local-menu.jpg") no-repeat; text-indent:-9999px;/*\*/overflow: hidden;/*\*/ }

/*local-menu*/
#l-menu #menu-title { background:url("../img/local-menu-title.gif") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }

#l-menu #l01 a { background-position:0px 0px; }
#l-menu #l01 a:hover { background-position:-190px 0px; }

#l-menu #l02 a { background-position:0px -40px; }
#l-menu #l02 a:hover { background-position:-190px -40px; }

#l-menu #l03 a { background-position:0px -80px; }
#l-menu #l03 a:hover { background-position:-190px -80px; }

#l-menu #l04 { width:190px; height:40px; display:block; background:url("../img/local-menu.jpg") no-repeat 0px -120px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
/*#l-menu #l04 a { background-position:0px -120px; }
#l-menu #l04 a:hover { background-position:-190px -120px; }*/

#l-menu #l05 a { background-position:0px -160px; }
#l-menu #l05 a:hover { background-position:-190px -160px; }

#l-menu #l06 a { background-position:0px -200px; }
#l-menu #l06 a:hover { background-position:-190px -200px; }

#l-menu #l07 a { background-position:0px -240px; }
#l-menu #l07 a:hover { background-position:-190px -240px; }