@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } :focus { outline:0; } body {
	line-height:1;
	color:black;
	background:white;
	} ol, ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; }

html {text-align:center;}

body { color:#333; width:850px;text-align:center; margin:0 auto; padding:0 auto; height:100%; background-color:#fff;}

#container { background:url(../images/container.gif) repeat-y top center; color:#333; width:850px; height:auto; padding:0; height:100%; overflow:hidden;}

#container_2 { clear:both; background:url(../images/container_repeat.gif) repeat-y center top; color:#333; width:845px; height:auto; margin:0 auto ; padding:0 ; overflow:hidden; text-align:center;}

* html body #container_2  { margin:0 0px 0 2px;} 
*:first-child+html #container_2{ margin: 0 0 0 2px;}

#border_1{ width:800px; height:5px; margin: 5px auto 2px auto; padding:0; border:0;}



body {
	font-size:12px;/*フォントサイズfirefox*/
	*font-size:90%;/*フォントサイズIE7.0*/
	*font:90%;/*フォントサイズIE6.0）*/
	}

a        { color:#631919; }
a:hover  { color:#900; }
strong   { font-weight:bold; }

/*ヘッダー*/
#header { background:url(../images/header.jpg) no-repeat top center; width:800px;height:132px; margin: 0px auto -11px auto;  }
#header .container { position:relative; border:none; height:132px;}
#header h1 { float:left; left:0px; margin:14px 0 0px 4px; _margin:10px 0 0px 0px; padding:26px 0 18px 0px;text-indent:-10000em;line-height:0px; background:url(../images/logo.png) no-repeat;width:440px; height:113px; background-position: 0 0px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/../images/logo.png',sizingMethod='crop'); _background-position: 0 9px;}

#menu { clear:both ; background:url(../images/menu.gif) no-repeat; width:800px ; height:74px; margin:0px auto 0px auto; overflow:visible; position:relative; border:none;}

/*ヘッドナビゲーション*/

#navi {
	position:absolute;
	right:184px;
	top:13px;
}
#navi a {
	display:block;text-indent:-10000em;
	}

#navi ul { margin:0; padding:0; margin:0px 0 0 0; }
#navi ul li { float:left; margin:0 -6px 0 0px; }
#navi ul li a{  display:block; overflow:hidden ;}

* html #navi ul li a{ background:none !important; position:relative ; cursor:pointer ;}


#navi ul li .about{ float:left; margin:0px 0; background:url(../images/about_button.png) no-repeat; width:68px; height:30px; text-indent:-10000em; }
#navi ul li a.about{ background:url(../images/about_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.about { background:url(../images/about_button_on.png) no-repeat; }

* html #navi ul li .about{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_button.png',sizingMethod='scale'); }
* html #navi ul li a .about { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .about { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_button_on.png',sizingMethod='scale');}



#navi ul li .news{ float:left; margin:0px 0; background:url(../images/news_button.png) no-repeat; width:66px; height:30px; text-indent:-10000em; }
#navi ul li a.news {background:url(../images/news_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.news { background:url(../images/news_button_on.png) no-repeat;}


* html #navi ul li .news{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news_button.png',sizingMethod='scale'); }
* html #navi ul li a .news { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .news { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news_button_on.png',sizingMethod='scale');}



#navi ul li .salon{ float:left; margin:0px 0; background:url(../images/salon_button.png) no-repeat; width:71px; height:30px; text-indent:-10000em; }
#navi ul li a.salon { background:url(../images/salon_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.salon  {  background:url(../images/salon_button_on.png) no-repeat; }

* html #navi ul li .salon{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/salon_button.png',sizingMethod='scale'); }
* html #navi ul li a .salon { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/salon_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .salon { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/salon_button_on.png',sizingMethod='scale');}





#navi ul li .school{ float:left; margin:0px 0; background:url(../images/school_button.png) no-repeat; width:82px; height:30px; text-indent:-10000em; }
#navi ul li a.school {float:left; background:url(../images/school_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.school  {  background:url(../images/school_button_on.png) no-repeat; }
* html #navi ul li .school{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/school_button.png',sizingMethod='scale'); }
* html #navi ul li a .school { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/school_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .school { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/school_button_on.png',sizingMethod='scale');}



#navi ul li .work{ float:left; margin:0px 0; background:url(../images/work_button.png) no-repeat; width:68px; height:30px ; text-indent:-10000em;}
#navi ul li a.work { background:url(../images/work_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.work  { background:url(../images/work_button_on.png) no-repeat; }
* html #navi ul li .work{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/work_button.png',sizingMethod='scale'); }
* html #navi ul li a .work { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/work_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .work { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/work_button_on.png',sizingMethod='scale');}




#navi ul li .blog{ float:left; margin:0px 0; background:url(../images/blog_button.png) no-repeat; width:63px; height:30px ; text-indent:-10000em;}
#navi ul li a.blog { background:url(../images/blog_button.png) no-repeat; cursor: pointer;}
#navi ul li a:hover.blog  { background:url(../images/blog_button_on.png) no-repeat; }
* html #navi ul li .blog{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blog_button.png',sizingMethod='scale'); }
* html #navi ul li a .blog { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blog_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .blog { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blog_button_on.png',sizingMethod='scale');}



#navi ul li .link{ float:left; margin:0px 0; background:url(../images/link_button.png) no-repeat; width:60px; height:30px ; text-indent:-10000em;}
#navi ul li a.link { background:url(../images/link_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.link { background:url(../images/link_button_on.png) no-repeat; }
* html #navi ul li .link{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/link_button.png',sizingMethod='scale'); }
* html #navi ul li a .link { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/link_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .link { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/link_button_on.png',sizingMethod='scale');}



/*トップナビゲーション*/
#header_navi { position:absolute; right:7px; top:7px; font-family:Arial, Helvetica, sans-serif ; text-transform:uppercase; font-weight:bold; font-size:9px;}
#header_navi ul { list-style:none; margin:7px 0 0 0; padding:0; }
#header_navi li { display:inline; margin-left:5px; border-left:dotted 1px #fff;}
#header_navi li a { color:#fff; text-decoration:none; }
#header_navi li a:hover { color:#19ac91; background:#fff;}




/* コンテナーr*/
.container { text-align:center;margin:0px auto; width:830px; height:auto;border:none; overflow: hidden; min-height: 100%; clear:both;margin:0 auto;}


/*box1*/
#box1{ width:800px; height:auto;border:none; padding:0; text-align:center;color:#565656; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:1.2; overflow:visible; display: inline;overflow: hidden;  clear:both;margin:0 auto;}




#box1 .left{ float:left ; width:525px; height:auto; margin:0 0 0 25px; overflow:hidden; padding:0; border:none; text-align:left;}

* html body #container #box1 .left { margin:0 ;} 
*:first-child+html  #box1 .left{ margin:0 0 0 0px;}

#box1 .left_top {width:525px; height:18px ; background: url(../images/left_top.jpg) no-repeat left center; margin:0; padding:0; border:0; overflow:hidden;}
#box1 .left_mid {width:525px; height:auto; background: url(../images/left_mid.jpg) repeat-y left center;  margin:0; padding:0;border:0 ; overflow:hidden;}

#box1 .left_title{ background: url(../images/h4_icon.jpg) no-repeat    ; background-position: 2px; margin:0 15px 0 15px; padding:0 0 0 32px ; color:#565656; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; line-height:1.6; font-weight:bold;}

#box1 .left_news_title{ background: url(../images/pink_dot_tri.gif) no-repeat left center; padding: 0 0 0 22px ; margin:0 0px 0px 0px; color:#565656; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:1.6; font-weight:bold;}

#box1 .left_news_title em{ margin:0; color:#1cadff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:11px; line-height:1.6; float:right; clear:both ; }


#box1 .left_mid  .left_border_1 {width:485px; height:5px; margin:10px 20px 0 20px; padding:0; border-bottom:dotted #CCC 1px; }
#box1 .left_mid  .left_news_border_1 {width:480px; height:5px; margin:0px 0px 10px 0px; padding:0; border-bottom:dotted #CCC 1px; }
#box1 .left_mid  .left_news_border_2 {width:480px; height:5px; margin:2px 0px 10px 0px; padding:0; border-bottom: dashed #bff3ff 1px; }



.text_1 { width:455px; height:auto; margin: 15px 0 0 27px;padding:0 2em 1em 15px; text-align:left; border-left:#6ecbff solid 6px}

.text_1 img {float:right; padding:0 0px 0 0; margin:0}
.text_1 p{ font-size:14px; color:#666; font-weight:bold;}

#box1 .left_bottom {width:525px; height:18px ; background: url(../images/left_bottom.jpg) no-repeat left center;  margin:0; padding:0;border:0; overflow:hidden;}

#box1 .left_banner { width:525px; height:auto; margin:0; padding:0 0 0 1px;border:0 ; overflow:hidden;}

#box1 .left_banner ul li{ float:left; width:262px; margin:0; padding:0; border:0;}





#box1 .right{ float:left ; width:269px; height:auto; margin:1px 0 0 5px; padding:0; border:none; overflow:hidden;}


#box1 .right_top {width:269px; height:9px ; background: url(../images/right_top_.gif) no-repeat bottom center; margin:0; padding:0; border:0;}
#box1 .right_mid {width:269px; height:auto; background: url(../images/right_mid.gif) repeat-y left center;  margin:0; padding:0;border:0 ; overflow:hidden;}
#box1 .right_mid ul{ width:245px;padding:0; margin:0 auto 0 auto; text-align:center;}
#box1 .right_mid ul li{ margin:0 auto 0 auto; text-align:center;}


#box1 .right_bottom {width:269px; height:10px ; background: url(../images/right_bottom.gif) no-repeat top center;  margin:0; padding:0;border:0}

/*title*/

#box1 .concept_title{ width:525px;padding:0; height:47px;background: url(../images/concept_title.gif) no-repeat left center; margin:0; text-indent:-10000em;}
#box1 .about_title{ width:525px;padding:0; height:47px;background: url(../images/about_title.gif) no-repeat left center; margin:0; text-indent:-10000em;}
#box1 .news_title{ width:525px;padding:0; height:47px;background: url(../images/news_title.gif) no-repeat left center; margin:0; text-indent:-10000em; margin:0 auto;}

#box1 .school_title{ width:525px;padding:0; height:46px;background: url(../images/school_title_2.jpg) no-repeat left center; margin:0; text-indent:-10000em; margin:0 auto;}

#box1 .link_title{ width:525px;padding:0; height:47px;background: url(../images/link_title.gif) no-repeat left center; margin:0; text-indent:-10000em; margin:0 auto;}

#box1 .privacy_title{ width:830px;padding:0; height:60px;background: url(../html/images/privacy_title.jpg) no-repeat left center; margin:0; text-indent:-10000em; clear:both;margin:0 auto;}

.contact_title{ width:799px;padding:0; height:47px;background: url(../images/contact_title.gif) no-repeat left center; margin:0; text-indent:-10000em; margin:0 auto;}



.sitemap_title{ width:799px;padding:0; height:47px;background: url(../images/sitemap_title.gif) no-repeat left center; margin:0; text-indent:-10000em; margin:0 auto;}



html{
    height:100%;
}
body{
   
    height:100%;
}

* html .container{
    height:100%;
}

.container{
    width: 100%;
    margin:0px auto;
    position:relative;
    min-height: 100%;
	text-align:center;
}

#container{
    width: 100%;
    margin:0px auto 0 auto;
    position:relative;
    min-height: 100%;
	text-align:center;
}
body > .container {
        height: auto; min-height: 100%;
}

* {margin:0;padding:0;} 


html, body, .container , #container {height: 100%;}

* body .container {
        height: auto; min-height: 100%;
}

* #container {
        height: auto; min-height: 100%;
}



/*footer*/
#footer{  background-color:#ff7bac; background: url(../images/footer.gif) no-repeat left center;width:850px; padding:20px 0 10px 0 ; overflow:hidden;
    margin-top: -100px; /* negative value of footer height */
	height: 91px;
	clear:both;
	margin:0 auto 0 auto;
	bottom:0;
	position: relative;
   }

#footer #main ul { margin:25px 0px 8px 0px; padding:0; list-style:none; text-align:center; text-transform:uppercase;}
#footer #main ul li { margin:0px 0 0 1em; padding:0;display:inline ; color:#999 ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:11px; font-weight:bold;}
#footer #main ul li a {  color:#08a6ff ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:11px;}
#footer #main ul li a:hover{ color:#ffa561 ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:11px;}

* html body #footer #main ul  { margin:45px 0px 8px 0px;} 
*:first-child+html #footer #main ul { margin: 45px 0 8px 0px;}

#footer #sub ul{ margin:12px 0px 12px 0px; padding:0; list-style:none; text-align:center; text-transform:uppercase;}
#footer #sub ul li{ margin:10px 0 0 1em; padding:0;display:inline ; color:#999 ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:10px; font-weight:bold;}
#footer #sub ul li a{  color:#ff156c ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:10px;}
#footer #sub ul li a:hover{ color:#eee ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:10px;}



#footer address{ text-align:center;width:233px; height:11px;background: url(../images/copy.png) no-repeat center center; margin:0px auto 0 auto; text-indent:-10000em; line-height:1;  _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/../images/copy.png',sizingMethod='crop')}

#footer .page_top{ float:left; margin:0px 0; background:url(../images/page_top.png) no-repeat; width:103px; height:23px; position:absolute; top: 90px; left:710px; text-indent:-10000em; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/../images/page_top.png',sizingMethod='crop')}


/* CLEAR FIX*/
.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {display: inline-block; clear:both;margin:0 auto;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block; clear:both;margin:0 auto;}
/* End hide from IE-mac */