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

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

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

* html .iepngfix {
  behavior: url(../js/iepngfix.htc);
}


/* 基本タグのフォントサイズを指定（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内で設定 */
h2 { width: 890px; height: 120px; margin: 0 20px 15px; }

h3 {
	background: url(../images/sttl_01.jpg) 0 0 no-repeat #fcf6ee;
	font-size: 150%;
	font-weight: bold;
	padding: 13px 0 11px 27px;
	margin: 0 0 20px;
	border: solid 1px #cc9901;
}

*html h3 { width: 650px; }

h3 span { font-weight: normal; margin-left: 0.5em; }

h4 {
	background: url(../images/sttl_02.jpg) 0 100% no-repeat;
	color: #997341;
	font-size: 140%;
	font-weight: bold;
	padding: 4px 0 11px 12px;
	margin: 0 0 15px;
}
*html h4 { width: 650px; }

p.sttl {
	background: url(../images/sttl_03.gif) 0 0 no-repeat;
	color: #582c00;
	font-weight: bold;
	padding: 4px 0 5px 25px;
	margin: 0 0 5px 5px; 
}


p.sttl span { font-weight: normal; }

a { color: #a51f1f; }
a:hover,
a:active { color: #933; text-decoration: none; }
a:visited {}
/*a:focus{outline:none;}*/


ul {
}
li {
}

dl {
}
dt {
}
dd {
}

p { margin: 0 0 1em; }

.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

/*.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }*/

.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;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}
ul.totop li a {
	display: block;
	width: 100px;
	height: 20px;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
ul.totop li a:hover { background-position: bottom; }

hr { display: none; }
img { vertical-align: top; }


/*---- clear ----*/
.clear{
clear:both;
height:0px;
font-size:0px;
line-height:0;
margin:0;
padding:0;
}


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

html {
	background: none;
}

body {
	background: url(../images/body_bg.gif) 0 0 repeat-x;
	color: #333;
	text-align: center;
	padding: 0;
	margin: 0;
}

body.top { background: url(../images/body_top_bg.gif) 0 0 repeat-x; }

#wrapper {
	background: url(../images/wrapper_bg.gif) 0 0 repeat-y;
	width: 930px;
	text-align: left;
	margin: 0 auto;
}

#main {
	background: url(../images/main_bg.gif) 0 0 repeat-y;
	width: 930px;
	text-align: left;
	padding: 15px 0 0;
	margin: 0 auto;
}

.top #main { padding: 0; }

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

h1 {
	position: absolute;
	top: 10px;
	left: 105px;
	color: #774603;
	font-size: 100%;
	padding: 2px 0 0;
	z-index: 100;
}

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

#header {
	position: relative;
	background: url(../images/header_bg.jpg) 0 2px no-repeat;
	width: 930px;
	height: 103px;
	padding: 0;
	margin: 0 auto 2px;
}
#header p { position: absolute; padding: 0; margin: 0; }
#header p#header-logo { top: 21px; left: 100px; }
#header p.header-tel { top: 2px; right: 0px; }


/*==========================================================================*/
/*                               main-image                                 */
/*==========================================================================*/

#main-image { background: url(../images/main_image_bg.jpg) 50% 0 no-repeat; height: 350px; margin: 0 0 3px; }
#main-image-inner { position: relative; background: url(../images/main_image_inner_bg.jpg) 0 0 no-repeat; width: 930px; height: 350px; margin: 0 auto; }
#main-image h2 { position: absolute; top: 8px; left: 8px; width: 592px; height: 334px; }
#main-image h2 img { position: absolute; top: 0; left: 0; width: 592px; height: 334px; }
#main-image ul { position: absolute; top: 8px; right: 8px; border: solid 1px #855513; border-bottom: none; }
#main-image ul li { border-bottom: solid 1px #855513; }

/*==========================================================================*/
/*                               global-navi                                 */
/*==========================================================================*/

#global-navi { background: url(../images/global_navi_bg.gif) 0 0 no-repeat; width: 930px; height: 40px; margin: 0 auto; }
.top #global-navi { margin-bottom: 2px; }
#global-navi ul { width: 918px; height: 40px; margin: 0 0 0 7px; }
#global-navi ul li { float: left; height: 40px; font-size: 0; line-height: 0; margin-right: 2px; }


/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	background: url(../images/footer_bg.gif) 0 0 no-repeat;
	width: 930px;
	height: 60px;
	text-align: center;
	margin: 0 auto;
}

#footer address { padding: 22px 0 0; }

#accessTag {
	display: none;
}


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

#navi {
	float: left;
	width: 230px;
	padding: 0 0 0 20px;
}
.top #navi { padding-top: 10px; }

#navi ul.side-navi1 { width: 230px; }
#navi ul.side-navi1 li { margin: 0 0 10px; }

#navi dl { width: 230px; font-size: 120%; margin: 0 0 10px; border-bottom: solid 1px #cc9901; }
#navi dl dt { width: 230px; }
#navi dl dd { background: url(../images/side_navi_bg_1.jpg) 0 100% no-repeat #fff; width: 228px; border-left: solid 1px #cc9901; border-right: solid 1px #cc9901; border-bottom: solid 1px #e6d6ca; }
*html #navi dl dd { width: 230px; }
#navi dl dd.btm { border-bottom: none; }
#navi dl dd a { display: block; background: url(../images/icon_a_01.gif) 9px 13px no-repeat; width: 208px; padding: 10px 0 10px 20px; }
*html #navi dl dd a { width: 228px; }

#navi ul.side-navi2 { width: 228px; font-size: 120%; margin: 0 0 15px; border: solid 1px #cc9901; border-bottom: none; }
*html #navi ul.side-navi2 { width: 230px; }
#navi ul.side-navi2 li { background: url(../images/side_navi_bg_2.gif) 0 100% no-repeat #fff; width: 228px; border-bottom: solid 1px #cc9901; }
#navi ul.side-navi2 li span { display: block; }
#navi ul.side-navi2 li a { display: block; background: url(../images/icon_a_02.gif) 5px 12px no-repeat; width: 208px; padding: 10px 0 10px 20px; }
*html #navi ul.side-navi2 li a { width: 228px; }

#navi a { color: #000; text-decoration: none; }
#navi a:hover { color: #900; text-decoration: underline; }

#navi ul.side-bn { width: 230px; }
#navi ul.side-bn li { margin: 0 0 10px; }



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

#content {
	float: right;
	width: 650px;
	padding: 0 20px 0 0;
}

.top #content { padding-top: 3px; }

*html #content { width: 670px; }


/* index
------------------------------------------------------------------------*/
.top h2 { background: none; padding: 0; margin: 0; border: none; }
.top h3 { background: none; padding: 0; margin: 0; border: none; }
.top h4 { background: none; padding: 0; margin: 0; border: none; }
.top h3.titleh3 {
	background: url(../images/sttl_01.jpg) 0 0 no-repeat #fcf6ee;
	font-size: 150%;
	font-weight: bold;
	padding: 13px 0 11px 27px;
	margin: 0 0 20px;
	border: solid 1px #cc9901;
	}
.top-section01 { background: url(../images/line_01.gif) 0 100% repeat-x; padding: 0 0 10px; margin: 0 0 20px; }
.top-section01:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.top-section01 { display: inline-block; }
/* Hides from IE-mac \*/
* html .top-section01 { height: 1%; }
.top-section01 { display: block; }
/* End hide from IE-mac */
.top-section01 h3 { width: 420px; height: 100px; }
*html .top-section01 h3 { width: 420px; height: 100px; }
.top-section01 p.pic { float: right; padding: 0; margin: 7px 0 15px 0px; }
.top-section01 div { margin-top: -18px; }
.top-section01 p { font-size: 120%; line-height: 1.6; padding: 0 0 0 12px; }

.top-section02 { position: relative; float: left; background: url(../images/top_02.gif) 0 100% no-repeat; width: 360px; height: 179px; margin: 0 0 20px; }
.top-section02 h4 { position: absolute; top: 0; left: 0; width: 360px; height: 40px; }
*html .top-section02 h4 { width: 360px; height: 40px; }
.top-section02 p { position: absolute; top: 51px; left: 9px; }
.top-section02 dl { position: absolute; top: 51px; left: 176px; }
.top-section02 dl dt { margin: 0 0 4px; }
.top-section02 dl dd { margin: 0 0 0 5px; }

.top-section03 { float: right; background: url(../images/top_06.gif) 0 100% no-repeat; width: 280px; height: 179px; margin: 0 0 20px; }
.top-section03 h4 { width: 280px; height: 29px; }
.top-section03 p { margin: 0; }
.top-section03 p.btn { margin: -25px 0 5px 173px; }

.top .info-box { clear: both; position: relative; background: url(../images/info_box_bg.jpg) 0 0 no-repeat; width: 650px; height: 230px; margin: 0 0 20px; }
.top .info-box #map { position: absolute; top: 15px; left: 15px; width: 318px; height: 198px; border: solid 1px #e6d6ca; }
.top .info-box .right-box { position: absolute; top: 0; right: 10px; width: 290px; height: 230px; }
.top .info-box .right-box p { margin: 0; }
.top .info-box .right-box p.details { margin: 0 0 0 5px; }
.top .info-box .right-box ul { margin: 0 0 5px 5px; }


/* under
------------------------------------------------------------------------*/

/* common */

.col-red { color: #c00; }

p.topic-path { font-size: 120%; text-align: right; padding: 0 2px 10px; margin: 0; }
*html p.topic-path { width: 650px; }

p.bn-inquiry { clear: both; margin: 20px 0; }
p.bn-inquiry a:hover img { opacity: 0.8; filter: alpha(opacity=80); }

p.pagetop { text-align: right; margin: 20px 0; }

.con-box {
	padding: 0;
	line-height: 1.7;
	padding: 0 0 0 10px;
	margin: 0 0 25px;
}
.con-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.con-box { display: inline-block; }
/* Hides from IE-mac \*/
* html .con-box { height: 1%; }
.con-box { display: block; }
/* End hide from IE-mac */

.con-box p { margin: 0 0 10px; }
.con-box p span { color: #c00; }

.con-box p.img-l { float: left; padding: 0; margin: 0 20px 10px 0; }
.con-box p.img-r { float: right; padding: 0; margin: 0 0 10px 20px; }

.con-box p img.img-l { float: left; padding: 0; margin: 0 25px 10px 0; }
.con-box p img.img-r { float: right; padding: 0; margin: 0 0 10px 25px; }

.con-box dl dd img.img-r { float: right; padding: 0; margin: 0 0 10px 25px; }


.con-box p.txt-link { background: url(../images/icon_a_01.gif) 0 0 no-repeat; padding: 0 0 0 22px; }

.con-box ul { line-height: 1.5; }
.con-box ul li { background: url(../images/icon_li_01.jpg) 0 2px no-repeat; padding: 0 0 0 17px; margin: 0 0 5px; }

table {
	font-size: 130%;
	line-height: 1.5;
	border-top: solid 1px;
	border-top-style: dotted;
	border-left: none;
	border-color: #dad6ce;
	border-collapse: collapse;
	margin:0 0 20px 10px;
}

table th ,
table td {
	text-align: left;
	vertical-align: top;
	padding: 10px 10px;
	border-right: none;
	border-bottom: solid 1px;
	border-bottom-style: dotted;
	border-color: #dad6ce;	
}

table thead th { background: #f5efe3; text-align: center; }
table th { background: #fdfcf9; color: #555; vertical-align: middle; }
table td { background: #fff; vertical-align: top; }

table td ul li { background: url(../images/icon_li_02.gif) 0 6px no-repeat; padding: 0 0 0 12px; margin: 0 0 5px; }

.bold { font-weight: bold; }
.fs-l { font-size: 110%; }

.link-box { margin: 0 0 25px; }
.link-box ul { margin: 0 0 0 10px; }
.link-box ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.link-box ul { display: inline-block; }
/* Hides from IE-mac \*/
* html .link-box ul { height: 1%; }
.link-box ul { display: block; }
/* End hide from IE-mac */
.link-box ul li { float: left; background: url(../images/icon_a_02.gif) 0 2px no-repeat; white-space: nowrap; padding: 0 0 0 15px; margin-right: 20px; }


/* ----------------------------------------------------------------------
	about
---------------------------------------------------------------------- */

.about table { width: 628px; margin-bottom: 40px; }
.about table th { width: 20%; }
.about table td img { margin: 10px 0 0; }
.about .greeting { margin: 0 0 25px; }
.about .greeting p { margin: 0; }

.about #map { width: 500px; height: 300px; margin: 10px 0 0; border: solid 1px #e6d6ca; }


/* ----------------------------------------------------------------------
	viewel
---------------------------------------------------------------------- */

.photo-box { margin: 0 0 25px 3px; }
.photo-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.photo-box { display: inline-block; }
/* Hides from IE-mac \*/
* html .photo-box { height: 1%; }
.photo-box { display: block; }
/* End hide from IE-mac */
.photo-box p { float: left; margin: 0 7px 10px 0; border: solid 1px #e6d6ca; }
.photo-box p.r { margin-right: 0; }
.photo-box p img { border: solid 1px #fff; }
.photo-box p a:hover img { opacity: 0.8; filter: alpha(opacity=80); }

.r-box { background: url(../images/r_box_bg.gif) 0 0 repeat-y; width: 650px; margin: 0 0 40px; }
.r-box div { background: url(../images/r_box_top.gif) 0 0 no-repeat; width: 650px; padding: 0; margin: 0; }
.r-box div div { background: url(../images/r_box_btm.gif) 0 100% no-repeat; width: 604px; padding: 18px 23px 10px 23px; margin: 0; }
*html .r-box div div { width: 650px; }
.r-box h4 {
	background: none;
	font-size: 140%;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px;
}
*html .r-box h4 { width: 600px; }

.viewel table { width: 628px; margin-bottom: 40px; }
.viewel table th { width: 25%; }

.viewel .point-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.viewel .point-box { display: inline-block; }
/* Hides from IE-mac \*/
* html .viewel .point-box { height: 1%; }
.viewel .point-box { display: block; }
/* End hide from IE-mac */
.viewel .point-box dl { margin: 0 0 20px; }
.viewel .point-box dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.viewel .point-box dl { display: inline-block; }
/* Hides from IE-mac \*/
* html .viewel .point-box dl { height: 1%; }
.viewel .point-box dl { display: block; }
/* End hide from IE-mac */
.viewel .point-box dl dt { background-position: 0 0; background-repeat: no-repeat; color: #ED4A4A; font-size: 120%; font-weight: bold; padding: 5px 0 8px 85px; margin: 0 0 8px; }
.viewel .point-box dl.point1 dt { background-image: url(../images/point_1.gif); }
.viewel .point-box dl.point2 dt { background-image: url(../images/point_2.gif); }
.viewel .point-box dl.point3 dt { background-image: url(../images/point_3.gif); }
.viewel .point-box dl.point4 dt { background-image: url(../images/point_4.gif); }
.viewel .point-box dl.point5 dt { background-image: url(../images/point_5.gif); }
.viewel .point-box dl.point6 dt { background-image: url(../images/point_6.gif); }
.viewel .point-box dl dt span { display: none; }
.viewel .point-box dl dd { padding: 0 0 0 10px; margin-bottom: 1em; }
.viewel .point-box dl dd.notice {}
.viewel .point-box dl dd.notice span { color: #c00; }
.viewel .point-box dl dd.img-r { float: right; padding: 0; margin: 0 0 10px 10px; border: solid 1px #e6d6ca; }
.viewel .point-box dl dd.img-r img { border: solid 1px #fff; }
.viewel .point-box .photo-box { margin-top: -15px; }


/* ----------------------------------------------------------------------
	body
---------------------------------------------------------------------- */

/* index */
.body-index .photo-box { margin-top: -15px; }

/* viewelist */
.body-viewelist table { width: 628px; margin-bottom: 30px; }
.body-viewelist table thead th.time { background: #f3f1ec; }
.body-viewelist table tbody th { width: 22%; text-align: center; }

/* lecturer */
.body-lecturer table { width: 628px; margin-bottom: 30px; }
.body-lecturer table thead th.time { background: #f3f1ec; }
.body-lecturer table tbody th { width: 22%; text-align: center; }

/* ----------------------------------------------------------------------
	ear
---------------------------------------------------------------------- */

/* index */
.ear-index .photo-box { margin-top: -15px; }

/* viewelist */
.ear-viewelist table { width: 628px; margin-bottom: 30px; }
.ear-viewelist table thead th.time { background: #f3f1ec; }
.ear-viewelist table tbody th { width: 20%; text-align: center; }

/* lecturer */
.ear-lecturer table { width: 628px; margin-bottom: 30px; }
.ear-lecturer table thead th.time { background: #f3f1ec; }
.ear-lecturer table tbody th { width: 20%; text-align: center; }

/* ----------------------------------------------------------------------
	gold
---------------------------------------------------------------------- */

/* index */
.gold-index .photo-box { margin-top: -15px; }

/* viewelist */
.gold-viewelist table { width: 628px; margin-bottom: 30px; }
.gold-viewelist table thead th.time { background: #f3f1ec; }
.gold-viewelist table tbody th { width: 20%; text-align: center; }

/* ----------------------------------------------------------------------
	eyelash
---------------------------------------------------------------------- */

.eyelash table { width: 628px; margin-bottom: 30px; }
.eyelash table thead th.time { background: #f3f1ec; }
.eyelash table tbody th { width: 22%; text-align: center; }
.eyelash table td.time { vertical-align: middle; }

.eyelash p.cap { margin: -15px 0 20px 10px; }
.eyelash p.cap span { color: #c00; }

/* ----------------------------------------------------------------------
	hairmake
---------------------------------------------------------------------- */

.hairmake table { width: 628px; margin-bottom: 30px; }
.hairmake table thead th.time { background: #f3f1ec; }
.hairmake table tbody th { width: 22%; text-align: center; }
.hairmake table td.time { vertical-align: middle; }

/* ----------------------------------------------------------------------
	inquiry
---------------------------------------------------------------------- */

.inquiry .con-box p span { color: #c00; }
.inquiry table { width: 628px; margin-bottom: 30px; }
.inquiry table th { width: 30%; vertical-align: middle; }
.inquiry table th ,
.inquiry table td { background-image: none; }
.inquiry table textarea { width: 420px; font-size: 100%; }

.inquiry table input { max-width: 400px; }
.inquiry table input { width: 300px; }
.inquiry table ol input { width: auto; }

.inquiry table td.fmail_error,
.inquiry table th.fmail_error,
.inquiry .fmail_error_message { background: #fee; }


.memb_map {
	margin:10px 0 10px 40px;
	width:600px;
	height:405px;
	position:relative;
	background:url(../images/member_map.jpg) 0 0 no-repeat;
	}

li.map01 {
	width:108px;
	height:76px;
	position:absolute;
	top:13px;
	right:11px;
	}
	
li.map02 {
	width:108px;
	height:130px;
	position:absolute;
	top:101px;
	right:11px;
	}
	
li.map03 {
	width:108px;
	height:130px;
	position:absolute;
	top:238px;
	right:11px;
	}

li.map04 {
	width:108px;
	height:76px;
	position:absolute;
	top:208px;
	right:130px;
	}

li.map05 {
	width:108px;
	height:76px;
	position:absolute;
	top:292px;
	right:130px;
	}

li.map06 {
	width:108px;
	height:159px;
	position:absolute;
	top:209px;
	right:244px;
	}

li.map07 {
	width:108px;
	height:76px;
	position:absolute;
	top:209px;
	right:360px;
	}

li.map08 {
	width:108px;
	height:76px;
	position:absolute;
	top:302px;
	right:365px;
	}

li.map09 {
	width:108px;
	height:130px;
	position:absolute;
	top:262px;
	right:485px;
	}
	
.info {text-align:left !important; width:50% !important; vertical-align:top;}
.info2 {text-align:left !important; vertical-align:top !important;}
.info3 {text-align:left !important; vertical-align:top !important;}

.imgbor {
	margin-right:15px;
	padding:1px !important;
	border:#996633 1px solid;
	}