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

/*-------------------------------------------------


     all


-------------------------------------------------*/

*{
	padding:0;  
	margin:0;  
	border:0;  
}  

body{
	font-size: 13px ;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
	background:#FFF;
}

ul{
	list-style: none ;
}

img {
	border:0;
	vertical-align: baseline ;

}

dl,dt,dd,ol,ul,li,p,div,h1,h2,h3,h4,h5, {
	padding:0;
	margin:0;
	font-weight:normal;
	font-size:12px;
}

.clear {
	clear:both;
}

.clear20 {
	clear:both;
	margin-bottom:20px;
}




/*-------------------------------------------------


     search


-------------------------------------------------*/

#search {
	background:#efefef;
	border-bottom:#cccccc 1px solid;
	height:34px;
}

#searchInner {
	width:940px;
	margin:0 auto;
}

#search p.sentence {
	padding:5px 10px 5px 40px;
	line-height:23px;
	color:#7b7d78;
	float:left;
	font-size:10px;
}

#search .searchRight {
	float:right;
	padding:6px 40px 6px 0;
}

#searchBox {
	background:url(../images/search_box.jpg) no-repeat;
	width:165px;
	height:15px;
	font-size:10px;
	padding:3px 6px;
	line-height:15px;
	margin:0;
	float:left;
}

#searchBtn {
	background:url(../images/search_btn.jpg) no-repeat;
	width:91px;
	height:21px;
	text-indent:-9999px;
	margin:0 0 0 5px;
	float:left;
}

#currentPage {
	margin:10px 0 0 0;
	padding:5px 0px;
}

#currentPage .page1 {
	padding:3px 5px;
    border-radius: 3px;         /* CSS3 */
    -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
    border: 1px #999999 solid;     /* 枠線の装飾 */
    background-color: #CCCCCC;   /* 背景色 */
	margin:0;
	font-size:12px;
	color:#666666;
	text-decoration:none;
}

#currentPage .pageLink a {
	padding:3px 5px;
    border-radius: 3px;         /* CSS3 */
    -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
    border: 1px #999999 solid;     /* 枠線の装飾 */
    background-color: #CCCCCC;   /* 背景色 */
	margin:0;
	font-size:12px;
	color:#666666;
	text-decoration:none;
}

#currentPage .pageLink a:hover {
	padding:3px 5px;
    border-radius: 3px;         /* CSS3 */
    -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
    border: 1px #333333 solid;     /* 枠線の装飾 */
    background-color: #9fe544;   /* 背景色 */
	margin:0;
	font-size:12px;
	color:#ffffff;
}


/*-------------------------------------------------


     page


-------------------------------------------------*/

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



/*-------------------------------------------------


     header


-------------------------------------------------*/

#header {
	width:940px;
	margin:0 auto;
	background:#FFF;
}

#headerInner {
	padding:5px 30px;
}

#headerInner .headerTitle {
	width:182px;
	height:48px;
	float:left;
	margin:16px 0 8px 0;
}

#headerInner .headerTitle a {
	display:block;
	width:182px;
	height:48px;
	font-weight:normal;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/header_logo.jpg) no-repeat;
}

#headerInner .headerTitle a:hover {
    opacity:0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
	background:url(../images/header_logo.jpg) no-repeat;
}

#headerInner .headerBtn {
	float:right;
	text-align:right;
}

#headerInner .btnText {
	height:16px;
	padding:3px 0;
}

#headerInner span.btn {
	font-size:9px;
}

#headerInner span.btn a { text-decoration:none; color:#7b7d78; }
#headerInner span.btn a:hover { text-decoration:none; background:#9fe544; color:#FFF; }

#headerInner .btnBn {
	padding:5px 0;
}

#headerInner .btnBn a:hover img {
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    background: #fff;
}



/*-------------------------------------------------


     nav


-------------------------------------------------*/

#nav {
	height:48px;
	padding:0 30px;
}

#navInner {
	background:url(../images/nav_bg.jpg) repeat-x;
	width:880px;
	margin:0 auto;
	padding:9px 0 10px 0;
}

#navInner li {
	display:inline;
	float:left;
}

#navInner .nav_01 a {	display:block; width:110px; height:29px; background:url(../images/nav/dance.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#navInner .nav_01 a:hover { background-position:left bottom; }

#navInner .nav_02 a {	display:block; width:110px; height:29px; background:url(../images/nav/yoga.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#navInner .nav_02 a:hover { background-position:left bottom; }

#navInner .nav_03 a {	display:block; width:110px; height:29px; background:url(../images/nav/surfing.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#navInner .nav_03 a:hover { background-position:left bottom; }

#navInner .nav_04 a {	display:block; width:110px; height:29px; background:url(../images/nav/diving.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#navInner .nav_04 a:hover { background-position:left bottom; }

#navInner .nav_05 a {	display:block; width:110px; height:29px; background:url(../images/nav/study.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#navInner .nav_05 a:hover { background-position:left bottom; }

#navInner .nav_06 a {	display:block; width:110px; height:29px; background:url(../images/nav/oyako.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#navInner .nav_06 a:hover { background-position:left bottom; }

#navInner .nav_07 a {	display:block; width:110px; height:29px; background:url(../images/nav/spanish.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#navInner .nav_07 a:hover { background-position:left bottom; }



/*-------------------------------------------------


     container


-------------------------------------------------*/

#container {
	width:940px;
}

#containerInner {
	padding:15px 0;
}

#container .back {
	width:159px;
	height:26px;
	margin:0 44px 0 737px;
}

#container .back a {
	display:block;
	width:159px;
	height:26px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/btn_back.gif) no-repeat;
}



/*-------------------------------------------------


     pankuzu


-------------------------------------------------*/

#pankuzu {
	padding:0 0 0 15px;
	margin:0 0 15px 0;
}

#pankuzu .link {
	background:url(../images/yajirushi_pankuzu.gif) no-repeat right;
	padding:0px 25px 0px 5px;
	display:inline;
	line-height:10px;
	font-size:10px;	
}

#pankuzu .none {
	padding:0px 25px 0px 5px;
	display:inline;
	line-height:10px;
	font-size:10px;
}





/*-------------------------------------------------


     main


-------------------------------------------------*/

#main {
	width:690px;
	float:left;
}

#mainInner {
	padding:0 0 0 30px;
	
}

#mainFla {
	padding:0;
	margin:0 0 20px 0;
}

#mainInner h2.titleNews {
	background:url(../images/title_news.jpg) no-repeat;
	width:495px;
	height:18px;
	font-weight:normal;
	font-size:11px;
	padding:8px 15px 22px 150px;
	text-align:right;
}

    #mainInner h2.titleNews a { border:1px solid #a6d2a6; background:#FFF; color:#248f2c; text-decoration:none; padding:1px 3px; }
    #mainInner h2.titleNews a:hover { border:1px solid #248f2c; background:#248f2c; color:#fff; }

#mainInner .marginB30 {
	margin:0 0 0 30px;
}

#mainInner dl {
	margin-bottom:0px;
}

#mainInner dt.date {
	float:left;
	background:url(../images/date_bg.gif) no-repeat;
	width:97px;
	height:19px;
	padding:1px 0 0 25px;
	margin:3px 0 3px 6px;
}

#mainInner dt.searchTitle {
	float:left;
	background:url(../images/date_bg.gif) no-repeat;
	width:160px;
	height:19px;
	padding:1px 0 0 25px;
	margin:3px 0 3px 6px;
}

#mainInner dd.contents {
	float:left;
	margin:3px 0 3px 0;
	font-size:12px;
	padding:2px 0 0 0;
}

#mainInner dd.detail {
	float:right;
	font-weight:normal;
	font-size:11px;
	margin:5px 15px 3px 0;
}

#mainInner dd.detail a { background:#FFF; color:#666666; text-decoration:none; padding:1px 3px; }
#mainInner dd.detail a:hover { background:#248f2c; color:#fff; }

#mainInner .dotted {
	border-bottom:1px dotted #9fe544;
	clear:both;
	margin-bottom:5px;
}

#mainInner .dotted0 {
	border-bottom:1px dotted #9fe544;
	clear:both;
	margin:0;
	padding:0;
}

#mainInner .dotted20 {
	border-bottom:1px dotted #9fe544;
	clear:both;
	margin-bottom:20px;
}

#mainInner h2.titleProgram {
	background:url(../images/title_program.jpg) no-repeat;
	width:495px;
	height:18px;
	font-weight:normal;
	font-size:11px;
	padding:8px 15px 22px 150px;
	text-align:right;
}

    #mainInner h2.titleProgram a { border:1px solid #a6d2a6; background:#FFF; color:#248f2c; text-decoration:none; padding:1px 3px; }
    #mainInner h2.titleProgram a:hover { border:1px solid #248f2c; background:#248f2c; color:#fff; }

#mainInner h2.titleSeminar {
	background:url(../images/title_seminar.jpg) no-repeat;
	width:495px;
	height:18px;
	font-weight:normal;
	font-size:11px;
	padding:8px 15px 22px 150px;
	text-align:right;
}

    #mainInner h2.titleSeminar a { border:1px solid #a6d2a6; background:#FFF; color:#248f2c; text-decoration:none; padding:1px 3px; }
    #mainInner h2.titleSeminar a:hover { border:1px solid #248f2c; background:#248f2c; color:#fff; }

#indexLbox {
	width:248px;
	float:left;
}
    #indexLboxInner { padding:5px 10px 5px 4px; }
	
#indexLboxInner dl { margin-bottom:10px; }
#indexLboxInner dt.date {
	background:url(../images/date_bg.gif) no-repeat;
	width:214px;
	height:19px;
	padding:0 0 0 20px;
	margin:0;
}
#indexLboxInner dd.contents {
	width:214px;
	font-size:12px;
	padding:10px 10px 10px 10px;
	margin:0;
}
#indexLboxInner dd.detail {
	width:234px;
	font-weight:normal;
	font-size:11px;
	text-align:right;
	margin:0;
}
#indexLboxInner dd.detail a { background:#FFF; color:#666666; text-decoration:none; padding:1px 3px; }
#indexLboxInner dd.detail a:hover { background:#248f2c; color:#fff; }

#indexRbox {
	width:412px;
	float:right;
}
    #indexRboxInner { padding:12px 12px 12px 0px; }

/*オススメプログラムのバナー*/
#indexRboxInner .osusumeBn {
	width:400px;
	height:82px;
}

#indexRboxInner .osusumeBn a {
	display:block;
	width:400px;
	height:82px;
	font-weight:normal;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/bn/osusume_bn.jpg) no-repeat;
}

#indexRboxInner .osusumeBn a:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
	background:url(../images/bn/osusume_bn.jpg) no-repeat;
}

/*セミナー情報のバナー*/
#indexRboxInner .seminarBn {
	width:400px;
	height:82px;
}

#indexRboxInner .seminarBn a {
	display:block;
	width:400px;
	height:82px;
	font-weight:normal;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/bn/seminar_bn.jpg) no-repeat;
}

#indexRboxInner .seminarBn a:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
	background:url(../images/bn/seminar_bn.jpg) no-repeat;
}

#mainInner h2.titleTestimonials {
	background:url(../images/title_testimonials.jpg) no-repeat;
	width:321px;
	height:22px;
	font-weight:normal;
	font-size:11px;
	padding:34px 4px 0 0;
	text-align:right;
}

    #mainInner h2.titleTestimonials a { border:1px solid #a6d2a6; background:#FFF; color:#248f2c; text-decoration:none; padding:1px 3px; }
    #mainInner h2.titleTestimonials a:hover { border:1px solid #248f2c; background:#248f2c; color:#fff; }

#testimonialsBox {
	float:left;
	width:325px;
	margin-right:10px;
}

#testimonialsBox dl {
	margin-bottom:10px;
}

#testimonialsBox dt.date {
	float:left;
	background:url(../images/date_bg.gif) no-repeat;
	width:85px;
	height:19px;
	padding:1px 0 0 25px;
}

#testimonialsBox dd.contents {
	float:right;
	font-size:12px;
	width:200px;
}

#testimonialsBox dd.contents a { background:#FFF; color:#666666; text-decoration:none; }
#testimonialsBox dd.contents a:hover { background:#248f2c; color:#fff; }

#testimonialsBox .dotted {
	border-bottom:1px dotted #9fe544;
	clear:both;
	margin-bottom:5px;
}

#mainInner h2.titleMovie {
	background:url(../images/title_movie.jpg) no-repeat;
	width:325px;
	height:56px;
}



/*-------------------------------------------------


     sub


-------------------------------------------------*/

#sub {
	width:250px;
	float:right;
}

#subInner {
	padding:0 30px 0 20px;
}

#subInner li {
	margin-bottom:10px;
}

#subInner .bn_story a {	display:block; width:200px; height:200px; background:url(../images/side/bn_story.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#subInner .bn_story a:hover { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background:url(../images/side/bn_story.jpg) no-repeat; }
/*#subInner .bn_01 a:hover { background-position:left bottom; }*/

#subInner .bn_story2 a {	display:block; width:200px; height:150px; background:url(../images/side/bn_story2.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#subInner .bn_story2 a:hover { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background:url(../images/side/bn_story2.jpg) no-repeat; }
/*#subInner .bn_01 a:hover { background-position:left bottom; }*/

#subInner .bn_02 a {	display:block; width:200px; height:67px; background:url(../images/side/bn_02.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#subInner .bn_02 a:hover { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background:url(../images/side/bn_02.jpg) no-repeat; }

#subInner .bn_03 a {	display:block; width:200px; height:67px; background:url(../images/side/bn_03.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#subInner .bn_03 a:hover { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background:url(../images/side/bn_03.jpg) no-repeat; }

#subInner .bn_04 a {	display:block; width:200px; height:67px; background:url(../images/side/bn_04.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#subInner .bn_04 a:hover { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background:url(../images/side/bn_04.jpg) no-repeat; }

#subInner .bn_05 a {	display:block; width:200px; height:67px; background:url(../images/side/bn_05.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#subInner .bn_05 a:hover { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background:url(../images/side/bn_05.jpg) no-repeat; }

#subInner .bn_tel {	width:200px; height:100px; background:url(../images/side/bn_tel.jpg) no-repeat left top; text-indent:-9999px; }

#subInner .bn_qrcord a {	display:block; width:200px; height:120px; background:url(../images/side/bn_qrcord.jpg) no-repeat left top; text-indent:-9999px; text-decoration:none; }
#subInner .bn_qrcord a:hover { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background:url(../images/side/bn_qrcord.jpg) no-repeat; }



/*-------------------------------------------------


     footer


-------------------------------------------------*/

#footer {
	background:#56cb2d;
}

#footerInner {
	width:940px;
	padding:15px 0;
	margin:0 auto;
	text-align:center;
}

#footerMain {
	width:690px;
	float:left;
}

#footerMainInner {
	padding:0 0 0 30px;
}

    #footerMainInner .sbox { background:url(../images/common/footer/sbox_bg.jpg) repeat-y; width:182px; float:left; margin:0 12px 0 0; text-align:left; }
    #footerMainInner p.sbox_top { background:url(../images/common/footer/sbox_top.jpg) no-repeat; width:182px; height:10px; text-indent:-9999px; margin:0; padding:0; font-size:10px; line-height:10px; }
    #footerMainInner p.sbox_bottom { background:url(../images/common/footer/sbox_bottom.jpg) no-repeat; width:182px; height:10px; text-indent:-9999px; margin:0; padding:0; font-size:10px; line-height:10px; }
    #footerMainInner li.sbox_li { background:url(../images/common/footer/sbox_li.jpg) no-repeat; width:182px; height:12px; font-size:12px; line-height:12px; padding-left:32px; margin:6px 0; }
	
    #footerMainInner .lbox { background:url(../images/common/footer/lbox_bg.jpg) repeat-y; width:272px; float:left; text-align:left; }
    #footerMainInner p.lbox_top { background:url(../images/common/footer/lbox_top.jpg) no-repeat; width:272px; height:10px; text-indent:-9999px; margin:0; padding:0; font-size:10px; line-height:10px; }
    #footerMainInner p.lbox_bottom { background:url(../images/common/footer/lbox_bottom.jpg) no-repeat; width:272px; height:10px; text-indent:-9999px; margin:0; padding:0; font-size:10px; line-height:10px; }
    #footerMainInner li.lbox_li { background:url(../images/common/footer/lbox_li.jpg) no-repeat; width:272px; height:12px; font-size:12px; line-height:12px; padding-left:32px; margin:6px 0; }

#footerMainInner .box {
	width:100%;
	margin-top:12px;
	background:#99ff33;
	font-size:12px;
	line-height:16px;
	text-align:left;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}
/*    #footerMainInner .box { width:100%; border:1px solid #99ff33; margin-top:12px; background:#99ff33; font-size:12px; line-height:16px; text-align:left; }*/
    #footerMainInner .boxInner { padding:6px 20px; }
    #footerMainInner li.box_li { float:left; margin-right:30px; }
	
	#footerMainInner a { text-decoration:none; color:#000000; }
    #footerMainInner a:hover { text-decoration:none; color:#FFF; }



#footerSub {
	width:250px;
	float:right;
}

#footerSubInner {
	padding:70px 30px;
}

#footerInner p.copy {
	color:#FFF;
	font-size:12px;
	margin-top:12px;
}


#footerInner .footerTitle {
	width:190px;
	height:50px;
}

#footerInner .footerTitle a {
	display:block;
	width:190px;
	height:50px;
	font-weight:normal;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/footer_logo.jpg) no-repeat;
}

#footerInner .footerTitle a:hover {
    opacity:0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
	background:url(../images/footer_logo.jpg) no-repeat;
}




/*-------------------------------------------------


     main_flash


-------------------------------------------------*/

#carouselWrap{
	margin:0px auto 20px auto;
	width:620px;
	height:250px;
	padding:5px;
	background:url(../images/index/background.gif) no-repeat center;
	position:relative;
}

#carouselPrev{
	position:absolute;
	top:100px;
	left:-20px;
	cursor:pointer;
}
#carouselNext{
	position:absolute;
	top:100px;
	right:-20px;
	cursor:pointer;
}
#carousel{
	width:100%;
	height:100%;
	overflow:hidden;
}

#carouselInner p.column{
	width:610px;
	height:240px;
	padding:5px 5px;
	float:left;
	display:inline;
}

#carouselInner p.column img{
	border:none;
}

/*
#carouselInner ul.column li{
	float:left;
	margin-right:10px;
	display:inline;
}
#carouselInner ul.column li img{
	border:none;
}
*/