@charset "UTF-8";
@import url(reset.css);
@import url(default.css);

/* ///////////////////////////////////////////////////////////////////

[header]
	[head_link]
	[main_image]
	[menu_list]
[main_content]
	[left_box]
		[access_box]
		[gallery_box]
		[link_box]
	[right_box]
		[course_box]
		[about_box]
			[about_left]
			[about_right]
		[like_box]
			[like_left]
			[like_right]
[footer_area]
/////////////////////////////////////////////////////////////////// */
body{
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}

#midashi{
	background-color: #f20c79;
	height: 22px;
	background-image:url(../images/hlogoback.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

h1 {
	padding-top:5px;
	font-size: 10px;
	color: #fff;
	position:absolute;
	top:0px;
	font-weight: normal;
}

img{
	border:none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

.bold{
	font-weight:bold;
	margin-top:19px;
	margin-bottom: 22px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear{
	clear:both;
}

.center{
	text-align:center;
}

.in_line{
	display:inline;
}

div#link_box p.mb_none{
	margin-bottom:10px;
}
/* =========================================================
header
========================================================= */


div#header {
	width: 900px;
	margin: 7px auto 0;
}

div#header h2 {
	clear: both;
	float: left;
}

div#header h2 a {
}

div#header h2 a img {
}

#top_contact{
	display:inline;
	float: right;
	margin-top:3px;
}

.tel_top{
	padding-left:10px;
	display: inline;
	vertical-align: 7px;
}
/* =========================================================
head_link
========================================================= */
div#head_link {
	text-align:right;
	margin-bottom:2px;
}

div#head_link ul {
    list-style:none;
}

div#head_link ul li {
	float:right;
	margin-right:23px;
}

div#head_link ul li a {
	color: #f20f79;
	font-size:12px;
	text-indent: 15px;
}

#head_link #top_site_map{
	background-image:url(../images/sitemap_icon.jpg);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: bottom left;
}

#head_link #kyoshitsu_info{
	background-image:url(../images/info_icon.jpg);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: bottom left;
}
/* =========================================================
main_image
========================================================= */
div#main_image {
	clear:both;
	padding-top:24px;
	}

*:first-child+html .ie7 {
	margin-top: -3px;
}
	
.alpha {
	position: relative;
	width: 300px;
	height: 227px;
}

.beta {
	position: absolute;
	right: 93px;
	bottom: 28px;
}

.alta {
	position: absolute;
	left: 0;
	top: 0;
}
	

/* =========================================================
menu_list
========================================================= */
div#menu_list {
	width: 900px;
	margin: 16px auto 32px;
	position: relative;
	background-image: url(../images/menu_back.gif);
	background-repeat: repeat-x;
	background-position: center 58px;
	/* [disabled]height: 83px; */
}

div#menu_list ul {
	list-style:none;
}

div#menu_list ul li {
	float:left;
	padding: 0 4px 0 5px;
	background-image: url(../images/menu_bar.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	height: 81px;
}

div#menu_list ul li a {
}

div#menu_list ul li#menu_last{
	background:none;
	}
	
#menu_side{
	position:absolute;
	top:58px;
	left:-19px;
	height:23px;
}

*html #menu_side{
	left:-15px;
	top:48px;
}

/* =========================================================
main_content
========================================================= */
div#main_content {
	clear:both;
	width: 920px;
	margin: 0 auto;
}

*html div#main_content {
	clear:both;
	width: 980px;
	margin: 0 auto;
}

/* =========================================================
left_box
========================================================= */
div#left_box {
	float: left;
	width: 240px;
	margin-right: 22px;
	position: relative;
	z-index: 1;
}

div.lorem {
	width: 234px;
	padding: 10px 0;
	background: #ecffce;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/css/PIE.htc);
}

div.ipsum {
	width: 216px;
	background: #64c200;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/css/PIE.htc);
	margin: 0 auto;
	padding: 5px 0;
}

div.lorem div.ipsum p{
	color: #fff !important;
	font-weight: bold !important;
	font-size: 14px;
}

/* =========================================================

========================================================= */
#nav{
	font-size:10px;
	color:#7c7c7c;
	margin-left:14px;
	margin-top:15px;
	position: absolute;
	width: 398px;
	height: 12px;
	top: 1px;
	z-index: 9999;
	left: 11px;
}

#nav ul{
	list-style:none;
}

#nav ul li{
	float:left;
}

#nav a{
	color:#ff0072;
}

/* =========================================================
side_lesson
========================================================= */
#left_box #side_lesson{
	text-align:center;
	margin:39px 0 5px 3px;
	clear: both;
}

#left_box #side_lesson a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/* =========================================================
access_box
========================================================= */
div#access_box {
	text-align: center;
	background-image: url(../images/access_back.gif);
	background-repeat: no-repeat;
	height: 235px;
	width: 234px;
	padding-top: 13px;
	margin-bottom: 18px;
	font-size: 12px;
	color: #1a1a1a;
	line-height: 1.2;
}

#access_image{
	margin-bottom:6px;
}

#access_box address{
	margin: 0 0 4px 38px;
	text-align:left;
}

div#access_box p {
	font-weight: bold;
	text-align: center;
	margin-top: 1px;
}

p.side_button{
	margin:5px 0;
}

p.side_bold{
	margin:10px 0;
	font-size:14px;
}

#side_tel{
	margin-top:5px;
	text-align:center;
	margin-bottom: 30px;
}
/* =========================================================
gallery_box
========================================================= */
div#gallery_box {
	text-align: center;
	background-image: url(../images/gallery_back.gif);
	width: 235px;
	height: 205px;
	background-repeat: no-repeat;
	padding-top: 18px;
}
/* =========================================================
facebook_box
========================================================= */
div#facebook_box {
	text-align: center;
	padding: 0 0 1px 0;
	width: 193px;
	margin: 0 auto;
}
div#facebook_box div {
	margin-bottom: 10px;
}
div#facebook_box p{
	margin-bottom: 5px;
}
/* =========================================================
link_box
========================================================= */
div#link_box {
	text-align: center;
	background-color: #fae3e3;
	padding: 11px 0 1px 0;
	width: 193px;
	margin: 5px auto 25px auto;
}

div#link_box p {
	margin-bottom: 17px;
}

/* =========================================================
right_box
========================================================= */
div#right_box {
	float: left;
	position: relative;
	width: 645px;
	z-index: 0;
}

*html div#right_box{
	width:650px;
}

#right_box h3{
	font-weight:bold;
}

#right_box h4{
	font-weight:bold;
	height:23px;
	width: 601px;
}

div#news div#news_list{
	with: 625px;
	height: 200px;
	overflow:auto;
	background-color: #fffbe7;
}

/* =========================================================
course_box
========================================================= */
div#course_box {
	margin-bottom: 30px;
}

#course_title{
	line-height:20px;
}

div#course_box h3 {
	font-size: 10px;
	color: #909090;
	display: inline;
}

#course_box #intro_title{
	font-size: 12px;
	color: #F54295;
	font-weight: bold;
	display: inline;
	margin-bottom: 10px;
	vertical-align: 18px;
}

div#course_box ul li {
	/*margin-top:19px;*/
}

div#course_box ul li#first{
	margin-right:6px;
}

div#course_box ul li#last{
	margin-top:-19px;
}

/* =========================================================
about_box
========================================================= */
div#about_box {
	width: 632px;
	margin-bottom: 40px;
}

div#about_box h3 {
	margin-bottom: 11px;
}

/* =========================================================
about_left
========================================================= */
div#about_left {
	float: left;
	width: 373px;
}

div#about_left ul li {
	background-image:url(../images/about_back.gif);
	background-repeat:no-repeat;
	width:371px;
	height:33px;
	margin-bottom:-3px;
	color:#f54295;
	font-size:14px;
	font-weight:bold;
	padding-top:9px;
	padding-left:25px;
}

/* =========================================================
about_right
========================================================= */
div#about_right {
	float: right;
}

/* =========================================================
like_box
========================================================= */
div#like_box {
	font-size:12px;
	text-align: left;
	margin-bottom:40px;
}


.like_in_box {
	clear:both;
	white-space: 632px;
}


.like_in_box h4{
	color:#f54295;
	font-size:16px;
	border-bottom: 1px dotted #f54295;
	background-image: url("../images/ping.jpg");
	background-repeat: no-repeat;
	line-height: 22px;
	padding-left:31px;
	padding-top:8px;
	text-align: left;
	margin-top:9px;
	}

.like_strong{
	color:#fa8700;
	font-weight:bold;
}

.w_fix{
	width:400px;
}

/* =========================================================
like_left
========================================================= */
div#like_left {
	float: left;
	color: #7c7c7c;
	margin-bottom:20px;
	/* [disabled]width: 400px; */
	padding-left: 5px;
	margin-left: 17px;
}

*html div#like_left{
	margin-left:10px;
}

div#like_left p {
	line-height:1.5;
	text-align:left;
	margin-top:18px;
	letter-spacing:-0.3px;
}

/* =========================================================
like_right
========================================================= */
div#like_right {
	float: right;
	color: #7c7c7c;
	margin-right: 6px;
	/* [disabled]width: 400px; */
	
}

div#like_right p {
	line-height:1.5;
	margin-top:18px;
	text-align:left;
	letter-spacing:-0.3px;
	margin-right:7px;
}

#right_box ul {
	list-style: none;
	margin-bottom: 50px;
}

div#right_box ul li {
	float:left;
}

ul#site_map {
	list-style: none;
	margin-left: 160px;
	margin-bottom: 11px;
	color: #F54295;
}

ul#site_map li {
	float:left;
	padding-right: 2px;
}

ul#site_map li a {
}

#main_bottom{
	clear:both;
}

#right_bottom p a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	}

#main_bottom_banner{
	margin-bottom:50px;
	position: relative;
	}

.tel{
	padding-left:16px;
	display: inline;
	vertical-align: 10px;
}

#right_box p#go_top{
	text-align:right;
	margin-top: 50px;
	padding-right: 26px;
}

.bt_lifs{
	margin-right:10px;
}
/* =========================================================
footer_area
========================================================= */
#footer_area a{
	color:#00F;
}


#footer_area{
	clear:both;
	text-align: center;
	font-size: 12px;
	color: #868686;
}

#footer_area address{
	line-height:1.5;
}

#copyright{
	clear:both;
	text-align:center;
	border-top:5px solid #ed0f6c;
	padding-top: 14px;
	color: #868686;
	font-size: 12px;
}

#classschedule{
	font-size:10px;
}

/*qa*/
#qa{
	background-image:url(../images/lesson_flame.gif);
	background-repeat:no-repeat;
	width:631px;
	height:150px;
	font-size:12px;
	color:#827c7f;
	padding-top: 20px;
	margin-bottom:58px;
	margin-left:13px;
}

#qa #question{
	background-image:url(../images/q.gif);
	background-repeat:no-repeat;
	background-position:40px 0;
	text-indent:80px;
	height:31px;
	padding-top:10px;
	font-weight:bold;
	font-size:14px;
	color:#f54295;
	float:none;
}

#qa #answer{
	background-image:url(../images/a.gif);
	background-repeat:no-repeat;
	background-position:40px 0;
	margin-top:25px;
	text-indent:80px;
	
}

a {
    color: #F54295;
}

#news dl{padding:10px 0 0 20px;}
#news dt{width:130px;float:left;}
#news dd{width:430px;float:left;}


/*クラススケジュール*/
#class-table{width:600px;margin:0 auto 50px auto;}
#class-table table{
	width:600px;border:solid 1px #cac1a0;border-collapse: collapse;border-spacing: 0;text-align:center;margin-bottom:5px;
}

#class-table th{
	background-color:#6fb3f3;padding:5px 0 5px 0;color:#FFF;
}

#class-table td{
	padding:10px 5px 10px 5px; width:100px;background-color:#f5f1e1;vertical-align:middle;
}