@charset "utf-8";

body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	text-align: center;
	color: #000000;
}
div {
	margin: 0;
	padding: 0;
}
p {
	margin : 0;
	padding: 0;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: top;
	border: none;
}
ul {
	margin: 0;
	padding: 0;
}
ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clr:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clr { display: inline-block; }
/* exlude MacIE5 \*/
* html .clr { height: 1% }
.clr {display:block;}
/* end MacIE5 */
.left {
	float: left;
	margin: 0;
	padding: 0;
}
.right {
	float: right;
	margin: 0;
	padding: 0;
}
.borderNone {
	border:none !important;
}
/*
 * 全体
 */
#page {
	width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
	text-align: left;
}

/*
 * ヘッダー
 */
#header {
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #9F9F9F;
}
#header #seo {
	margin: 3px 10px 7px 9px;
	padding: 0;
	font-size:95%;
	font-weight:normal;
}
#header #logo {
	float: left;
	margin: 0;
}
#header #logo #logo_img {
	float: left;
	width: 238px;
	margin: 0;
}
#header #logo .txt {
	float :left;
	margin: 0;
}
#header #logo .txt p {
	margin: 33px 0 0;
}
#header #tel {
	float: right;
	margin: 0;
}

/*
 * フッター
 */
#footer {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 80%;
	color: #9F9F9F;
	background: url('../_img/cmn/btmbg.jpg') left bottom no-repeat;	
}
#footer a {
	color: #9F9F9F;
}
#footer .footergrp {
	margin: 0 0 15px;
}
#footer .fmenu {
	margin: 0 0 0 2px;
	padding: 0;
}
#footer .fmenu li {
	margin: 0 6px 0 0;
	padding: 0;
	display: inline;
	background: url('../_img/cmn/s_ico.jpg') left top no-repeat;	
}
#footer .fmenu li a {
	margin: 0 0 0 10px;
}
#footer .cp {
	margin: 0 10px;
}
#footer .hotlink {
	margin: 5px 10px 10px;
}
#footer .seo {
	height: 35px;
	margin: 0 9px;
}
/*
 * メイン
 */
#main {
	margin: 15px 0 0;
	padding: 0;
	background: url('../_img/cmn/line.jpg') left bottom no-repeat;
}
#main .mainarea {
	margin: 0 0 15px 0;
	padding: 0;
}

/* top */
#l_contents {
	float: left;
	width: 735px;
	height: auto;
	margin: 0;
	padding: 0;
}
#l_contents .area {
	width: 712px;
	margin: 0 0 16px;
	padding: 0;
	border: 1px solid #C9E4F1;
}
#l_contents .area2 {
	width: 712px;
	height: 163px;
	margin : 0 0 16px;
	padding: 0;
	color: #666666;
	background: url('../_img/box1_bg.jpg') 477px 1px no-repeat;
	border: 1px solid #C9E4F1;
}
#l_contents .area2 .cap {
	height: 38px;
	margin: 11px 0 0 8px;
}
#l_contents .area2 p {
	width: 458px;
	margin: 0 0 0 14px;
	font-size: 96%;
	line-height: 180%;
}
#l_contents .area3 {
	width: 712px;
	margin : 0 0 16px;
	padding: 0;
}
#l_contents .info {
	float: left;
	width: 420px;
}
#l_contents .info_blog {
	width: 294px;
	height: 35px;
	text-align: right;
	background: url('../_img/cap_blog.jpg') left top no-repeat;
}
#l_contents .info_blog .rss {
	margin: 0 12px 0 0;
	padding: 0;
}
#l_contents .info_blog .rss img {
	margin: 7px 0 0;
}
#l_contents .blog {
	float: left;
	width: 294px;
}
#l_contents .info .list li .title {
	width: 314px;
}
#l_contents .blog .list li .title {
	width: 203px;
}
/* リスト */
#l_contents .list {
	margin: 15px 0 0;
	padding: 0;
}
#l_contents .list li {
	margin: 0 0 14px;
	background: url('../_img/cmn/ico.jpg') 4px 1px no-repeat;
}
#l_contents .list li .date {
	float: left;
	width: 90px;
	margin: 0;
	padding: 0;
	color: #19A5FE;
	font-size: 96%;
	font-weight: bold;
}
#l_contents .list li .date span {
	margin: 0 0 0 20px;
	padding: 0;
}
#l_contents .list li .title {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 96%;
}

/*
 * サイドメニュー
 */
#side {
	float: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
/* twitter */
#side #twitter {
	margin: 9px 0 0;
	padding: 0;
}


/*
 * コンテンツ
 */
#contents {
	margin: 0;
	padding: 0;
}
#contents .area {
	margin: 15px 0 25px;
	padding: 0;
	color: #666666;
	border: 3px solid #C9E4F1;
}
#contents .area .area_m {
	margin: 17px 10px 17px 22px;
}
#contents .area h4 {
	height: 27px;
	margin: 12px 0 12px;
	padding: 0;
	color: #34A5DF;
	line-height: 27px;
	font-size: 128%;
	background: url('../_img/cmn/cap_bg.jpg') left top no-repeat;
	clear: both;
}
#contents .area .txt {
	line-height: 160%;
}
#contents .area span {
	margin: 0 0 0 10px;
}
#contents .area .l_txt {
	float: left;
	width: 718px;
	margin: 0;
	padding: 0;
	line-height: 160%;
}
#contents .area .l_txt p {
	margin: 0 10px 0 0;
}
#contents .area .r_img {
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
}
#contents .area .r_txt {
	float: left;
	width: 710px;
	margin: 0;
	padding: 0;
	line-height: 160%;
}
#contents .area .r_txt p {
	margin: 0 0 0 10px;
}
#contents .area .l_img {
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
}
#contents .area .menulist {
	margin: 10px 0;
	background: url('../_img/cmn/line2.jpg') left bottom no-repeat;
}
#contents .area .menu {
	float: left;
	width: 450px;
	font-size: 106%;
}
#contents .area .menu .menutitle {
	margin: 0 0 10px;
}
#contents .area .menu .menutitle .title {
	float: left;
	width: 382px;
	margin: 0;
	padding: 0;
	background: url('../_img/cmn/ico2.jpg') left top no-repeat;
}
#contents .area .menu .menutitle .title p {
	margin: 0 0 0 15px;
}
#contents .area .menu .menutitle .price {
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#contents .area .menu .txt {
	width: 230px;
	margin: 0 0 20px 15px;
	font-size: 80%;
	line-height: 150%;
	display:none;
}

#contents .couponlist {
	margin: 15px 0 20px;
}
#contents .couponlist .coupon {
	width: 458px;
	margin: 0;
	padding: 0;
	border: 3px solid #C9E4F1;
}
#contents .couponlist .coupon .couponarea {
	margin: 16px 13px;
}
#contents .couponlist .coupon .couponarea .coupontxt {
	margin: 15px 0 0;
}
#contents .couponlist .coupon .couponarea .coupontxt .lbl {
	margin: 0 0 8px;
	padding: 0;
	font-weight: bold;
	font-size: 122%;
	color: #4492BA;
}
#contents .couponlist .coupon .couponarea .coupontxt .txt {
	margin: 0 0 16px;
	padding: 0;
	color: #666666;
	line-height: 130%;
}

#contents .lesson {
	width: 943px;
	height: 309px;
	margin: 0 0 16px 0;
	padding: 0;
	background: url('../_img/school/lesson_bg.jpg') left top no-repeat;
	border: 3px solid #C9E4F1;
}
#contents .lesson .link {
	margin: 188px 0 0 619px;
	padding: 0;
}

#contents .txtarea {
	margin: 0 0 13px;
	padding: 0;
	font-size: 96%;
	border: 1px solid #C9E4F1;
}
#contents .txtarea .txtarea_m {
	margin: 10px;
	padding: 0;
}
#contents .txtarea p {
	margin: 10px 5px 0;
	line-height: 170%;
	color: #666666;
}

#contents .courselist {
	margin: 13px 0 0;
}
#contents .courselist .course {
	width: 465px;
	margin: 0;
	padding: 0;
}
#contents .courselist .course_long {
	width: 950px;
	margin: 0;
	padding: 0;
}
#contents .courselist .courseinfo {
	width: 463px;
	margin: 3px 0 19px;
	padding: 0;
	border: 1px solid #A2D9EF;
}
#contents .courselist .courseinfo .courseinfo_m {
	margin: 7px 9px;
}
#contents .courselist .courseinfo .lbl {
	margin: 0 3px 3px;
	padding: 0;
	font-weight: bold;
	font-size: 120%;
	color: #0072FF;
}
#contents .courselist .courseinfo table {
	width: 257px;
	background-color: #D4D4D4;
	font-size: 100%;
}
#contents .courselist .courseinfo table th {
	width: 112px;
	height: 36px;
	text-align: left;
	color: #2289B3;
	background: url('../_img/cmn/ico3.jpg') 8px center no-repeat #E5F5FB;
}
#contents .courselist .courseinfo table th span {
	margin: 0 0 0 18px;
}
#contents .courselist .courseinfo table td {
	background-color: #FFFFFF;
	color: #666666;
	text-align: left;
}
#contents .courselist .courseinfo table td span {
	margin: 0 0 0 18px;
}
#contents .courselist .courseinfo p {
	margin: 10px 0 0;
	color: #666666;
	font-size: 80%;
	line-height: 180%;
}

#contents .enquetelist {
	width: 737px;
	margin: 25px 0 0;
	padding: 0;
}
#contents .enquete {
	margin: 0 0 19px;
	padding: 0;
	background: url('../_img/cmn/line_m.jpg') left bottom no-repeat;
}
#contents .enquete .q {
	margin: 0;
	background: url('../_img/cmn/q.jpg') left top no-repeat;
	color: #2289B3;
	font-size: 128%;
}
#contents .enquete .q p {
	margin: 0 0 13px 32px;
	line-height: 24px;
	font-weight: bold;
}
#contents .enquete .a {
	margin: 0 0 10px 0;
	background: url('../_img/cmn/a.jpg') left top no-repeat;
	color: #666666;
	line-height: 135%;
}
#contents .enquete .a p {
	margin: 0 8px 13px 31px;
}
#contents .lsngrp {
	margin: 13px 0 0 8px;
}
#contents .lsngrp .msg {
	margin: 0 0 24px;
}
#contents .lsnlist {
	width: 638px;
	margin: 0;
}
#contents .lsn {
	float: left;
	width: 298px;
	line-height: 170%;
	color: #666666;
}
#contents .lsn .lbl {
	margin: 0;
	font-weight: bold;
	color: #2289B3;
}
#contents .lsn .txt {
	margin: 0 0 20px;
	font-size: 96%;
}

/* staff */
#contents .staff {
	width: 943px;
	margin: 0 0 7px;
	border: 3px solid #C9E4F1;
}
#contents .staff .staff_m {
	margin: 10px;
}
#contents .staff .photo {
	width: auto;
}
#contents .staff .info {
	width: 675px;
}
#contents .staff .info .label {
	width: 670px;
	height: 35px;
	margin: 0 0 16px;
	font-weight: bold;
	background: url('../_img/cmn/lbl_bg.jpg') left top no-repeat;
}
#contents .staff .info .label p {
	margin: 0 0 0 26px;
	font-size: 128%;
	line-height: 26px;
}
#contents .staff .info .data {
	width: 310px;
	margin: 0 0 0 11px;
	color: #666666;
	line-height: 160%;
}
#contents .staff .info .data .txt {
	float: left;
	background: url('../_img/cmn/s_ico2.jpg') left 3px no-repeat;
}
#contents .staff .info .data .txt p {
	margin: 0 15px 0 12px;
}
#contents .staff .info .comment {
	margin: 10px 18px 10px 16px;
	color: #666666;
	line-height: 170%;
}
#contents .gallery {
	width: 947px;
	margin: 6px 0 43px;
	border: 1px solid #C9E4F1;
}
#contents .gallery_m {
	width: auto;
	height: 510px;
	margin: 4px 2px;
	overflow:auto
}

#contents .gallery .gallery_m img {
	width:170px;
	margin: 2px 5px 2px 1px;
}

/* wind */
#contents .windimg {
	margin: 0 0 17px;
	padding: 0;
}
#contents .windimg img {
	margin: 0 12px 0 0;
}
#contents .windimg .last img {
	margin: 0;
}
#contents .access {
	float: left;
	width: 462px;
	height: auto;
	border: 1px solid #A2D9EF;
}
#contents .access .txt {
	margin: 10px 37px 10px 15px;
	color: #666666;
	background: url('../_img/cmn/s_line.jpg') left bottom no-repeat;
}
#contents .access .txt p {
	margin: 0 5px 7px;
	line-height: 160%;
}
#contents .map {
	float: right;
	text-align: center;
}
#contents .map iframe {
	margin: 0 0 9px;
	border: 1px solid #666666;
}

/* contact */
#contents .contact {
	margin: 17px 7px 0 7px;
	padding: 0;
	color: #666666;
}
#contents .contact p {
	line-height: 150%;
}
#contents .contact .red {
	color: #CC0000;
}
#contents .contact #form {
	margin: 20px 0 0;
}
#contents .contact #form .tbl {
	width: 926px;
	margin: 0 0 10px 4px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #85C1E0;
}
#contents .contact #form table {
	width: 926px;
	margin: 0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #85C1E0;
	font-size: 100%;
}
#contents .contact #form table th {
	width: 268px;
	color: #666666;
	background-color: #D9EDFF;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #85C1E0;
	text-align: left;
	vertical-align: top;
}
#contents .contact #form table th .m {
	margin: 0 0 0 15px;
	color: #CC0000;
}
#contents .contact #form table th .lbl {
	margin: 27px 0 27px 17px;
	background: url('../_img/cmn/frm_ico.jpg') left top no-repeat;
}
#contents .contact #form table th .lbl div {
	margin: 0 0 0 17px;
}
#contents .contact #form table td {
	width: auto;
	vertical-align: top;
}
#contents .contact #form table td div{
	margin: 11px 12px;
}
#contents .contact #form table td input {
	vertical-align: middle;
}
#contents .contact #form table td .inp_l {
	width: 620px;
	height: 37px;
	line-height: 37px;
}
#contents .contact #form table td .inp_m {
	width: 320px;
	height: 37px;
	margin: 0 16px 0 0;
	line-height: 37px;
}
#contents .contact #form table td .inp_s {
	width: 40px;
	height: 37px;
	margin: 0 8px;
	line-height: 37px;
}
#contents .contact #form table td .text {
	width: 620px;
	height: 176px;
	margin: 15px 0 0;
}
#contents .contact #form table td label {
	margin: 0 25px 0 5px;
}
#contents .contact .submit {
	margin: 0 0 10px;
	text-align: center;
}
#contents .contact .submit .chk {
	margin: 0 0 15px;
}
#contents .contact .formtext {
	width: 928px;
	height: 243px;
	margin: 32px 0 20px 5px;
	overflow-y: scroll;
	border: 1px solid #D0D0D0;
}
#contents .contact .formtext p {
	margin: 9px 14px;
}

#hotlink {
	font-size:10px;
	text-align:left;
	padding:5px 0;
	color:#666;
}

#hotlink a {
	color:#666;
	text-decoration:underline;
}


#hotlink li {
	display:inline;
}

div.gimage {
	margin:2px 4px;
	padding:0;
	text-align:center;
	width:177px;
}









/* 10/6/10 追加分 クレフ黒木 */

.menu_img {
	display:none;
}
.clrboth {
	clear:both;
}
.subtitle_mt {
	margin-top:30px;
}
.txt_red {
	font-size:90%;
	color:#FF0000;
	font-weight:bold;
	margin:3px 0;
}
.red {
	color:#FF0000;
}
.txt_mini {
	font-size:85%;
}