@charset "utf-8";
@import url("parts.css");
/* CSS Document */

html{overflow-y: scroll;}
html,body{margin:0;padding:0}
body{ font-size:12px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ; color:#444444; text-align:center;}
p{margin:0px;line-height:150%;}
a{color: #444444; text-decoration:none;}
a:visited{color: #C078D6;}
a:hover,a:active{color: #C078D6; text-decoration:underline;}
img {border:0;}
li {list-style:none;}
.clear{clear:both;}
.h20{height:20px;}

/**************************

1.レイアウトスタイル

**************************/
/*ヘッダー*/
#header{padding:0 0 10px 0; background:url(imgdir/common/address.gif) no-repeat right 30px;}
/*IE7*/
*:first-child+html #header { height:120px; padding:0 0 10px 0; background:url(imgdir/common/address.gif) no-repeat right 30px; }

h1 {font-size:10px; font-weight:normal; width:600px; margin:0; padding:0; letter-spacing:1px;}
#header ul{margin:-20px 0 0 0; padding:0; float:right;}
#header li{display:inline; background:url(imgdir/common/cursor02.gif) no-repeat left 1px; padding:0 0px 0 15px; margin-left:10px;}
#header img{margin:15px 0;}
#header li a{color:#444444;}
#header li a:visit{color:#444444;}
#header img#nami{position:absolute; left:780px; top:20px;}

/*メインナビゲーション*/
div#navigation ul {margin:0;padding:0;}
*:first-child+html div#navigation ul {margin:-5px 0 0 0;padding:0;}
div#navigation li {position:relative;height:24px;min-height:24px;float:left;}

div#navigation li a { display:block;  text-decoration:none;}

div#navigation li#about {width:140px;}
div#navigation li#concept {width:140px;}
div#navigation li#menu {width:140px;}
div#navigation li#voice {width:140px;}
div#navigation li#contact {width:140px;}
div#navigation li#media {width:140px;}

div#navigation li#about span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat 0 0; width:100%;height:100%;cursor:pointer; }
div#navigation li#about a:hover span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat 0 -24px; width:100%;height:100%;cursor:pointer;}

div#navigation li#concept span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat -140px 0; width:100%;height:100%;cursor:pointer; }
div#navigation li#concept a:hover span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat -140px -24px; width:100%;height:100%;cursor:pointer; }

div#navigation li#menu span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat -280px 0; width:100%;height:100%;cursor:pointer; }
div#navigation li#menu a:hover span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat -280px -24px; width:100%;height:100%;cursor:pointer; }

div#navigation li#voice span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat -420px 0; width:100%;height:100%;cursor:pointer; }
div#navigation li#voice a:hover span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat -420px -24px; width:100%;height:100%;cursor:pointer; }


div#navigation li#contact span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat -560px 0; width:100%;height:100%;cursor:pointer; }
div#navigation li#contact a:hover span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat -560px -24px; width:100%;height:100%;cursor:pointer; }

div#navigation li#media span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat -700px 0; width:100%;height:100%;cursor:pointer; }
div#navigation li#media a:hover span {position:absolute;background:url(imgdir/navi/navi.gif) no-repeat -700px -24px; width:100%;height:100%;cursor:pointer; }


div#mainnavi li#about span#on {background-position:0 -40px;}
div#mainnavi li#gakka span#on {background-position:0 -40px;}
div#mainnavi li#school span#on {background-position:0 -40px;}
div#mainnavi li#message span#on {background-position:0 -40px;}

div#mainnavi li a:hover, div#mainnavi li a:active { text-decoration:none;}



/*全体の枠*/
#container{width:900px; padding:0 30px; background:#F3F3F3; margin:0 auto;}
#warapper{width:900px; background:#fff; text-align:left; line-height:180%;}
#main_contents{padding:0 20px;}
#navigation{ height:20px; background:url(imgdir/common/bg01.gif) repeat-x left bottom; border-bottom:8px #F3F3F3 solid; padding-bottom:4px;}
*html #navigation{ height:16px; background:url(imgdir/common/bg01.gif) repeat-x left bottom; border-bottom:8px #F3F3F3 solid; padding-bottom:4px;}
#footer{color:#C078D6; text-align:right; font-weight:bold; padding:3px 5px;}


/*フッター*/
#underlink{background:#C078D6; color:#fff; position:relative; margin-top:20px;}
#underlink ul{margin:0 0 0 10px; padding:3px 0;}
#underlink li{ display:inline; background:url(imgdir/common/cursor01.gif) no-repeat left 1px; padding:0 20px 0 15px; font-weight:bold;}
#underlink a{color:#fff;}
#underlink a:hover{text-decoration:underline;}


/*トップページ*/
#flash{ margin:-20px 0 0 0 ; padding:0; border:1px solid #f6f6f6; width:858px; height:300px;}
#top_main{width:600px; float:left;}
#top_main h2{font-size:12px; font-weight:bold; color: #444444; margin:20px 0 0px 0; padding:0; line-height:160%;}
#top_main img{ margin:5px 0;}
#top_main #news{padding:5px; height:160px; border:#CCC 1px solid; }
#top_main #news h3{margin:0; padding:0; border-bottom:#555555 2px solid;}
#top_main #news iframe{ width:576px; height:113px; margin-top:7px; border: none;}

.news{margin:20px 0 0 0; padding:0; text-align:left; display:block;}
.news ul{margin:0; padding:0;}
.news li{margin:0 0 0 3px; padding:0; line-height:160%; background:url(imgdir/common/cursor.gif) no-repeat center left; text-indent:15px;}
.news li a{ color:#000000;}
.news li a:hover{color: #444444;}

#menu_btn{width:600px;}
#menu_btn img{margin:0 0 3px 0; float:left;}

#top_bana{width:250px; float:right; text-align:right; padding-top:10px;}
#top_bana img{border:#CCCCCC 1px solid; margin-bottom:5px;}


#top_bana_tyou{width:250px; float:right; text-align:right; padding-top:10px;}

.top_box{ margin:0 0 20px 0;}
.top_box_img{float:left; margin:0 10px 0 0;}
.top_box_img2{float:right; margin:0 0px 0 10px;}
/*.top_box h4{margin:5px 0 0 0; padding:7px 0 0 0; background:url(imgdir/top/title1.jpg) no-repeat left top; text-indent:30px; width:445px; height:35px; float:left; font-size:14px; color:#666666; letter-spacing:1px;}
.top_box h4 a{ color:#666666;text-decoration:underline; }
.top_box h4 a:hover{color:#999999;}*/
.top_box p{margin:0 0 10px 0;}
.menu_arrow{text-align:right; width:600px;}

.long_bar {margin:5px 0 0 0; padding:7px 0 0 0; background:url(imgdir/top/dot_box.gif) no-repeat left top; text-indent:60px; width:600px; height:35px; float:left; font-size:14px; color:#666666; letter-spacing:1px;}

/*親ボックス */

.top_box {
width: 600px;
}

/* 以降clearfixハック */

.top_box:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.top_box { display: inline-block; }

/* Except MacIE ¥*/
* html .top_box { height: 1%;}
.top_box { display: block; }
/* End */

.top_box_arrow3{background:url(imgdir/common/cursor02.gif) no-repeat left 5px; text-indent:15px; float:left;}
*:first-child+html .top_box_arrow3{background:url(imgdir/common/cursor02.gif) no-repeat left 7px; text-indent:15px; float:left;}
.top_box a{color: #69A564; text-decoration:underline;}
.top_box a:hover{color:#444; }
.top_box ul{margin:-10px 0 5px 0; padding:0; float:left; width:440px;}
.top_box li{background:url(imgdir/common/bg01.gif) no-repeat left 8px; padding:0 0 0 10px;}
.top_box h5{font-size:12px; margin:0 0 10px 0; padding:0;}
.top_box_spacet{margin-top:10px;}

.top_title_h3{ margin:10px 0; padding:0;}
.top_title_h4{margin:0; padding:0;}

/* 090605 追加*/
div#navi{border-bottom: 8px solid #f3f3f3;background: transparent url(imgdir/common/bg01.gif) repeat-x scroll left bottom;margin:0 0 3px;}
div#navi ul {margin:0;padding:10px 0 0 0 ;}
*:first-child+html div#navi ul {margin:-5px 0 0 0;padding:0;}
div#navi li {height:45px;float:left;}
div#navi li a { display:block;  text-decoration:none;height:45px;text-indent:-9999px;outline:none;}

div#navi li#about {width:75px;height:40px;}
div#navi li#concept {width:113px;height:45px;}
div#navi li#menu {width:84px;height:45px;}
div#navi li#voice {width:72px;height:45px;}
div#navi li#media {width:77px;height:45px;}
div#navi li#contact {width:171px;height:45px;}
div#navi li#salon {width:129px;height:45px;}
div#navi li#lesson {width:138px;height:45px;}


div#navi li#about a{background:url(imgdir/navi/navigation1.gif) no-repeat 0 0;}
div#navi li#concept a{background:url(imgdir/navi/navigation1.gif) no-repeat -75px 0;}
div#navi li#menu a{background:url(imgdir/navi/navigation1.gif) no-repeat -188px 0;}
div#navi li#voice a{background:url(imgdir/navi/navigation1.gif) no-repeat -272px 0;}
div#navi li#media a{background:url(imgdir/navi/navigation1.gif) no-repeat -344px 0;}
div#navi li#contact a{background:url(imgdir/navi/navigation1.gif) no-repeat -421px 0;}
div#navi li#salon a{background:url(imgdir/navi/navigation1.gif) no-repeat -592px 0;}
div#navi li#lesson a{background:url(imgdir/navi/navigation1.gif) no-repeat -721px 0;}

div#navi li#about a:hover{background:url(imgdir/navi/navigation1.gif) no-repeat 0 -45px;}
div#navi li#concept a:hover{background:url(imgdir/navi/navigation1.gif) no-repeat -75px -45px;}
div#navi li#menu a:hover{background:url(imgdir/navi/navigation1.gif) no-repeat -188px -45px;}
div#navi li#voice a:hover{background:url(imgdir/navi/navigation1.gif) no-repeat -272px -45px;}
div#navi li#media a:hover{background:url(imgdir/navi/navigation1.gif) no-repeat -344px -45px;}
div#navi li#contact a:hover{background:url(imgdir/navi/navigation1.gif) no-repeat -421px -45px;}
div#navi li#salon a:hover{background:url(imgdir/navi/navigation1.gif) no-repeat -592px -45px;}
div#navi li#lesson a:hover{background:url(imgdir/navi/navigation1.gif) no-repeat -721px -45px;}


#flash2{ margin:0px 0 0 0 ; padding:0; border:1px solid #f6f6f6; width:858px; height:300px;}

#top_main #news2{padding:5px; height:160px; border:#CCC 1px solid;margin:10px 0 0 0 ;}
#top_main #news2 h3{margin:0; padding:0; border-bottom:#555555 2px solid;}
#top_main #news2 iframe{ width:576px; height:113px; margin-top:7px; border: none;}

#contents a{text-decoration: underline;}