@charset "utf-8";

/* ****************************************************
Title: charm.css
Created: 2010-04-19
Last Modified: 2010-04-26
Editor(s): iwahara
Last Editor: kitamura
***************************************************** */


/* Table Of Contents
----------------------------------------

# General Elements
# gNav
# body
# layout
# visual
# pageBody
# content
# sidebar
# footer
# clearfix
# common classes

----------------------------------------*/


/* # General Elements
---------------------------------------------------------------------------- */


/* # gNav
---------------------------------------------------------------------------- */


div#gNav dl dd ul li#gNavBeautyCharm a {
	background: url(../../common/images/gnav_beauty_charm_a.gif) no-repeat left top;
}

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

/* # layout
---------------------------------------------------------------------------- */

/* # visual
---------------------------------------------------------------------------- */

div#visual {
	margin: 0 auto;
	width: 1001px;
}


/* # pageBody
---------------------------------------------------------------------------- */

div#pageBody {
}


/* # content
---------------------------------------------------------------------------- */

div#content {
}

div#content p.description {
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 105%;
	line-height: 2.3;
	margin: 0 0 30px;
}

div#content h2.bh {
	margin-bottom:15px;
	margin-top:20px;
}

div#content div.pageNavArea {
	border: solid 4px #f5f1d9;
	clear: both;
	margin-bottom: 15px;
	padding: 1px 0 1px 1px;
}

div#content div.pageNavArea dl {}

div#content div.pageNavArea dl dt {}

div#content div.pageNavArea dl dd {}

div#content div.pageNavArea dl dd ul li {
	float: left;
}

div#content ul.photoList {
	float: right;
	width: 211px;
}

div#content ul.photoList li {
	margin: 0 0 3px;
}

div#content ul.photoList li.make {
	margin-top: 10px;
}

div#content div.programTxt {
	margin-bottom: 20px;
}

div#content div.programTxt p {
	line-height: 1.8;
	margin: 0 0 8px;
}

div#content programList {
	margin: 0 0 18px;
}

div#content ul.programList li {
	line-height:1.8;
	margin: 0 0 0.4em;
}

div.bdr {
	clear: both;
	background: url(../../common/images/bdr_dot_gray.gif) repeat-x left top;
	height: 1px;
}

div#content div.lessonList {
	float: left;
	width: 470px;
}

div#content div.lessonList div.lessonInner {
	background-color: #f9f8f3;
	padding: 15px;
}

div#content div.lessonList ul.blockLeft {
	float: left;
	width: 230px;
	margin-right: 20px;
}

div#content div.lessonList ul.blockRight {
	float: right;
	width: 190px;
}

div#content ul.flowList {
	background-color: #f9f8f3;
	padding: 15px;
	margin-bottom: 20px;
}

div#content ul.flowList li {
	margin-bottom: 6px;
}

div#content ul.flowList li span.customer {
	background-color:#d5c6b3;
	color: #463627;
	margin: 0 5px 0 2px;
	padding: 3px 5px;
}

div#content ul.flowList li span.rglow {
	background-color: #f5f1d9;
	color: #463627;
	margin: 0 5px 0 2px;
	padding: 3px 5px;
}


/* # sidebar
---------------------------------------------------------------------------- */

div#sidebar {}


/* # footer
---------------------------------------------------------------------------- */

div#footer {
}


/* # clearfix
---------------------------------------------------------------------------- */
div#content div.pageNavArea,
div#content div.lessonList,
div#content div.lessonList div.lessonInner {
     zoom: 1;
}

div#content div.pageNavArea:after,
div#content div.lessonList:after,
div#content div.lessonList div.lessonInner:after {
     content: ".";
     clear: both;
     display: block;
     height: 0;
     line-height: 0;
     visibility: hidden;
}

/* # common classes
---------------------------------------------------------------------------- */