@charset "utf-8";

/* body
-------------------------------------------------- */
body{
	background: #d3ebf7 url("img/bkg.jpg") repeat-x;
	font-size: 14px;
}

/* anchor
-------------------------------------------------- */
a{
	color: #01aed0;
}
a:visited{
	color: #069;
}
a.imgover:hover img{
	opacity: 0.8;
}

/* #wrapper
-------------------------------------------------- */
#wrapper{
}

/* .container
-------------------------------------------------- */
.container{
	margin: 0 auto;
	width: 960px;
}

/* #header
-------------------------------------------------- */
#header h1, #logo a{
	display: block;
	background: url("img/header.jpg");
	width: 960px;
	height: 255px;
	margin: 0;
	padding: 5px 0 0;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	color: #069;
}
#header h1 a{
	color: #069;
}

/* strong & em
-------------------------------------------------- */
em{
	font-style: normal;
	font-weight: bold;
}
.row em{
	color: #e7035c;
}
.pickup{
	font-weight: bold;
	color: #17268b;
}
#introduction .pickup{
/*	color: #333; */
}
#contents .notes{
	text-indent: -1em;
	padding: 0 20px;
	margin-top: 0;
	margin-bottom: 0;
}
#price p strong.red,
strong.red{
	color: #e7035c;
}
#price p strong.black,
strong.black{
	color: #333;
}

/* heading
-------------------------------------------------- */
h1{
	width: 695px;
	height: 55px;
	background: url("img/base_h1.gif") no-repeat;
	margin: 0;
	padding: 22px 0 0 10px;
	font-size: 28px;
}
#skype h1, #flow h1, #lesson h1, #price h1, #teacher h1, #faq h1, #material h1, #news h1{
	width: 705px;
	height: 77px;
	padding: 0;
	background-image: none;
}
#contents h1{
/*	font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝",serif; */
/*	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"ＭＳ Ｐ明朝",serif; */
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
h2{
	background: url("img/h2_bkg.gif") repeat-x left bottom;
	margin: 10px 0 0;
	padding: 10px;
	color: #01aed0;
	font-size: 18px;
}
#contents h3{
	font-size: 16px;
	border-color:#eee #fff;
	border-style: solid;
	border-width: 0px 150px 5px 10px;
	margin: 0;
	padding: 10px;
	color: #e7035c;
	letter-spacing: -0.05em;
/*
	padding: 10px;
	margin: 0;
	border-left: 1em solid #e7035c;
	background: #eee;
*/
}
#contents h3 a{
	color: #e7035c;
}
#contents h4{
	font-size: 16px;
/*	border-color:#eee #fff;
	border-style: solid;
	border-width: 0px 200px 5px 10px;*/
	margin: 0;
	padding: 10px 0 0 30px;
	background: url("img/arw_orn.gif") 10px 10px no-repeat;
/*
	margin: 0;
	padding: 10px;
	border-bottom: 1px dashed #e7035c;
	color: #e7035c;
*/
}

/* p
-------------------------------------------------- */
#contents p{
	margin: 0;
	padding: 10px;
	line-height: 1.8em;
	font-size: 14px;
/*	text-align: justify; */
/*	letter-spacing: -0.05em; */
/*	color: #333; */
}
#contents .goto{
	padding: 0 0 10px 40px;
	background: url("img/arw_pnk_w.gif") no-repeat;
	line-height: 15px;
}
#index #contents .goto{
	background: url("img/arw_pnk_b.gif") no-repeat;
	float: right;
	margin-top: 10px;
	padding-right: 10px;
}

/* table
-------------------------------------------------- */
th, td, input, textarea{
	font-size: 14px;
}
.notice{
	color: #f90;
/*	color: #e7035c;*/
/*	color: #c00;*/
	font-weight: normal;
}

/* #global_menu
-------------------------------------------------- */
#global_menu{
	height: 60px;
	overflow: hidden;
}
#global_menu .container{
}
#global_menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#global_menu ul li{
	float: left;
	display: block;
	width: 160px;
	height: 60px;
}
#global_menu ul li a{
	display: block;
	width: 160px;
	height: 60px;
	text-indent: -9999px;
}
#menu_skype a{
	background: url("img/global_menu.gif");
}
#menu_flow a{
	background: url("img/global_menu.gif") -160px 0;
}
#menu_lesson a{
	background: url("img/global_menu.gif") -320px 0;
}
#menu_price a{
	background: url("img/global_menu.gif") -480px 0;
}
#menu_teacher a{
	background: url("img/global_menu.gif") -640px 0;
}
#menu_faq a{
	background: url("img/global_menu.gif") -800px 0;
}

#menu_skype a:hover, #skype #menu_skype a{
	background: url("img/global_menu.gif") 0 -60px;
}
#menu_flow a:hover, #flow #menu_flow a{
	background: url("img/global_menu.gif") -160px -60px;
}
#menu_lesson a:hover, #lesson #menu_lesson a{
	background: url("img/global_menu.gif") -320px -60px;
}
#menu_price a:hover, #price #menu_price a{
	background: url("img/global_menu.gif") -480px -60px;
}
#menu_teacher a:hover, #teacher #menu_teacher a,  #teacher_detail #menu_teacher a{
	background: url("img/global_menu.gif") -640px -60px;
}
#menu_faq a:hover, #faq #menu_faq a{
	background: url("img/global_menu.gif") -800px -60px;
}

/* #sub_menu
-------------------------------------------------- */
#sub_menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#sub_menu ul li a{
	display: block;
	text-indent: -9999px;
}
#sub_menu .container{
	position: relative;
}
#sub_menu .container  ul li#menu_register{
	position: absolute;
	top: -250px;
	left: 0;
	width: 173px;
	height: 180px;
}
#sub_menu ul li#menu_register a{
	width: 173px;
	height: 180px;
	background: url("img/register.gif") no-repeat;
}

#sub_menu .container ul li#menu_home{
	position: absolute;
	top: 15px;
	left: 0;
	width: 235px;
	height: 50px;
}
#sub_menu ul li#menu_home a{
	width: 235px;
	height: 50px;
	background: url("img/go_home.gif") no-repeat;
}

/* #signup
-------------------------------------------------- */
#signup{
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#signup form{
	margin: 0;
	padding: 0;
}
#signup fieldset{
	position: absolute;
	width: 205px;
	height: 160px;
	top: -320px;
	right: 7px;
	margin: 0;
	padding: 0;
}
#signup legend{
	background: url("img/signup_txt.gif") no-repeat 40px 10px;
	text-indent: -9999px;
	display: block;
	font-size: 15px;
	line-height: 1em;
	width: 195px;
	height: 35px;
/*	padding: 25px 10px 0;*/
}
#signup_mail, #signup_password{
/*	text-align: right; */
	margin: 0;
	padding: 0 5px 5px;
	width: 195px;
}
#signup_mail span, #signup_password span{
	color: #fff;
	font-size: 12px;
	padding-right: 2px;
	display: block;
/*	display: none;
	text-indent: -9999px; */
}
/*#signup_mail{
	background: url("img/signup_txt.gif") no-repeat 36px -34px;
}
#signup_password{
	background: url("img/signup_txt.gif") no-repeat 10px -64px;
}*/
#signup_mail input, #signup_password input{
	border: #ccc solid 1px;
/*	width: 120px;*/
	width: 180px;
	height: 20px;
}
#signup_register{
	float: left;
	width: 85px;
	height: 23px;
	padding: 7px 0 0 10px;
}
#signup_register a{
	color: #fff;
	font-size: 12px;
}
#signup_submit #login{
	float: left;
	width: 100px;
	height: 30px;
	background: url("img/signup_txt.gif") 0 -90px;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
}
#signup_submit #login:hover{
	background: url("img/signup_txt.gif") -200px -90px;
}
#signup_submit input{
	margin: 0;
	padding: 0;
}
/*
#signup_submit input{
	background: url("img/signup_txt.gif") no-repeat 50px -94px;
	padding: 7px 0 0 10px;
	text-indent: -9999px;
	width: 100px;
	height: 30px;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
*/

/* #topic_path
-------------------------------------------------- */
#topic_path{
	padding: 0 0 10px;
}
#faq #contents #topic_path ul,
#topic_path ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1em;
}
#topic_path li{
	display: inline;
	margin: 0;
	padding: 0 0 0 0;
}
#topic_path a{
	background: url("img/topic_path_arw.gif") no-repeat right top;
	padding-right: 20px;
}

/* #contents
-------------------------------------------------- */
#contents{
	background: #fff url("img/bkg_w_hd.gif") repeat-x left top;
	clear: left;
	padding: 10px 0;
	min-width: 960px;
}
#index #contents{
	background-color: transparent;
/*	background: transparent url("img/bkg_w_intro.jpg") repeat-x left top; */
/*	background-image: url("img/bkg_w_hd.gif") repeat-x left top; */
/*	padding: 0; */
}
#contents .container{
	padding: 10px 10px 0 245px;
	width: 705px;
	min-height: 320px;
	height: auto !important;
	height: 320px;
}
#index #contents .container{
	padding: 0;
	width: 960px;
	background-image: none;
}
#contents .container{
	background: url("img/bkg_illust00.gif") no-repeat 0 30px;
}
#skype #contents .container, #teacher #contents .container{
	background: url("img/bkg_illust01.gif") no-repeat 0 30px;
}
#lesson #contents .container, #faq #contents .container{
	background: url("img/bkg_illust02.gif") no-repeat 0 30px;
}
#flow #contents .container, #price #contents .container{
	background: url("img/bkg_illust03.gif") no-repeat 0 30px;
}

/* #introduction
-------------------------------------------------- */
#introduction{
	background: #fff url("img/bkg_w_intro.gif") repeat-x left bottom;
	margin: 0 0 10px;
	padding: 10px 0 10px;
}
#index #contents #introduction .container{
	background: url("img/index_illust001.gif") no-repeat right bottom;
}
#introduction .section{
	width: 240px;
	height: 220px;
	float: left;
}
#contents #introduction h3{
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	width: 240px;
	height: 60px;
	border: 0;
}
#introduction h3 a{
	display: block;
	width: 240px;
	height: 60px;
}


#introduction .no1{
	background: url("img/intro_bkg.gif") no-repeat 0  -80px;
}
#introduction .section p{
	line-height: 1.8em;
}
#index #introduction .section p{
	font-size: 12px;
}
#introduction .no1 p{
	padding: 15px 10px 0 35px;
	color: #01aed0;
}
#introduction .no2{
	background: url("img/intro_bkg.gif") no-repeat -240px -80px;
}
#introduction .no2 p{
	padding: 15px 15px 0;
	color: #f06;
}
#introduction .no3{
	background: url("img/intro_bkg.gif") no-repeat -480px -80px;
}
#introduction .no3 p{
	padding: 15px 15px 0;
	color: #f90;
}

/* .goto_pagetop
-------------------------------------------------- */
.goto_pagetop{
	clear: both;
	padding: 30px 0 0;
}
.goto_pagetop a{
	display: block;
	background: url("img/goto_pagetop.gif") no-repeat;
	width: 151px;
	height: 26px;
	text-indent: -9999px;
	margin: 0 0 0 555px;
	padding: 0;
}
#index .goto_pagetop a{
	margin-left: 810px;
	background: url("img/goto_pagetop.gif") no-repeat -300px 0;
}
.goto_pagetop a:hover{
	background: url("img/goto_pagetop.gif") no-repeat 0 -26px;
}
#index .goto_pagetop a:hover{
	background: url("img/goto_pagetop.gif") no-repeat -300px -26px;
}

/* .goto_home
-------------------------------------------------- */
.goto_home{
	clear: both;
	padding: 10px 0 0;
}
.goto_home a{
	display: block;
	background: url("img/goto_home.gif") no-repeat;
	width: 151px;
	height: 26px;
	text-indent: -9999px;
	margin: 0 0 0 550px;
	padding: 0;
}
.goto_home a:hover{
	background: url("img/goto_home.gif") no-repeat 0 -26px;
}


/* #footer
-------------------------------------------------- */
#footer{
	background: url("img/bkg_w_ft.gif") repeat-x left top;
	clear: left;
	padding-top: 20px;
}
#index #footer{
	background-image: none;
}

/* #footer_menu
-------------------------------------------------- */
#footer_menu ul{
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
	text-align: center;
	height: 20px;
}
#footer_menu ul li{
	display: inline;
	padding: 0 5px 5px;
	font-size: 12px;
}
#footer_menu ul li.first-child{
	display: block;
}

/* address
-------------------------------------------------- */
address{
	clear: left;
/*	text-align: left; */
	text-align: center;
	padding: 10px 0;
}
#contact{
	display: block;
}
#contact a{
	display: block;
	text-indent: -9999px;
	width: 300px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	background: url("img/contact.gif") no-repeat left top;
}
#contact a:hover{
	background: url("img/contact.gif") no-repeat 0 -100px;
}
#tel{
	display: block;
	text-indent: -9999px;
	width: 291px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	background: url("img/tel.gif") no-repeat center center;
}
#copyright{
	display: block;
	text-align: center;
}


/* #index
-------------------------------------------------- */
#index h2#copy{
	margin: 0;
	padding: 0;
	width: 940px;
	height: 80px;
	background: url("img/intro_bkg.gif") no-repeat;
	text-indent: -9999px;	
}
#index .row, #index .row_w{
	clear: left;
	padding: 0;
	width: 960px;
}
#index .row{
	padding-bottom: 40px;
	background: url("img/index_illust003.gif") no-repeat right bottom;
}
#index .row_2nd{
	padding-bottom: 10px;
	background-image: none;
}
#index .row_w{
	padding-bottom: 170px;
	background: url("img/index_illust002.gif") no-repeat center bottom;
}
#index .row .section{
	width: 240px;
	float: left;
	padding: 0;
	overflow: hidden;
	margin-right:-3px;

}
#index .row_w .section{
	width: 480px;
	float: left;
}
#index .row_w .extra{
	overflow: hidden;
	width: 480px;
}
#index .row_w .extra h3{
	border-width: 0 0 1px 0;
  border-bottom: 1px dashed #e7035c;
}
#index .row_w .extra h4{
	padding-bottom: 5px;
  color: #01aed0;
}
#index .row_w .extra p{
	font-size: 12px;
	padding-bottom: 5px;
}

#index .row_w .extra .movie{
	padding: 0 0 10px;
}
/*
#teacher .extra{
	width: 695px;
	overflow: hidden;
	border: 5px solid #eee;
	padding: 0 0 20px;
	margin: 20px 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
#teacher .extra h2{
	margin: 10px 10px 0;
}
#teacher .extra h3{
	border-width: 0 20px 5px 10px;
	padding: 10px 10px 10px 0;
}
#teacher .extra p{
	font-size: 12px;
	float: left;
	width: 313px;
}
#teacher .extra .inner{
	padding: 0 10px;
	width: 685px;
	overflow: hidden;
}
#teacher .extra .movie{
	float: left;
	width: 332px;
	padding: 10px 0 0;
}

*/
#index h2{
	margin: 0;
	padding: 0;
	background-image: none;
}
#index p{
	margin: 0;
	padding: 0 10px;
	font-size: 14px;
	line-height: 1.8em;
}
#index .banner{
	padding: 0 0 0 10px;
	clear: left;
}
#index .banner .text{
	margin: 0 0 10px;
}
/*
#index .banner .text a{
	display: block;
	padding: 20px;
	width: 900px;
	height: 30px;
	color: #fff;
	font-weight: normal;
	font-size: 24px;
	text-decoration: none;
}
#index .banner .text a .excerpt{
	font-weight: normal;
	font-size: 18px;
	padding-left: 20px;
}*/
#index .banner .text a{
	display: block;
	padding: 10px;
	width: 900px;
	height: 50px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}
#index .banner .text a .title{
	font-size: 30px;
	background: #fff;
	padding: 5px 10px;
}
#index .banner .text a .excerpt{
	display: block;
	font-weight: normal;
	font-size: 14px;
	padding: 0;
}
.banner .no1{
	background: #f90 url("img/banner_bkg.gif") no-repeat;
}
.banner .no1 a{
	color: #f90;
}
.banner .no2{
	background: #f90 url("img/banner_bkg.gif") no-repeat 0 -200px;
}
.banner .no2 a{
	color: #01aed0;
}
.banner .no3 a{
	background: #f90 url("img/banner_bkg.gif") no-repeat 0 -400px;
}
.banner .no3 a{
	color: #e7035c;
}
#index .banner p.b_p01{
	margin: -5px 0 0;
	padding: 0 10px 10px 0;
	font-size: 10px;
	color: #666;
}
.banner p.c0,
.banner p.c1{
/*	color: #f90; */
}
.banner p.c2{
/*	color: #01aed0; */
}
.banner p.c3{
/*	color: #e7035c; */
}
.banner .section{
	width: 470px;
	float: left;
}
#index .banner img{
	padding: 0 10px 10px 0;
}
.about{
	color: #fff;
	background: #01aed0 url("img/about_bkg.gif") left bottom no-repeat;
/*	border: 1px dashed #fff; */
/*	background: #fff;
	color: #01aed0;
	border: 4px double #01aed0;*/
/*	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; */
	margin: 0 10px 10px;
	padding: 0;
	width: 940px;
	overflow: hidden;
}
#index .about h2{
	background: #01aed0 url("img/about_bkg.gif") left top no-repeat;
	margin: 0;
	padding: 10px 10px 5px;
	font-size: 14px;
	color: #fff;
/*	color: #01aed0;*/
}
#index .about h2:before{
	content: "── ";
}
#index .about p{
	font-size: 12px;
	padding: 0 10px 10px;
}

.teachers_list{
	list-style: none;
	margin: 0;
	padding: 10px;
	height: 110px;
}
.teachers_list li{
	margin: 0;
	padding: 0;
	width: 115px;
	text-align: center;
	font-size: 14px;
	float: left;
}
.teachers_list li a{
/*	text-decoration: underline; */
	text-decoration: none;
}
.teachers_list li .name{
	display: block;
}
.teachers_list li .text{
	display: block;
	text-align: left;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: justify;
/*	letter-spacing: -0.05em; */
}
.teachers_list li img{
	border: 0;
}
.news_list{
	list-style: none;
	margin: 0;
	padding: 10px;
}
#news .news_list{
	padding: 20px 10px;
}
.news_list li{
	padding: 0 10px;
	font-size: 14px;
	line-height: 2em;
	border-bottom: 1px dashed #cecece;
}
#index .news_list li{
	border-bottom: 1px dashed #9edbed;
}
.news_list .date{
	color: #e7035c;
	padding-right: 10px;
	font-weight: bold;
/*	display: block;
	float: left;
	width: 120px;*/
}
.news_list li a{
/*	display: block;
	float: left;	
	width: 310px;*/
}
.news_list .goto{
	clear: left;
}


/* #skype
-------------------------------------------------- */
#skype #contents p img{
	float: left;
	padding: 10px 20px 10px 10px;
}
#skype #contents p img.inline{
	float: none;
	padding: 0;
	vertical-align: baseline;
}
#skype #contents .image_alone{
	display: block;
	text-align: center;
	margin: 10px auto;
}
#skype #contents .goto.first{
	margin-top: 10px;
}

/* #material & #lesson &#news
-------------------------------------------------- */
#material #contents ul, #lesson #contents ul{
	line-height: 1.8em;
}
#material #contents .section p{
	float: left;
}
#material #contents .section .image{
	padding: 10px;
	float: left;
}
#material #contents .group, #lesson #contents .group, #news #contents .group,
#price #contents .group{
	border: 5px solid #eee;
	padding: 0 10px 10px;
	margin: 20px 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;  
	-moz-border-radius: 20px;  
}
#news #contents .group ul{
	line-height: 1.8em;
}
#material #contents .group .goto, #lesson #contents .group .goto{
	margin-left: 20px;
}
#material #contents .image{
	float: left;
	border: 1px solid #eee;
	margin: 0 10px 10px;
}
#material #contents .image_alone{
	display: block;
	text-align: center;
	margin: 10px auto;
}
#material #contents li.subject{
	clear: left;
	padding-right: 20px;
}
#material #contents li ul{
	list-style: none;
}
#material #contents h4{
	clear: left;
}
#lesson #contents dl{
	padding: 0 2em 1em;
	width: 600px;
}
#lesson #contents dt{
	font-weight: bold;
	color: #01aed0;
	display: block;
	float: left;
	width: 200px;
	clear: left;
	margin: 0 0 10px;
	background: url("img/leader01.gif") no-repeat left center;
}
#lesson #contents dt span{
	background: #fff;
	padding-right: 10px;
}
#lesson #contents dd{
	display: block;
	float: left;
	width: 390px;
	margin: 0 0 10px 10px;
	padding: 0;
}
#lesson #contents dd ul{
	clear: both;
}
#lesson #contents p.goto{
	clear: both;
}
#material #contents ul.buy{
	list-style: none;
	border: 4px double #efefef;
/*	background: #efefef; */
	margin: 0 30px;
	padding: 10px 10px;
	clear: both;
}
#material #contents li ul.buy{
	margin: 0 10px 0 -10px;
}
#material #contents ul.buy li{
	display: block;
	margin: 0;
	padding: 0 0 0 40px;
	background: url("img/arw_pnk_w.gif") no-repeat 0 5px;
/*	margin: 0;
	padding: 0;
	clear: left;*/
}
#material #contents ul.buy a{
/*	display: block;
	margin: 0;
	padding: 0 0 0 40px;
	background: url("img/arw_pnk_w.gif") no-repeat 0 5px;*/
/*	line-height: 15px; */
}
#material #contents ul.buy ul.amazon{
	margin: 0;
	padding: 0;
}
#material #contents ul.buy .amazon li{
	float: left;
	margin: 0;
	padding: 0 10px 5px 0;
	background-image: none;
}


/* #faq
-------------------------------------------------- */
#faq h2{
	background: url("img/h2_bkg2.gif") no-repeat 0 -100px;
	height: 27px;
	padding-left: 50px;
}
#faq #contents p{
	padding-bottom: 20px;
}
#faq #contents ul{
	margin: -20px 1em 0;
	padding: 0 1em 20px;
	line-height: 1.8em;
}

/* #flow
-------------------------------------------------- */
#flow h2, #program_china h2{
	height: 27px;
}
#flow h2{
	background: url("img/h2_bkg2.gif") no-repeat;
}
#program_china h2{
	background: url("img/h2_bkg2.gif") 0 -200px no-repeat;
}
h2 .num{
	color: #fff;
	margin-left: 57px;
	margin-right: 40px;
	font-family: Arial;
}
#flow h2 .num{
	background: #f90 url("img/num_bkg.gif") no-repeat;
}
#program_china h2 .num{
	background: #f90 url("img/num_bkg.gif") 0 -100px no-repeat;
}


/* #price
-------------------------------------------------- */
#price table{
	border-collapse:collapse;
	border: 2px solid #01aed0;
	width: 100%;
}
#price .price_table{
	width: 635px;
}
#price .price_table2{
	border: 0;
}
#price caption{
	background: url("img/arw_blu_w.gif") no-repeat 4px 3px;
	color: #01aed0;
	padding: 0 0 10px 50px;
	font-weight: bold;
}
#price th, td {
	border: 1px solid #01aed0;
	empty-cells: show;
	line-height:1.5em;
	margin: 0;
	padding: 10px;
/*	width: 50%; */
}
#price th {
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	background: #eee;
}
#price td{
	text-align: center;
}
#price td .pt_icon{
	display: none;
}
#price .r2 td{
	background: #fff1c3;
}
#price .price_txt{
/*	font-weight: bold;
	color: #e7035c;*/
}
#price .price_table caption,
#price .price_table2 caption{
	background-image: none;
	padding: 20px 0 0;
}
#price .price_table caption .notice,
#price .price_table2 caption .notice{
	display: block;
}
#price .price_table caption strong,
#price .price_table2 caption strong{
	color: #e7035c;	
}
td.noborder,
#price td.noborder,
#price .price_table2 .row_end td.noborder,
#price .price_table2 th.icon{
	background-color: transparent;
	border: 0;
	
}
.price_table .type{
	width: 20%;
}
.price_table .hour{
	width: 40%;
}
.price_table .month_price{
	width: 20%;
}
.price_table .one_lesson{
	width: 20%;
}
#price .price_table2 td.td_end{
  border-width: 1px 2px 1px 1px;
}
#price .price_table2 th.th_end,
#price .price_table2 .row_end td{
  border-bottom-width: 2px;
}
#price .price_table2 th{
  border-width: 1px 1px 1px 2px;
}
#price .price_table2 th.type{
	width: 20%;
  border-width: 2px 1px 1px 2px;
}
#price .price_table2 .hour{
	width: 30%;
  border-width: 2px 1px 1px 1px;
}
#price .price_table2 .month_price{
	width: 20%;
  border-width: 2px 1px 1px 1px;
}
#price .price_table2 .one_lesson{
	width: 20%;
  border-width: 2px 2px 1px 1px;
}
#price .price_table2 .noborder{
	width: 10%;
	padding: 2px;
	text-align: left;
}

#contents p.first-child{
	padding-top: 20px;
}
.price_table td strong{
	color: #e7035c;	
	padding: 0;
	margin: 0;
	font-size: 10px;
	display: block;
	line-height: 1em;
}
#price p strong{
	color: #f90;
}
#price p em{
	font-weight: bold;
	font-style: normal;
	border-bottom: 1px dotted #333;
}

/* #teacher
-------------------------------------------------- */
#teacher h2{
	clear: left;
}
#teacher .section{
	position: relative;
}

#teacher p.notice{
	position: absolute;
	top: 0px;
	left: 120px;
	color: #e7035c;
}
#teacher .group{
	clear: left;
	background: url("img/teacher_list_bkg.gif") repeat-y;
	margin: 10px 0;
	padding: 0;
}
#teacher ul.teachers_list{
	list-style: none;
	margin: 0;
	padding: 10px;
	height: auto;
}
#teacher ul.teachers_list li{
	width: 137px; /* 6:114 5:137 */
	/* height: 260px; *//*  170 */
/*	border-right: 3px solid #efefef; */
}
#teacher ul.teachers_list li .specialty{
	display: block;
	margin: 0 10px;
	padding: 3px 0;
	color: #f90;
}

/* #teacher_detail
-------------------------------------------------- */
#teacher_detail table{
	border-collapse:collapse;
	border: 2px solid #01aed0;
	width: 100%;
	margin: 10px 0;
}
#teacher_detail caption{
	background: url("img/arw_blu_w.gif") no-repeat 4px 3px;
	color: #01aed0;
	padding: 0 0 10px 50px;
	font-weight: bold;
}
#teacher_detail th, #teacher_detail td {
	border: 1px solid #01aed0;
	empty-cells: show;
	line-height:1.5em;
	margin: 0;
	padding: 10px;
}
#teacher_detail th {
	background: #eee url(img/dotted-x.gif) repeat-x scroll left bottom;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	width: 30%;
}
#teacher_detail td{
	background: #fff url(img/dotted-x.gif) repeat-x scroll left bottom;
	text-align: left;
	width: 70%;
}
#teacher_detail .r2 td{
	background: #fff1c3;
}
#teacher_detail td ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* #company, #hyouji
-------------------------------------------------- */
#company table, #hyouji table{
	border-collapse:collapse;
	border: 2px solid #01aed0;
	width: 100%;
	margin: 10px 0;
}
#company th, #company td,
#hyouji th, #hyouji td{
	border: 1px solid #01aed0;
	empty-cells: show;
	line-height:1.5em;
	margin: 0;
	padding: 10px;
}
#company th, #hyouji th{
	background: #eee url(img/dotted-x.gif) repeat-x scroll left bottom;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	width: 30%;
}
#company td, #hyouji td{
	background: #fff url(img/dotted-x.gif) repeat-x scroll left bottom;
	text-align: left;
	width: 70%;
}
#company td ul, #hyouji td ul{
	margin: 0;
	padding: 0 0 0 20px;
}


/* #sitemap
-------------------------------------------------- */
#sitemap #contents ul{
	line-height: 1.8em;
}
#sitemap #contents #topic_path ul{
	line-height: 1em;
}

/* #contact_form & #registration
-------------------------------------------------- */
.require, .error_message{
	font-weight: bold;
	color: #e7035c;
/*	color: #c00;*/
}
.mini{
	font-weight: normal;
	font-size: 12px;
}
#p_if{
	border: 1px solid #01aed0;
	background: #d3ebf7;
	padding: 10px;
}
#contact_form table, #registration table{
	border-collapse:collapse;
	border: 2px solid #01aed0;
	width: 100%;
	margin: 10px 0;
}
#contact_form th, #contact_form td,
#registration th, #registration td{
	border: 1px solid #01aed0;
	empty-cells: show;
	line-height:1.5em;
	margin: 0;
	padding: 10px;
}
#contact_form th, #registration th{
	font-weight: bold;
/*	white-space: nowrap; */
	width: 30%;
	background: #eee;
}
#contact_form td, #registration td{
	text-align: left;
	width: 70%;
}
#contact_form td input, #contact_form td textarea,
#registration td input, #registration td textarea{
	border: 1px solid #ccc;
	background: url("img/input_bkg.jpg") repeat-y;
	margin: 2px 0;
}
#contact_form td input.radio, #registration td input.radio{
	background-image: none;
	border: 0;
}

#buttons{
	text-align: right;
}
#mail_preview, #mail_post, .button, .submit, .reset{
	color: #fff;
	padding: 5px 50px;
	border: 0;
	background: #01aed0;
}
#mail_preview, .submit{
	background: #f90;
}
#mail_post{
}

/*  kiyaku
-------------------------------------------------- */
#kiyaku #contents li{
	line-height: 1.8em;
	padding-bottom: 1em;
	text-indent: -2em;
}
#kiyaku #contents li li{
	text-indent: 0;
}
#kiyaku #contents ul{
	list-style: none;
}
/*#contents p#additional_rule{
	border-top: 3px solid #efefef;
	margin-top: 40px;

}*/

/*  policy
-------------------------------------------------- */
ol{
	line-height: 1.8em;
}

/*  system_intro
-------------------------------------------------- */
#system_intro #contents ul{
	line-height: 1.8em;
}
#system_intro .image_alone{
	text-align: center;
}

/*  news_detail & other
-------------------------------------------------- */
.left{
	text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
#news_detail #contents ul{
	line-height: 1.8em;
}
#news_detail #contents .entry_body,
#news_detail #contents .entry_more{
	line-height: 1.8em;
	margin: 0;
	padding: 10px;
}

/*  paypal_guide
-------------------------------------------------- */
#paypal_guide{
	border: 5px solid #ccc;
	padding: 0 10px 10px;
	margin: 20px 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;  
	-moz-border-radius: 20px;
	line-height: 1.8em;
}
#paypal_guide dl{
	margin: 0;
	padding: 10px;
}
#paypal_guide dt, #paypal_guide ul{
	margin: 0;
	padding: 0;
}
#paypal_guide dt{
	font-weight: bold;
	color: #e7035c;
}
#paypal_guide dd{
	margin: 0 0 0 2em;
	padding: 0;
}
#paypal_guide ul{
	list-style: none;
}
#paypal_guide li{
	margin: 0;
	padding: 10px 0;
}
#paypal_guide ol{
}
.paypal_ss{
	border: 5px solid #eee;
	margin-left: 10px;
}


/*  clearfix
-------------------------------------------------- */
#introduction .container:after, #index .row:after, #index .row_w:after,
#material #contents .section:after, #material #contents .group:after, #material #contents .buy li:after,
#lesson #contents dl:after,
#teacher .group:after
{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#introduction .container, #index .row, #index .row_w,
#material #contents .section, #material #contents .group, #material #contents .buy li,
#lesson #contents dl,
#teacher .group
{
  min-height: 1px;
}
* html #introduction .container, * html #index .row, * html #index .row_w,
* html #material #contents .section, * html #material #contents .group, * html #material #contents .buy li,
* html #lesson #contents dl,
* html #teacher .group
{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}