/*--------------------------------------------------*/
body{
	margin : 0 auto;
	font-size : 9pt ;
	color : #000000 ;
	text-align : center;
	background : url(../images/bg.gif) #fff ;
	font-family:Tahoma, 'ＭＳ Ｐゴシック', Osaka,sans-serif;
}

h1{
	color : #fff;
	font-size : 11pt;
	margin : 0;
	padding : 0;
	width : 370px;
	margin-top : 7px;
	text-align : right;
}

p{
	margin : 0 ;
	padding : 0 ;
	text-align : left;
}

img{
	border : 0 ;
	padding : 0 ;
	margin : 0 ;
}

a {
	color : #046982 ;
}

a:visited {
	color : #046982 ;
}

a:hover {
	color : #d10529 ;
}

ul{
	margin : 0 auto ;
	padding : 0 ;
}

/*--共通プロパティー--*/

/*マージン*/
.mgauto{
	margin : 0 auto;
}

.mg3auto{
	margin : 3px auto;
}

.mg5{
	margin : 5px ;
}

.mg5auto{
	margin : 5px auto;
}

.mgl5{
	margin-left : 5px;
}

.mgt5{
	margin-top : 5px;
}

.mgt10{
	margin-top : 10px;
}

.mg10auto{
	margin : 10px auto;
}

.mgb5{
	margin-bottom : 5px;
}

/*フロート*/
.float_left{
	float : left;
}

.float_right{
	float : right;
}

/*パーツ*/
hr {
	color : #FFF;
	border : 1px dashed #AFAFAF;
	border-width : 1px 0 0 0;
	clear : both;
}

br.clear{
	clear : both;
	font-size : 1px;
	line-height : 1px;
}
div.go_top{
	text-align : right;
}

img.title {
	margin : 15px auto;
}

span.title2{
	font-size : 110%;
	color : #ff0000;
	font-weight : bold;
}

/*****----------全体----------*****/
#wrapper{
	border : 1px solid #858585;
	width : 850px;
	background-color : #ffffff;
/*	background-color : #fff1f1;*/
	margin : 0 auto;
	text-align : center;
}

/*-----ヘッダー-----*/
#header_area{
	width : 832px;
	height : 110px;
	background : url(/images/header_bg.gif);
	padding : 9px;
}
#header_area .header_right{
	float : right;
	width : 400px;
	padding-top : 15px;
}

/*-----メインエリア-----*/
#main_area{
	width : 835px;
	margin : 10px auto;
}

/*-----システム変更のご案内-----*/
#main_area_systemchange{
	width : 835px;
	margin : 10px auto;
	text-align : left;
}

#main_area_systemchange_base{
	width : 830px;
	margin : 0 auto;
	padding-top : 2px;
	background-color : #fff;
	border : 1px solid #496433;
	text-align : left;
}

.main_area_systemchange_base{
	width : 650px;
	margin : 15px auto;
	border-bottom : 1px dashed #b4b4b4;
}

.main_area_text{
	width:650px;
	margin:20px auto;
}

/*-----左エリア-----*/
.left_area{
	float : left;
	margin-left : 5px;
	width:172px;
}

.af_area{
	background:#fff;
	width:172px;
	margin:0 auto 10px;
	padding:10px 0;
	border : 1px solid #496433;
}

.left_menu{
	width : 172px;
	margin-bottom : 10px;
	border : 1px solid #496433;
	background-color : #fff;
}

.left_menu ul {
	width : 160px;
	margin : 5px auto;
	text-align : left;
}

.left_menu ul li{
	list-style : none;
	padding-left : 20px;
	background:url(/images/menu_bg.gif) no-repeat;
	height:24px;
}

.left_menu ul li div{
	padding-top:3px;
	height:25px;
}

.lecturer{
	width : 160px;
	margin : 6px auto;
	padding : 6px 0;
	border-bottom : 1px dashed #496433;
	font-weight : bold;
}

.lecturer p{
margin : 2px;
text-align:center;
width:160px;
}

/*-----右エリア-----*/
.right_area{
	float : right;
	width : 647px;
	margin : 0 auto;
}

.in_right_area{
	width : 647px;
	margin : 5px auto;
}

#right_base{
	width : 640px;
	margin : 0 auto;
	padding-top : 2px;
	background-color : #fff;
	border : 1px solid #496433;
}

.right_base{
	width : 630px;
	margin : 15px auto;
	border-bottom : 1px dashed #b4b4b4;
}

/*-----キャンペーン-----*/
.information{
	width : 620px;
	margin : 0 auto;
	padding : 8px;
	border : 1px solid #496433;
	text-align : left;
	background-color : #fff;
}

.information .title{
	width:600px;
	font-weight:bold;
	color:#3d5827;
	font-size:105%;
	margin:5px auto;
}

.information .body{
	width:600px;
	margin:0 auto;
}

/*-----topレッスン料金-----*/
.top_price{
	width:616px;
	margin:0 auto;
	padding:10px;
	border:1px solid #496433;
	text-align:left;
	background-color : #fff;
}

.title{
	width:600px;
	margin:0 auto;
}

.top_price div{
	font-weight:bold;
}

.lesson_price{
	width:550px;
	margin:15px auto;
	border:1px solid #314422;
	border-collapse: collapse;
	background-color:#ffffe6;
	text-align:center;
}

.lesson_price th{
	padding:3px;
	border:1px solid #999999;
	background-color:#7ba956;
	color:#fff;
}
.lesson_price th.plan{
	width:120px;
}
.lesson_price td {
	border:1px solid #999999;
	padding:3px;
}
.lesson_price td.explanation{
	text-align:left;
}
.lesson_price td.number{
	background-color:#ffdc96;
	color:#ff0000;
}
.lesson_price td.privilege{
	font-weight: bold;
	color: #F00;
}

.details{
	width:600px;
	margin:0 auto;
	text-align:right;
}

/*-----このページTOPヘ-----*/
.page_top{
	width:647px;
	text-align:right;
	margin-top:10px;
}

/*-----フッター-----*/
.footer_area{
	width:850px;
	text-align:right;
}

.footer_top{
	width:820px;
	margin:10px;
}

.footer_top ul li{
	display: inline ;
	list-style-type : none ;
	padding:0 5px;
}

.footer_line{
	border-right : 1px solid ;
}

.footer_bottom{
	padding-top:3px;
	vertical-align:bottom;
	width:850px;
	height:22px;
	background:url(/images/footer.gif);
	color:#fff;
}

/******-----サービスの特徴-----******/
/*---ライブチャイナのご紹介---*/
.introduction{
	width:590px;
	margin:20px auto;
}

.introduction div.float_left{
	width:420px;
	margin:0 auto;
	text-align:left;
}

.introduction p{
	margin:20px auto 10px;
}

.introduction div.float_right{
}

/*---ライブチャイナの特徴---*/
.characteristic_top{
	width:590px;
	margin:20px auto;
}
.characteristic_top div.float_left{
	width:275px;
	margin:0 auto;
}

.characteristic_top div.float_right{
	width:275px;
	margin:15px auto;
}

.characteristic_top div.float_right ul{
	text-align:left;
	list-style-image: url(../service/images/red_square.gif);
	margin-left:6px;
	padding-left:6px;
}

.characteristic_top div.float_right ul li{
	margin:6px;
}

.characteristic_bottom{
	width:595px;
	margin:10px auto;
}

.characteristic_bottom div.float_left{
	width:390px;
	margin:0 auto;
}

.characteristic_bottom div.float_right{
	margin:0 auto;
}

.characteristic_bottom p{
	margin:20px auto;
}

.characteristic_bottom span{
	color:#d61637;
}

/*---ライブチャイナの勉強法---*/
.study{
	width:550px;
	margin:10px auto;
}

.study div.float_left{
	width:203px;
	margin:0 auto;
	text-align:left;
}

.study div.arrow{
	width:130px;
	margin:40px auto 0;
	float:left;
}

.study div p{
	width:190px;
	margin:0 auto;
}

.study2{
	width:430px;
	margin:10px auto;
}

.study2 div.float_left{
	width:203px;
	margin:0 auto;
	text-align:left;
}

.study2 div.arrow{
	width:100px;
	margin:20px auto 0;
	float:left;
}

/*---カリキュラムの構成---*/
.curriculum{
	width:590px;
	margin:20px auto;
}

.in_curriculum{
	width:580px;
	margin:10px auto;
	padding :10px;
	border-bottom : 1px solid #9a9a9a;
}

.in_curriculum div.float_left{

}

.in_curriculum div.float_right{
	width : 350px;
	margin : 0 auto;
}

.curriculum p{
	margin : 5px auto;
}

.in_curriculum span{
	font-size : 11pt;
	font-weight : bold;
}

.curriculum p.free{
text-align:center;
}
/******-----料金体制-----******/
.price{
	width:590px;
	margin:20px auto;
}

.price p{
	margin:20px auto 10px;
}

.price_area{
	width:616px;
	margin:0 auto 10px;
	border:1px solid #556e3f;
	background:#FFF;
	text-align:left;
}

.price_area .title{
	margin-top: 10px;
}

.pay{
	width:590px;
	margin:20px auto;
}

/******-----利用環境について-----******/
.environment{
	width:600px;
	margin:10px auto;
	line-height:15pt;
}

.environment p{
	margin-top:10px;
}

.environment .left{
	float:left;
	width:450px;
	text-align:left;
}
	
/******-----講師紹介-----******/
.right_base_teacher{
	width:630px;
	margin:15px auto;
}

.teacher_intro{
	width:590px;
	margin:15px auto;
}

.teacher_intro .float_left{
	width:400px;
	margin:0 auto;
}

.teacher_intro .float_right{
	width:150px;
	margin:0 auto;
}

.teacher{
	width:600px;
	margin:0 auto;
	padding:10px 0;
	border-bottom:1px dashed #b4b4b4;
}

.teacher .float_left{
	width:150px;
	margin:10px auto;
}

.teacher .float_right{
	width:450px;
	margin:0 auto;
	text-align:left;
}

.teacher .float_right th{
	font-size:120%;
	color:#046982;
	border-bottom:2px solid #d61839;
}

.teacher .float_right td.china{
	width:450px;
	margin:0 auto;
	border-bottom:1px dotted #d61839;
}



/******-----体験レッスン-----******/
.experience{
	width : 590px;
	margin : 10px auto;
}

.experience .float_left{
	width : 300px;
	margin : 10px auto;
	line-height:15pt;
}

.calendar{
	width:580px;
	margin:10px auto;
}

table.experience_flow{
	width:600px;
	margin:10px auto;
}

table.experience_flow td{
	text-align:left;
	padding:10px;
	vertical-align:top;
}

table.experience_flow td span{
	color:#d61637;
	font-weight:bold;
}

/******-----受講生の声-----******/
#voice_area{
	width:600px;
	margin:0 auto;
}

#voice_area .title{
	width:600px;
	text-align:left;
	margin:0 auto;
	font-weight:bold;
	font-size:110%;
	color:#2e4900;
}

#voice_area table{
	width:600px;
	margin:10px auto;
}

#voice_area table div.text01{
	width:185px;
	border:1px solid #046982;
	margin:0 auto;
	border-top:none;
	border-bottom:none;
}

#voice_area table div.text01 div{
	width:160px;
	margin:0 auto;
}

#voice_area table div.text02{
	width:185px;
	border:1px solid #d61637;
	margin:0 auto;
	border-top:none;
	border-bottom:none;
}

#voice_area table div.text02 div{
	width:160px;
	margin:0 auto;
}

#voice_area .name01{
	width:580px;
	margin:0 auto;
	padding:5px;
	color:#fff;
	background:#4f8424;
	text-align:left;
	font-weight:bold;
}

#voice_area .name02{
	width:580px;
	margin:0 auto;
	padding:5px;
	color:#fff;
	background:#d61637;
	text-align:left;
	font-weight:bold;
}

#voice_area div.voice_detail01{
	width:588px;
	margin:0 auto 10px;
	border:1px solid #4f8424;
}

#voice_area div.voice_detail01 .float_left{
	margin:10px;
}

#voice_area div.voice_detail01 div{
	width:425px;
	float:right;
	text-align:left;
	line-height:13pt;
	padding:10px 10px 10px 0;
}

#voice_area div.voice_detail01 p{
	margin-top:10px;
}

#voice_area div.voice_detail02{
	width:588px;
	margin:0 auto 10px;
	border:1px solid #d61637;
}

#voice_area div.voice_detail02 .float_left{
	margin:10px;
}

#voice_area div.voice_detail02 div{
	width:425px;
	float:right;
	text-align:left;
	line-height:13pt;
	padding:10px 10px 10px 0;
}

#voice_area div.voice_detail02 p{
	margin-top:10px;
}

/******-----よくある質問-----******/

#faq div.catecory_area{
	width:500px;
	margin:10px auto;
	line-height:20pt;
	text-align:left;
	font-size:110%;
}

#faq div.faq_title{
	width:540px;
	margin:10px auto;
	text-align:left;
	border:1px solid #046982;
	background:url(../faq/images/faq__title_bg.gif) repeat-y left;
	height:26px;
}

#faq div.faq_title div{
	width:500px;
	margin:5px auto 0;
	font-size:105%;
	font-weight:bold;
}

#faq div.qa_area{
	width:500px;
	text-align:left;
	margin:0 auto 20px;
	line-height:15pt;
}

#faq div.qa_area div{
	margin:5px auto;
}

#faq div.qa_area img{
	vertical-align:middle;
}

#faq div.qa_area01{
	width:500px;
	text-align:left;
	margin:0 auto 20px;
	line-height:15pt;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}

#faq div.qa_area01 div.q_area{
	font-weight:bold;
	color:#046982;
	font-size:105%;
	margin:10px auto;
}

#faq div.qa_area01 table{
	border-collapse:collapse;
}

#faq div.qa_area01 div.link_area{
	width:500px;
	text-align:right;
	margin:0 auto;
}

#faq ol{
	margin-left:12px;
	padding-left:12px;
}


/******-----運営会社について-----******/
table.company{
	border:1px solid #999;
}
table.company td{
	text-align: left;
	padding: 4px 7px;
}


/*-----ヘッダー(BtoB)-----*/
#b2b_wrapper{
	border : 1px solid #858585;
	width : 850px;
	background-color : #e3e7ef;
	margin : 0 auto;
	text-align : center;
}
#b2b_header_area{
	width : 832px;
	height : 110px;
	background : url(/corporation/images/header_bg.gif);
	padding : 9px;
}

#b2b_header_area .header_right{
	float : right;
	width : 400px;
	padding-top : 15px;
}
/*-----新着情報（BtoB）-----*/
.b2b_information{
	width : 620px;
	margin : 0 auto;
	padding : 8px;
	border : 1px solid #335064;
	text-align : left;
	background-color : #fff;
}

.b2b_information .title{
	width:600px;
	font-weight:bold;
	color:#046982;
	font-size:105%;
	margin:5px auto;
}

.b2b_information .body{
	width:600px;
	margin:0 auto;
}
/*-----問合せフォーム（BtoB）-----*/
div#b2b_inquiryform{
	width:580px;
	margin:0 auto;
}

#b2b_inquiryform p.text{
	text-align:left;
	margin:10px auto;
}

#b2b_inquiryform div.title{
	width:570px;
	margin:0 auto;
	padding:5px;
	color:#fff;
	background:#d61637;
	text-align:left;
	font-weight:bold;
}

#b2b_inquiryform div.body{
	width:558px;
	margin:0 auto 20px;
	border:1px solid #046982;
	padding:10px;
}

#b2b_inquiryform div.body span{
	font-weight:bold;
	color:#d61637;
	font-size:110%;
}

#b2b_inquiryform div.body p.right{
	width:560px;
	text-align:right;
}

#b2b_inquiryform p.right02{
	width:580px;
	text-align:right;
	margin:0 auto;
}

#b2b_inquiryform span.need{
	font-weight:bold;
	color:#f00;
}

#b2b_inquiryform iframe{
	width: 582px;
	height: 800px;
	border: 0;
}

body#b2b_inquiryform {
	background: #FFF;
}

#b2b_inquiryform table{
	width:580px;
	border:1px solid #088BA4;
	text-align:left;
	border-collapse:collapse;
	margin:0 auto;
}

#b2b_inquiryform table th{
	padding:5px;
	background:#046982;
	color:#fff;
	border:1px solid #088BA4;
	width:20%;
}

#b2b_inquiryform table td{
	padding:5px;
	border:1px solid #088BA4;
}

#b2b_inquiryform table td .width150{
	width:150px;
}

#b2b_inquiryform table td .width200{
	width:200px;
}

#b2b_inquiryform table td .ime_off{
	ime-mode:disabled;
}

#b2b_inquiryform .error_box{
	padding: 5px;
	margin: 5px 0;
	text-align: left;
	border: 1px dashed #C30;
	background: #FFC;
	color: #C30;
}

#b2b_inquiryform .finish{
	color: #060;
	background: #CEC;
	padding: 12px;
	border: 2px dashed #FFF;
}

.b2b_teacher{
	width:616px;
	margin:0 auto;
	padding:10px;
	border:1px solid #335064;
	text-align:left;
	background-color : #fff;
}

.b2b_footer_bottom{
	padding-top:3px;
	vertical-align:bottom;
	width:850px;
	height:22px;
	background:url(/corporation/images/footer.gif);
	color:#fff;
}