@charset "utf-8";

/*--------------------
INITIALIZE:
--------------------*/
h1,h2,h3,h4,h5,h6,
body,div,p,form,
dl,dt,dd,ul,ol,li,
table,tr,th,td,hr {
margin: 0;
padding: 0;
}

html { height: 100%; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img { border: none; }
ul { list-style: none; }
strong { font-weight: normal; }
address { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { font-family:  "ＭＳ Ｐゴシック","MS PGothic", Osaka,sans-serif; }

/* clear */
.clear { clear: both; }
.clear hr { display: none; }

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; zoom: 1; }
/* */


/* space */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

.fontSmall {
font-size: 83%;
}

.hide {
display: none;
}

/*--------------------
BODY
--------------------*/
html[xmlns]>/**/body {
font-size:16px;
}

body { 
color: #7F7F7F;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
background: #F7F7F7 url(../image/bg_contents.jpg) repeat-y left top;
}

#container {
width: 941px;
line-height: 140%;
font-size: 75%;
}  

/*--------------------
LINK
--------------------*/
a:link { color: #808080; text-decoration: none; }
a:visited { color: #808080; text-decoration: none; }
a:hover { color: #808080; text-decoration: none; }
a:active { color: #808080; text-decoration: none; }

#newsList .txtArea dt.ttlPart a:link { color: #4C4C4C; text-decoration: none; }
#newsList .txtArea dt.ttlPart a:visited { color: #4C4C4C; text-decoration: none; }
#newsList .txtArea dt.ttlPart a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#newsList .txtArea dt.ttlPart a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#columnD .archiveList li a:link { color: #808080; text-decoration: none; }
#columnD .archiveList li a:visited { color: #808080; text-decoration: none; }
#columnD .archiveList li a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#columnD .archiveList li a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#footer .footNaviB li a:link { color: #808080; text-decoration: none; }
#footer .footNaviB li a:visited { color: #808080; text-decoration: none; }
#footer .footNaviB li a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#footer .footNaviB li a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#newsEntry .entryBox a:link { color: #808080; text-decoration: none; }
#newsEntry .entryBox a:visited { color: #808080; text-decoration: none; }
#newsEntry .entryBox a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#newsEntry .entryBox a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#top #columnB .rss dd a:link { color: #808080; text-decoration: none; }
#top #columnB .rss dd a:visited { color: #808080; text-decoration: none; }
#top #columnB .rss dd a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#top #columnB .rss dd a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#top #footer ul li a:link { color: #808080; text-decoration: none; }
#top #footer ul li a:visited { color: #808080; text-decoration: none; }
#top #footer ul li a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#top #footer ul li a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#newsEntry .entryBox p.goNewsTop a { padding: 0; }
#newsEntry .entryBox p.goNewsTop a:hover { color: #808080; text-decoration: }
#newsEntry .entryBox p.goNewsTop a:active { color: #808080; text-decoration: }

#contact #main p.goIndex a:link { color: #808080; text-decoration: none; }
#contact #main p.goIndex a:visited { color: #808080; text-decoration: none; }
#contact #main p.goIndex a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#contact #main p.goIndex a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#contact #main .mainLeadPart a:link { color: #808080; text-decoration: none; }
#contact #main .mainLeadPart a:visited { color: #808080; text-decoration: none; }
#contact #main .mainLeadPart a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#contact #main .mainLeadPart a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#privacy #main a:link { color: #808080; text-decoration: none; }
#privacy #main a:visited { color: #808080; text-decoration: none; }
#privacy #main a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#privacy #main a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#guideline #main a:link { color: #808080; text-decoration: none; }
#guideline #main a:visited { color: #808080; text-decoration: none; }
#guideline #main a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#guideline #main a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#sitemap #main a:link { color: #808080; text-decoration: none; }
#sitemap #main a:visited { color: #808080; text-decoration: none; }
#sitemap #main a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#sitemap #main a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#schedule .arrow a:link { color: #808080; text-decoration: none; }
#schedule .arrow a:visited { color: #808080; text-decoration: none; }
#schedule .arrow a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#schedule .arrow a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#lesson .iconLink a:link { color: #808080; text-decoration: none; }
#lesson .iconLink a:visited { color: #808080; text-decoration: none; }
#lesson .iconLink a:hover { color: #FFFFFF; text-decoration: none; background: #333333; }
#lesson .iconLink a:active { color: #FFFFFF; text-decoration: none; background: #333333; }

#main .bgNone a,
#main .btArea a,
#footer .footNaviA a,
#footer .copyright a,
#footer .gotop a,
#access .gosche a,
#newsEntry .goNewsTop a,
#newsList .goNewsTop a,
#voice .txtArea li a,
#top #columnB .rss .icons a, 
#schedule .bgGrayBox .btPart a, {
background: none;
padding: 0;
color: #808080;
}


/*--------------------
COLUMN
--------------------*/
#columnA {
float: left;
width: 291px;
min-height: 910px;
text-align: center;
}

#columnA .ttlPart {
display: block;
margin: 22px 0;
}

#columnA #globalNavi ul {
margin-bottom: 37px;
}

#columnA #globalNavi li {
margin-bottom: 10px;
}

#columnA #globalNavi li img {
vertical-align: bottom;
}

#columnB {
float: left;
width: 650px;
}

#main #columnC {
float: left;
width: 500px;
}

#main #columnD {
float: left;
width: 150px;
margin-top: 0;
/*margin-right: -6px;*/
}

#columnD .searchBox {
background: #EFEEED;
padding: 5px 0 2px 6px;
margin: 0 0 22px 0;
}

#columnD .searchBox .txtPart {
float: left;
margin: 0;
line-height: 100%;
}

#columnD .searchBox .txtPart input {
width: 100px;
height: 18px;
padding: 0 5px;
color: #BFBFBF;
border: 1px solid #D4D4D4;
background: url(../image/bg_form_type4.gif) no-repeat left top;
}

#columnD .searchBox .btPart {
float: left;
margin: -1px 0 0 3px;
vertical-align: top;
}

#columnD .archiveList .ttlPart {
margin: 40px 0 0 0;
padding: 0;
width: 150px;
}

#columnD .archiveList ul {
margin: 16px 0 0 12px;
}

#columnD .archiveList li {
padding: 2px 25px 0 14px;
margin-bottom: 8px;
background: url(../image/icon_news_list.gif) no-repeat left 6px;
font-size: 92%;
}

#columnD .archiveList li a {
padding: 2px 1px 0 2px;
} 

/*--------------------
Mr.Mark
--------------------*/
#mrMark {
position: absolute;
top: 514px;
width: 286px;
height: 392px; 
text-indent: -9999px;
}

#whats #mrMark {
background: url(../image/bg_cola_whats.jpg) no-repeat left bottom;
height: 450px;
}

#profile #mrMark {
background: url(../image/bg_cola_profile.jpg) no-repeat left bottom;
height: 450px;
}

#voice #mrMark {
background: url(../image/bg_cola_voice.jpg) no-repeat left bottom;
height: 450px;
}

#access #mrMark {
background: url(../image/bg_cola_access.jpg) no-repeat left bottom;
height: 454px;
}

#schedule #mrMark {
background: url(../image/bg_cola_sche.jpg) no-repeat left bottom;
height: 454px;
}

#lesson #mrMark {
background: url(../image/bg_cola_lesson.jpg) no-repeat left bottom;
height: 454px;
}

#contact #mrMark {
background: url(../image/bg_cola_contact.jpg) no-repeat left bottom;
height: 454px;
}

/*--------------------
CONTENTS
--------------------*/
#main {
line-height: 180%;
}

#main .mainTtlPart {
display: block;
margin: 39px 0 50px 0;
}

#main p.mainLeadPart {
margin: 0 41px;
}

.txtArea a {
padding: 2px 1px;
}

.txtArea p {
line-height: 180%;
margin: 0 41px 5px 41px;
}

.txtArea p.ent {
margin-bottom: 20px;
}

.txtArea .sttlPart {
margin: 25px 0 10px 0;
}

.txtArea p.listTtl {
margin-bottom: 8px;
}

.txtArea p.floatL {
float: left;
margin: 0;
}

.txtArea p.floatR {
float: right;
margin: 0;
}

.txtArea ul {
margin: 0 55px;
}

.txtArea li {
margin-bottom: 6px;
}

.txtArea ul.dotUl li {
background: url(../image/bg_list_dot.gif) no-repeat left 9px;
padding: 0 0 0 10px;
}

.txtArea ul.numUl li {
list-style: decimal inside;
}

.txtArea ul.hyphenUl li {
background: url(../image/bg_list_hyphen.gif) no-repeat left 6px;
padding: 0 0 0 10px;
}

.txtArea p.imgPart {
margin: 0 0 25px 0;
}

.txtArea dl {
margin: 0 41px 0 41px;
line-height: 200%;
}

.txtArea dt {
float: left;
}

.txtArea dd {
float: none;
}

.txtArea dd ul {
margin-left: 15px;
}

.txtArea dd li {
margin-bottom: 0;
}

.txtArea dd.icons {
position: relative;
top: 2px;
}

.txtArea dd.icons img {
margin: 0 4px 0 8px;
position: relative;
top: 2px;
}

#main .btArea {
text-align: center;
margin-top: 60px;
}

#main .pageup {
font-size: 83%;
color: #999999;
letter-spacing: 1px;
}

#main .pageup img {
vertical-align: middle;
margin-right: 3px;
}

#main .guidelineTable {
margin: 10px 0 0 41px;
width: 560px;
}

#main .guidelineTable th {
font-weight: normal;
background: #F4F3F3;
border: 1px solid #CCCCCC;
width: 50%;
}

#main .guidelineTable td {
border: 1px solid #CCCCCC;
padding: 0;
text-align: center;
}

#main .guidelineTable ul {
margin: 10px;
}

#main .guidelineTable li {
margin-bottom: 0;
text-align: left;
}

/*--------------------
FOOTER
--------------------*/
#footer {
margin-top: 60px;
width: 650px;
background: #EFEEEC;
clear: both;
}

#footer .footNaviA li {
float: left;
}

#footer .footNaviA li img {
vertical-align: bottom;
}

#footer .footNaviB {
float: left;
width: 499px;
font-size: 83%;
}

#footer .footNaviB ul {
margin: 21px 0 0 21px;
}

#footer .footNaviB li {
display: inline;
border-left: 1px solid #999999;
padding: 0 6px 0 10px;
}

#footer .footNaviB li.listHead {
border: none;
padding: 0 4px 0 0;
}

#footer .footNaviB li a {
padding: 2px 1px;
}

#footer .footNaviB .copyright {
margin: 6px 0 15px 23px;
letter-spacing: 1px;
}

#footer .footNaviB .copyright img {
vertical-align: middle;
margin-left: 10px;
}

#footer .gotop {
float: right;
margin-top: 26px;
margin-left: 0;
margin-bottom: 0;
margin-right: 0;
}

#newsList #footer {
margin-bottom: 60px 0 0 0;
}

/*--------------------
-NEWS LIST
--------------------*/
#newsList #main {
margin-bottom: 40px;
}

#newsEntry #main {
/*padding-bottom: 60px;*/
}

#newsList .txtArea {
margin: 30px 0 0 41px;
}

#newsEntry .txtArea {
margin: 30px 0 0 0;
}

#newsList h2 {
font-weight: bold;
margin: 0;
color: #4C4C4C;
}

#newsList h2.ttlPart {
background: url(../image/bg_news_entryttl.gif) no-repeat left top;
font-weight: bold;
font-size: 117%;
margin: 0;
padding: 2px 0 0 41px;
color: #4C4C4C;
}

#newsList p.searchResults {
margin: 0 0 40px 0;
}

#newsList .txtArea dl {
margin: 0 43px 60px 0;
line-height: 160%;
}

#newsList .txtArea dt.ttlPart {
background: url(../image/icon_news_list.gif) no-repeat left 4px;
padding-left: 17px;
font-size: 117%;
font-weight: bold;
line-height: 120%;
float: none;
}

#newsList .txtArea dt.ttlPart a {
padding: 2px 1px 0 1px;
}

#newsList .txtArea dd.dayPart {
margin-bottom: 4px;
}

#newsList .txtArea dd.txtPart {
margin-bottom: 20px;
width: 400px;
}

#newsList p.goNewsTop {
position: relative;
left: -42px;
margin: 40px 0 60px 0;
}


/*--------------------
-NEWS ENTRY
--------------------*/
#newsEntry #main #columnD {
margin-top: 57px;
}

#newsEntry .entryBox h2.ttlPart {
font-weight: bold;
font-size: 117%;
margin: 0;
padding: 2px 35px 0 41px;
background: url(../image/bg_news_entryttl.gif) no-repeat left top;
color: #4C4C4C; 
}

#newsEntry .entryBox .dayPart {
margin: 3px 0 20px 42px;
line-height: 100%;
}

#newsEntry .entryBox .imgPart {
margin: 0 0 52px 0 ;
}

#newsEntry .entryBox p {
line-height: 140%;
margin-bottom: 8px;
}

#newsEntry .entryBox p.goNewsTop {
margin: 60px 0 60px 0;
}

#newsEntry .entryBox ul.bullet {
margin: 0 41px;
}

#newsEntry .entryBox ul.bullet li {
margin-left: 1em;
text-indent: -1em;
}

/*--------------------
-WHATS
--------------------*/
#whats #main .mainTtlPart {
margin-bottom: 70px;
}

#whats .txtArea .grayBox {
background: #F3F2F1;
margin-bottom: 28px;
}

#whats .txtArea .grayBox p {
margin-right: 0;
margin-bottom: 10px;
line-height: 140%;
}

#whats .txtArea .grayBox .ttlPart {
margin-top: 23px;
margin-bottom: 15px;
margin-left: 41px;
}

#whats .txtArea .grayBox .insideColumnA {
float: left;
width: 400px;
padding-bottom: 10px;
}

#whats .txtArea .grayBox .insideColumnB {
float: right;
}

#whats .txtArea .grayBox .insideColumnB p {
margin: 0;
}



/*--------------------
-VOICE
--------------------*/

#voice .txtArea p {
margin: 0 0 10px 0;
}

#voice .txtArea hr {
display: none;
}

#voice .txtArea .separator {
height: 44px;
background: url(../image/bg_separator.jpg) no-repeat;
}

#voice .txtArea .slideshow img {
display: block;
position: absolute;
}

#voice .txtArea .voice01 {
/*height: 435px;*/
padding-left: 169px;
}

#voice .txtArea .voice01 p {
margin-right: 54px;
}

#voice .txtArea #voiceimg01 {
margin: 0px;
position: absolute;
}

#voice .txtArea .voiceName {
padding-top: 70px;
}

#voice .txtArea .voiceName2 {
padding-top: 170px;
}

#voice .txtArea .voice01 ul {
margin: 20px 0px 10px 0px;
}

#voice .txtArea .voice01 li {
display: inline;
margin-right: 10px;
}

#voice .txtArea .voice02 {
/*height: 435px;*/
/*margin-top: -90px;*/
padding-right: 145px;
/*background: url(../image/img_voice_bg_02.jpg) no-repeat right top;*/
text-align: right;
}

#voice .txtArea #voiceimg02 {
	margin: 0px;
	position: absolute;
	left: 796px;
	margin-top: 100px;
}

#voice .txtArea .voice02 p {
text-align: left;
margin-left: 78px;
}

#voice .txtArea .voice02 ul {
margin: 20px 0px 7px 78px;
text-align: left;
}

#voice .txtArea .voice02 li {
display: inline;
margin-right: 10px;
}

#voice .txtArea #voiceimg03 {
	margin: 0px;
	position: absolute;
	margin-top: 100px;
}


#voice .txtArea .voice03 {
/*height: 438px;*/
/*margin-top: -90px;*/
padding-left: 169px;
/*background: url(../image/img_voice_bg_03.jpg) no-repeat left top;*/
}

#voice .txtArea .voice03 p {
margin-right: 54px;
}

#voice .txtArea .sttlPart {
display: block;
margin: 12px 0 20px 0;
}

#voice .txtArea .sttlPart2 {
display: block;
margin: 12px 0 20px 78px;
text-align: left;
}

#voice .txtArea .voice03 ul {
margin: 20px 0px 60px 0px;
text-align: left;
}

#voice .txtArea .voice03 li {
display: inline;
margin-right: 10px;
}

#voice .txtArea #voiceimg04 {
	margin: 0px;
	position: absolute;
	left: 796px;
	margin-top: 100px;
}

#voice .txtArea .voice04 {
/*height: 435px;*/
/*margin-top: -90px;*/
padding-right: 145px;
/*background: url(../image/img_voice_bg_02.jpg) no-repeat right top;*/
text-align: right;
}

#voice .txtArea .voice04 p {
text-align: left;
margin-left: 78px;
}

#voice .txtArea .voice04 ul {
margin: 20px 0px 20px 78px;
text-align: left;
}

#voice .txtArea .voice04 li {
display: inline;
margin-right: 10px;
}


/*--------------------
-PROFILE
--------------------*/
#profile .txtArea p {
margin-bottom: 10px;
}

#profile .txtArea p.bottom {
margin-bottom: 50px;
}

#profile .txtArea p.sttlPart {
margin: 0 0 20px 0;
}

#profile .txtArea p.sttlPart.bottom {
margin-bottom: 40px;
}

#profile .txtArea .mainTtlPart {
margin: 39px 0 0 3px;
}

#profile .txtArea p.floatL img {
margin: 0 25px 10px 0;
}

#profile .txtArea p.floatR img {
margin: 0 0 10px 25px;
}

#profile .txtArea .insideBox {
font-size: 83%;
background: #EFEEED;
padding: 20px 10px 18px 40px;
text-align: left;
}

#profile .txtArea .insideBox .ttlPart {
margin: 0 0 13px 0;
text-align: left;
}

#profile .txtArea .insideBox ul {
margin: 0 30px 0 0;
padding: 0;
}

#profile .txtArea .insideBox li {
background: url(../image/icon_list_square.gif) no-repeat left 8px;
padding-left: 10px;
margin-bottom: 7px;
}

#profile .txtArea .insideBox .insideColumnA {
float: left;
width: 200px;
}

#profile .txtArea .insideBox .insideColumnB {
float: left;
width: 200px;
}

#profile .txtArea .insideBox .insideColumnC {
float: left;
width: 180px;
}

#profile .txtArea .insideBox .insideColumnC ul {
margin: 0;
}

/*--------------------
-ACCESS
--------------------*/
#access .txtArea p {
margin-right: 0;
line-height: 160%;
}

#access .txtArea a.anchor {
padding: 0;
margin: 0;
}

#access .txtArea.test .insideBox {
background: #F6F6F6;
}

#access .txtArea h2.insideTtlPart {
margin: 0 0 15px 0;
}

#access .txtArea .insideBox .insideColumnA {
float: left;
width: 285px;
}

#access .txtArea .insideBox .insideColumnB {
float: right;
}

#access .txtArea .insideBox h3 {
padding: 20px 0 0 41px;
}

#access .txtArea .insideBox .icnPDF {
background: url(../image/icon_access_map_pdf.gif) no-repeat left top;
padding-left: 22px;
font-size: 0.85em;
}

#access .txtArea .insideBox .icnPDF a:hover {
background: #333333;
color: #FFFFFF;
}
#access .txtArea .insideBox .icnPDF a:active {
background: #333333;
color: #FFFFFF;
}

#access .txtArea .insideBox .caption {
color: #AFAFAF;
}

#access .txtArea .insideBox .caption .icon {
background: url(../image/icon_access_caption_link.gif) no-repeat left 3px;
padding-left: 11px;
}

#access .txtArea .insideBox .caption a {
color: #AFAFAF;
}
#access .txtArea .insideBox .caption a:hover span {
background: #333333;
color: #FFFFFF;
}
#access .txtArea .insideBox .caption a:active span {
background: #333333;
color: #FFFFFF;
}

#access .txtArea .insideBox .map {
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#access .txtArea .insideBox .map p {
margin: 0 0 7px 0;
}

#access .txtArea .insideBox .gomap {
font-size: 83%;
margin-bottom: 30px;
}

#access .txtArea .insideBox .gomap a:hover {
background: #333333;
color: #FFFFFF;
}
#access .txtArea .insideBox .gomap a:active {
background: #333333;
color: #FFFFFF;
}

#access .txtArea .insideBox .gosche {
margin: 30px 0 5px 37px;
}

#access .txtArea .insideBox .icons {
position: relative;
}

#access .txtArea .insideBox .icons img {
position: relative;
top: 2px;
margin-right: 6px;
}

#access .txtArea .insideBox .subBox {
margin: -10px 0 30px 43px;
font-size: 83%;
line-height: 140%;
}

#access .txtArea .insideBox .subBox span {
display: block;
float: left;
margin-right: 5px;
}

#access .txtArea .insideBox .subBox span.txtPart {
width: 210px;
}

#access .txtArea p.openBT,
#access .txtArea p.closeBT {
margin: 0;
padding: 00;
}

#access .txtArea p.openBT a,
#access .txtArea p.closeBT a {
padding: 0;
margin: 0;
}

#access .txtArea p.closeBT {
display: noen;
}

#access .txtArea .entryBox {
padding-bottom: 100px;
}

#access .txtArea .entryMore ul {
margin: 0;
}

#access .txtArea .entryMore li {
float: left;
width: 217px;
padding-bottom: 20px;
}

#access .txtArea .entryMore li p {
margin: 0;
padding: 10px 15px 0 15px;
font-size: 0.85em;
}

/*--------------------
CONTACT
--------------------*/
#contact #main p.mainLeadPart {
margin-bottom: 8px; 
}

#contact #main p.mainLeadPart .icons {
position: relative;
}

#contact #main p.mainLeadPart .icons img {
position: relative;
top: 2px;
margin: 0 5px;
}

#contact h2.ttlPart {
font-weight: bold;
font-size: 117%;
margin: 0 0 20px 0;
padding: 2px 0 0 41px;
background: url(../image/bg_news_entryttl.gif) no-repeat left top;
color: #4C4C4C; 
}

#contact #main p.goIndex {
background: url(../image/icon_list_triangle.gif) no-repeat left 2px;
padding-left: 20px;
margin: 38px 0 610px 41px;
}

#contact #main p.goIndex a {
padding: 2px 1px;
}

#contact .txtArea {
background: #F4F3F3;
margin-top: 40px;
padding: 21px 0 0 40px;
}

#contact .txtArea2 {
background: #F4F3F3;
padding: 21px 0 21px 40px;
}

#contact .txtArea3 {
background: #EAE8E9;
padding: 21px 0 21px 40px;
}

#contact .txtArea3 input {
border: none;
}

#contact .error {
color: #86475B;
font-size: 83%;
}

#contact .txtArea2 .participation span.error {
color: #86475B;
font-size: 83%;
}

#contact th {
font-weight: normal;
text-align: left;
width: 128px;
vertical-align: top;
padding: 13px 10px 0 0;
}

#contact td {
height: 47px;
}

#contact td input,
#contact td textarea {
height: 16px;
border: 1px solid #CCCCCC;
background-color: transparent;
}

#contact td.radioPart.demand input {
border: none;
margin-right: 3px;
vertical-align: middle;
}

#contact td.radioPart.course {
position: relative;
padding-top: 10px;
}

#contact td.radioPart.course input {
border: none;
margin-right: 3px;
position: relative;
top: 5px;
}

#contact td input.type1 {
width: 286px;
background: url(../image/bg_form_type1.gif) no-repeat left top;
}

#contact td input.type2 {
width: 66px;
background: url(../image/bg_form_type2.gif) no-repeat left top;
}

#contact td textarea.type3 {
width: 286px;
height: 146px;
background: url(../image/bg_form_type3.gif) no-repeat left top;
margin-top: 16px;
}

#contact td p.type10 {
width: 290px;
height: 20px;
padding: 0 6px;
margin: 0;
background: url(../image/bg_form_type10.gif) no-repeat left top;
float: left;
}

#contact td p.type20 {
width: 130px;
height: 20px;
padding: 0 6px;
margin: 0;
background: url(../image/bg_form_type20.gif) no-repeat left top;
}

#contact td.course p.type20 {
margin: -10px 0 0 0;
background: url(../image/bg_form_type20.gif) no-repeat left top;
}

#contact td .type30 {
width: 280px;
margin-top: 16px;
border: 2px solid #FFFFFF;
background: url(../image/bg_form_type30.gif) no-repeat left top;

}

#contact td .type30 .inner {
width: 280px;
height: 146px;
padding: 0 3px;
overflow: auto;
}

#contact td .type30 pre {
width: 260px;
}

#contact .btArea {
margin: 33px 0 0 135px;
padding-bottom: 42px;
text-align: left;
}

#contact .btArea input {
vertical-align: middle;
}

#contact a.backform {
background: url(../image/icon_contact_arrow.gif) no-repeat left top;
padding: 2px 2px 3px 19px;
margin-left: 20px;
font-size: 83%;
}

#contact a:hover.backform {
color: #FFFFFF;
background: url(../image/icon_contact_arrow.gif) no-repeat left top #333333;
}

#contact a:active.backform {
color: #FFFFFF;
background: url(../image/icon_contact_arrow.gif) no-repeat left top #333333;
}

#contact .mark {
color: #999999;
font-size: 83%;
margin-left: 2px;
}

#contact .subTxt {
color: #B2B2B2;
font-size: 83%;
margin-left: 7px;
}

#contact #footer {
margin-top: 0;
}


#contact .attention {
font-size: 83%;
color: #B2B2B2;
border: 1px dashed #CCCCCC;
line-height: 120%;
padding: 2px;
margin: 5px 0;

}

#contact .txtArea2 .pFast {
margin-bottom: 5px;
margin-top: 20px;
}

#contact .txtArea2 .pFast input {
border: none;
}

#contact .txtArea2 .pSecond {
margin: 30px 0 5px 0;
}

#contact .txtArea2 .pSecond input {
border: none;
}

#contact .txtArea2 .pPlace {
margin: 30px 0 5px 0;
}

#contact .txtArea2 .pPlace input {
border: none;
}

#contact .txtArea2 .participation span {
font-size: 83%;
color: #B2B2B2;
margin-left: 5px;
}

#contact .txtArea2 .participation span.indispen {
border: 1px dashed #CCCCCC;
padding: 2px 7px;
}

#contact .arrow {
background: url(../image/icon_access_map.gif) no-repeat left;
padding: 0 0 0 17px;
margin: 0;
}

#contact .iconLink a {
padding: 2px 0 1px 0;
margin-top: 2px;
}

/*--------------------
SITEMAP
--------------------*/
#sitemap .txtArea {
margin-top: 65px;
margin-left: 41px;
}

#sitemap .txtArea dl {
margin: 0;
padding: 0;
}

#sitemap .txtArea dt,
#sitemap .txtArea dd {
float: none;
width: 170px;
margin: 0 0 20px 0;
padding: 0;
}

#sitemap .txtArea dd {
background: url(../image/icon_list_triangle.gif) no-repeat left 5px;
padding-left: 20px;
}

#sitemap .txtArea .insideColumnA {
float: left;
width: 145px;
}

#sitemap .txtArea .insideColumnB {
float: left;
width: 225px;
}

#sitemap .txtArea .insideColumnC {
float: left;
width: 170px;
}

/*--------------------
SCHEDULE
--------------------*/
#schedule #main .mainTtlPart {
margin-bottom: 80px;
}

#schedule .btArea {
margin-top: 20px;
}

#schedule h2 {
font-weight: normal;
}

#schedule h2 img {
margin-bottom: -8px;
margin-right: 20px;
}

#schedule .calBox {
background: #C3D9FF;
padding: 5px 0 0 0;
}

#schedule .tcalBox {
background: #F6F6F6;
padding: 5px 0 0 43px;
}

#schedule .tcalBox table {
border: 1px solid #7F7F7F;
margin-top: 15px;
width: 562px;
line-height: 120%;
}

#schedule .tcalBox th {
border: 1px solid #7F7F7F;
background: #F3F2F1;
padding: 12px 0;
}

#schedule .tcalBox th.classType {
width: 60px;
border-top: none;
border-left: 1px solid #7F7F7F;
border-right: 1px solid #7F7F7F;
border-bottom: none;
background: #F3F2F1 url(../image/line_sche_td.gif) repeat-x left bottom;
}

#schedule .tcalBox th.bgWhite {
background: #FFFFFF;
}

#schedule .tcalBox td {
border-left: 1px solid #7F7F7F;
border-right: 1px solid #7F7F7F;
background: #F3F2F1 url(../image/line_sche_td.gif) repeat-x left bottom;
color: #5B5B5B;
font-size: 0.85em;
text-align: center;
padding: 8px 8px 6px 8px;;
}

#schedule .tcalBox td.bgWhite {
background: #FFFFFF url(../image/line_sche_td.gif) repeat-x left bottom;
}

#schedule .tcalBox tr.noBorder th,
#schedule .tcalBox tr.noBorder td {
background: none;
}

#schedule .tcalBox tr.noBorder td.bgWhite {
background: #FFFFFF;
}

#schedule .tcalBox td span.smallTime {
color: #999999;
font-size: 0.85em;
}

#schedule .bgGrayBox {
padding: 30px 0 35px 0;
}

#schedule .bgGrayBox p.btPart {
margin-bottom: 35px;
}

#schedule .bgGrayBox .btPart img {
background: none;
}

#schedule .bgGrayBox.tokyo {
background: #F6F6F6 url(../image/bg_sche_graybox_01.gif) no-repeat right bottom;
}

#schedule .bgGrayBox.osaka {
background: #F6F6F6 url(../image/bg_sche_graybox_02.gif) no-repeat right bottom;
}

#schedule .icons {
position: relative;
}

#schedule .icons img {
position: relative;
top: 2px;
margin: 0 3px;
}

#schedule .arrow {
background: url(../image/icon_access_map.gif) no-repeat left 1px;
padding: 0 0 0 17px;
margin: 0;
}

/*--------------------
LESSON
--------------------*/
#lesson #main .mainTtlPart {
margin-bottom: 75px;
}

#lesson .tablePart {
margin-left: 41px;
}

#lesson .sttlPart {
margin-bottom: 10px;
}

#lesson .tablePart {
margin: 20px 0 25px 41px;
}

#lesson .tablePart table {
border: 1px solid #D9D9D9;
text-align: center;
margin-bottom: 10px;
width: 569px;
}

#lesson .tablePart th {
font-weight: normal;
background: #F3F2F1;
border: 1px solid #D9D9D9;
padding: 2px 0;
width: 25%;
}

#lesson .tablePart td {
border: 1px solid #D9D9D9;
font-size: 83%;
padding: 10px 0;
line-height: 120%;
}

#lesson .tablePart .widthStatic1 {
width: 35%;
}
#lesson .tablePart .widthStatic2 {
width: 15%;
}
#lesson .tablePart .widthStatic3 {
width: 75%;
}

#lesson .tablePart p.caption {
margin: 0 40px 0 0;
font-size: 83%;
text-indent: -1.2em;
padding-left: 1.2em;
}

#lesson .txtArea .subTxtPart {
font-size: 83%;
margin-bottom: 20px;
}

#lesson .btPart {
margin-bottom: 55px;
}

#lesson .insideBox {
background: #EFEEED;
padding: 23px 0;
}

#lesson .icons {
position: relative;
}

#lesson .icons img {
position: relative;
top: 2px;
margin: 0 3px;
}

#lesson .arrow {
background: url(../image/icon_access_map.gif) no-repeat left 3px;
padding: 0 0 0 17px;
margin: 0;
display: inline-block;
}

#lesson a {
padding: 0;
}

/*--------------------
-TOP BODY
--------------------*/
body#top {
background: none;
color: #000000;
width: 100%;
}

#containerWrapper{
height:100%;
background: url(../image/bg_top.jpg) repeat-x center top #FBFBFB;
}

#top #container {
position: relative;
line-height: 140%;
font-size: 75%;
width: 100%;
height: 100%;
background: url(../image/bg_top_01.jpg) no-repeat left top;
}

#top #columnWrapper {
height:100%;
background: url(../image/bg_top_02.jpg) no-repeat right top;
}

/*--------------------
-TOP MAIN
--------------------*/
#top #columnA {
position: absolute;
top: 0;
left: 0;
width: 300px;
float: none;
min-height: 0px;
}

#top #columnA .linkPart {
float: left;
padding: 280px 0 0 198px;
}

#top #columnA .copyPart {
float: left;
padding: 100px 0 0 15px;
}

#top #columnB {
width: 100%;
text-align: left;
padding: 60px 0;
float: none;
}

#top #columnB .mainMenu {
margin-top: 37px;
margin-bottom: 40px;
}

#top #columnB .mainMenu li {
margin-bottom: 11px;
}

#top #columnB .BInner {
width: 210px;
margin: 0 auto;
}

#top #columnB .rss .icons {
margin-right: 8px;
margin-left: 2px;
}

#top #columnB .rss dl {
background: url(../image/bg_top_rss_line.gif) repeat-x left bottom;
margin-top: 8px;
padding-bottom: 1px;
}

#top #columnB .rss dt {
background: url(../image/bg_top_rss_line.gif) repeat-x left top;
color: #999999;
padding: 9px 0 0 20px;
}

#top #columnB .rss dd {
background: url(../image/icon_top_list_triangle.gif) no-repeat 2px 3px;
padding-left: 18px;
margin-bottom: 10px;
}

#top #columnB .rss dd a {
color: #000000;
padding: 2px 1px 0 1px;
}
#top #columnB .rss dd a:hover {
color: #FFFFFF;
}
#top #columnB .rss dd a:active {
color: #FFFFFF;
}

#top #columnC {
position: absolute;
top: 0;
right: 0;
width: 300px;
float: none;
}

#top .CInner {
width: 300px;
}

#top #columnC .linkPart {
float: left;
padding: 101px 15px 0 0;
}

#top #columnC .linkPart span {
display: block;
margin-bottom: 1px;
}

#top #columnC .copyPart {
float: left;
padding: 100px 100px 0 0;
}

/*--------------------
-TOP FOOTER
--------------------*/
#top #footer {
background: #FFFFFF;
font-size: 92%;
color: #B3B3B3;
width: 100%;
margin: 0;
padding: 0;
}

#top #footer ul {
float: left;
line-height: 100%;
margin: 7px 0 0 5px;
}

#top #footer ul li{
display: inline;
line-height: 110%;
background: url(../image/line_foot_menu.gif) repeat-y right top;
padding: 0 4px 0 6px;
}

#top #footer p {
margin: 5px 5px 0 0;
float: right;
line-height: 100%;
}

#top #footer p.copyright {
margin: 10px 30px 10px 0;
}