@charset "utf-8";
/* 
------------------------------------------------------------------------------------------- 基本設定 */
html {
	overflow-y: scroll;
}
body {
	font-size: 12px;
	line-height: 1.6;
	color: #555;
	font-family: Verdana, sans-serif;
	background: #FFF url(../images/bg.jpg) top repeat-x;
	letter-spacing: 1px;
}
body#detail {
	background: #EAEAEA url(../images/bg.gif) center repeat-y;
}

/* for WinIE6 */
* html body {
	font-size: 75%;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	vertical-align:baseline;
}

/* for WinIE7 */
*:first-child+html body { 
	font-size: 75%;
	font-family: Verdana, 'メイリオ', Meiryo, sans-serif;
}
body, p, h1, h2, h3, h4, h5, ul, li, p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
table {
	font-size : 100%;
}
ul {
	list-style:none;
}
p {
	margin: 0 0 10px 0;
	padding: 0;
}
.small {
    font-size: 78%;
}
.large{
	font-size: 130%;
}
img { 
	border: none;
}
.white { color: #ffffff; }
.red { color: #cc0000; }
.blue { color: #3333FF; }
.orange { color: #D76C18; }
.green { color: #009900; }
.aright {
	text-align: right;
}
.right {
	float: right;
}
.left {
	float: left;
}
.center {
	text-align: center;
}
p {
	margin:0 0 1em 0;
}
.f-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.f-left {float: left;margin-right: 10px;margin-bottom: 10px;}
	
	
	

.clear {
	clear: both;
}
.tright {
	text-align:right;
}
.border {
	border: #ccc solid 1px;
}
.border-btm {
	border-bottom: 1px solid #DDD;
}
table.line {
	border: #aaa solid 1px;
}
table.center {
	margin-left : auto ;
	margin-right : auto ;
}
.pointer {
	cursor: pointer;
}
a:link {
	color:#ed568b;
	text-decoration: underline;
}
a:visited {
	color: #d03168;
	text-decoration: underline;
}
a:hover {
	color:#d03168;
	text-decoration: none;
}
a:active {
	color:#d03168;
	text-decoration: none;
}
/* clearFix*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix {   
    zoom: 100%;   
}


/* 
------------------------------------------------------------------------------------------- hx用 */
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.head_common_01 {
	margin: 0;
	padding: 1.2em 0.5em 0.5em 0.5em;
	background: #feedf3 url(../images/bg_h01.gif);
	border-top: 3px solid #f078ad;
	border-bottom: 1px solid #CCC;
	font-size: 100%;
	color: #ec6093;
	clear: both;
	font-weight: bold;
	letter-spacing: 0.2em;
}
.head_common_02 {
	margin: 0;
	padding: 0.7em 0.5em;
	background: #FFF url(../images/bg_h02.gif) top repeat-x;
	border: 1px solid #DDD;
	border-top: 2px solid #ff9dc8;
	font-size: 100%;
	color: #666;
	clear: both;
	_height: 1%;
	zoom: 100%;
	letter-spacing: 0.1em;
}

div.subject {
   text-align: left;
   float: left;
}
div.date {
   text-align: right;
}


/*
------------------------------------------------------------------------------------------- コンテンツ用 */
.bspace {
	margin-bottom: 10px;
}
.bspace2 {
	margin-bottom: 20px;
}
.lspace {
	padding-left: 10px;
}
.pad10 {
	padding: 10px;
	height: 1%;
	zoom: 100%;
}
.pad0-10 {
	padding: 0 10px;
}
.pad10-0 {
	padding: 10px 0;
}
.rb-space {
	padding: 0 5px 0 0;
}
td.wborder {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.box {
	background: #FFF url(../images/bg_box.jpg) no-repeat;
	border: 1px solid #ccc;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	padding: 10px;
	_height: 1%;
	overflow: hidden;
	line-height: 1.6;
}


/*
------------------------------------------------------------------------------------------- メインコンテナ */
#container  {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background: url(../images/bg_container-02.jpg) top center no-repeat;
}
body#m1 #container  {
	background: url(../images/bg_container-01.jpg) top center no-repeat;
}
#detail #container  {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-image: none;
}

/*
------------------------------------------------------------------------------------------- ヘッダー用 */
h1.base {
	margin: 0;
	padding: 0;
	font-size: 82%;
	text-align: right;
	letter-spacing: 0.2em;
	position: absolute;
	width: 580px;
	top: 25px;
	right: 5px;
}
p.logo {
	width: 200px;
	height: 145px;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	position: absolute;
}



/*
------------------------------------------------------------------------------------------- index */
.infomation {
	margin: 0 0 20px 0;
	padding: 0;
	height: 120px;
	overflow-y: scroll;
}
dl.info {
	margin: 0;
	padding: 10px;
}
dl.info dt {
	float:left;  
	width: 78px;
	/*width: 120px;*/
	padding: 10px 0 10px 12px;  
	clear: both;
	background: url(../images/icon_list01.gif) 0 16px no-repeat;
}
dl.info dd {
	margin-left: 100px;
	/*margin-left: 90px;*/
	padding: 10px 0;
	border-bottom: 1px solid #DDD;
}


/*
------------------------------------------------------------------------------------------- flashBox */
#flashBox {
	width: 570px;
	height: 180px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 71px;
	left: 221px;
}
body#m1 #flashBox {
	height: 250px;
}
#flashBox p,
#flashBox h2 {
	margin: 0;
	padding: 0;
}


/*
------------------------------------------------------------------------------------------- メイン設定 */
#mainBox {
	width: 800px;
	margin: 0 0 10px 0;
	padding: 145px 0 0 0;
}
#leftBox {
	width: 185px;
	margin: 0;
	padding: 0 7px 0 8px;
	float: left;
	background: url(../images/leftBox-bg.gif) bottom center no-repeat;
}
#rightBox {
	width: 580px;
	margin: 0;
	padding: 120px 5px 0 0;
	float: right;
}
body#m1 #rightBox {
	padding: 190px 5px 0 0;
}


/*
------------------------------------------------------------------------------------------- メインメニュー用 */
ul#menu {
	margin: 0;
	padding: 10px 0;
	list-style: none;
}
ul#menu li {
	list-style: none;
	width: 185px;
	height: 35px;
	margin: 0 0 5px 0;
	padding: 0;
}
ul#menu li a {
	list-style: none;
	width: 185px;
	height: 35px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
}
ul#menu li.m1 a {
	background: url(../images/menu.gif) -185px 0 no-repeat;
}
ul#menu li.m2 a {
	background: url(../images/menu.gif) -185px -35px no-repeat;
}
ul#menu li.m3 a {
	background: url(../images/menu.gif) -185px -70px no-repeat;
}
ul#menu li.m4 a {
	background: url(../images/menu.gif) -185px -105px no-repeat;
}
ul#menu li.m5 a {
	background: url(../images/menu.gif) -185px -140px no-repeat;
}
ul#menu li.m6 a {
	background: url(../images/menu.gif) -185px -175px no-repeat;
}
ul#menu li.m7 a {
	background: url(../images/menu.gif) -185px -210px no-repeat;
}
ul#menu li.m8 a {
	background: url(../images/menu.gif) -185px -245px no-repeat;
}
ul#menu li.m9 a {
	background: url(../images/menu.gif) -185px -280px no-repeat;
}
ul#menu li.m10 a {
	background: url(../images/menu.gif) -185px -315px no-repeat;
}
body#m1 ul#menu li.m1 a {
	background: url(../images/menu.gif) 0 0 no-repeat;
}
body#m2 ul#menu li.m2 a {
	background: url(../images/menu.gif) 0 -35px no-repeat;
}
body#m3 ul#menu li.m3 a {
	background: url(../images/menu.gif) 0 -70px no-repeat;
}
body#m4 ul#menu li.m4 a {
	background: url(../images/menu.gif) 0 -105px no-repeat;
}
body#m5 ul#menu li.m5 a {
	background: url(../images/menu.gif) 0 -140px no-repeat;
}
body#m6 ul#menu li.m6 a {
	background: url(../images/menu.gif) 0 -175px no-repeat;
}
body#m7 ul#menu li.m7 a {
	background: url(../images/menu.gif) 0 -210px no-repeat;
}
body#m8 ul#menu li.m8 a {
	background: url(../images/menu.gif) 0 -245px no-repeat;
}
body#m9 ul#menu li.m9 a {
	background: url(../images/menu.gif) 0 -280px no-repeat;
}
body#m10 ul#menu li.m10 a {
	background: url(../images/menu.gif) 0 -315px no-repeat;
}
ul#menu li.m1 a:hover {
	background: url(../images/menu.gif) 0 0 no-repeat;
}
ul#menu li.m2 a:hover {
	background: url(../images/menu.gif) 0 -35px no-repeat;
}
ul#menu li.m3 a:hover {
	background: url(../images/menu.gif) 0 -70px no-repeat;
}
ul#menu li.m4 a:hover {
	background: url(../images/menu.gif) 0 -105px no-repeat;
}
ul#menu li.m5 a:hover {
	background: url(../images/menu.gif) 0 -140px no-repeat;
}
ul#menu li.m6 a:hover {
	background: url(../images/menu.gif) 0 -175px no-repeat;
}
ul#menu li.m7 a:hover {
	background: url(../images/menu.gif) 0 -210px no-repeat;
}
ul#menu li.m8 a:hover {
	background: url(../images/menu.gif) 0 -245px no-repeat;
}
ul#menu li.m9 a:hover {
	background: url(../images/menu.gif) 0 -280px no-repeat;
}
ul#menu li.m10 a:hover {
	background: url(../images/menu.gif) 0 -315px no-repeat;
}

/*
------------------------------------------------------------------------------------------- 中ページ */

body#m6 td.firstChild {width: 140px;}
	

/*
------------------------------------------------------------------------------------------- 教室紹介 */
#m8 .textBox{ width:400px; float:right;}

/*
------------------------------------------------------------------------------------------- ul dl */
ul.base01 {
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	height: 1%;
}
ul.base01 li {
	margin: 0 0 5px 0;
	padding: 5px 0 5px 12px;
	border-bottom: 1px solid #ddd;
	background: url(../images/icon_list01.gif) 0 10px no-repeat;
}
ul.base01 li.lastChild {
	margin: 0;
	padding: 5px 0 5px 12px;
}


dl.base01 {
	margin: 0 0 10px 0;
	padding: 10px;
	overflow: hidden;
	height: 1%;
	border: 1px solid #ddd;
	background: #FFF url(../images/bg_h02.gif) top repeat-x;
}
dl.base01 dt {
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
	color: #0066CC;
	font-weight: bold;
}
dl.base01 dd {
	margin: 0 0 5px 10px;
	padding: 0;
}



/*
------------------------------------------------------------------------------------------- フッター用 */
#footer {
	margin: 0;
	padding: 0;
	clear: both;
	background: #ffd6e9 url(../images/footer-bg.gif) top repeat-x;
	font-size: 82%;
	letter-spacing: 0;
}
#detail #footer {
	margin: 0;
	padding: 0;
	clear: both;
	background-image: none;
	background-color: #FFF;
}
#footerInner {
	width: 800px;
	margin: 0 auto;
	padding: 30px 0 10px 0;
	position: relative;
	clear: both;
	background: url(../images/bg_footer.jpg) top left no-repeat;
}
#footerInner p.pagetop {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}

/*
------------------------------------------------------------------------------------------- form */
form {
	margin: 0;
	padding: 0;
}
.input1 {
	width: 400px;
}
.input2 {
	width: 500px;
}
textarea {
	width: 350px;
	height: 100px;
}

/*
------------------------------------------------------------------------------------------- Print */
@media print{
* html body {
	zoom: 0.8;
}
html,
body,
#container、
#footer {
	background-image: none;
	overflow: visible;
}
}