@charset "shift_jis";


/*----------------------------  共通 ----------------------------*/

* { margin: 0; padding: 0;}
body { background: url(../imgs/bg_main.png) repeat-x top; font-size: 75%; margin: 0; padding: 0; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

a img { border: none;}

.clearall { clear: both; line-height: 6px; height: 6px;}


#centerarea .clearall { clear: both; line-height: 15px; height: 15px;}
#footer .clearall { clear: both; line-height: 15px; height: 15px;}


a { text-decoration: none; color: #0C94C0;}
a:hover { text-decoration: underline; color: #37BBE6;}
a:active { color: #AC7070;}
a:visited { color: #AC7070;}

#contents { width: 800px; position: relative; background-color: #FFFFFF; margin-left: auto; margin-right: auto;}
#bgLeft { width: 63px; height: 498px; background: url(../imgs/bg_left.png) no-repeat top left; position: absolute; top: 0; left: -63px;}
#bgRight { width: 63px; height: 498px; background: url(../imgs/bg_Right.png) no-repeat top left; position: absolute; top: 0; right: -63px;}

#flasharea { width: 780px;}
#header {}


address { font-style: normal;}

/*---------------------------- インデックス本文 ----------------------------*/

#idxBody { position: relative; width: 780px; margin-left: auto; margin-right: auto;}

#idxTopics { width: 400px; float: left; text-align: left;}
#idxTopics h2 { margin: 0; padding: 0;}
#topicsbody { background: url(../imgs/img_topics_bg.png) center repeat-y; padding: 6px;}
#topicsbody dt { color: #717171; font-size: 80%; padding-top: 10px;}
#topicsbody dd { padding-bottom: 13px; font-size: 90%; background: url(../imgs/img_topics_line.png) bottom repeat-x; }
#topicsbtm { background: url(../imgs/img_topics_bottom.png) bottom center; font-size: 1px; height: 4px; line-height: 4px; overflow: hidden; width: 400px; clear: both;}


#idxPickup { width: 216px; float: right; text-align: left;}

#idxPickup .idxPuhead { background: url(../imgs/img_right_top.png) top left; width: 216px; height: 4px; line-height: 4px; overflow: hidden; font-size: 1px;}
#idxPickup .idxPubody { background: url(../imgs/img_right_bg.png) repeat-y; padding: 0 3px;}
#idxPickup .idxPubody img { display: block; padding-top: 1px; padding-bottom: 1px;}
#idxPickup .idxPubody p { line-height: 110%; margin-bottom: 3px; margin-top: 3px; color: #6E6E6E;}
#idxPickup .idxPubtm { background: url(../imgs/img_right_bottom.png) bottom left; left: 216px; height: 4px; line-height: 4px; overflow: hidden; font-size: 1px; margin-bottom: 3px;}

#idxBnr { width: 150px; height: 297px; float: left; margin-left: 7px;}


/*----------------------------  フッタ ----------------------------*/

#footer { width: 780px; margin-left: auto; margin-right: auto; text-align:left;}

#copyright { background: url(../imgs/img_copyright.png) no-repeat; height: 16px; position: relative;}

#copyright ul { position: absolute; list-style: none; width: 265px; height: 16px; top: 0; left: 508px;}
#copyright ul li { float: left; margin: 0; padding: 0;}
#copyright li a span { position: absolute; left: -9999px;}

#ftrNaviinquiry { width: 94px; height: 16px;}
#ftrNaviaccess { width: 99px; height: 16px;}
#ftrNavilink { width: 72px; height: 16px;}

#ftrNaviinquiry a { background: url(../imgs/ftr_navi_inquiry.png) no-repeat; width: 94px; height: 16px; display: block;}
#ftrNaviaccess a { background:url(../imgs/ftr_navi_access.png) no-repeat; width: 99px; height: 16px; display: block;}
#ftrNavilink a { background: url(../imgs/ftr_navi_link.png) no-repeat; width: 72px; height: 16px; display: block;}

#ftrtxtTop { background: url(../imgs/ftr_navi_top.png) top; height: 3px; line-height: 3px; overflow: hidden; font-size: 1px; width: 780px;}
#ftrtxtNavi { background: url(../imgs/ftr_navi_bg.png) repeat-y; text-align: center; font-size: 10px; color: #FFFFFF; padding-top: 3px; padding-bottom: 3px; width: 780px;}
#ftrtxtNavi a { color: #FFFFFF; text-decoration: none;}
#ftrtxtNavi a:hover { color:#E0E0E0;}
#ftrtxtBtm { background: url(../imgs/ftr_navi_bottom.png) bottom; height: 3px; line-height: 3px; overflow: hidden; font-size: 1px; width: 780px;}

#footer address { float: right; font-style: normal; font-size: 90%; color: #7C7C7C; margin-top: 5px;}



/*------------------------------------------------------------  サブページ ------------------------------------------------------------*/




#headerarea { background: url(../imgs/bg_header.jpg) no-repeat; height: 154px; width: 780px; position: relative; margin-bottom: 10px;}

#header { width: 760px; margin-left: auto; margin-right: auto; height: 49px;}

#header h1 { width: 204px; height: 49px; float: left;}
#header h1 a { background: url(../imgs/logo.png) no-repeat; width: 204px; height: 49px; display: block;}
#header h1 a span { position: absolute; left: -9999px;}

#header img { float: right;}

/*----------------------------  グローバルナビゲーション ----------------------------*/

#mainNavi { width: 750px; position: absolute; bottom: 0; left: 15px;}
#mainNavi li { float: left; margin: 0; list-style: none; padding: 0;}

#mainNavi li a { display: block; height: 29px;}
#mainNavi li a span { position: absolute; left: -9999px;}

#naviTennis a { width: 180px; background: url(../imgs/navi_about.png) no-repeat;}
#naviStaff a { width: 140px; background: url(../imgs/navi_staff.png) no-repeat;}
#naviSchool a { width: 120px; background: url(../imgs/navi_school.png) no-repeat;}
#naviExp a { width: 93px; background: url(../imgs/navi_experience.png) no-repeat;}
#naviEvent a { width: 125px; background: url(../imgs/navi_event.png) no-repeat;}
#naviPrice a { width: 92px; background: url(../imgs/navi_price.png) no-repeat;}


#location { padding-top: 10px; padding-bottom: 10px; font-size: 10px; width: 780px; margin-left: auto; margin-right: auto; text-align: left;}


#subBody { position: relative; width: 780px; margin-left: auto; margin-right: auto;}
#subBodywide { position: relative; width: 560px; margin-left: auto; margin-right: auto;}

#areaLeft { width: 174px; float: left; text-align: left;}
#areaRight { width: 560px; float: right; border-top: 3px solid #C3C3C3; padding-top: 15px; text-align: left;}

#subBodywide #areaLeft { display: none;}
#subBodywide #areaRight { width: 560px; border-top: 3px solid #C3C3C3; padding-top: 15px; text-align: left; margin-left: auto; margin-right: auto;}







/*----------------------------  コンテンツ内メニュー ----------------------------*/
#areaLeft ul { margin: 0; padding: 0;}
#areaLeft ul li { margin: 0; padding: 0; background: url(../imgs/snavi_bottomline.png) bottom no-repeat; padding-bottom: 1px; padding-top: 1px; list-style: none;}


#areaBnr { padding-top: 3px;}
















@charset "shift_jis";

body {
}

.fleft { float: left;}
.fright { float: right;}


.txtLeft { text-align: left;}
.txtRight { text-align: right;}



h2 { margin-bottom: 20px;}
h3 { padding-bottom: 7px; font-size: 120%; margin-bottom: 0.5em; padding-top: 1em; clear: both; width: 100%; border-bottom: 2px solid #CCCCCC; color:#A0C076;}
h4 { font-size: 100%; clear:both; margin-bottom: 0.7em; color:#58B4C7; margin-top: 1.3em; line-height: 15px; width: 100%;}
h5 { color:#7B9CC1; margin-top: 1em; margin-bottom: 0.2em; font-size: 100%;}


/*---------------- 段落 ----------------*/
p { margin-top: 0; margin-bottom: 0.8em; line-height: 150%;}
p .fright { margin-left: 5px;}






ul { margin-bottom: 0.8em;}
ul li { list-style-image: url(../imgs/icon_list_01.gif);}
ol {}
li { margin-left: 25px; margin-bottom: 0.2em; line-height: 140%;}

/*-------------------- テーブル ---------------------*/

.table01 { border-collapse: collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin-top: 3px; margin-bottom: 3px; width: 100%;}
.table01 td { padding: 5px; vertical-align: top; font-size: 80%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.table01 th { padding: 5px; vertical-align: top; text-align: left; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; font-size: 80%; background:url(../imgs/bg_th_01.png); white-space: nowrap;}

.table02 { border-collapse: separate; background-color:#CCCCCC; width: 100%;}
.table02 td { padding: 2px; vertical-align: top; background-color: #FFFFFF; border: 1px solid #FFFFFF; font-size: 80%;}
.table02 th { padding: 2px; vertical-align: top; text-align: left; border: 1px solid #FFFFFF; background-color:#F2F2F2; font-size: 80%; white-space: nowrap;}

.table03 { border-collapse: separate; background-color:#CCCCCC; width: 100%;}
.table03 td { padding: 5px; vertical-align: top; background-color: #FFFFFF; border: 1px solid #FFFFFF; vertical-align: middle; font-size: 80%;}
.table03 th { padding: 5px; text-align: left; border: 1px solid #FFFFFF; background-color:#F2F2F2; font-size: 80%; white-space: nowrap;}

.table04 { border-collapse: collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin-top: 3px; margin-bottom: 3px; width: 100%;}
.table04 td { padding: 5px; vertical-align: top; font-size: 80%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; width: 14%; text-align: center;}
.table04 th { padding: 5px; vertical-align: top; text-align: left; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; font-size: 80%; background:url(../imgs/bg_th_01.png); width: 14%; text-align: center; white-space: nowrap;}

.table05 { border-collapse: collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin-top: 3px; margin-bottom: 3px;}
.table05 td { padding: 5px; vertical-align: top; font-size: 80%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.table05 th { padding: 5px; vertical-align: top; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; font-size: 80%; background:url(../imgs/bg_th_01.png); white-space: nowrap;}


/*-------------------- dl ---------------------*/

dl.formstyle { width: 500px; margin-left: 50px}
dl.formstyle dt { width: 150px; float: left; margin-top: 3px; margin-bottom: 17px; display: block; margin-right: 0; margin-left: 0;}
dl.formstyle dd { width: 320px; float: left; margin-bottom: 20px; display: block; margin-right: 0; margin-left: 0;}


.dlstyle01 { }
.dlstyle01 dt { float: left; width: 150px; margin-bottom: 5px; padding: 5px 0 0 0; font-weight: bold; border-top: 1px solid #CCCCCC; clear: both;}
.dlstyle01 dd { float: left; width: 440px; border-left: 2px solid #8EBDC6; border-top: 1px solid #CCCCCC; margin-bottom: 5px; padding: 3px 0 3px 5px; line-height: 130%;}
.dlstyle01 dd ul { margin: 0; padding: 0;}
.dlstyle01 dd li { margin-top: 0; margin-bottom: 0.1em; line-height: 130%; padding-top: 0;}
.dlstyle01 dd p { margin-top: 0; margin-bottom: 0.4em; line-height: 130%;}


.dlqanda {}
.dlqanda dt { text-indent: -22px; margin-bottom: 0.5em; padding-left: 27px;}
.dlqanda dd { text-indent: -22px; margin-bottom: 1em; padding-left: 27px; border-bottom: 1px dotted #999999; padding-bottom: 1em; line-height: 130%;}



/*-------------------- インデックス日付 ---------------------*/
.relerseday { margin-left: 10px; color:#999999;}

/*-------------------- 基本体裁 ---------------------*/
.center { text-align: center;}





/*-------------------- テキストカラー ---------------------*/
.txtred01 { color: #FF0000;}
.txtred02 { color: #CC0000;}
.txtred03 { color: #990000;}

.txtblue01 { color:#D7F4F7;}
.txtblue02 { color:#4581C2;}


/*-------------------- テキストカラー ---------------------*/
.bgclrgreen1 { background-color: #EEFFDD;}

.bgclrblue1 { background-color:#EAF2F7;}

.bgclryellow1 { background-color: #FFF1C1;}

.bgclrorange1 { background-color:#FDF7DB;}
.bgclrorange2 { background-color:#F5E0A0;}
.bgclrorange3 { background-color:#EFC75C;}