@charset "utf-8";

/* ****************************************************
Title: charm.css
Created: 2010-04-19
Last Modified: 2010-06-11
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#gNavCharm a {
	background: url(../../common/images/gnav_charm_a.gif) no-repeat left top;
}

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

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

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

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


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

div#pageBody {
}


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

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

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

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

div#content p.seminarTxt,
div#content div.seminarTxt {
	margin-bottom: 30px;
}

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

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

div#content ul.note {
	margin:-15px 0 15px;
}

div#content table td.pointColor {
	background: #fff7fb;
}

div#content ul.areaSuchedule {
	margin: 0 0 30px -20px;
}

div#content ul.areaSuchedule li {
	display: inline;
	float: left;
	margin-left: 20px;	
}

/* # popup
---------------------------------------------------------------------------- */
body.popup {
	background: none;
}

body.popup div#layout {
	background: none;
}

body.popup div#header {
	margin: 0 auto;
	padding-bottom: 40px;
	position: relative;
	width: 700px;
}

body.popup div#header p#siteId {
	margin: 0;
}

body.popup div#header p#hBtnClose {
	right: 0;
	margin: 0;
	position: absolute;
	top : 22px;
}

body.popup div#pageBody {
	margin: 0 auto;
	padding: 0;
	width: 700px;
}

body.popup div#content {
	margin-bottom: 40px;
}

body.popup div#content h1.bh {
	margin-bottom: 20px;
}

body.popup div#content h2 {
	background:url(../images/bg_sh.gif) no-repeat left top;
	color: #fff;
	font-size: 116%;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 10px;
}

body.popup div#content p#fBtnClose {
	margin: 0;
	text-align: right;
}

body.popup div#footer {
	padding: 20px 0;
}

*:first-child+html body.popup div#footer {
	margin-top: 40px;
}

body.popup div#footer p {
	color: #fff;
	margin: 0;
	text-align: center;
}



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




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




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

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


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