charset "UTF-8";"

/* ========BASIC======== */
* {
   margin:0;
   padding:0;	
}

body {
font-family: "ＭＳ Ｐゴシック",sans-serif;
color:#191919;
font-size: 80%;
line-height: 150%;
}

br {
   letter-spacing:normal;
}

a {
   color:#333333;
   text-decoration: none;
}

a:hover {
   color:#dcdcdc;
   text-decoration: underline;
}

img {
   border:0;
   vertical-align:bottom;
}
h1,h2,h3,h4,h5,h6 {
   margin:0;
}
li	{
	list-style-type: none;
}
/* ========TEMPLATE LAYOUT======== */
div#headWrap {
   position:relative;
   width:100%;
   margin:0 auto;
   background:#000000;
}

div#header {
   position:relative;
   width:930px;
   padding-bottom: 10px;
   margin:0 auto;
}



div#menu {
   width:100%;
   float:left;
   background: #000000;
}

div#icatch {
   width:930px;
   margin:0 auto;
}

div#contents {
   width:930px;
   margin:0 auto;
}

div#main {
   float:left;
   width:680px;
}

div#sub {
   float:right;
   width:235px;
   margin: 5px 0 0 4px;
   }

div#totop {
   clear:both;
}

div#footMenu {
   width:930px;
   margin:0 auto;
}

div#footer {
   background:#191919 url(../images/bg_body.gif) repeat;
   border-top:2px solid #000000;
}


/* ========HEADER CUSTOMIZE======== */
div#header h1 {
	font-size: 10px;
	color: #696969;
	font-weight: normal;
	position: absolute;
	left: 20px;
	top: 1px;
}
#header img {
	padding-top: 23px;
}



#nav {
	position: absolute;
	top: 5px;
	right: 0px;
	line-height: 26px;
	padding-left: 50px;
	height: 100px;	
}

#nav li {
	float: left;
	overflow: hidden;
}

#nav li a {
	padding-left: 13px;
}





/* ========globalnavi======== */
#gNav {
	margin: 0px auto;
	width: 930px;
}

#gNav li {
	float: left;
}

/* ========MAIN======== */
div#main a {
   color:#20b2aa;
}

div#main a:hover {
   text-decoration: none;
   color:#696969;
}

div#main h2 {
   margin-bottom:2px;
   padding:0 0 0 2px;
}
div#main h3 {
   margin-bottom:2px;
   padding:0 0 0 2px;
   }
div#main h4 {
   margin: 0 0 5px 5px;
   }

div#main p{
margin-bottom:15px;
}
div#main .section {
   border: #dcdcdc solid 1px;
   padding: 4px;
   margin-bottom:5px;
   margin-top: 10px;
}

/* ========list======== */
.topicpath {
    width: 680px;
    margin-top: 10px;
    font-size: 10px;
}

.topicpath ol li {
    /* liを横並び＆ブレットを消す */
    display: inline;
    list-style-type: none;
}

.topicpath ol li a {
    /* aの背景画像に記号の画像を指定 */
   background: url(../images/bg_list.gif) 0 40% no-repeat;

    /* 右寄せ＆リピート無し */
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 14px;
}


/* ========topnews======== */
#boxa {
 width:420px;
 height:350px;
 float:left;
 background:url(../images/bg_topnews.gif) no-repeat;
  }

#boxb { 
  width:240px;
  height:330px;
  float:right;
  margin-bottom: 20px;
  border:#ff69b4 solid 4px;
   }

.news {
   height: 280px;
   padding-left: 15px;
    overflow: auto;
}


#boxc { 
  clear:both;
   }
div.boxcc {
  margin: 0px auto;
}

div.boxcc ul {
  text-align: left;
}

div.boxcc ul li {
  display: inline;
  margin-left: 2px;
  margin-right: 5px;
  list-style: none;
}

div.boxcc ul li a img {
  border: none;
}



/* ========profile======== */
#profa {
    width:200px;
    height:400px;
    float:left;
    }
#profa img{
    margin-top: 10px;
    border: #ff69b4 solid 6px;
    }
    #profb { 
    width:460px;
    height:400px;
    float:left;
    }
#profc {
    clear:left;
    }
    
dl.prof {
	margin: 4px 0 15px;
	padding: 0 10px 10px;
}
dl.prof dt {
	float: left;
	width: 100px;
	padding: 10px 0;
	font-size: 10px;
	font-weight: bold;
	text-indent: 1em;
	line-height: 150%;

}
dl.prof dd {
	padding: 10px 0 10px 7em;
	line-height: 150%;
}


.infotop
{
	width: 740px;
        margin-top:10px;
}
.profimg	{
width: 630px;
margin: 0 -10px 0 0;
overflow: hidden; _zoom: 1;
}
.proff 	{
font-size:10px;
}

.profimg li {
float: left;
margin-right:2px;
margin-left:2px;
}
.profimg li img{
  display: inline;
  border: 3px solid #ffffff;
  }
.profimg li a:hover img{
  border: 3px solid #ffff00;
}





/* ========news======== */
* html body div#main dl.information dd div {
   display:inline-block;
}

div#main dl.information dt {
   float:left;
   width:80px;
   margin:0;
   padding:2px;
   font-weight: bold;
   color: #333333;
}

div#main dl.information dd {
   margin:0 0 13px 100px;
   padding:2px;
   line-height: 120%;   
   background:transparent;
}
div#main dl.information dd a{
   color: #333333;
   background: #ffff00;
   text-decoration: none;
}
div#main dl.information dd a:hover{
   color: #000000;
   background: #ffffff;
   text-decoration: none;
}

.red {
   color: #ff0000;
   font-weight: bold;
}

/* ========SUB======== */
div#sub .section {
   width: 230px;
   border: #dcdcdc solid 1px;
   padding: 3px;
   margin-bottom: 20px;
}
div.twi {
   height: 100px;
   border: #dcdcdc solid 1px;
   padding: 4px;
   margin-bottom: 20px;
  overflow: hidden; /* clear float */
}


div.twi p {
  margin:5px 2px;
}
div.twi a {
  color: #333333;
}
div.twi a:hover {
  color: #000000;
  background: #dcdcdc;
  text-decoration: none;
}
div.twi img.figure {
  float: left;

  display: inline; /* for IE6,7 */
  margin: 2px 2px 1em 2px;
}


.crp {
  width:680px;
  margin: 0 auto;
  background-color: #ffffff;
}
.crp img {
  border: 0;
  width: 160px;
  height: 110px;
}
.crp dl {
  float: left;
  width: 140px;
  margin-right: 5px;
  margin-bottom: 1em;
  padding: 0;
  font-size: 14px;
  background-color: #ffffdd;
  border:1px solid #993333;
}
.crp dt {
  margin: 0;
  padding: 0 0.5em;
  font-weight: bold;
  text-align: left;
}
.drpdd {
  margin: 0;
  padding: 0;
}
dd.comment {
  height: 4em;       /*コメント欄の文字数によって調整してください。*/
  padding: 0 5px;
  line-height: 1.3;
}
dd.date {
  height: 1.2em;
  margin: 0;
  padding: 0 0.5em;
  text-align: right;
  background-color: #ffdddd;
}













div#sub .section img{
   padding-right: 2px;
}
div#sub h2 {
   margin:2px 0 5px 0;
}

div#sub h3 {
   margin:2px 0 5px 0;
}

div#sub ul {
   margin: 0 10px 0 8px;
   padding-bottom:10px;
}



div#sub li a {
   color: #333333;
   padding-left:12px;
   background: url(../images/bg_list.gif) 0 50% no-repeat;
}

div#sub li a:hover {
   color: #333333;
   text-decoration: none;
   background: #ffff00;
}



/* ========MAIN-CR======== */
div.cr {
  width: 220px;
  overflow: hidden; /* clear float */
}

div.cr img.figure {
  float: left; 
  display: inline;
  margin: 2px 5px 2px 5px;
  border: 2px solid #ffffff;
  }
div.cr a:hover img.figure{
  border: 2px solid #ffff00;
}


/* ========info======== */
dl.info {
	margin: 0 0 15px;
	padding: 0 10px 10px;
	border-left: #00fa9a 3px solid;
}
dl.info dt {
	float: left;
	width: 7em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 150%;
   background: url(../images/bg_list.gif) 0 50% no-repeat;
	
}
dl.info dd {
	padding: 10px 0 10px 7em;
	line-height: 150%;
	border-bottom: 1px #dcdcdc solid;
}
/* ======== twitter ======== */
div.twit {
  margin: 1em 0 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.twit h3 {
  margin: 10px;
}

div.twit p {
  margin: 5px 0 1em 20px;
}

div.twit img.figure {
  float: left;

  display: inline; /* for IE6,7 */
  margin: 5px 20px 1em 20px;
}
dl.twi1 dt {
  clear: left;
  float: left;
  width: 8em;
  padding: 10px;
  margin-left: 20px;   
  border-left: solid 0.8em #ffff00;
  border-right: #dcdcdc 1px solid;
  border-top: #dcdcdc 1px solid;
  border-bottom: #dcdcdc 1px solid;
  font-weight: bold;
  }

dl.twi1 dd {
  margin-left: 12em;
  margin-bottom: 10px;
  padding: 10px;
}

dl.twi2 dt {
  clear: left;
  float: left;
  width: 8em;
  margin-left: 20px; 
  padding: 10px;
  border-left: solid 0.8em #00ff00;
  border-right: #dcdcdc 1px solid;
  border-top: #dcdcdc 1px solid;
  border-bottom: #dcdcdc 1px solid;
  font-weight: bold;
  }

dl.twi2 dd {
  margin-left: 12em;
  margin-bottom: 10px;
  padding: 10px;
}


/* ========stylist======== */
dl.stylist {
	margin: 0 0 15px;
	padding: 0 10px 10px;
	border-left: #00fa9a 3px solid;
}
dl.stylist dt {
	float: left;
	width: 7em;
	padding: 2px 0;
	font-weight: bold;
	line-height: 140%;
   background: url(../images/bg_list.gif) 0 50% no-repeat;
	
}
dl.stylist dd {
	padding: 2px 0 2px 7em;
	line-height: 140%;
	border-bottom: 1px #dcdcdc solid;
}



/* ========tab======== */
.tabContents	{
	clear: both;
	padding: 10px;
	margin-bottom: 30px;
}
.tabContents dl	{
	margin-bottom: 15px;
}
.tabContents dt	{
	background: url(../images/q.gif) no-repeat 5px 8px;
	padding: 8px 15px 8px 30px;
	font-weight: bold;
	font-size: 14px;
	border: #dcdcdc solid 1px;
}
.tabContents dd	{
	background: url(../images/a.gif) no-repeat 5px 8px;
	padding: 8px 15px 30px 30px;
}



.styletop {
    width: 860px;
    padding-left: 70px;
    margin: 15px 0 15px 0;
   background:#191919 url(../images/bg_body.gif) repeat;
}

/* ========ex======== */

table.ex {
  width: 920px;
  border-collapse: collapse;
}
table.ex th,
table.ex td {
  padding: 10px;
  border-bottom: solid 1px #dcdcdc;
}

table.ex th {
  padding: 10px;  
  background: #ff0099;
  text-align: left;
  white-space: nowrap;
  color: #000;
}

table.ex td.course {
  padding: 10px;
  text-align:left;
  font-weight: bold;
}
table.ex tr:hover td {
    border-bottom: #191919 1px solid;
}
table.ex td.time,
table.ex td.fee {
  padding: 10px;
  text-align: right;
  white-space: nowrap;
}
.foxyf {
font-size: 10px;
color: #ff0000;
font-weight: normal;
}


table.braids {
  width: 920px;
  border-collapse: collapse;
}
table.braids th,
table.braids td {
  border-bottom: solid 1px #dcdcdc;
  padding: 4px 6px;
}
table.braids tr:hover td {
    border-bottom: #000000 1px solid;
}
table.braids th {
  background: #8a2be2;
  text-align: left;
  white-space: nowrap;
  color: #000;
}
table.braids td.course {
  padding: 10px;
  text-align:left;
  font-weight: bold;
  background-color: #ffffff;
}

table.braids td.time,
table.braids td.fee {
  text-align: right;
  white-space: nowrap;
}

table.cr {
  width: 930px;
  border-collapse: collapse;
}
  table.cr th,
  table.cr td {
    padding: 10px;
  border-bottom: solid 1px #dcdcdc;
  padding: 4px 6px;
}
table.cr th {
  padding: 10px;
  background: #00ced1;
 text-align: center;
  white-space: nowrap;
  color: #000;
}
table.cr tr:hover td {
    border-bottom: #000000 1px solid;
}
table.cr td.course {
  padding: 10px;
  text-align:left;
  font-weight: bold;
}
table.cr td.time,
  table.cr td.fee {
    padding: 10px;
  text-align: right;
  white-space: nowrap;
}



/* ========gallery======== */
div.gallery {
  margin: 0;
}

div.gallery ul {
  text-align: center;
}

div.gallery ul li {
  display: inline;
  list-style: none;
}

div.gallery ul li a img {
  border: #FFFF00 2px solid;
}
div.gallery ul li a:hover img{
  border: #ffffff 2px solid;
}

/* ========privacy======== */
dl.privacy dt {
  margin: 10px;
  width: 650px;
  padding: 5px;
  border-bottom: solid 1px #191919;
  font-size: 14px;
  font-weight: bold;
  color: #191919;
}
dl.privacy dd {
  margin: 15px;
}



/* ========reserve======== */
div.reserve {
  margin-left:40px;
  width: 580px;
  height: 300px;
  background: url(../images/mail.gif) no-repeat bottom;
}
div.reserve p {
  color: #000;
  font-size: 12px;
  margin: 5px 15px 0 200px;
  padding-top: 80px;
}
div.reserve ul {
  margin:3px;
  text-align: center;
}	
div.reserve ul li {
  display: inline;
  list-style: none;
}
div.reserve ul li img {
margin: 5px 6px 0 0;
}

div.tel {
  margin-left: 40px;
  width: 580px;
  height: 300px;
  background: url(../images/tel.gif) no-repeat bottom;
}
div.tel p {
  color: #000;
  font-size: 12px;
  margin: 5px 15px 0 200px;
  padding-top: 80px;
}
div.mobile {
  margin-left: 40px;
  width: 580px;
  height: 300px;
  background: url(../images/mob.gif) no-repeat bottom;
}
div.mobile p {
  color: #000;
  font-size: 12px;
  margin: 5px 15px 0 200px;
  padding-top: 80px;
}  

div.rese {
  width: 670px;
  height: 60px;
  margin: 10px;
}
div.rese p {
  margin-left: 60px;
}
div.message p {
  margin: 10px;
  }
div.message h3{
  color: #288c66;
} 






/* ========TOTOP======== */
div#totop{
   position:relative;
   height:40px;
   
}
div#totop p{
   position:absolute;
   top:1px;
   right:0;
   margin:0;
}




/* ========FOOTMENU======== */
div#footMenu ul {
   margin:0;
   padding-left:10px;
}

div#footMenu li {
   line-height:1.4;
   list-style:none;
}

div#footMenu li a {
   color: #dcdcdc;
   padding-left:12px;
   background: url(../images/bg_footmenu.gif) 0 50% no-repeat;
}
#footerboxa { 
   width:420px;
   height:180px;
   float:left;
   }

#footerboxa ul {
  text-align: left;
  padding: 10px;
}

#footerboxa ul li {
  display: inline;
  margin-left: 2px;
  margin-right: 5px;
  list-style: none;
}

#footerboxbb {
   width: 500px;
   height: 180px;
   float: left;
}
.footerboxb {
   width:160px;
   height:170px;
   float:left;
   padding: 1px;
   border-left: #000000 solid 1px;
 }
#footerboxc {
   clear:both;
   width: 930px;
   height: 60px;
   margin-top: 3px;
   border-bottom: #ffff00 solid 3px;   
   background: url(../images/footer-boxxx.gif) no-repeat;
   }


/* ========FOOTER======== */
address{
   padding:10px 0;
   color:#696969;
   font-style: normal;
   text-align:center;
}
address a{
   color: #dcdcdc;
   text-decoration: none;
}
address a:hover{
   color: #000000;
   background: #ffff00;
   text-decoration: none;
   }