@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
    font-size: 120%;
}
    
h1 {} /* Header内で設定 */
h3 {
  margin: 0 0 10px 0;
    padding: 0;
    width: 620px;
    height: 45px;
    text-indent: -9999px;
  }
h4 {
  background: url(../images/title_bg01.jpg) 0 0 no-repeat;
  height: 24px;
  font-weight: bold;
  color: #B88A00;
  text-indent: .8em;
  margin: 8px 0 0 0;
  padding: .4em 0 0 0; 
  }

a { color: #CE7500; }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {
}

#content ul,
#content li {
  list-style: none;
}

#content ul.type01 li {
  list-style: none;
  margin: .2em 0;
  padding: 0 0 0 1em;
  background: url(../images/li_bg.jpg) 0 5px no-repeat;
  } 

dl {
}
dt {
}
dd {
}

table.type01 {
  border: 1px solid #AFA089;
  }

table.type01 th,
table.type01 td {
  border: 1px solid #AFA089;
  }
table.type01 th {
  background: #F0EBE1;
  color: #6C5429;
  text-align: left;
  vertical-align: top;
  }
table.type01 td {
}

table.type02 {
  border: 1px solid #91836B;
  }

table.type02 td,
table.type02 th {
  border: 1px solid #91836B;
  }

table.type02 th {
  background: #AD9E7A;
  border: 1px solid #91836B;
  color: #fff;
  }

table.type02 th.type02 {
  background: #F0EBE1;
  color: #6C5429;
  text-align: left;
  vertical-align: top;
  }



table.type02 td { color: #666; }

table.type02 td.point { color: #CC0000; font-weight: bold; }


p { margin: .7em 1em; }

.section { padding: 5px 20px 5px 20px; clear: both;}
.section .section { padding: .3em 8px 1em; }

.image_l { float: left; margin: 0 10px 8px 0; }
.image_r { float: right; margin: 0 0 8px 10px; }

.case {
    margin: 10px 20px;
    background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
    margin: 10px 40px;
    background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
  clear: both;
  margin: 0 20px 0 0;
  padding: 0 0 15px 0;
}
ul.totop li {
    float: right;
    list-style: none;
}
ul.totop li a {
    display: block;
    width: 60px;
    height: 12px;
    background: url(../images/to_top.jpg) 0 0 no-repeat;
    text-indent: -9999em;
    outline: none;
}

.menu_links {
  clear: both;
  margin: 5px 0 5px 15px;
    padding: 0;
    }

.menu_links h4 {
  text-indent: -9999px;
  background: url(../images/menu_title.jpg) 0 0 no-repeat;
    width: 630px;
    height: 40px;
    }

.menu_links .box {
  margin: 0 5px;
    padding: 0;
    }

.menu_links dl {
  float: left;
  margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    width: 305px;
  background: url(../images/menu_bg.jpg) bottom no-repeat;
    }

.menu_links dt {
  margin: 5px 0 5px 0;
    padding: 0;
    width: 305px;
    height: 120px;
    text-indent: -9999px;
    }

.menu_links dt a {
  display: block;
    width: 305px;
    height: 120px;
    }

.menu_links #menu01 a { background: url(../images/menu01.jpg) 0 0 no-repeat; }
.menu_links #menu01 a:hover { background: url(../images/menu01.jpg) 0 -120px no-repeat; }

.menu_links #menu02 a { background: url(../images/menu02.jpg) 0 0 no-repeat; }
.menu_links #menu02 a:hover { background: url(../images/menu02.jpg) 0 -120px no-repeat; }

.menu_links #menu03 a { background: url(../images/menu03.jpg) 0 0 no-repeat; }
.menu_links #menu03 a:hover { background: url(../images/menu03.jpg) 0 -120px no-repeat; }

.menu_links #menu04 a { background: url(../images/menu04.jpg) 0 0 no-repeat; }
.menu_links #menu04 a:hover { background: url(../images/menu04.jpg) 0 -120px no-repeat; }

.menu_links #menu01,
.menu_links #menu03 {
  margin-right: 10px;
    }

.menu_links #menu03,
.menu_links #menu03 {
  margin-bottom: 10px;
    }

.menu_links dd {
  margin: 0;
    padding: 0 .5em;
    line-height: 1.5;
    }

.studio_links {
  clear: both;
  margin: 5px 0 5px 15px;
    padding: 0px 0 0 0;
    }

.studio_links h4 {
  text-indent: -9999px;
  background: url(../images/studio_title.jpg) 0 0 no-repeat;
    width: 630px;
    height: 40px;
    }
  
.studio_links ul {
  margin: 5px 0 0 5px;
    padding: 0;
    list-style: none;
    }

.studio_links li {
    list-style: none;
  float: left;
    width: 200px;
    height: 145px;
    text-indent: -9999px;
    margin: 0 10px 0px 0;
    }

.studio_links li a {
  display: block;
    width: 200px;
    height: 125px;
    }

.studio_links li#studio01 a { background:url(../images/studio_links.jpg) 0 0 no-repeat; }
.studio_links li#studio02 a { background:url(../images/studio_links.jpg) -210px 0 no-repeat; }
.studio_links li#studio03 a { background:url(../images/studio_links.jpg) -420px 0 no-repeat; }

.studio_links li#studio01 a:hover { background:url(../images/studio_links.jpg) 0 -125px no-repeat; }
.studio_links li#studio02 a:hover { background:url(../images/studio_links.jpg) -210px -125px no-repeat; }
.studio_links li#studio03 a:hover { background:url(../images/studio_links.jpg) -420px -125px no-repeat; }

.studio_links li#studio03 { margin-left: 0; }


.online {
  clear: both;
  text-indent: -9999px;
  margin: 0px 0 10px 20px;
    padding: 0px 0 10px 0;
  }

.online p {
  margin: 0;
    padding: 0;
    width: 620px;
    height: 80px;
    }

.online a {
  display: block;
    width: 620px;
    height: 80px;
    background: url(../images/bn_online.jpg) 0 0 no-repeat;
    }
    
.online a:hover { background: url(../images/bn_online.jpg) 0 -80px no-repeat; }

.point { color: #FF7D00; }

dl.type01 dt { 
  background: url(../images/title_bg01.jpg) 0 0 no-repeat;
  height: 24px;
  font-weight: bold;
  color: #B88A00;
  text-indent: .8em;
  margin: 8px 0 5px 0;
  padding: 0; 
  }

dl.type01 dd {
  margin: .2em 0 14px;
  padding: 0 0 0 1em;
  } 

dl.qa dt { 
  background: url(../images/dt_q.jpg) 0 0 no-repeat;
  height: 24px;
  font-weight: bold;
  color: #B88A00;
  margin: 8px 0 5px 0;
  padding: 0 0 0 30px; 
  }

dl.qa dd { 
  background: url(../images/answer.jpg) top left no-repeat;
  margin: 10px;
  padding: 0 0 0 20px;
 }
 
dl.type02 {
  margin: .5em 12px .8em;
	}

dl.type02 dt { 
  background: url(../images/title_bg03.jpg) 0 0 no-repeat;
  height: 23px;
  font-weight: bold;
  color: #C67A03;
  margin: 5px 0 0 0;
  padding: .2em 0 0 20px; 
  }
/*
dl.type02 dt { 
  background: url(../images/title_bg02.jpg) 0 0 no-repeat;
  height: 28px;
  font-weight: bold;
  color: #B88A00;
  margin: 8px 0 5px 0;
  padding: 0 0 0 20px; 
  }
*/
dl.type02 dd {
  margin: 0 0 5px;
  padding: 0 0 0 1em;
  } 

dd.mark {
  margin: .1em 0;
  padding: 0 0 0 1em;
  background: url(../images/li_bg.jpg) 0 6px no-repeat;
  }

.to_reserv {
  text-indent: -9999px;
    width: 135px;
    height: 25px;
    }

.to_reserv a {
  display: block;
    width: 135px;
    height: 25px;
  background: url(../images/bn_reserv.jpg) 0 0 no-repeat;
    }

.to_reserv a:hover { background: url(../images/bn_reserv.jpg) 0 -25px no-repeat; }

.reserv_r {
  margin-right: 14px;
	}

.reserv_r .to_reserv {
  float: right;
	margin: 0 0 .5em 0;
	padding: 0;
	}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
    background: none;
}

body {
  background: url(../images/body_bg.jpg) top repeat-x;
    color: #6C5429;
    text-align: center;
}

#body02 {
  background: url(../images/body_bg02.jpg) bottom repeat-x;
}

#wrapper {
    margin: 0 auto;
    padding: 0;
  background: url(../images/wrapper_bg.jpg) center top no-repeat;
}
#main {
    width: 884px;
    margin: 0 auto;
    text-align: left;
  background: url(../images/main_bg.jpg) 0 0 repeat-y;
}
#content {
  width: 664px;
    float: right;
    margin: 0;
    padding: 0 0 10px 0;
    }

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
    width: 884px;
    height: 335px;
    margin: 0 auto;
    text-align: left;
  background: url(../images/header_bg.jpg) 0 0 no-repeat;
    position: relative;
}
#header h1 { 
    width: 884px;
    height: 145px;
    float: left; }
#header h1 a {
  display: block;
    width: 884px;
    height: 145px;
    text-indent: -9999em;
}
  
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
    clear: both;
    text-align: center;
  background: url(../images/footer_bg.jpg) 0 0 no-repeat;
    height: 120px;
    width: 884px;
    margin: 0 auto;
}
#footer address {
  text-align: center;
    margin: 0;
    padding-top: 55px;
    color: #91691A;
}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
    float: left;
    width: 220px;
    padding-bottom: 20px;
}

#navi dl,
#navi ul {
    margin: 0;
    text-align: left;
}

#navi dl dt,
#navi dl dd,
#navi ul li { 
  list-style: none; 
    margin: 0; 
    text-indent: -9999em;
    width: 220px;
    height: 30px;
    }


#navi dl dt a,
#navi dl dd a,
#navi ul li a {
    display: block;
    width: 220px;
    height: 30px;
    text-indent: -9999em;
}

#navi ul li#navi01 { height: 33px; } 
#navi ul li#navi17 { height: 32px; } 

#navi dl dd#navi08 { height: 60px; }
#navi dl dd#navi09 { height: 60px; }

#navi ul li#navi01 a { background: url(../images/navi.jpg) 0 0 no-repeat; height:33px;}
#navi02 a { background: url(../images/navi.jpg) 0 -33px no-repeat; }
#navi03 a { background: url(../images/navi.jpg) 0 -63px no-repeat; }
#navi04 a { background: url(../images/navi.jpg) 0 -93px no-repeat; }
#navi05 a { background: url(../images/navi.jpg) 0 -123px no-repeat; }
#navi06 a { background: url(../images/navi.jpg) 0 -153px no-repeat; }
#navi07 a { background: url(../images/navi.jpg) 0 -183px no-repeat; }
#navi dl dd#navi08 a { background: url(../images/navi.jpg) 0 -213px no-repeat; height:60px;}
#navi dl dd#navi09 a { background: url(../images/navi.jpg) 0 -273px no-repeat; height:60px;}
#navi10 a { background: url(../images/navi.jpg) 0 -333px no-repeat; }
#navi11 a { background: url(../images/navi.jpg) 0 -363px no-repeat; }
#navi12 a { background: url(../images/navi.jpg) 0 -393px no-repeat; }
#navi13 a { background: url(../images/navi.jpg) 0 -423px no-repeat; }
#navi14 a { background: url(../images/navi.jpg) 0 -453px no-repeat; }
#navi15 a { background: url(../images/navi.jpg) 0 -483px no-repeat; }
#navi16 a { background: url(../images/navi.jpg) 0 -513px no-repeat; }
#navi ul li#navi17 a { background: url(../images/navi.jpg) 0 -543px no-repeat; height: 32px; }

#navi ul li#navi01 a:hover { background: url(../images/navi.jpg) -220px 0; }
#navi02 a:hover { background: url(../images/navi.jpg) -220px -33px; }
#navi03 a:hover { background: url(../images/navi.jpg) -220px -63px no-repeat; }
#navi04 a:hover { background: url(../images/navi.jpg) -220px -93px no-repeat; }
#navi05 a:hover { background: url(../images/navi.jpg) -220px -123px no-repeat; }
#navi06 a:hover { background: url(../images/navi.jpg) -220px -153px no-repeat; }
#navi07 a:hover { background: url(../images/navi.jpg) -220px -183px no-repeat; }
#navi dl dd#navi08 a:hover { background: url(../images/navi.jpg) -220px -213px no-repeat; height:60px;}
#navi dl dd#navi09 a:hover { background: url(../images/navi.jpg) -220px -273px no-repeat; height:60px;}
#navi10 a:hover { background: url(../images/navi.jpg) -220px -333px no-repeat; }
#navi11 a:hover { background: url(../images/navi.jpg) -220px -363px no-repeat; }
#navi12 a:hover { background: url(../images/navi.jpg) -220px -393px no-repeat; }
#navi13 a:hover { background: url(../images/navi.jpg) -220px -423px no-repeat; }
#navi14 a:hover { background: url(../images/navi.jpg) -220px -453px no-repeat; }
#navi15 a:hover { background: url(../images/navi.jpg) -220px -483px no-repeat; }
#navi16 a:hover { background: url(../images/navi.jpg) -220px -513px no-repeat; }
#navi ul li#navi17 a:hover { background: url(../images/navi.jpg) -220px -543px no-repeat; }

#navi #navi_banner {
    margin: 20px 0 0;
}
#navi #navi_banner li {
    margin-bottom: 10px;
}
#navi #navi_banner li a {
    display: block;
    width: 220px;
    height: 50px;
    text-indent: -9999em;
    outline: none;
}

#navi #navi_banner li.banner01 a { background-image: url(../images/navi_banner.jpg); }

#navi #navi_banner li a:hover { background-position: bottom; }

#navi #mobile {
  margin: 10px 0 0 19px;
    padding: 0;
    }

#navi #mobile p{
  margin: 0;
    padding: 0;
    }

#navi #mobile img{
  display: block;
    }

#navi #mobile #mobile04 {
  background: url(../images/mobile04.jpg) 0 0 no-repeat;
    width: 186px;
    height: 57px;
    padding: 0 0 3px 8px;
    }

#carrier {
  margin-bottom: .5em;
    }

#navi .banner {
  margin: 10px 0 0 19px;
    padding: 0;
    }
 
#navi #to_voice {
  text-indent:-9999px;
    width: 186px;
    height: 65px;
    }

#navi #to_voice a {
  display: block;
    width: 186px;
    height: 65px;
    background: url(../images/bn_voice.jpg) 0 0 no-repeat;
    }

#navi #to_voice a:hover { background: url(../images/bn_voice.jpg) 0 -65px no-repeat;}


/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/

body#index {
  background: url(../images/body_bg_index.jpg) top repeat-x;
}


#index #wrapper {
  background: url(../images/wrapper_bg_index.jpg) center top no-repeat;
}

#index #header {
    height: 485px;
  background: url(../images/header_bg_index.jpg) 0 0 no-repeat;
    position: relative;
    top: 0;
    left: 0;
}

#index #header #top_fla {
  position: absolute;
    top: 145px;
    left: 7px;
    margin: 0;
    padding: 0;
    }

#index #header #top_fla h2 {
    margin: 0;
    padding: 0;
    }

#index #header #top_fla h2 img {
  display: block;
    width: 870px;
    height: 320px;
    }

p#to_campaign {
  text-indent: -9999px;
    width: 620px;
    height: 90px;
    margin: 0;
    padding: 0;
    }

p#to_campaign a {
  display: block;
    width: 620px;
    height: 90px;
    background: url(../images/bn_cam.jpg) 0 0 no-repeat;
    }

p#to_campaign a:hover { background: url(../images/bn_cam.jpg) 0 -90px no-repeat; }

#index #new {
  clear: both;
  background: url(../images/index_new_bg.jpg) bottom no-repeat;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    }

#index #new h3 { 
  width: 620px;
    height: 55px;
    margin: 10px 0 0 20px;
    padding: 0;
  background: url(../images/index_h3-01.jpg) 0 0 no-repeat; }

#new table {
  width: 500px;
    margin: 0 0 0 80px;
    border:none;
  }

#new table th {
  font-weight: normal;
  color: #C06100;
    vertical-align: top;
    border:none;
    }

#new table span {
  color: #F53600;
    font-weight: bold;
    }

#new table td {
    border:none;
    }


/* concept
------------------------------------------------------------------------*/
#concept h3#title01 { background: url(../images/concept_h3-01.jpg) 0 0 no-repeat; }



.studio_info {
  margin: 10px 10px 15px;
  }

.studio_info table.type01 {
  width: 380px;
    font-size: 12px;
  }

.studio_info table.type01 th{
  width: 65px;
  }

.studio_info .image_l,
.studio_info .image_r {
  margin-bottom: 15px;
  }

.studio_info dl.schedule {
  margin: 0;
  padding: 0;
  }

.studio_info dl.schedule dt {
  float: left;
  width: 60px;
  }

.studio_info dl.schedule dd {
  padding-left: 60px;
  }

table.menu_info {
  clear: both;
  width: 600px;
  margin: 5px 0 15px 10px;
  }
.section .section table.menu_info {
  margin-left: 0;
	}

table.menu_info td.time {
  text-align: right;
  width: 50px;
  }

table.menu_info td.price {
  text-align: right;
  width: 140px;
  }

table.menu_info td.price02 {
  text-align: right;
  width: 240px;
    }

table.menu_info span { font-weight: bold; color: #F53600;}

dl.menu_info {
  margin: 0px 0 15px 10px;
  font-size: 12px;
  }

dl.menu_info dd {
  margin: .2em 0 14px;
  padding: 0 0 0 1em;
  background: url(../images/li_bg.jpg) 0 5px no-repeat;
  font-size: 14px;
  } 
dl.menu_info span { font-weight: bold; color: #F53600;}

/* kobe
------------------------------------------------------------------------*/
#kobe h3#title01 { background: url(../images/kobe_h3-01.jpg) 0 0 no-repeat; }
#kobe h3#title02 { background: url(../images/kobe_h3-02.jpg) 0 0 no-repeat; }

/* yokohama
------------------------------------------------------------------------*/
#yokohama h3#title01 { background: url(../images/yokohama_h3-01.jpg) 0 0 no-repeat; }
#yokohama h3#title02 { background: url(../images/yokohama_h3-02.jpg) 0 0 no-repeat; }

#yokohama .studio_info dl.schedule dt {
  float: left;
  width: 110px;
  }

#yokohama .studio_info dl.schedule dd {
  padding-left: 110px;
  }

/* nagoya
------------------------------------------------------------------------*/
#nagoya h3#title01 { background: url(../images/nagoya_h3-01.jpg) 0 0 no-repeat; }
#nagoya h3#title02 { background: url(../images/nagoya_h3-02.jpg) 0 0 no-repeat; }

/* Facial
------------------------------------------------------------------------*/
#facial h3#title01 { background: url(../images/facial_h3-01.jpg) 0 0 no-repeat; }
#facial h3#title02 { background: url(../images/facial_h3-02.jpg) 0 0 no-repeat; }

#facial table.type02 {
  width: 600px;
  margin: 5px 0 15px 10px;
  }

#facial table.type02 th {
  width: 300px;
  }

#facial table.type02 .txt { vertical-align: top; }

/* Body
------------------------------------------------------------------------*/
#body h3#title01 { background: url(../images/body_h3-01.jpg) 0 0 no-repeat; }
#body h3#title02 { background: url(../images/body_h3-02.jpg) 0 0 no-repeat; }

#body dl.type01 .image_l {
  width: 400px;
  }

/* Other
------------------------------------------------------------------------*/
#other h3#title01 { background: url(../images/other_h3-01.jpg) 0 0 no-repeat; }

/* Head
------------------------------------------------------------------------*/
#head h3#title01 { background: url(../images/head_h3-01.jpg) 0 0 no-repeat; }
#head h3#title02 { background: url(../images/head_h3-02.jpg) 0 0 no-repeat; }

#head td.price { width: 100px; }

#head .l_box { 
	width: 290px;
  float: left;
  margin: 0 0 10px 0; } 

#head .r_box { 
	width: 290px;
  float: right;
  margin: 0 0 10px 0; } 

#head #head_flow { margin: 0 10px; }

#head #head_flow dl { margin: 0; }

#head #head_flow dt { margin-bottom: .5em; }

#head #head_flow dd { margin: 0 ; padding: 0 10px .2em;}

#head #head_flow dd img { display: block; }


/* Faq
------------------------------------------------------------------------*/
#faq h3#title01 { background: url(../images/faq_h3-01.jpg) 0 0 no-repeat; }

/* Links
------------------------------------------------------------------------*/
#links h3#title01 { background: url(../images/links_h3-01.jpg) 0 0 no-repeat; }

#links .section table {
  clear: both;
  width: 600px;
  margin: 5px 0 10px 10px;
    }

#links table.type01 th a { color: #6C5429; }
#links table.type01 th a:hover { color: #f41; }

#links table.type02 td a { color: #6C5429; }
#links table.type02 td a:hover { color: #f41; }

/* Privacy
------------------------------------------------------------------------*/
#privacy .section table {
  width: 600px;
  margin: 5px 0 10px 10px;
  }


/* Company
------------------------------------------------------------------------*/
#company .section table {
  width: 600px;
  margin: 5px 0 10px 10px;
  }

/* First
------------------------------------------------------------------------*/
#first h3#title01 { background: url(../images/first_h3-01.jpg) 0 0 no-repeat; }
#first h3#title02 { background: url(../images/first_h3-02.jpg) 0 0 no-repeat; }
#first h3#title03 { background: url(../images/first_h3-03.jpg) 0 0 no-repeat; }

/* Voice
------------------------------------------------------------------------*/
#voice h3#title01 { background: url(../images/voice_h3-01.jpg) 0 0 no-repeat; }

/* Sitemap
------------------------------------------------------------------------*/
#sitemap .section ul,
#sitemap .section dl {
  margin-left: 15px;
  }

#sitemap .section li,
#sitemap .section dt {
  background: url(../images/title_bg01.jpg) 0 0 no-repeat;
  height: 28px;
  margin: 8px 0 5px 0;
  padding: 0 0 0 15px; 
  }

#sitemap .section dd {
  margin: 0 0 0 12px;
  }

/* Campaign
------------------------------------------------------------------------*/
#campaign h3#title01 { background: url(../images/campaign_h3-01.jpg) 0 0 no-repeat; }

/* Yoyaku
------------------------------------------------------------------------*/
#yoyaku h3#title01 { background: url(../images/yoyaku_h3-01.jpg) 0 0 no-repeat; }

#yoyaku table.type01 {
  width: 550px;
  margin: 5px 0 10px 10px;
    }

#yoyaku table.type01 td {
  width: 250px;
    }

/* Contact
------------------------------------------------------------------------*/
#contact h3#title01 { background: url(../images/contact_h3-01.jpg) 0 0 no-repeat; }