@charset "utf-8";

/* ============================== body */
body {
	color: #333;
	background-color: #fff;
	font-size: 12px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Verdana, "MS PGothic", sans-serif;
}
/* ============================== a */
a { color: #0072c2; text-decoration: none; }
a:link { color: #0072c2; }
a:visited { color: #9200c2; }
a:hover, a:active { color: #3194d9; text-decoration: underline; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
.hiroba a, .hiroba a:link { color: #3962ad; }
.hiroba a:hover { color: #4a7fe0; }
.academy a, .academy a:link { color: #ed6d00; }
.academy a:hover { color: #ff9940; }
.town a, .town a:link { color: #007440; }
.town a:hover { color: #00a65b; }

/* ============================== text format | font size, line height */
em, strong { font-weight: bold; }
#main p, #main li, #main th, #main td { font-size: 117%; }
h2, h3, h4 { font-size: 125%; font-weight: bold; padding-bottom: 0.75em; }
#main p, #main li, #footer_info dl, .mc_outer p { line-height: 1.71; }

/* ============================== text align */
.rightside, .rs { text-align: right; }
.centering, .ct { text-align: center; }

/* ============================== float image */
img.img_left { float: left; margin: 0.5em 12px 12px 0; }
img.img_right { float: right; margin: 0.5em 0 12px 12px; }

/* ============================== simple border */
.bdt { border-top: 1px dotted #ccc; padding-top: 0.5em; }
.bdb { border-bottom: 1px dotted #ccc; padding-bottom: 0.5em; }

/* ============================== multi column */
.no_disp { display:none; }
.spc05r { margin-right: 5px; }

/* ============================== main */
.section p{ margin-bottom: 15px; }

/* ============================== float */
.fl{ float: left !important;}
.fr{ float: right !important;}

/* ============================== layout */
#container { width: 100%;}

#footer {  width: 880px;  margin: 0 auto;  padding: 0 0 20px; }

#area_header {
width: 100%;
height: 110px;
margin: 0 auto;
position: relative;
background:#c7e7f2 url(../img/hdr_bg.jpg) no-repeat center top;
}

#area_header-inr {
width: 960px;
height: 110px;
position: relative;
margin: 0 auto;
padding:0;
}

#area_gnavi {
width: 100%;
height: 54px;
margin: -3px auto -5px;
position:relative;
background:url(../img/gnavi_bg.png) no-repeat center top;
z-index:100;
}

#area_gnavi-inr {
width: 940px;
height: 54px;
margin: 0 auto;
padding:0;
}

#area_contents {
width: 100%;
margin: 0;
background:url(../img/top_bg.gif) repeat center top;
}

#area_contents-inr {
width: 960px;
margin: 0 auto;
padding:30px 0 30px;
}

.area_contents_main {
margin:0 10px;
padding: 0px;
background:#fff url(../img/area_white_bg_top.gif) no-repeat left top;
}

.area_contents_main-inr {
margin:0;
padding:30px;
background:url(../img/area_white_bg_bottom_ftr.gif) no-repeat left bottom;
}

#area_footer-green {
width: 100%;
margin:0;
position:relative;
background:#5bb531;
}

#area_footer-green-inr {
width: 960px;
height:110px;
margin: 0 auto;
position:relative;
text-align: right;
background:url(../img/ftr_green_bg.jpg) no-repeat center top;
}

#area_footer {
width: 100%;
margin:0;
background:#fff;
}

#area_footer-inr {
width: 960px;
margin: 0 auto;
padding:20px 0;
}

/* ============================== header */
.tit-ill{
position: absolute; right: 50px; top: 20px;
}

/* ============================== logo */
p#logo {
width:327px;
position:absolute;
top:20px;
left:550px;
margin:0;
padding:0;
}

p.logo{
margin-bottom: 9px;
}

/* ============================== snavi */
ul#snavi{
width:733px;
height: 28px;
position:absolute;
top:80px;
left:215px;
margin:0;
padding:0;
}

#snavi li{
float:left;
}

#snavi a{
margin:0;
display:block;
padding:14px 0 0 0;
overflow:hidden;
height: 0px !important; /* for most browsers */
}

#snavi #snavi01 a {width:76px;background:url(../img/snavi.gif) 0 0 no-repeat;}
#snavi #snavi02 a {width:82px;background:url(../img/snavi.gif) -76px 0 no-repeat;}
#snavi #snavi03 a {width:129px;background:url(../img/snavi.gif) -158px 0 no-repeat;}
#snavi #snavi04 a {width:163px;background:url(../img/snavi.gif) -287px 0 no-repeat;}
#snavi #snavi05 a {width:122px;background:url(../img/snavi.gif) -450px 0 no-repeat;}
#snavi #snavi06 a {width:76px;background:url(../img/snavi.gif) -572px 0 no-repeat;}
#snavi #snavi07 a {width:85px;background:url(../img/snavi.gif) -648px 0 no-repeat;}

#snavi #snavi01 a:hover,#snavi #snavi01 a.current {width:76px;background:url(../img/snavi.gif) 0 -14px no-repeat;}
#snavi #snavi02 a:hover,#snavi #snavi02 a.current {width:82px;background:url(../img/snavi.gif) -76px -14px no-repeat;}
#snavi #snavi03 a:hover,#snavi #snavi03 a.current {width:129px;background:url(../img/snavi.gif) -158px -14px no-repeat;}
#snavi #snavi04 a:hover,#snavi #snavi04 a.current {width:163px;background:url(../img/snavi.gif) -287px -14px no-repeat;}
#snavi #snavi05 a:hover,#snavi #snavi05 a.current {width:122px;background:url(../img/snavi.gif) -450px -14px no-repeat;}
#snavi #snavi06 a:hover,#snavi #snavi06 a.current {width:76px;background:url(../img/snavi.gif) -572px -14px no-repeat;}
#snavi #snavi07 a:hover,#snavi #snavi06 a.current {width:85px;background:url(../img/snavi.gif) -648px -14px no-repeat;}

/* ============================== gnavi */

ul#gnavi{ width: 940px; position:relative; margin: 0; padding: 0;}
ul#gnavi li{ float: left;}

#gnavi a{
margin:0;
display:block;
padding:54px 0 0 0;
overflow:hidden;
height: 0px !important; /* for most browsers */
}

#gnavi_1st_top { position: absolute; left:0; top:0; }
#gnavi_1st_kaisai { position: absolute; left: 229px; top: 0; }
#gnavi_1st_boshu { position: absolute; left: 469px; top: 0; }
#gnavi_1st_past2011 { position: absolute; left: 709px; top: 0; }

#gnavi #gnavi01 a {width:167px;background:url(../img/gnavi.png) 0 0 no-repeat;}
#gnavi #gnavi02 a {width:166px;background:url(../img/gnavi.png) -167px 0 no-repeat;}
#gnavi #gnavi03 a {width:166px;background:url(../img/gnavi.png) -333px 0 no-repeat;}
#gnavi #gnavi04 a {width:166px;background:url(../img/gnavi.png) -499px 0 no-repeat;}
#gnavi #gnavi05 a {width:166px;background:url(../img/gnavi.png) -665px 0 no-repeat;}
#gnavi #gnavi06 a {width:109px;background:url(../img/gnavi.png) -831px 0 no-repeat;}

#gnavi #gnavi01 a:hover,#gnavi #gnavi01 a.current {background:url(../img/gnavi.png) 0 -54px no-repeat;}
#gnavi #gnavi02 a:hover,#gnavi #gnavi02 a.current  {background:url(../img/gnavi.png) -167px -54px no-repeat;}
#gnavi #gnavi03 a:hover,#gnavi #gnavi03 a.current  {background:url(../img/gnavi.png) -333px -54px no-repeat;}
#gnavi #gnavi04 a:hover,#gnavi #gnavi04 a.current  {background:url(../img/gnavi.png) -499px -54px no-repeat;}
#gnavi #gnavi05 a:hover,#gnavi #gnavi05 a.current  {background:url(../img/gnavi.png) -665px -54px no-repeat;}
#gnavi #gnavi06 a:hover,#gnavi #gnavi06 a.current  {background:url(../img/gnavi.png) -831px -54px no-repeat;}

/* ============================== contents */
h1,h2,h3{ margin:0 0 20px; padding: 0; }

#wc h1{ background:url(../../wondercampus/img/wc_tit.png) no-repeat left top; width: 960px; height: 146px;text-indent: -9999px;}
#kaisai h1{ background:url(../../kaisai/img/kaisai_tit02.png) no-repeat left top; width: 960px; height: 130px;text-indent: -9999px;}

h2.subtit { font-size: 18px;}
h2.subtit span{ margin:0; padding:20px 10px; line-height: 1.5;}

#wc h2.subtit {
color:#0079c2;
background: url(../img/wc_box_line_hori.gif) no-repeat left top #fffcd2; zoom: 1;
}

#wc h2.subtit span{
background: url(../img/wc_box_line_hori.gif) no-repeat left bottom;
display: block;
}

#kaisai h2.subtit{
color:#a96a23;
background: url(../img/kaisai_box_line_hori.gif) no-repeat left top #fffcd2;
}

#kaisai h2.subtit span{
background: url(../img/kaisai_box_line_hori.gif) no-repeat left bottom;
display: block;
}

#wc h3.subtit {
border-left: 8px solid #0079c2;
color:#0079C2;
line-height: 1.5;
margin: 20px 0 15px;
padding: 0 0 0 5px;
}

body#wclub h3.subtit {
border-left: 8px solid #008f3b;
color:#008f3b;
line-height: 1.5;
margin: 20px 0 15px;
padding: 0 0 0 5px;
}

body#wakuwaku h3.subtit {
border-left: 8px solid #ec6c1f;
color:#ec6c1f;
line-height: 1.5;
margin: 20px 0 15px;
padding: 0 0 0 5px;
}

body#kids h3.subtit {
border-left: 8px solid #77b000;
color:#77b000;
line-height: 1.5;
margin: 20px 0 15px;
padding: 0 0 0 5px;
}

body#ws h3.subtit {
border-left: 8px solid #e85382;
color:#e85382;
line-height: 1.5;
margin: 20px 0 15px;
padding: 0 0 0 5px;
}

h4.boshu-subtit{
margin:0 0 10px;
padding:0 20px 15px;
display:inline-block;
background:url(../img/h4_bg_brown.gif) repeat-x left bottom;
font-size:16px;
color:#a96a23;
font-weight:bold;
}

.box_photo {
 overflow: hidden;
 _zoom: 1;
}

.photo_area img,
.photo_area_02 img{ display: block; margin-left: 10px; }
.photo_area.bd img,
.photo_area_02.bd img{ padding: 5px; border: 1px solid #a0a0a0; }
.box_photo{ margin-bottom: 30px;}
.box_photo .photo_area{ float: right; padding-left: 10px; }
.box_photo .photo_area_02{ float: left; padding-left: 10px; }
.box_photo .photo_area img,
.box_photo .photo_area_02 img{ display: block; margin-left:10px; }
.box_photo .photo_area.bd img,
.box_photo .photo_area_02.bd img{ padding: 5px; border: 1px solid #a0a0a0; }
.box_photo .text_area{ overflow: hidden; _zoom: 1;}

.photo_area_left img{ display: block; margin-right: 10px; }
.photo_area_left.bd img{ padding: 5px; border: 1px solid #a0a0a0; }
.box_photo_left{ margin-bottom: 30px;}
.box_photo_left .photo_area_left{ float: left; padding-right: 10px; }
.box_photo_left .photo_area_left_02{ float: right; padding-right: 10px; }
.box_photo_left .photo_area_left img{ display: block; margin-right:10px; }
.box_photo_left .photo_area_left.bd img{ padding: 5px; border: 1px solid #a0a0a0; }
.box_photo_left .text_area{ overflow: hidden; _zoom: 1;}

.textarea{
margin:0 0 50px;
padding:0 20px;
}

.textarea p{
margin:0 0 20px;
line-height:1.5;
}

.last-para{
margin:0 0 50px;
}

.border-b1{
margin:0 0 20px;
padding:0 0 20px;
border-bottom:1px solid #dddddd;
}
.holding {
color:#a96a23;
font-size:18px!important;
}

a.link-pdf{
padding:3px 0 5px 45px;
background:url(../img/bullet_pdf.gif) no-repeat left top;
}

a.link-text{
padding:3px 0 5px 23px;
background:url(../img/bullet_link.gif) no-repeat left 2px;
}

a.link_window {
background:url(../img/bullet_window.gif) right 2px no-repeat;
padding-right:14px;
}

#ftr-text{
margin:30px -30px 0;
padding:30px 30px 10px;
background:#fff1c2;
}

#ftr-text p{
margin:0 0 10px;
}ftr-btn-l

/* ============================== social_area */

#social_area_02 {
width: 940px;
}

#social_area_02 .ftr-btn-l {
width: 500px;
float: left;
}

#social_area_02 .ftr-btn-r {
width: 130px;
float: right;
}

#social_area_02 .social_area_inr{
padding: 0 10px 0;
}

.addthis_toolbox{
width:250px;
}

.social_area_box{float:left; margin-right: 10px;}

/* ============================== table */
#main table { width: 100%; height: 100%;}
#main table { border-collapse: collapse; border-spacing: 0; }
#main th, #main td { padding: 14px 15px; border: 1px solid #999; height: auto; line-height: 1.5;}

/* width 1:3 (default) */
#main th { background-color: #f8eab6; width: 24%;font-weight:bold; }
#main td { width: 76%; }

/* width 1:3 */
#main table.three th { width: 24%; }
#main table.three td { width: 76%; }
#main table.plan_box th { width: 30% !important; line-height: 1.5; }
#main table.plan_box td { width: 70% !important; line-height: 1.5; }
#main table.plan_box_02 th { width: 23% !important; line-height: 1.5; }
#main table.plan_box_02 td { width: 77% !important; line-height: 1.5; }

/* width 1:3 */
table.second th { width: 40% !important; }
table.second td { width: 60% !important; }

table.second tr th, .second tr td{
font-size:14px !important;
border:none  !important;
}

.pad0{padding: 0 !important;}

#main table.second th{ border-right: 1px solid #999!important; }

body#wc #main th{background-color: #b2d7ed;}
body#wclub #main th{background-color: #b2ddc4;}
body#wakuwaku #main th{background-color: #f9d3bb;}
body#kids #main th{background-color: #ddedbb;}
body#ws #main th{background-color: #f8cbd9;}

body#wc #main table.second tr th {background-color: #d9ebf6;}
body#wclub #main table.second tr th {background-color: #d9eee2;}
body#wakuwaku #main table.second tr th {background-color: #f9d3bb;}
body#kids #main table.second tr th {background-color: #eef6de;}
body#ws #main table.second tr th {background-color: #fce5ec;}
body#program #main table#table-program { border: 1px solid #E3E3E3; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0;}
body#program #main table#table-program tr.table-program-index { background: none repeat scroll 0 0 #999999; color: #FFFFFF;}
body#program #main table#table-program tr td { font-size: 12px; margin: 0; padding: 5px 1%; width:auto; border-color:#AAAAAA; }
body#program #main table#table-program tr td.sanka01 { background-color: #CCFFFF; color: #333333;}
body#program #main table#table-program tr td.sanka02 { background-color: #FFFF99; color: #333333;}
body#program #main table#table-program tr td.sanka03 { background-color: #FFCCCC; color: #333333;}
body#program #main table#table-program thead tr td.col01 { width: 9%;}
body#program #main table#table-program thead tr td.col02 { width: 49%;}
body#program #main table#table-program thead tr td.col03 { width: 18%;}
body#program #main table#table-program thead tr td.col04 { width: 16%;}


/* ============================== ftr-text */
#ftr-text{ margin-top: 10px;}

/* ============================== border */
.bdr_none{ border: none!important;}

/* ============================== margin */
.mt0 { margin-top: 0px!important; }
.mt05 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt35 { margin-top: 35px!important; }
.mt40 { margin-top: 40px!important; }
.mt45 { margin-top: 45px!important; }
.mt50 { margin-top: 50px!important; }
.mt60 { margin-top: 60px!important; }

.mb0 { margin-bottom: 0px!important; }
.mb05 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb35 { margin-bottom: 35px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb45 { margin-bottom: 45px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }

.ml0 { margin-left: 0px!important; }
.ml05 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml35 { margin-left: 35px!important; }
.ml40 { margin-left: 40px!important; }
.ml45 { margin-left: 45px!important; }
.ml50 { margin-left: 50px!important; }
.ml60 { margin-left: 60px!important; }

.mr0 { margin-right: 0px!important; }
.mr05 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr35 { margin-right: 35px!important; }
.mr40 { margin-right: 40px!important; }
.mr45 { margin-right: 45px!important; }
.mr50 { margin-right: 50px!important; }
.mr60 { margin-right: 60px!important; }

/* ============================== padding */
.pt0 { padding-top: 0px!important; }
.pt05 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt35 { padding-top: 35px!important; }
.pt40 { padding-top: 40px!important; }
.pt45 { padding-top: 45px!important; }
.pt50 { padding-top: 50px!important; }
.pt60 { padding-top: 60px!important; }

.pb0 { padding-bottom: 0px!important; }
.pb05 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb35 { padding-bottom: 35px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb45 { padding-bottom: 45px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb60 { padding-bottom: 60px!important; }

.pl0 { padding-left: 0px!important; }
.pl05 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl35 { padding-left: 35px!important; }
.pl40 { padding-left: 40px!important; }
.pl45 { padding-left: 45px!important; }
.pl50 { padding-left: 50px!important; }
.pl60 { padding-left: 60px!important; }

.pr0 { padding-right: 0px!important; }
.pr05 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr35 { padding-right: 35px!important; }
.pr40 { padding-right: 40px!important; }
.pr45 { padding-right: 45px!important; }
.pr50 { padding-right: 50px!important; }
.pr60 { padding-right: 60px!important; }