@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
	全体
---------------------------------------------------------------------------------------------------- */

body {
	margin: 0px;
	background-image: url("img/haikei.gif");
	font-size: small;}

div#container {
	width: 750px;
	margin: auto;}

img {
	vertical-align: bottom;}

a img {
	border: 0px;}

/* ----------------------------------------------------------------------------------------------------
	ヘッダー
---------------------------------------------------------------------------------------------------- */

div#header * {
	margin: 0px;}

p#headertext {
	background-color: #1286c8;
	padding: 2px;
	text-align: center;
	color: #b8dbef;}

p#windows7banner {
	margin: 0px;}

p#windows7banner img {
	border: 0px;}

img#inquirybannerimage {
	border: 0px;}

/* ----------------------------------------------------------------------------------------------------
	コンテンツ
---------------------------------------------------------------------------------------------------- */

div#contents {
	background-color: #2745a2;/*サイドバーの方が短くなる場合に使用*/}

/* -------------------------
	clearfix
------------------------ */

div#contents:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div#contents {
	display: inline-block;
	min-height: 1%;}

/* Mac版IE5用ハックの開始 \*/
* html div#contents { height: 1%;}
div#contents{ display: block;}
/* Mac版IE5用ハックの終了 */

/* ----------------------------------------------------------------------------------------------------
	本文
---------------------------------------------------------------------------------------------------- */

div#primary {
	width: 535px;
	float:left;
	background-color: white;
	padding: 0px 20px;}

div#primary p {
	line-height: 1.3em;}

p.attention {
	color: red;
	text-indent: -1em;
	margin-left: 1em;}

#heightunder8em {
	padding-bottom: 8em !important;}

#heightunder10em {
	padding-bottom: 10em !important;}

/* ----------------------------------------------------------------------------------------------------
	サイドバー
---------------------------------------------------------------------------------------------------- */

div#secondary {
	width: 175px;
	float: right;
	/*background-color: #2745a2;本文の方が短くなる場合に使用*/}

div#secondary p {
	margin: 10px 0px;
	text-align: center;}

div#wakadekilink {
	margin: auto;
	width: 163px;
	border: solid 1px white;}

div#wakadekilink h2 {
	margin: 0px;
	line-height: 1%;
	font-size: medium;}

div#wakadekilink ul {
	margin: 0px;
	padding: 5px;
	list-style-type: none;}

div#wakadekilink li {
	line-height: 1.3em;}

div#wakadekilink li a {
	color: white;}

div#i-mode {
	width: 153px;
	margin: 10px auto;
	padding: 5px;
	border: solid 1px white;}

div#i-mode h2 {
	margin: -3px -3px 0px -3px;
	background-color: white;
	text-align: center;
	font-size: small;
	color: #2745a2;}

div#i-mode p {
	color: white;}

div#partner {
	width: 153px;
	margin: 10px auto;
	padding: 5px;
	border: solid 1px white;}

div#partner h2 {
	margin: -3px -3px 0px -3px;
	background-color: white;
	text-align: center;
	font-size: small;
	color: #2745a2;}

div#partner ul {
	margin: 0px;
	padding: 5px 0px;
	list-style-type: none;}

div#partner li {
	line-height: 1.3em;}

div#partner li a {
	color: white;}

/* ----------------------------------------------------------------------------------------------------
	ナビゲーション
---------------------------------------------------------------------------------------------------- */

ul#navigation1, ul#navigation2 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}

ul#navigation1 {
	width: 535px;
	margin: 0px -20px;
	padding: 0px 20px;
	background-image: url("img/haikei_mbt.jpg");}

ul#navigation1 li {
	float: left;}

/* -------------------------
	clearfix
------------------------ */

ul#navigation1:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

ul#navigation1 {
	display: inline-block;
	min-height: 1%;}

/* Mac版IE5用ハックの開始 \*/
* html ul#navigation1 { height: 1%;}
ul#navigation1{ display: block;}
/* Mac版IE5用ハックの終了 */

/* ----------------------------------------------------------------------------------------------------
	フッター
---------------------------------------------------------------------------------------------------- */

div#footer {
	background-color: /*#1286c8*/white;
	color: /*#b8dbef*/darkblue;}

div#footer address {
	border-top: double darkblue 4px;
	padding: 2px;
	font-style: normal;
	text-align: right;}

/* ----------------------------------------------------------------------------------------------------
	内容ページ
---------------------------------------------------------------------------------------------------- */

div#contentsinner {
	width: 515px;
	margin: 1.5em auto;}

h3 {
	margin-top: 2em;}

p.text {
	text-indent: 1em;}

strong {
	color: red;}

table {
	width: 100%;
	border: solid 1px silver;
	border-collapse: collapse;}

caption {
	padding-bottom: 5px;
	text-align: left;}

caption span {
	color: green;}

dl *, ol * {
	line-height: 1.3em;}

table * {
	line-height: 1.3em;}

th, td {
	padding: 5px;
	border: solid 1px silver;}

th.th1 {
	background-color: #bde2fb;
	width: 80%;}

th.th2 {
	background-color: #e0e0e0;}

td.td1 {
	background-color: #ebf6fe;}

td.td2 {
	background-color: #f3f3f3;
	text-align: right;}

td span {
	color: gray;}

td.td3 {
	background-color: #fff9ec;
	text-align: center;}

/* ----------------------------------------------------------------------------------------------------
	ホーム
---------------------------------------------------------------------------------------------------- */

div#topbanner {
	 position: relative;}

p#topbannertext {
	margin: 0px;
	position: absolute;
	margin: 0px;
	width: 507px;
	height: 52px;
	padding: 3px;
	overflow: auto;
	z-index: 1;
	left: 15px;
	top: 173px;
	color: #13296b;}

p#topbannertext span {
	font-weight: bold;}

div#information h2 {
	margin-bottom: 0px;}

div#information dl {
	width: 525px;
	height: 10em;
	overflow: auto;
	margin: 0px 0px 1.5em 0px;
	padding: 5px;
	border-bottom: solid 5px #1baed8;
	background-color: #e9f6fa;
	color: #13296b;}

div#information dt {
	font-weight: bold;
	float: left;}

div#information dd {
	 margin-left: 6.5em;}

div#information dd span {
	 color: red;}

div#new {
	width: 535px;
	height: 187px;
	overflow: hidden;}

div#newprimary {
	width: 170px;
	float: left;}

div#newsecondary {
	width: 364px;
	float: right;
	padding-left: 1px;}

div#newsecondary p {
	float: left;
	padding-left: 12px;}

div#new p {
	margin: 0px 0px 5px 0px;}

/* -------------------------
	clearfix
------------------------ */

div#new:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div#new {
	display: inline-block;
	min-height: 1%;}

/* Mac版IE5用ハックの開始 \*/
* html div#new { height: 1%;}
div#new{ display: block;}
/* Mac版IE5用ハックの終了 */

/* -------------------------
	clearfix
------------------------ */

div#newsecondary:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div#newsecondary {
	display: inline-block;
	min-height: 1%;}

/* Mac版IE5用ハックの開始 \*/
* html div#newsecondary { height: 1%;}
div#newsecondary{ display: block;}
/* Mac版IE5用ハックの終了 */

/* ----------------------------------------------------------------------------------------------------
	わかるとできるとは
---------------------------------------------------------------------------------------------------- */

div.three {
	width: 515px;
	margin: 1.5em 0px 0px 0px;}

div.three * {
	margin: 0px;}

div.threetext {
	width: 366px;
	float: right;}

div.threetext p.text {
	height: 99px;
	padding: 5px;
	overflow: auto;
	background-color: #d6fbfb;
	background-image: url("img/g_blue.gif");
	background-repeat: no-repeat;
	background-position: bottom;}

p.threepic {
	float: left;}

/* -------------------------
	clearfix
------------------------ */

div.three:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div.three {
	display: inline-block;
	min-height: 1%;}

/* Mac版IE5用ハックの開始 \*/
* html div.three { height: 1%;}
div.three{ display: block;}
/* Mac版IE5用ハックの終了 */

/* ----------------------------------------------------------------------------------------------------
	講師紹介
---------------------------------------------------------------------------------------------------- */

p#bun {
	float: left;
	margin: 0px;}

p#dream {
	float: right;
	margin-bottom: 1.5em;}

p#sign {
	float: right;}

p#beforesign {
	width: 347px;
	float: left;}

div#profile {
	margin: 2em 0px 0px;
	clear: both;}

div#profile h3, p#footmark {
	margin: 0px;}

div#profileinner {
	width: 426px;
	float: right;
	background-image: url("img/lecturer6.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;}

div#profiletext {
	height: 210px;
	overflow: auto;
	padding-right: 10px;}

p#footmark {
	width: 89px;
	float: left;}

/* -------------------------
	clearfix
------------------------ */

div#profile:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div#profile {
	display: inline-block;
	min-height: 1%;}

/* Mac版IE5用ハックの開始 \*/
* html div#profile { height: 1%;}
div#profile{ display: block;}
/* Mac版IE5用ハックの終了 */

/* ----------------------------------------------------------------------------------------------------
	講座のご案内
---------------------------------------------------------------------------------------------------- */

div#courseinformation {
	background-image: url("img/gradationbox1.gif");
	background-position: top;
	background-repeat: no-repeat;}

div#courseinformation p {
	padding: 15px 10px;
	background-image: url("img/gradationbox2.gif");
	background-position: bottom;
	background-repeat: no-repeat;}

ul#coursemenu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 2em;}

ul#coursemenu li {
	float: left;
	margin-right: 0.5em;
	white-space: nowrap;}

ul#coursemenu span {
	color: orange;}

/* -------------------------
	clearfix
------------------------ */

ul#coursemenu:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

ul#coursemenu {
	display: inline-block;
	min-height: 1%;}

/* Mac版IE5用ハックの開始 \*/
* html ul#coursemenu { height: 1%;}
ul#coursemenu{ display: block;}
/* Mac版IE5用ハックの終了 */

h3#coursecaption {
	border: double 5px #148ecc;
	font-size: small;
	color: white;}

h3#coursecaption span {
	display: block;
	margin: 0px;
	background-color: #148ecc;}

p.pagetop {
	margin-top: 5px;
	text-align: right;
	color: #aaaaaa;}

p.pagetop a {
	color: gray;}

/* ----------------------------------------------------------------------------------------------------
	教室のご案内
---------------------------------------------------------------------------------------------------- */

div#schoolinformation {
	margin: 2em 0px 0px;
	background-image: url("img/gradationbox1.gif");
	background-position: top;
	background-repeat: no-repeat;}

div#schoolinformationinner {
	padding: 15px 10px;
	background-image: url("img/gradationbox2.gif");
	background-position: bottom;
	background-repeat: no-repeat;}

div#schoolinformationinner p {
	margin-top: 0px;}

div#schoolbox div {
	float: left;
	width: 222px;}

div#schoolbox div p {
	margin: 0px;}

div#schoolprimary {
	padding-right: 51px;}

div#schoolbox img {
	border: solid 1px #28b8db;}

/* -------------------------
	clearfix
------------------------ */

div#schoolbox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div#schoolbox {
	display: inline-block;
	min-height: 1%;}

/* Mac版IE5用ハックの開始 \*/
* html div#schoolbox { height: 1%;}
div#schoolbox{ display: block;}
/* Mac版IE5用ハックの終了 */

div#access {
	width: 515px;
	margin: 2em 0px 0px;
	background-image: url("img/school4.gif");
	background-repeat: repeat-y;}

div#access h3 {
	margin: 0px;}

div#accessinner {
	padding: 10px;
	background-image: url("img/school5.gif");
	background-position: bottom;
	background-repeat: no-repeat;}

div#accessbox {
	width: 493px;
	margin: 0px 1px 0px 1px;}

address#accessprimary {
	float: left;
	margin: 0px;
	padding-right: 10px;
	width: 202px;
	border-right: dashed 1px #28b8db;
	line-height: 1.3em;
	font-style: normal;}

address#accessprimary span {
	font-size: x-large;
	color: red;}

p#accesssecondary {
	float: right;
	margin: 0px;
	width: 280px;}

/* -------------------------
	clearfix
------------------------ */

div#accessbox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div#accessbox {
	display: inline-block;
	min-height: 1%;}

/* Mac版IE5用ハックの開始 \*/
* html div#accessbox { height: 1%;}
div#accessbox{ display: block;}
/* Mac版IE5用ハックの終了 */

div#access p.attention {
	margin-bottom: 0px;}

/* ----------------------------------------------------------------------------------------------------
	教室のインストラクター紹介
---------------------------------------------------------------------------------------------------- */

div.instructorbox {
	margin: 1.5em 0px 0px;
	border-top: dashed 1px #28b8db;
	border-bottom: dashed 1px #28b8db;
	background-image: url("img/gradation.jpg");
	background-repeat: repeat-x;
	background-potision: top;}

div.instructorbox h3 {
	margin-top: 0px;
	font-size: small;}

div.instructortext {
	padding: 10px 0px 10px 10px;
	width: 393px;
	float: right;}

p.instructorpicture {
	margin-top: 10px;
	width: 112px;
	float: left;}

p.instructorpicture img {
	border: solid 1px #28b8db;}

/* -------------------------
	clearfix
------------------------ */

div.instructorbox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div.instructorbox {
	display: inline-block;
	min-height: 1%;}

/* Mac版IE5用ハックの開始 \*/
* html div.instructorbox { height: 1%;}
div.instructorbox{ display: block;}
/* Mac版IE5用ハックの終了 */

/* ----------------------------------------------------------------------------------------------------
	支払方法
---------------------------------------------------------------------------------------------------- */

dl#paymentlist dt {
	border-bottom: dashed 1px #28b8db;}

dl#paymentlist dt span {
	font-weight: bold;
	color: #28b8db;}

dl#paymentlist dd {
	margin-bottom: 1.5em;
	text-align: right;}

/*tr#summation {
	border-top: double 3px red;}*/

tr#summation * {
	border-top: double 3px #ffcccc;}

/* ----------------------------------------------------------------------------------------------------
	サイトマップ
---------------------------------------------------------------------------------------------------- */

body#sitemapbody div#contentsinner {
	background-image: url("img/mascot.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;}

ul#sitemap {
	line-height: 1.3em;}

ul#sitemap ul {
	margin-bottom: 1.3em;}

p#mascot {
	text-align: center;}

/* ----------------------------------------------------------------------------------------------------
	肩こり改善講座
---------------------------------------------------------------------------------------------------- */

p#wakadekiandtadasulogo {
	margin-top: 2em;}