@charset "utf-8";
/*
#	written by unit-MSE Co.,ltd.　　　　　　　　 #
#	Copyright 2007 unit-MSE Co.,ltd.　　　　　　 #
#	　　　　　　　　　　　　　　　　　　　　　　 #
#	info@unit-mse.jp　　　　　　　　　　　　　　 #
#	http://www.unit-mse.jp　　　　　　　　　　　 #
#	使用：Liberty esthetic school　　2007.8.22　 #
#	日文用　　　　　　　　　　　　　　　　　　　 #
#	$Revision: 1.0 $  　　　　　　　　　　　　　 #
*/


/*-------------------------------------------------
	base
-------------------------------------------------*/

BODY, H1, H2, H3, H4, H5, P, FORM, UL, OL, LI, DL, DD, DT {
	margin:0;
	padding:0;
}
OL, UL, LI { list-style-type: none; }
A { outline:none 0 #000000; }
HR { display: none; }
IMG { border:0; }
BR.clear {
	font-size: 1px;
	line-height: 0px;
	clear: both;
}
/*-------------------------------------------------
	layout base 
-------------------------------------------------*/

HTML, BODY { height:100%; }
BODY {
	text-align:center;
	background:url(../img/body_bg.gif);
}
/*-------------------------------------------------
	text color and size
-------------------------------------------------*/

BODY, TH, TD, H1, H2, H3, H4, H5, H6, PRE, INPUT, TEXTAREA, OPTION, DIV, P, DT, DD, LI, ADDRESS {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	font-style: normal;
	color:#454545;
}
/*-------------------------------------------------
 text link
 -------------------------------------------------*/

A {
	color:#BE2B2C;
	text-decoration:none;
}
A:link {
	color:#BE2B2C;
	text-decoration:none;
}
A:visited {
	color:#BE2B2C;
	text-decoration:none;
}
A:hover {
	color:#DF6C6C;
	text-decoration:none;
}
A.arrow {
	padding-left:16px;
	background:url(../img/common_btn_delta.gif) no-repeat;
}
A.arrow:hover { background:url(../img/common_btn_delta_on.gif) no-repeat; }
/*-------------------------------------------------
	headline
 -------------------------------------------------*/

H3.add_bg {
	background:url(../img/h_bg.gif) no-repeat left bottom;
	margin-bottom:10px;
	padding-bottom:10px;
}
/*-------------------------------------------------
	usefull margin
-------------------------------------------------*/

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mlb10 {
	margin-left:10px;
	margin-bottom:10px;
}
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mtb20 {
	margin-top:20px;
	margin-bottom:20px;
}
.ml10 { margin-left:10px; }
.mr20 { margin-right:20px; }
/*-------------------------------------------------
	usefull item
-------------------------------------------------*/

.tar { text-align:right; }
.tac { text-align:center; }
.fl_img {
	float:left;
	margin:0px 20px 10px 0px;
}
.fr_img {
	float:right;
	margin:0px 0px 10px 20px;
}
P.exist_emphasis STRONG {
	font-weight:normal;
	color:#ED4156;
}
/*-------------------------------------------------
	wrapbase
-------------------------------------------------*/

#wrapbase {
	margin:0 auto;
	background-image:url(../img/main_bg.gif);
	background-repeat:repeat-y;
	width:866px;
	height:100%;
	min-height:100%;
	padding-bottom:30px;
}
body > #wrapbase { height:auto; }
/*-------------------------------------------------
	main
-------------------------------------------------*/

#main {
	width:800px;
	text-align:left;
	margin:0 auto;
}
/*-------------------------------------------------
	header
-------------------------------------------------*/

#header {
	background:url(../img/header_bg.gif) no-repeat top left;
	padding-top:29px;
}
#header H2 {
	width:161px;
	height:50px;
	float:left;
	margin-bottom:10px;
}
#header H2 A {
	text-indent:-9999px;
	display:block;
	background:url(../img/header_logo.gif) no-repeat;
	width:161px;
	height:50px;
}
#header_right {
	float:right;
	width:600px;
}
#header_right P {
	font-size:10px;
	color:#653301;
	text-align:right;
	margin-top:15px;
}
#header_right UL LI {
	margin-top:0px;
	float:right;
}
#header_right UL LI A {
	background-repeat:no-repeat;
	display:block;
	line-height:100%;
	text-indent:-9999px;
	font-size:1px;
	height:17px;
	background-position:top left;
}
#header_right UL LI#access { width:88px; }
#header_right UL LI#access A {
	background-image:url(../img/btn_access.gif);
	width:88px;
}
#header_right UL LI#sitemap {
	width:75px;
	margin-left:20px;
}
#header_right UL LI#sitemap A {
	background-image:url(../img/btn_sitemap.gif);
	width:75px;
}
#header_right UL LI A:hover, #header_right UL LI A.current, BODY#access_page #header_right UL LI#access A, BODY#sitemap_page #header_right UL LI#sitemap A { background-position:bottom left; }
/*-------------------------------------------------
	g_navi
-------------------------------------------------*/

#g_navi {
	margin-bottom:20px;
	background:url(../img/g_navi_bg.gif) no-repeat;
	height:31px;
}
#g_navi UL LI {
	height:31px;
	float:left;
}
#g_navi UL LI A {
	background-repeat:no-repeat;
	display:block;
	line-height:100%;
	text-indent:-9999px;
	font-size:1px;
	height:31px;
	background-position:top left;
}
#g_navi UL LI#home { width:68px; }
#g_navi UL LI#home A {
	background-image:url(../img/g_navi_home.gif);
	width:68px;
}
#g_navi UL LI#esthetic_school { width:200px; }
#g_navi UL LI#esthetic_school A {
	background-image:url(../img/g_navi_esthetic_school.gif);
	width:200px;
}
#g_navi UL LI#lesson { width:113px; }
#g_navi UL LI#lesson A {
	background-image:url(../img/g_navi_lesson.gif);
	width:113px;
}
#g_navi UL LI#voice { width:92px; }
#g_navi UL LI#voice A {
	background-image:url(../img/g_navi_voice.gif);
	width:92px;
}
#g_navi UL LI#lymphdrainage { width:154px; }
#g_navi UL LI#lymphdrainage A {
	background-image:url(../img/g_navi_lymphdrainage.gif);
	width:154px;
}
#g_navi UL LI#inquiry { width:162px; }
#g_navi UL LI#inquiry A {
	background-image:url(../img/g_navi_inquiry.gif);
	width:162px;
}
#g_navi UL LI A:hover { background-position:bottom left; }
/* body ID */

BODY#home_page #g_navi UL LI#home A, BODY#home_page #g_navi UL LI#home A:hover, BODY#esthetic_school_page #g_navi UL LI#esthetic_school A, BODY#esthetic_school_page #g_navi UL LI#esthetic_school A:hover, BODY#lesson_page #g_navi UL LI#lesson A, BODY#lesson_page #g_navi UL LI#lesson A:hover, BODY#voice_page #g_navi UL LI#voice A, BODY#voice_page #g_navi UL LI#voice A:hover, BODY#lymphdrainage_page #g_navi UL LI#lymphdrainage A, BODY#lymphdrainage_page #g_navi UL LI#lymphdrainage A:hover, BODY#inquiry_page #g_navi UL LI#inquiry A, BODY#inquiry_page #g_navi UL LI#inquiry A:hover { background-position:left center; }
/*-------------------------------------------------
	content
-------------------------------------------------*/

#content {
	float:right;
	width:595px;
}
#content H1 {
	background:url(../img/ttl_bg.gif) no-repeat top left;
	width:595px;
	height:60px;
	margin-bottom:20px;
	margin-top:-15px;
}
#content H1 IMG { margin:30px 0px 0px 26px; }
#content DIV.lump {
	padding:30px 30px 0px 30px;
	background:url(../img/contents_bg_top.gif) no-repeat;
	clear:both;
}
#content DIV.lump P { line-height:24px; }
#content DIV.lump P.profile {
	line-height:18px;
	text-align:right;
}
#content DIV.lump H2 {
	background:url(../img/contents_bg_ttl.gif) no-repeat bottom left;
	padding-bottom:15px;
	margin-bottom:10px;
}
#content DIV.lumpIcam {
	padding:30px 30px 0px 30px;
	clear:both;
}
#content DIV.lumpIcam P { line-height:24px; }
#content DIV.lumpIcam P.profile {
	line-height:18px;
	text-align:right;
}
#content DIV.lumpIcam H2 {
	background:url(../img/contents_bg_ttl.gif) no-repeat bottom left;
	padding-bottom:15px;
	margin-bottom:10px;
}
#wrapcontents DIV.divide {
	clear:both;
	height:20px;
	background:url(../img/contents_bg_foot.gif) no-repeat;
	margin-bottom:10px;
}
#wrapcontents DIV.divide_last {
	clear:both;
	height:20px;
	background:url(../img/contents_bg_foot.gif) no-repeat;
	margin-bottom:20px;
}
/* ページの先頭へ戻る */

#content P.go_top {
	width:105px;
	float:right;
	margin-bottom:20px;
	height:16px;
}
#content P.go_top A {
	width:105px;
	height:16px;
	background:url(../img/common_btn_top.gif) no-repeat top left;
	display:block;
	line-height:100%;
	text-indent:-9999px;
	font-size:1px;
}
#content P.go_top A:hover { background-position:bottom left; }
/*-------------------------------------------------
	information
-------------------------------------------------*/

DIV#information {
	float:left;
	width:185px;
	background:url(../img/info_bg_body.gif) repeat-y;
}
DIV#information DIV#info_head {
	font-size:1px;
	line-height:100%;
	background:url(../img/info_bg_top.gif) no-repeat top left;
	height:5px;
	margin-bottom:11px;
}
DIV#information DIV#info_foot {
	font-size:1px;
	line-height:100%;
	background:url(../img/info_bg_foot.gif) no-repeat bottom left;
	height:5px;
}
DIV#information H3 {
	margin:0px 0px 20px 0px;
	text-align:center;
}
DIV#information H4 {
	margin:0px 0px 10px 0px;
	text-align:center;
}
DIV#information P {
	font-size:10px;
	width:160px;
	margin:0px 0px 10px 15px;
}
DIV#information P STRONG {
	font-size:12px;
	font-weight:bold;
}
DIV#information DIV A {
	display:block;
	line-height:100%;
	text-indent:-9999px;
	font-size:1px;
}
DIV#information DIV#info_accessmap {
	width:100px;
	height:20px;
	margin:0 0 10px 44px;
}
DIV#information DIV#info_accessmap A {
	width:100px;
	height:20px;
	background:url(../img/info_btn_access.gif) no-repeat top left;
}
DIV#information DIV#info_inquiry {
	width:161px;
	height:26px;
	margin:0 0 20px 12px;
}
DIV#information DIV#info_inquiry A {
	width:161px;
	height:26px;
	background:url(../img/info_btn_inquiry.gif) no-repeat top left;
}
DIV#information DIV#info_salon {
	width:107px;
	height:26px;
	margin:0 0 20px 39px;
}
DIV#information DIV#info_salon A {
	width:107px;
	height:26px;
	background:url(../img/info_btn_salon.gif) no-repeat top left;
}
DIV#information DIV#info_accessmap A:hover, DIV#information DIV#info_inquiry A:hover, DIV#information DIV#info_salon A:hover { background-position:bottom left; }
/*-------------------------------------------------
	bnrArea
-------------------------------------------------*/


DIV#bnrArea {
	float:left;
	width:185px;
	margin-bottom:15px;
}
/*-------------------------------------------------
	footer
-------------------------------------------------*/

DIV#footer { clear:both; }
DIV#footer DIV#footer_right { float:right; }
DIV#footer DIV#footer_right P { float:right; }
DIV#footer DIV#footer_right P A {
	display:block;
	line-height:100%;
	text-indent:-9999px;
	font-size:1px;
}
DIV#footer DIV#footer_right P {
	height:16px;
	margin:0px 0px 10px 0px;
}
DIV#footer DIV#footer_right P.go_top {
	width:105px;
	margin-left:20px;
}
DIV#footer DIV#footer_right P.go_top A {
	width:105px;
	height:16px;
	background:url(../img/common_btn_top.gif) no-repeat top left;
}
DIV#footer DIV#footer_right P.go_home { width:75px; }
DIV#footer DIV#footer_right P.go_home A {
	width:75px;
	height:16px;
	background:url(../img/common_btn_home.gif) no-repeat top left;
}
DIV#footer DIV#footer_right P.go_top A:hover, DIV#footer DIV#footer_right P.go_home A:hover { background-position:bottom left; }
DIV#footer P#footer_navi {
	background:url(../img/footer_bg.gif) repeat-x top left;
	text-align:center;
	padding-top:13px;
}
DIV#footer P#footer_navi A {
	color:#666666;
	text-decoration:none;
}
DIV#footer P#footer_navi A:hover { color:#999999; }
DIV#footer ADDRESS {
	text-align:center;
	color:#666666;
}
/*-------------------------------------------------
	home page
-------------------------------------------------*/

DIV#main_image #flash_area {
	width:513px;
	float:left;
	margin-bottom:20px;
}
DIV#home_txt_box P {
	float:left;
	width:330px;
	margin-right:19px;
	margin-bottom:20px;
}
DIV#home_txt_box P STRONG {
	color:#ED4156;
	font-weight:normal;
}
DIV#home_txt_box IMG {
	display:block;
	float:left;
	width:186px;
}
DIV#home_txt_box2 P {
	float:left;
	width:400px;
}
DIV#home_txt_box2 DIV {
	float:right;
	width:107px;
	font-size:10px;
}
DIV#home_txt_box2 DIV IMG { margin-bottom:10px; }
DIV#home_txt_box2 DIV STRONG {
	color:#D36D6D;
	font-size:12px;
}
DIV#main_image #btn_area {
	width:287px;
	float:left;
}
DIV#main_image #btn_area P {
	width:287px;
	height:91px;
	line-height:100%;
	vertical-align:text-bottom;
}
DIV#main_image #btn_area P A {
	width:287px;
	height:91px;
	display:block;
	line-height:100%;
	text-indent:-9999px;
	font-size:1px;
	vertical-align:text-bottom;
}
DIV#main_image #btn_area P#total A { background:url(../img/index_fig_course01.gif) no-repeat top left; }
DIV#main_image #btn_area P#beginner A { background:url(../img/index_fig_course02.gif) no-repeat top left; }
DIV#main_image #btn_area P#upper A { background:url(../img/index_fig_course03.gif) no-repeat top left; }
DIV#main_image #btn_area P#total A:hover, DIV#main_image #btn_area P#beginner A:hover, DIV#main_image #btn_area P#upper A:hover { background-position:right top; }
/*-------------------------------------------------
	layout_box
-------------------------------------------------*/

DIV.layout_box_type01 H3, DIV.layout_box_type01 P { display:inline; }
DIV.layout_box_type01 IMG.f_r {
	float:right;
	margin-left:20px;
}
/*-------------------------------------------------
	lymphdrainage
-------------------------------------------------*/

DIV.lump P.lymph_p {
	font-size:14px;
	line-height:28px;
}
DIV.lump P.lymph_p IMG { float:right; }
DIV.lump P.lymph_p STRONG {
	font-weight:normal;
	color:#ED4156;
}
DIV.lump DIV.lymph_box DIV.txt_box {
	float:left;
	width:276px;
}
DIV.lump DIV.lymph_box DIV.txt_box H3 { margin-bottom:10px; }
DIV.lump DIV.lymph_box DIV.txt_box P {
	margin-bottom:20px;
	padding-right:10px;
}
DIV.lump DIV.lymph_box DIV.txt_box P.last_p { margin-bottom:0px; }
DIV.lump DIV.lymph_box DIV.img_box {
	float:right;
	width:230px;
}
/*-------------------------------------------------
	access
-------------------------------------------------*/

DIV.lump DIV.access_box { height:100%; }
DIV.lump DIV.access_box DIV.img_box {
	float:left;
	width:351px;
}
DIV.lump DIV.access_box DIV.txt_box {
	float:right;
	width:164px;
}
/*-------------------------------------------------
	sitemap
-------------------------------------------------*/

DIV.lump DL.sitemap_dl DT { margin-bottom:5px; }
DIV.lump DL.sitemap_dl DD {
	margin-left:16px;
	margin-bottom:20px;
}
/*-------------------------------------------------
esthetic_school
-------------------------------------------------*/

.license {
	padding:10px;
	border:1px solid #f5deb3;
	background-color:#ffffe0;
}
.license H4 {
	color:#daa520;
	font-size:14px;
	font-weight:bold;
	margin-bottom:6px;
	margin-top:-18px;
	width:auto;
}
.license H4 span { background-color:#FFFFFF; }
.license LI {
	display:inline;
	margin-right:20px;
}