﻿@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}

a:link { text-decoration:underline;}

a:visited {	text-decoration:underline; color:#00f;}

a:active { text-decoration: none;}

a:hover { text-decoration:underline; color:#f39;}

body {
	margin: 0;
	padding: 0;
	background:#fff;
	text-align:center;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}

img { border:0;}

h1 { font-size:13px; font-weight:normal; color:#ccc; text-align:left;}
h1 a:link { text-decoration:none; color:#ccc;}
h1 a:visited { text-decoration:none; color:#ccc;}
h1 a:hover { text-decoration:none; color:#ccc;}

h2 { margin:0 0 10px 0;}



.b { font-weight:bold;}

.ctr { margin:0 auto; text-align:center;}

.ml10 { margin-left:10px;}

.fl { float:left;}

.clr { clear:both;}

.hr { width:550px; margin:10px auto; border:#FF99FF 1px solid;}

.red { color:#f00;}


/* ヘッダー */

#header1 {
	margin: 0px auto;
    width: 814px;
    background: url(img/head1.jpg) bottom no-repeat;
	height: 232px;
}

#header2 {
	margin: 0px auto;
    width: 814px;
    background: url(img/head2.jpg) top no-repeat;
	height: 200px;
}

#navi_box { width:208px; height:200px; float:right; margin-right:3px;}

ul#navi li {
	list-style-type:none;
	text-indent:-3000px;
}

ul#navi li a {
	width:208px;
	height:50px;
	display:block;
	border:none;
	background:url(img/hd_navi.gif) no-repeat;
}

ul#navi li#home a {background-position:0px 0px;}
ul#navi li#home a:hover {background-position:-208px 0px;}

ul#navi li#fee a {background-position:0px -50px;}
ul#navi li#fee a:hover {background-position:-208px -50px;}

ul#navi li#faq a {background-position:0px -100px;}
ul#navi li#faq a:hover {background-position:-208px -100px;}

ul#navi li#map a {background-position:0px -150px;}
ul#navi li#map a:hover {background-position:-208px -150px;}


/* 全体 */

#wrap {
	margin: 0px auto;
	width:814px;
	background: #fff url(img/bg.gif);
}


/* 右側 */

#right { float: right; width:585px; color:#333; line-height:150%; font-size:14px; text-align:left;}

#chk { background:url(img/check.gif) no-repeat; width:538px; padding-top:60px; padding-bottom:25px; margin:0 auto;}

.chk li {
	list-style:none;
	background:url(img/chk.gif) left center no-repeat;
	padding-left:25px;
	margin-left:110px;
	font-weight:bold;
	line-height:145%;
	font-size:15px;
	color:#000;
}

.link li { list-style:circle; margin-left:25px; line-height:180%}

/* トップページ */

#waku { width:550px; background:#ffffe6; margin:20px 10px; padding-bottom:5px; }

#p1,#p2,#p3,#p4 { width:532px; margin-left:9px;}
#p1 { background:url(img/p1.gif); height:328px;}
#p2 { background:url(img/p2.gif); height:304px;}
#p3 { background:url(img/p3.gif); height:261px;}
#p4 { background:url(img/p4.gif); height:250px;}
.p1 { padding:75px 20px 0 22px;}
.p2 { padding:95px 20px 0 22px;}

#trainer { background:url(img/trainer.gif); width:532px; height:201px; margin:20px 0 20px 15px;}
.trn { padding:36px 8px 40px 135px;}


/* よくある質問 */

.faq_hd h3 {
	background:url(img/faq_bg.gif) no-repeat;
	width:550px;
	height:25px;
	font-size:15px;
	text-indent:2.4em;
	padding-top:5px;
	color:#000;
}

.faq_btm {
	background:url(img/faq_btm.gif) no-repeat;
	padding-bottom:10px;
	width:550px;
	background-position:left bottom;
	margin-bottom:30px;
}

.faq_btm p {
	background:url(img/faq_side.gif) repeat-y;
	padding:10px;
}

/* メニューと料金 */

#menu-bg { background:#fcf url(img/menu_hd2.gif) top no-repeat; width:550px; margin:0 auto; padding:235px 0 10px 13px;}

.c_body { background:url(img/course_body.gif); padding:10px 10px 0 25px;}
.c_btm { background:url(img/course_btm.gif) bottom no-repeat; padding-bottom:28px; width:528px; margin-top:20px;}

#c1 { background:url(img/course-1.jpg) no-repeat; width:528px; padding-top:270px;}
#c2 { background:url(img/course-2.jpg) no-repeat; width:528px; padding-top:245px;}
#c3 { background:url(img/course-3.jpg) no-repeat; width:528px; padding-top:245px;}
#c4 { background:url(img/course-4.jpg) no-repeat; width:528px; padding-top:270px;}

#ryoukin { background:url(img/fee.jpg);	width:515px; height:171px; text-indent:-3000px;	margin-left:25px;}

/* スタッフ紹介 */

.stf { margin:5px 15px 5px 5px;}
.stf p { padding:5px 20px 15px 10px;}

/* お客様の声 */

h3.opi { background:#ffe5ff; width:540px; padding:5px 0 5px 20px; font-size:15px;}


/* 左側 */

#left {	float:left;	width:215px; text-align:left; }

.pad-left1 { padding-bottom:15px; padding-left:25px; }

#hiroya { background:url(img/side_top.jpg); width:193px; height:308px;}
.hiroya { padding:178px 10px 5px 8px; font-size:13px; line-height:145%;}

.left_opi { font-size:13px; color:#333; line-height:130%;}
.pink { color:#f3f; font-weight:bold; background:#FFECF5;}

#side_navi { width:202px; height:165px;}

.pad-left2 { padding-bottom:15px; padding-left:17px; height:110px; }

ul#s_navi li { list-style-type:none; text-indent:-3000px;}

ul#s_navi li a {
	width:201px;
	height:55px;
	display:block;
	border:none;
	background:url(img/side_navi.gif) no-repeat;
}

ul#s_navi li#staff a {background-position:0px 0px;}
ul#s_navi li#staff a:hover {background-position:-201px 0px;}

ul#s_navi li#blog a {background-position:0px -55px;}
ul#s_navi li#blog a:hover {background-position:-201px -55px;}

ul#s_navi li#question a {background-position:0px -110px;}
ul#s_navi li#question a:hover {background-position:-201px -110px;}

ul#s_navi li#opinion a {background-position:0px -165px;}
ul#s_navi li#opinion a:hover {background-position:-201px -165px;}


#juhsho { background:url(img/side_btm.jpg); width:185px; height:480px;}
.js1 { padding:134px 5px 2px 10px; font-size:12px; line-height:135%;}
.js2 { padding:5px 5px 8px 10px; font-size:12px; line-height:125%;}
.js3 { padding:5px 5px 0px 10px; font-size:12px; line-height:125%;}
.js4 { font-size:11px;}


/* フッター */

#footer {
	clear:both;
	width:800px;
	background:url(img/footer.gif) bottom no-repeat;
	margin: 0px auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:18px;
	font-size:15px;
	color:#333;
}

address { font-style:normal; font-size:12px; color:#333;}

hr { width:770px; margin:0 auto 15px auto; }

.fs12 { font-size:12px;}

.mb15 { margin-bottom:15px;}




/*===============09/08/15 追加=======================*/

.h2bg {margin-top:15px; color:#ffffff; background: url(img/h2_bg.gif) no-repeat; height:37px;
       font-size:120%; padding-left:28px; line-height:220%;}

.h3bg {margin-top:15px; color:#ffffff; background: url(img/h3_bg.gif) no-repeat; height:35px;
       font-size:120%; padding-left:22px; line-height:220%;}

.checklist {margin-top:20px;}
.rr_content {margin-top:10px; 
            width:536px;padding-bottom:2px;}

dl {  padding:5px 5px 0px 10px; font-size:12px; line-height:125%;}
dt {float:left;}
dd {float:left;}

.menu_content { margin-top:10px;height:160px;}
.menu_content img {float:left; margin:0 15px; }

.menu_sp1 {font-size:10px; color:#6666ff; text-indent:10px;}

.pb {font-weight:700; color:#6666ff;}
.dotted {border-top: 3px dotted #ff6699; width:536px; 
         margin-top:20px;padding-top:10px;}

.shisetsu_top {padding:5px 15px;}


a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);}

.sonota {margin:5px;}
.sonota a img{ border: 2px solid #999; padding:3px;}
.sonota a:hover img{ border: 2px solid #f36; padding:3px;}

.more_bt {width:526px; text-align:right; }


/*==================END================*/










