/* コンテンツ右側　*/
#mainbox {
	clear: both;
	width: 770px;
	float: right;
	background-color:#FFF;
}
*html #mainbox {
	clear: both;	
	width: 760px;
	float: right;
	background-color:#FFF;
}
/* メイン画像(メインコンテンツより上) */
#topimage {
	overflow: hidden; /* important */
	width:732px;
	margin-top: 25px;
	margin-left:17px;
}
*html #topimage {
	overflow: hidden; /* important */
	width:732px;
	margin-top: 25px;
	margin-left:8px;
}
/* メインコンテンツ */
#topline {
	margin-top: 13px;
	margin-left:-1px;
}
*html #topline {
	margin-top: 13px;
	margin-left:0px;
}
/* 【解説1】関連ページ */
.relation {
	width:721px;
	height:20px;	
	padding:5px;
	clear: both;
	background-color:#E5E1DA;
	border-top: 1px solid #CCCAC6;		
	border-bottom: 1px solid #CCCAC6;	
}
.relation ul.menu {
	width: 722px;
	float: left;
}
.relation ul.menu li {
	display: inline; /* 横並びにさせる */
}
.relation_under {
	width:721px;
	height:20px;
	margin-bottom:-20px;	
	padding:5px;
	clear: both;
	background-color:#E5E1DA;
	border-top: 1px solid #CCCAC6;		
	border-bottom: 1px solid #CCCAC6;	
}
.relation_under  ul.menu {
	width: 722px;
	float: left;
}
.relation_under ul.menu li {
	display: inline; /* 横並びにさせる */
}
li:first-child {
	border: none; /* 親要素から見て一番目のli要素のボーダーを無しに */
}
/* 【解説2】パンくずリスト */
.breadcrumbs {
	margin-top:10px;
	margin-left:30px;
	margin-bottom:10px;
	width:700px;
	height:20px;
	float:left;
	clear:both;
}
*html .breadcrumbs {
	margin-top:10px;
	margin-left:15px;
	margin-bottom:10px;
	width:700px;
	height:20px;
	float:left;
	clear:both;
}
/* 【解説3】ページタイトル */
#maintitle {
	clear:both;	
	margin-top:30px;
	margin-bottom:20px;
}
/* 【解説4】概要（通常のテキスト）*/
.sub-heading {
	clear:both;
	font-size: 12px;
	line-height:1.8;
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 30px;
}
*html .sub-heading {
	clear:both;
	font-size: 12px;
	line-height:1.8;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
/* 【解説5】大見出し */
.heading {
	clear:both;
	margin-top: 30px;
	margin-left:25px;
}
*html .heading {
	clear:both;
	margin-top: 30px;
	margin-left:12px;
}
/* 【解説6】大見出し2 */
.case_studies2  {
	width: 649px;
	height: 17px;
    border: 1.5px solid #509931;
	background-color:#FFFFFF;
	padding: 10px;
	margin-top: 30px;	
	margin-left: 30px;
	margin-right: 31px;
	margin-bottom: 15px;
	font-size:14px;
	color:#509931;
	}
*html .case_studies2  {
	width: 649px;
	height: 17px;
    border: 1.5px solid #509931;
	background-color:#FFFFFF;
	padding: 10px;
	margin-top: 30px;	
	margin-left: 15px;
	margin-right: 16px;
	margin-bottom: 15px;
	font-size:14px;
	color:#509931;
	}	
	
/* 【解説7】中見出し */
.title {
	clear:both;
	height: 18px;
	font-size: 14px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-top: 2px;
	background-color: #EFEBE8;
	border-left: 3px solid #80BC19;
	border-bottom: 1.5px dotted #80BC19;
}
*html .title {
	height: 18px;
	font-size: 14px;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	padding-left: 2px;
	padding-top: 2px;
	background-color: #EFEBE8;
	border-left: 3px solid #80BC19;
	border-bottom: 1.5px dotted #80BC19;
}
/* 【解説8】強調表示　*/
.point {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	padding: 15px;
	line-height:1.5;
	background-color: #FFFEEA;
	border:1px solid #FFDFAA;	
	}
*html .point {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 15px;
	line-height:1.5;
	background-color: #FFFEEA;
	border:1px solid #FFDFAA;	
	}
/* 【解説8】強調表示Wide　*/
.point_wide {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	padding: 15px;
	line-height:2;
	background-color: #FFFEEA;
	border:1px solid #FFDFAA;	
	}
*html .point_wide {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 15px;
	line-height:2;
	background-color: #FFFEEA;
	border:1px solid #FFDFAA;	
	}		
/* 【解説9】リスト表示　*/
.list {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	padding: 15px;
	line-height:1.5;
	background-color: #FAFCF5;
	border:1px solid #D5EFB6;		
	}
*html .list {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 15px;
	line-height:1.5;
	background-color: #FAFCF5;
	border:1px solid #D5EFB6;		
	}
/* 【解説10】補足説明　*/
.supplement {
	font-size:10px;
	color:#808080;	
	}
/* 【解説11】関連ページ */
.more {
	position:relative;
	left:487px;
	width:217px;
	margin-top:10px;
	margin-right:30px;
}
*html .more {
	position:relative;
	left:487px;
	width:217px;
	margin-top:10px;
	margin-right:15px;
}
/* 【解説12】案内 */
.guidance {
	clear:both;
	margin-top:20px;
	}
/* 【解説13、15】誘導ボタン */
#endbutton {
	clear:both;
	width: 229px;
	height: 53px;
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	}
#endbutton ul.menu li a {
	width: 229px;
	height: 55px;
	text-indent: -700em;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display:block;
}
#endbutton ul.menu li a:hover {
	background-position: 0px -55px;
}
/* 【解説14、16】誘導ボタン */
#endbutton_left {
	clear:both;
	width: 229px;
	height: 55px;
	margin-top:20px;
	margin-left:80px;
	margin-bottom:25px;	
	float:left;	
}
*html #endbutton_left {
	clear:both;
	width: 229px;
	height: 55px;
	margin-top:20px;
	margin-left:40px;
	margin-bottom:25px;	
	float:left;	
}
#endbutton_left ul.menu {
	width: 229px;
	height: 55px;
}
#endbutton_left ul.menu li a {
	width: 229px;
	height: 55px;	
	text-indent: -700em;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display:block;
}
#endbutton_left ul.menu li a:hover {
	background-position: 0px -55px;
}
#endbutton_right {
	width: 229px;
	height: 55px;
	margin-top:20px;
	margin-left:60px;
	margin-bottom:25px;
	float:left;
}
*html #endbutton_right {
	width: 229px;
	height: 55px;
	margin-top:20px;
	margin-left:30px;
	margin-bottom:25px;
	float:left;
}
#endbutton_right ul.menu {
	width: 229px;
	height: 55px;
}
#endbutton_right ul.menu li a {
	width: 229px;
	height: 55px;	
	text-indent: -700em;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display:block;
}
#endbutton_right ul.menu li a:hover {
	background-position: 0px -55px;
}
/* 【解説17】PageTopボタン */
.pagetop {
	position:relative;
	left:635px;
	width:86px;
	margin-right:10px;
	margin-bottom:10px;
}			
#maintext {
	margin-left: 17px;
	margin-right: 20px;
	background-color: #FAFAF9;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
}
*html #maintext {
	margin-left: 8px;
	margin-right: 10px;
	background-color: #FAFAF9;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
}
#maintitle1 {
	clear:both;		
	margin-top:5px;
	margin-bottom:20px;
}
.heading1 {
	clear:both;
	margin-left:25px;
}
*html .heading1 {
	clear:both;
	margin-left:12px;
}
.title2 {
	height: 18px;
	font-size: 14px;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	padding-left: 5px;
	padding-top: 2px;
	background-color: #EFEBE8;
	border-left: 3px solid #80BC19;
	border-bottom: 1.5px dotted #80BC19;
}
.title3 {
	height: 18px;
	font-size: 14px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	padding-left: 5px;
	padding-top: 2px;
	background-color: #EFEBE8;
	border-left: 3px solid #80BC19;
	border-bottom: 1.5px dotted #80BC19;
}
.sub-heading_skype {
	clear:both;
	font-size: 12px;
	line-height:1.8;
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 30px;
}
.sub-heading_radio {
	clear:both;
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
}
.sub-heading-end {
	font-size: 12px;
	line-height:1.8;
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom:25px;
}
*html .sub-heading-end {
	font-size: 12px;
	line-height:1.8;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom:25px;
}
/* 無料体験 */
#trial2 {
	clear:both;
	width: 229px;
	height: 55px;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
}
#trial2 ul.menu {
	width: 229px;
	height: 55px;
}
#trial2 ul.menu li a {
	width: 229px;
	height: 55px;
	text-indent: -700em;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display:block;
}
#trial2 ul.menu li a:hover {
	background-position: 0px -55px;
}
a.trial02 {
	background-image:url(../images/EnglishTrial.png);
}
a.corpotop {
	background-image:url(../images/corpo.png);
}
a.skype_english {
	background-image:url(../images/skype_english.png);
}
a.headset {
	background-image:url(../images/headset.png);
}
a.webcamera {
	background-image:url(../images/webcamera.png);
}
a.voicebtn {
	background-image:url(../images/voice.png);
}
a.planbtn {
	background-image:url(../images/plan.png);
}
a.mediainfobtn {
	background-image:url(../images/mediainfo.png);
}
a.lessonbtn {
	background-image:url(../images/lesson1.png);
}
a.faqbtn {
	background-image:url(../images/faq.png);
}
a.cheapbtn {
	background-image:url(../images/cheap.png);
}
a.faqenterbtn {
	background-image:url(../images/faqenter.png);
}
a.corpbtn {
	background-image:url(../images/corp.png);
}
a.sidebysidebtn {
	background-image:url(../images/sidebyside.png);
}
a.campaignbtn {
	background-image:url(../images/campaign.png);
}
a.questionnairebtn {
	background-image:url(../images/questionnaire.png);
}
a.lesson_reservebtn {
	background-image:url(../images/lesson_reserve_enter.png);
}
a.teacherbtn {
	background-image:url(../images/teacher.png);
}
a.trial04 {
	background-image:url(../images/Trial4.png);
}
a.trial05 {
	background-image:url(../images/presentent.png);
}
a.skype_go {
	background-image:url(../images/skype_go.png);
}
a.skype_questionnaire {
	background-image:url(../images/skype_questionnaire.png);
}

#trial3 {
	clear:both;
	width: 229px;
	height: 55px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
}
#trial3 ul.menu {
	width: 229px;
	height: 55px;
}
#trial3 ul.menu li a {
	width: 229px;
	height: 55px;
	text-indent: -700em;
	background-repeat:no-repeat;	
	background-position: 0px 0px;
	display:block;
}
#trial3 ul.menu li a:hover {
	background-position: 0px -55px;
}
a.trial03 {
	background-image:url(../images/Trial2.png);
}
a.trialstep2 {
	background-image:url(../images/nextstep2.png);
}
a.trialstep3 {
	background-image:url(../images/nextstep3.png);
}
a.trialstep4 {
	background-image:url(../images/nextstep4.png);
}

#endline {
	clear:both;
	margin-top:20px;
	margin-left:-1px;
	margin-bottom: 20px;
}
*html #endline {
	clear:both;
	margin-top:20px;	
	margin-left:0px;
	margin-bottom: 20px;
}

#endline_relation {
	clear:both;
	margin-left:-1px;
	margin-bottom: 20px;
}
*html #endline_relation {
	clear:both;
	margin-left:0px;
	margin-bottom: 20px;
}

/* 共通設定 */
a:link {
	color:  #06F;
	text-decoration:  none;
}
a:visited {
	color:  #06F;
	text-decoration:  none;
}
a:hover {
	color:  #FF0000;
	text-decoration:  none;
}
.disp_youtube {
	font-size: 12px;
	line-height:1.8;
	margin-top: 5px;
	margin-left: 35px;
	margin-right: 30px;
}
/* 無料体験 */
#presententer {
	clear:both;
	width: 229px;
	height: 55px;
	margin-left:auto;
	margin-right:auto;
}
#presententer ul.menu {
	width: 229px;
	height: 55px;
}
#presententer ul.menu li a {
	width: 229px;
	height: 55px;
	text-indent: -700em;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display:block;
}
#presententer ul.menu li a:hover {
	background-position: 0px -55px;
}
a.presententer02 {
	background-image:url(../images/presentent.png);
}
a.yahoo {
	position: absolute;
	top: 518px;
	left: 525px;
	width: 179px;
	height: 47px;
}
a.google {
	position: absolute;
	top: 518px;
	left: 717px;
	width: 176px;
	height: 47px;
}
#openid  {
}
.mixi  {
	float:right;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	}
.waku_ssl {
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:20px;
	padding:10px;
	border: #666666 1px solid;
	background:#FFFFFF;
	height: 73px;
}
.waku2_ssl {
	margin-top:20px;
	margin-left:40px;
	margin-right:31px;
	margin-bottom:20px;
	padding:10px;
	border: #666666 1px solid;
	background:#FFFFFF;
	width: 628px; 
	height: 73px;
}
.waku3_ssl {
	margin-top:20px;
	margin-left:25px;
	margin-right:50px;
	margin-bottom:20px;
	padding:10px;
	border: #666666 1px solid;
	background:#FFFFFF;
	width: 600px; 
	height: 73px;
}
.waku4_ssl {
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:20px;
	padding:10px;
	border: #666666 1px solid;
	background:#FFFFFF;
	height: 73px;
}