@charset "utf-8";

/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
 
html{
	overflow-y: scroll;
}
 
blockquote, q {
	quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
input, textarea,{
	margin: 0;
	padding: 0;
}

img {
	line-height: 0;
}

ol, ul{
	list-style:none;
}
 
table{
	border-collapse: collapse;
	border-spacing:0;
}
 
caption, th{
	text-align: left;
}

body {
	font-size: 16px;
	line-height: 160%;
	color: #333333;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ------------------------------------- common */
.w_60 {	width: 426px;}
.mg_t_20 { margin-top: 20px;}
.mg_b_0 { margin-bottom: 0px;}
.mg_b_10 { margin-bottom: 10px;}
.mg_b_20 { margin-bottom: 20px;}
.mg_b_30 { margin-bottom: 30px;}
.mg_b_40 { margin-bottom: 40px;}
.pd_l_20 { padding-left: 20px;}
.right { float: right;}
.left { float: left;}
.img_r { float: right; margin: 0 0 0 10px;}
.img_l { float: left; margin: 0 10px 0 0;}
.cf {zoom:1;}
.cf:after { content: ""; display: block; clear: both;}
#wrapper {
	width: 100%;
}
.txt_s {
	font-size: 12px;
}
h3 {
	margin-bottom: 16px;
	text-indent: 12px;
	border-left: 10px solid #003399;
	font-size: 26px;
	font-weight: bold;
}
h4 {
	font-size: 20px;
	font-weight: bold;
	color: #3399FF;
}
h5 {
	font-size: 16px;
	font-weight: bold;
	color: #339966;
}
table {
	width: 100%;
	border: 1px solid #333333;
	font-size: 12px;
}
table th {
	width: 15%;
	border: 1px solid #333333;
	background: #3399FF;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
table td {
	border: 1px solid #333333;
	padding: 5px 10px;
}
table td.w_45 {
	width: 45%;
}
.txt_c {
	text-align: center;
}
span.txt_r {
	display: block;
	text-align: right;
	font-weight: normal;
}
.txt_l {
	text-align: left;
}
.txt_b {
	font-size: 16px;
	font-weight: bold;
}
.remarks {
	font-size: 12px;
	color: #999999;
}
ul.list_dis li {
	list-style-position: inside;
	list-style-type: disc;
}
ul.list_dec li {
	list-style-position: inside;
	list-style-type: decimal;
}
span.error {
	display: block;
	text-align: center;
	padding: 5px;
	background: #FFFFCC;
	color: #FF6666;
	font-weight: bold;
	margin-bottom: 20px;
}
span.come {
	color: #FF6666;
	font-weight: bold;
}
input.error, textarea.error {
	background: #FF9999;
}
span.date {
	color: #999999;
	font-size: 12px;
}
span.new {
	display: inline-block;
	vertical-align: middle;
	width: 34px;
	height: 12px;
	text-decoration: none;
	text-indent: -9999px;
	background: url("/img/features/juku/ct/onlinezemi/new_01.gif") no-repeat left center transparent;
}
span.poster {
	color: #999999;
	font-size: 12px;
}
span.note {
	color: #FF6666;
	font-weight: bold;
}
span.teacher {
	color: #339966;
	font-weight: bold;
}
table.cost span.line_through {
	text-decoration: line-through;
	font-weight: normal;
	color: #333333;
}
div.cnt {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #CCCCCC;
}
div.last {
	border-bottom: 0;
}
div.point {
	padding: 20px;
	background: #FFFFCC;
}
div.point h4 {
	margin-bottom: 10px;
	color: #FF6666;
}
.line_dot {
	padding-bottom: 20px;
	border-bottom: 3px dotted #CCCCCC;
}

/* ------------------------------------- g_navi */
div#g_navi_area {
	height: 50px;
	position: relative;
	width: 100%;
	z-index: 0;
	margin-bottom: 20px;
}
div#g_navi_area ul {
	margin: 0 auto;
	position: relative;
	width: 950px;
}
div#g_navi_area ul li.g_main {
	float: left;
	position: relative;
	/*width: 232px;*/
}
ul#g_navi li span {
	display: none;
}
div#g_navi_area ul li a {
	display: block;
	height: 50px;
}
div#g_navi_area ul li a.feature_0 {
	background: url("http://pr.inter-edu.com/onlinezemi/images/gnavi.gif?20140415") no-repeat -0px 0 transparent;
	width: 158px;
}
div#g_navi_area ul li a.feature_01 {
	background: url("http://pr.inter-edu.com/onlinezemi/images/gnavi.gif?20140415") no-repeat -158px 0 transparent;
	width: 158px;
}
div#g_navi_area ul li a.feature_02 {
	background: url("http://pr.inter-edu.com/onlinezemi/images/gnavi.gif?20140415") no-repeat -316px 0 transparent;
	width: 158px;
}
div#g_navi_area ul li a.feature_03 {
	background: url("http://pr.inter-edu.com/onlinezemi/images/gnavi.gif?20140415") no-repeat -474px 0 transparent;
	width: 159px;
}
div#g_navi_area ul li a.feature_04 {
	background: url("http://pr.inter-edu.com/onlinezemi/images/gnavi.gif?20140415") no-repeat -632px 0 transparent;
	width: 159px;
}
div#g_navi_area ul li a.form {
	background: url("http://pr.inter-edu.com/onlinezemi/images/gnavi.gif?20140415") no-repeat -790px 0 transparent;
	width: 158px;
}
div#g_navi_area ul li a.feature_0:hover { background-position: -0px -50px;}
div#g_navi_area ul li a.feature_01:hover { background-position: -158px -50px;}
div#g_navi_area ul li a.feature_02:hover { background-position: -316px -50px;}
div#g_navi_area ul li a.feature_03:hover { background-position: -474px -50px;}
div#g_navi_area ul li a.feature_04:hover { background-position: -632px -50px;}
div#g_navi_area ul li a.form:hover { background-position: -790px -50px;}
div#g_navi_area ul li.g_sub {
	line-height: 0;
	margin: 0;
	padding: 0;
}
div#g_navi_area ul li.comingsoon {
	background: url("http://pr.inter-edu.com/onlinezemi/images/gnavi.gif?20140415") no-repeat -316px -100px transparent;
	width: 158px;
}
div#g_navi_area ul li.comingsoon span {
	display: block;
	height: 50px;
	overflow: hidden;
	text-indent: -999999px;
}
div#g_navi_area ul li ul {
	display: none;
	left: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: left;
	width: 158px;
	z-index: 9999;
}
div#g_navi_area ul li.g_sub a {
	background: none repeat scroll 0 0 #3399ff;
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	line-height: normal;
	margin: 0;
	padding: 5px 10px;
	text-decoration: none;
	text-indent: 0;
	height: 20px;
}
div#g_navi_area ul li.g_sub a:hover {
	background: none repeat scroll 0 0 #4087B2;
}
#g_navi li ul li {
	clear: both;
}
/* ------------------------------------- campaign */
.campaign {
	height: auto;
	width: 220px;
	margin: 0 auto 20px;
	overflow: hidden;
	text-indent: -999999px;
}
.campaign a {
	display: block;
	height: 280px;
	width: 220px;
	background: url(/img/features/juku/ct/onlinezemi/campaign.gif) no-repeat top left;
}
.campaign a:hover {
	background: url(/img/features/juku/ct/onlinezemi/campaign.gif) no-repeat bottom left;
}
/* ------------------------------------- movie */
.movie {
	height: 124px;
	width: 220px;
	margin: 0 auto 20px;
}

/* ------------------------------------- news */
div.news{
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}
div.news h5 {
	height: 39px;
	text-decoration: none;
	text-indent: -9999px;
	background: url("/img/features/juku/ct/onlinezemi/txt_new.gif") no-repeat 0 0 transparent;
}
div.news ul {
	padding: 20px 20px 10px;
}
div.news ul li {
	line-height: 1.2;
	margin-bottom: 20px;
	padding-left: 8px;
	border-left: 5px solid #3399FF;
}
/* ------------------------------------- menu */
div.menu{
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}
div.menu h5 {
	height: 39px;
	text-decoration: none;
	text-indent: -9999px;
	background: url("/img/features/juku/ct/onlinezemi/txt_con.gif") no-repeat 0 0 transparent;
}
div.menu ul {
	padding: 20px 20px 10px;
}
div.menu ul li {
	line-height: 1.2;
	margin-bottom: 20px;
	padding-left: 10px;
	background: url("/img/features/juku/ct/onlinezemi/icon_01.gif") no-repeat left center transparent;
}
/* ------------------------------------- topicpath */
.topicpath {
	font-size: 12px;
	padding: 0 0 10px;
	margin-bottom: 40px;
	border-bottom: 1px solid #cccccc;
}
/* ------------------------------------- header */
#header {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
#logo_area {
	width: 950px;
	height: 50px;
	margin: 0 auto 10px;
	padding-top: 10px;
}
.header_area {
	width: 100%;
	padding: 20px 0 20px 0;
	background: url(/img/features/juku/ct/onlinezemi/header_bg_01.gif) repeat-x top left;
}
.header_area div.header_img {
	width: 950px;
	height: 230px;
	margin: 0 auto;
}
/* ------------------------------------- contents */
#contents {
	width: 950px;
	margin: 0 auto;
}
/* ------------------------------------- main */
#main_area {
	float: left;
	width: 710px;
}
#info {
	margin-bottom: 40px;
}
#info .info_area {
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#info h3 {
	border-bottom: 3px dotted #CCCCCC;
	border-left: 0;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	text-indent: 0;
}
#info h3 span {
	color: #FF3333;
	font-weight: bold;
	font-size: 16px;
	padding-right: 10px;
}
#info ul li {
	font-size: 14px;
}
.feature_area {
	margin-bottom: 40px;
}
.feature {
	width: 350px;
	height: 270px;
}
.feature p.summary {
	padding: 0 16px 0 0;
}
.check {
	width: 710px;
	height: 590px;
	text-align: center;
	padding: 110px 0 0 0;
	background: url(/img/features/juku/ct/onlinezemi/check_bg_01.gif) no-repeat top left;
}
div.check p.txt_b span {
	color: #FF3333;
	font-size: 18px;
	font-weight: bold;
}
.voice_stu, .voice_par {
	margin-top: 40px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
.voice_stu h4, .voice_par h4 {
	width: 150px;
	height: 40px;
	margin-top: -30px;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999999px;
}
.voice_stu h4 {
	background: url(/img/features/juku/ct/onlinezemi/voice_stu_01.gif) no-repeat top left;
}
.voice_par h4 {
	background: url(/img/features/juku/ct/onlinezemi/voice_par_01.gif) no-repeat top left;
}
.voice_tea_01, .voice_tea_02 {
	margin-top: 40px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	min-height: 180px;
}
.voice_tea_01 h3, .voice_tea_02 h3 {
	width: 266px;
	height: 40px;
	border-left: none;
	margin-top: -40px;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999999px;
}
.voice_tea_01 h3 {
	background: url(/img/features/juku/ct/onlinezemi/voice_tea_01.png) no-repeat top left;
}
.voice_tea_02 h3 {
	background: url(/img/features/juku/ct/onlinezemi/voice_tea_02.png) no-repeat top left;
}

dl.qa dt {
	font-weight: bold;
}
dl.qa dt span {
	color: #3399FF;
	font-weight: bold;
}
dl.qa dd {
	margin-bottom: 20px;
}
dl.qa dd span {
	color: #FF6666;
	font-weight: bold;
}
dl.qa dd.mg_b_0 { 
	margin-bottom: 0;
}
.yakusoku div {
	min-height: 180px;
}
.yakusoku h5 {
	font-size: 16px;
}
/* ------------------------------------- s_navi */
#s_navi {
	float: right;
	width: 220px;
}
/* ------------------------------------- footer */
#footer {
	font-size: 12px;
	line-height: 1.8;
	background: url(/img/features/juku/ct/onlinezemi/footer_bg_01.gif) repeat-x top left;
}
.footer_area {
	width: 940px;
	padding: 10px;
	margin: 0 auto;
}
#footer ul {
	width: 190px;
	height: 130px;
	margin-right: 10px;
	border-right: 1px solid #cccccc;
	float: left;
}
#footer ul li {
	text-indent: 1em;
}
#footer ul li.title {
	text-indent: 0;
}
.copyright {
	padding: 10px 0;
	font-size: 12px;
	color: #999999;
	text-align: center;
}
/* ------------------------------------- btn */
.btn_area {
	width: 630px;
	margin: 0 auto;
}
.btn_ll {
	height:100px;
	width: 220px;
	overflow: hidden;
	text-indent: -999999px;
}
.btn_ll a {
	display: block;
	height:100px;
	width: 220px;
}
.btn_l {
	height: 70px;
	width: 470px;
	margin: 20px auto 0;
	overflow: hidden;
	text-indent: -999999px;
}
.btn_l a {
	display: block;
	height: 70px;
	width: 470px;
}
.btn_m {
	height: 50px;
	width: 310px;
	overflow: hidden;
	text-indent: -999999px;
}
.btn_m a {
	display: block;
	height: 50px;
	width: 310px;
}
.btn_s {
	height: 50px;
	width: 220px;
	overflow: hidden;
	text-indent: -999999px;
}
.btn_s a {
	display: block;
	height: 50px;
	width: 220px;
}
.btn_common_1 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_05.gif) no-repeat top left;
}
.btn_common_2 a {
	background: url(http://pr.inter-edu.com/onlinezemi/btn_09.gif) no-repeat top left;
}
.btn_common_3 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_12.gif) no-repeat top left;
}
.btn_common_4 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_13.gif) no-repeat top left;
}
.btn_check_1 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_01.gif) no-repeat top left;
}
.btn_check_2 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_02.gif) no-repeat top left;
}
.btn_131119_1 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_03.gif) no-repeat top left;
}
.btn_131119_2 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_04.gif) no-repeat top left;
}
.btn_131210_1 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_07.gif) no-repeat top left;
}
.btn_131210_2 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_08.gif) no-repeat top left;
}
.btn_140212_1 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_10.gif) no-repeat top left;
}
.btn_140212_2 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_11.gif) no-repeat top left;
}
.btn_campaign_1 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_06.gif) no-repeat top left;
}
.btn_common_1 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_05.gif) no-repeat bottom left;
}
.btn_common_2 a:hover {
	background: url(http://pr.inter-edu.com/onlinezemi/btn_09.gif) no-repeat bottom left;
}
.btn_common_3 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_12.gif) no-repeat bottom left;
}
.btn_common_4 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_13.gif) no-repeat bottom left;
}
.btn_check_1 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_01.gif) no-repeat bottom left;
}
.btn_check_2 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_02.gif) no-repeat bottom left;
}
.btn_131119_1 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_03.gif) no-repeat bottom left;
}
.btn_131119_2 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_04.gif) no-repeat bottom left;
}
.btn_131210_1 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_07.gif) no-repeat bottom left;
}
.btn_131210_2 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_08.gif) no-repeat bottom left;
}
.btn_campaign_1 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_06.gif) no-repeat bottom left;
}
.btn_140212_1 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_10.gif) no-repeat bottom left;
}
.btn_140212_2 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_11.gif) no-repeat bottom left;
}


/* ------------------------------------- form */
.secscroll_area{
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.secscroll {
	height: 100px;
	overflow-y: scroll;
	padding: 20px;
	border: 1px #CCCCCC solid;
}
.secscroll h3 {
	border-left: 5px solid #CCCCCC;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 16px;
	text-indent: 12px;
}
.secscroll dl {
	font-size: 14px;
	line-height: 1.5em;
}
.secscroll dt {
	color: #3399FF;
	font-weight: bold;
}
.secscroll dd {
	margin-bottom: 25px;
}
.secscroll dd.taR {
	text-align: right;
}
#form_area {
	width: 950px;
}
#form_area table {
	width: 870px;
}
#form_area .last {
	width: 870px;
	margin: 0 auto;
}
#form_area table th {
	width: 40%;
	padding: 20px;
	font-size: 16px;
	text-align: left;
}
#form_area table td {
	padding: 20px;
	font-size: 16px;
}
.formbtn_area {
	width: 500px;
	margin: 0 auto;
}
.btn_form_1,btn_form_2,btn_form_3,btn_form_4 {
	text-decoration: none;
	text-indent: -9999px;
	margin: 20px auto 0;
	width: 220px;
	height: 100px;
}
.btn_form_1 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_form_01.gif) no-repeat top left;
}
.btn_form_2 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_form_02.gif) no-repeat top left;
}
.btn_form_3 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_form_03.gif) no-repeat top left;
}
.btn_form_4 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_form_04.gif) no-repeat top left;
}
.btn_form_1 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_form_01.gif) no-repeat bottom left;
}
.btn_form_2 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_form_02.gif) no-repeat bottom left;
}
.btn_form_3 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_form_03.gif) no-repeat bottom left;
}
.btn_form_4 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_form_04.gif) no-repeat bottom left;
}
.gs-area span.pd_l_20 {
	font-size: 12px;
	color: #999999;	
}
/* ------------------------------------- common */
.mg_c { margin: 0 auto;}
.mg_t_10 { margin-top: 10px;}
.mg_t_20 { margin-top: 20px;}
.mg_t_30 { margin-top: 30px;}
.mg_t_40 { margin-top: 40px;}
.mg_t_50 { margin-top: 50px;}
.mg_t_60 { margin-top: 60px;}
.mg_t_70 { margin-top: 70px;}
.mg_t_80 { margin-top: 80px;}
.mg_t_90 { margin-top: 90px;}
.mg_t_100 { margin-top: 100px;}
.mg_r_10 { margin-right: 10px;}
.mg_r_20 { margin-right: 20px;}
.mg_r_30 { margin-right: 30px;}
.mg_r_40 { margin-right: 40px;}
.mg_r_50 { margin-right: 50px;}
.mg_r_60 { margin-right: 60px;}
.mg_r_70 { margin-right: 70px;}
.mg_r_80 { margin-right: 80px;}
.mg_r_90 { margin-right: 90px;}
.mg_r_100 { margin-right: 100px;}
.mg_b_10 { margin-bottom: 10px;}
.mg_b_20 { margin-bottom: 20px;}
.mg_b_30 { margin-bottom: 30px;}
.mg_b_40 { margin-bottom: 40px;}
.mg_b_50 { margin-bottom: 50px;}
.mg_b_60 { margin-bottom: 60px;}
.mg_b_70 { margin-bottom: 70px;}
.mg_b_80 { margin-bottom: 80px;}
.mg_b_90 { margin-bottom: 90px;}
.mg_b_100 { margin-bottom: 100px;}
.mg_l_10 { margin-left: 10px;}
.mg_l_20 { margin-left: 20px;}
.mg_l_30 { margin-left: 30px;}
.mg_l_40 { margin-left: 40px;}
.mg_l_50 { margin-left: 50px;}
.mg_l_60 { margin-left: 60px;}
.mg_l_70 { margin-left: 70px;}
.mg_l_80 { margin-left: 80px;}
.mg_l_90 { margin-left: 90px;}
.mg_l_100 { margin-left: 100px;}
.w30 { widows: 30px;}
.w70 { width: 70px;}
.w110 { width: 110px;}
.w150 { width: 150px;}
.w190 { width: 190px;}
.w230 { width: 230px;}
.w270 { width: 270px;}
.w310 { width: 310px;}
.w350 { width: 350px;}
.w390 { width: 390px;}
.w430 { width: 430px;}
.w470 { width: 470px;}
.w510 { width: 510px;}
.w550 { width: 550px;}
.w590 { width: 590px;}
.w630 { width: 630px;}
.w670 { width: 670px;}
.w710 { width: 710px;}
.w750 { width: 750px;}
.w790 { width: 790px;}
.w830 { width: 830px;}
.w870 { width: 870px;}
.w910 { width: 910px;}
.w950 { width: 950px;}
fieldset div label {
	display:block;
}

/*sp*/
#form_area_sp{
	padding:20px;
	font-size:14px;
	line-height:1.2;
}
#form_area_sp .mg_b_20{
	margin-bottom:20px;
}
#form_area_sp .mg_b_10{
	margin-bottom:10px;
}
#form_area_sp label{
	font-weight:bold;
	margin-bottom:0.5em;
	font-size:16px;
}
#form_area_sp h3{
	font-size:18px;
}
#form_area_sp span.txt_b{
	font-weight:bold;
}
.header_area_sp .header_img img{
	width:100%;
}
#form_area_sp input[type="text"]{
	font-size:18px;
	width:30%;
	margin:0 0.5em 0.5em;
	padding:0.5em;
	box-sizing:border-box;
}
#form_area_sp input[type="radio"]{
	font-size:20px;
	margin:0.5em;
	padding:0.5em;
}
#form_area_sp .addarea  input[type="text"]{
	font-size:18px;
	width:100%;
	margin:0 0 0.5em;
	padding:0.5em;
	box-sizing:border-box;
}
#form_area_sp .mailarea input[type="text"]{
	font-size:18px;
	width:100%;
	margin:0 0 0.5em;
	padding:0.5em;
	box-sizing:border-box;
}
#form_area_sp select{
	font-size:14px;
	width:25%;
}
#form_area_sp textarea{
	margin:0 auto;
	font-size:18px;
	width:100%;
	min-height:10em;
	padding:1em;
	box-sizing:border-box;
}
#form_area_sp .secscroll dl dt{
	margin-bottom:1em;
	font-size:14px;
}
#form_area_sp .secscroll{
	min-height:5em;
	overflow-scrolling:auto;
-webkit-overflow-scrolling: touch;
}
#form_area_sp .secscroll dl dd{
	font-size:12px;
	display:inline !important;
}
#header_sp #logo-area {
  padding: 10px;
  zoom: 1;
}
#header_sp #logo-area:before,
#header_sp #logo-area:after {
  content: "";
  display: table;
  clear: both;
}
#header_sp #logo-area h1 {
  float: left;
}
#header_sp #logo-area h2 {
  float: right;
}
#header_sp #g-navi {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  margin-top: 0;
  text-align: center;
}
#header_sp #g-navi a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
}
#header_sp #g-navi dt {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #FFFFFF;
  -moz-box-shadow: inset 0px 1px 0px 0px #6dd1ff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #6dd1ff;
  box-shadow: inset 0px 1px 0px 0px #6dd1ff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6dd1ff), color-stop(1, #009fe8));
  background: -moz-linear-gradient(top, #6dd1ff 5%, #009fe8 100%);
  background: -webkit-linear-gradient(top, #6dd1ff 5%, #009fe8 100%);
  background: -o-linear-gradient(top, #6dd1ff 5%, #009fe8 100%);
  background: -ms-linear-gradient(top, #6dd1ff 5%, #009fe8 100%);
  background: linear-gradient(to bottom, #6dd1ff 5%, #009fe8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dd1ff', endColorstr='#009fe8', GradientType=0);
  background-color: #6dd1ff;
}
#header_sp #g-navi dd {
  margin: 0;
}
#header_sp #g-navi li {
  background-color: #2c6681;
  border-bottom: 1px solid #FFFFFF;
  padding-top: 5px;
  padding-bottom: 05px;
}
#header_sp #g-navi li:last-child {
  border-bottom: none;
}
.header_area_sp img, #form_area_sp img{
	width:100%;
	height:auto;
}
#form_area_sp .gs-area img{
	width:100px;
	height:50px;
}
#footer_sp #footer-area {
  padding: 10px;
  background: #eeeeee;
}
#footer_sp #footer-area ul {
  font-size: 12px;
  margin-bottom: 10px;
}
#footer_sp #footer-area .copyright {
  font-size: 12px;
  text-align: center;
}
#footer_sp #footer-area .btn a {
  margin-top: 0;
  margin-bottom: 5px;
  padding: 10px;
}
#footer_sp #footer-area .btn a:last-child {
  margin-bottom: 10px;
}
#form_area_sp .formbtn_area{
	width:100%;
}
#form_area_sp .formbtn_area .left, #form_area_sp .formbtn_area .right{
	float:none;
	margin:0 auto 20px;
}
#form_area_sp .formbtn_area .btn_form_4{
}
/*------
    140415
-------*/
.w450 { width: 450px;}
.btn_140415_2 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_14.gif) no-repeat top left;
}
.btn_140415_2 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_14.gif) no-repeat bottom left;
}
.btn_140415_3 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_15.gif) no-repeat top left;
}
.btn_140415_3 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_15.gif) no-repeat bottom left;
}
.btn_140415_4 a {
	background: url(/img/features/juku/ct/onlinezemi/btn_16.gif) no-repeat top left;
}
.btn_140415_4 a:hover {
	background: url(/img/features/juku/ct/onlinezemi/btn_16.gif) no-repeat bottom left;
}
/*------
    140711
-------*/
.summer_info {
	width: 650px;
	border: 3px solid #3399FF;
	background-color: #ffffcc;
	padding: 15px;
}
.summer_info em {
	font-style: normal;
	color: #777;
	display: block;
}
.campaign .poin_txt {
	background: url(/img/features/juku/ct/onlinezemi/bnr_eiken_01.gif) no-repeat bottom left;
	height: 57px;
}
#summer p strong, #english p strong {
	color: #ff3333;
	font-weight: bold;
}
#summer p.summer_link, #english p.summer_link {
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}