@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;

	Inspiration from "Responsive Web Design" by Ethan Marcotte
	http://www.alistapart.com/articles/responsive-web-design

	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
}

/**********************************************************************
*
*　　 ■ボディレイアウト（共通）
*
**********************************************************************/

body {
	position: relative;
	color: #000;
	background: #FFF;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,"メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align: left;
	line-height: 1.5;
}
html>/**/body {
	letter-spacing: 0.05em;
	line-height: 1.8;
	font-size: 15px; /* Except IE */
}

html {
	overflow-y: scroll;
	overflow-x: hidden;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img,abbr,acronym,fieldset {
	border: 0;
}
fieldset img {
border: 0;
}
img {
vertical-align: bottom;
}
ol, ul, li {
list-style: none;
}
li {
	list-style-type: none;
}


/****************************************** ■reset **/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/****************************************** ■parts **/


.fl {
	float: left;
}
.fr {
	float: right;
}

.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
.tc {
	text-align: center;
}

/* End hide from IE-mac */

.cb {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1%;
}

.mt10 {
	margin-top: 10px;
}

.mt30 {
	margin-top: 30px;
}


.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mtb10 {
	margin: 10px 0;
}

.mtb20 {
	margin: 20px 0;
}

.yellow {
	color:#FFFF00;
}

/****************************************** ■リンク・透過変更 **/

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	cursor: pointer;
}

a:link {
	color: #00A4E3;
	text-decoration: none;
}

a:visited {
	color: #00A4E3;
	text-decoration: none;
}

a:hover {
	 color: #00A4E3;
	 text-decoration: none;
}

a img {
	margin: 0;
	padding: 0;
	border-width: 0px;
	border-style: none;
	border-color: #ffffff;
	color: #ffffff;
	background: transparent;
		-webkit-transition: opacity 1.4s ease;
		-moz-transition: opacity 1.4s ease;
		transition: opacity 1.4s ease;
}

img {
	margin: 0;
	padding: 0;
	border-width: 0px;
	border-style: none;
	background: transparent;
}

a:hover img,
a:active img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

header #logo_area ul li#free a,
header #logo_area ul li#request a {
	filter:  alpha(opacity=100);
	-moz-opacity: 1;
	-webkit-transition: opacity 1.4s ease;
	-moz-transition: opacity 1.4s ease;
	transition: opacity 1.4s ease;
	opacity: 1;
}

header #logo_area ul li#free a:hover,
header #logo_area ul li#request a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


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

/* スマートフォン用レイアウト
/* Mobile Layout: 480px and below. */

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

@media only screen and (max-width: 768px) {

	.gridContainer {
		margin-left: auto;
		margin-right: auto;
		width: 86.45%;
		padding-left: 2.275%;
		padding-right: 2.275%;
		clear: none;
		float: none;
	}

	.zeroMargin_mobile {
	margin-left: 0;
	}
	.hide_mobile {
	display: none;
	}

	/****************************************** ■ログイン画面 **/

	#login {
		width:100%;
		background:url(/img/login_bg.gif) repeat-x;
		background-position:center , center;
		height:auto;
	}

	#login div {
		width:90%;
		display:block;
		margin:0 auto;
		line-height:1.4;
		padding:20px 0 40px;
	}

	#login div img {
		margin-bottom:10px;
	}

	#login div article {
		margin-top:30px;
		background:#19ADE6;
		background-color:rgba(25,173,230,0.2);
		padding:15px;
		border:1px solid #19ADE6;
		text-align:center;
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
		overflow:hidden;
		height:auto;

	}

	#login div article h1 {
		width:100%;
		height:25px;
		border:1px solid #00A4E3;
		color:#00A4E3;
		font-size:16px;
		font-weight:bold;
		padding:5px 0 3px;
		text-align:center;
		margin:10px auto 10px;
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
	}

	#login div article p {
		margin-bottom:10px;
		line-height:1.2;
	}

	#login div article form table tr th,
	#login div article form table tr td {
		display:block;
		padding-bottom:5px;
	}

	#login div article form input[type="text"] {
		height:40px;
		width:100%;
		border:1px solid #000;
		font-size:18px;
		font-weight:bold;
		margin:0 auto;
	}
	#login div article form input[type="password"] {
		height:40px;
		width:100%;
		border:1px solid #000;
		font-size:18px;
		font-weight:bold;
		margin:0 auto;
	}

	#login div article form p a{
		color:#FF0000;
		text-decoration:underline;
		font-size:12px;
	}


	#login div article form a {
		margin:0 auto;
		padding:0 auto;
	}

	header#login_header {
		background-color:#00A4E3;
		text-align:center;
		color:#00A4E3;
		font-size:5px;
	}


	footer#login_footer {
		background-color:#E50020;
		height:auto;
		padding:8px 0;
		text-align:center;
		color:#FFF;
		font-size:10px;
		line-height:1.2;
	}


	/****************************************** ■ヘッダー **/

	.header {
		width:100%;
		border-top:solid 5px #00A4E3;
		padding-top:10px;
		margin-bottom:10px;
	}

	.header div.logo {
		display:none;
	}

	.header div.spmode {
		width:98%;
		margin:0 auto;
		display:block;
		padding:0 3%;
	}

	.header div.spmode ul li{
		float:left;
		margin-right:5px;
		width:23%;
	}

	.header div.spmode ul li.last {
		margin-right:0;
	}


	.header table {
		display:none;
	}


	.user {
		background:#111;
		width:100%;
		display:block;
		overflow:hidden;
		color:#FFF;
		font-weight:bold;
		font-size:11px;
		padding:6px 0;
	}

	.user ul li {
		float:left;
		margin-right:2%;
		margin-left:2%;
	}

	.user ul li.last_logaut{
		display:none;
		float:right;
	}

	.user ul li.last_logaut img{
		width:50px;
	}

	/****************************************** ■ニュース **/

	.news {
		width:95%;
		margin:0 auto;
		background:#E9FEE9;
		display:block;
		overflow:hidden;
		height:auto;
		border:#013601 solid 2px;
	    border-radius: 5px;        /* CSS3草案 */
	    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	    -moz-border-radius: 5px;   /* Firefox用 */
	}

	.news  article p a{
		background:url(/img/news_icon_other.gif) no-repeat;
		background-position:0 50%;
		padding-left:5%;
		color:#014101;
		font-size:12px;
		display:block;
		width:15%;
		float:right;
		margin-top:-10px;
	}

	.news article ul {
		padding:8px;
		display:block;
		line-height:16px;
	}

	.news article ul li {
		font-size:12px;
		border-bottom:1px dotted #014101;
		padding:5px 0 5px 30px;
		background:url(/img/news_icon.gif) no-repeat;
		background-position:0 50%;
	}

	.news article ul li.emp {
		background:no-repeat;
		background-position:0 50%;
	}

	.news article ul li.std {
		background:url(/img/news_icon_std.gif) no-repeat;
		background-position:0 50%;
	}

	.news article ul li.sc {
		background:url(/img/news_icon_sc.gif) no-repeat;
		background-position:0 50%;
	}

	.news article ul li.shudan {
		background:url(/img/news_icon_shudan.gif) no-repeat;
		background-position:0 50%;
	}

	.news article ul li.csr {
		background:url(/img/news_icon_csr.gif) no-repeat;
		background-position:0 50%;
	}

	.news article ul li:last-child { border-bottom:none; }


	/****************************************** ■ご利用情報 **/

	section#userview {
		width:96%;
		margin:15px auto;
		display:block;
		font-size:12px;
	}

	section#userview h2 {
		background:#00A4E3;
		color:#FFF;
		font-size:15px;
		padding-top:4px;
		font-weight:bold;
		text-align:center;
		height:30px;
	}

	section#userview table {
		border:3px solid #00A4E3;
		width:100%;
		height:auto;
	}

	section#userview table tr th span.small {
		display:block;
		font-size:9px;
	}

	section#userview table tr th ,
	section#userview table tr td {
		height:52px;
		border-bottom:1px solid #55D0FF;
		vertical-align:middle;
		padding-left:6px;
		line-height:14px;
	}

	section#userview table tr th {
		background:#E1F7FF;
		color:#00A4E3;
		font-weight:bold;
		width:40%;
	}

	section#userview table tr td {
		font-weight:bold;
		line-height:20px;
		font-size:13px;
	}

	section#userview table tr td a {
		color:#E50020;
		background:url(/img/icon_red.gif) no-repeat;
		background-position:0 50%;
		padding-left:15px;
		text-decoration:overline;
	}

	.campaign h3 a img {
		width:95%;
		display:block;
		margin:0 auto 15px;
		border:1px solid #EEE;
	}


	/****************************************** ■下部メニュー **/

	section.entry ul li a ,
	section.study ul li a{
		width:100%;
		height:40px;
		text-align:center;
		display:block;
		border:1px solid #BBB;
		font-weight:bold;
		padding-top:13px;
		margin-bottom:5px;
	    border-radius: 5px;        /* CSS3草案 */
	    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	    -moz-border-radius: 5px;   /* Firefox用 */
	}

	section.entry ul li a { color:#8C0000; }



	/* 赤アイコン */
	section.entry ul li.menured01 a {
		background:url(/img/menu_icon_red01.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:5% , auto;
	}

	section.entry ul li.menured02 a {
		background:url(/img/menu_icon_red02.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:7% , auto;
	}
	section.entry ul li.menured03 a {
		background:url(/img/menu_icon_red03.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:6% , auto;
	}
	section.entry ul li.menured04 a {
		background:url(/img/menu_icon_red04.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:6% , auto;
	}
	section.entry ul li.menured05 a {
		background:url(/img/menu_icon_red05.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:6% , auto;
	}

	section.entry ul li.menured06 a {
		background:url(/img/menu_icon_red06.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:6% , auto;
	}

	/* 赤アイコンhover　*/
	section.entry ul li.menured01 a:hover {
		background:url(/img/menu_icon_red01.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:5% , auto;
	}

	section.entry ul li.menured02 a:hover {
		background:url(/img/menu_icon_red02.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:7% , auto;
	}

	section.entry ul li.menured03 a:hover {
		background:url(/img/menu_icon_red03.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:6% , auto;
	}

	section.entry ul li.menured04 a:hover {
		background:url(/img/menu_icon_red04.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:6% , auto;
	}

	section.entry ul li.menured05 a:hover {
		background:url(/img/menu_icon_red05.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:6% , auto;
	}

	section.entry ul li.menured06 a:hover {
		background:url(/img/menu_icon_red06.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:6% , auto;
	}

	/* 青アイコン */
	section.study ul li a { color:#003F8C; }

	section.study ul li.menublue00 a {
		background:url(/img/menu_icon_blue00.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:8% , auto;
	}

	section.study ul li.menublue01 a {
		background:url(/img/menu_icon_blue01.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:8% , auto;
	}

	section.study ul li.menublue02 a {
		background:url(/img/menu_icon_blue02.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:7% , auto;
	}

	section.study ul li.menublue03 a {
		background:url(/img/menu_icon_blue03.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:8% , auto;
	}

	section.study ul li.menublue04 a {
		background:url(/img/menu_icon_blue04.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:7% , auto;
	}

	section.study ul li.menublue05 a {
		background:url(/img/menu_icon_blue05.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:7% , auto;
	}

	section.study ul li.menublue06 a {
		background:url(/img/menu_icon_blue06.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:7% , auto;
	}

	section.study ul li.menublue07 a {
		background:url(/img/menu_icon_blue07.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:7% , auto;
	}

	section.study ul li.menublue08 a {
		background:url(/img/menu_icon_blue08.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
		background-size:7% , auto;
	}

	/* 青アイコンhover　*/

	section.study ul li.menublue00 a:hover {
		background:url(/img/menu_icon_blue00.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue01 a:hover {
		background:url(/img/menu_icon_blue01.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue02 a:hover {
		background:url(/img/menu_icon_blue02.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue03 a:hover {
		background:url(/img/menu_icon_blue03.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue04 a:hover {
		background:url(/img/menu_icon_blue04.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue05 a:hover {
		background:url(/img/menu_icon_blue05.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue06 a:hover {
		background:url(/img/menu_icon_blue06.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue07 a:hover {
		background:url(/img/menu_icon_blue07.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue08 a:hover {
		background:url(/img/menu_icon_blue08.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.entry ul li.mr_no a,
	section.study ul li.mr_no a {
		margin-right:0;
	}

	/****************************************** ■FOOTER **/

	.footer p{
		background:#E50020;
		height:28px;
		font-size:10px;
		line-height:1.2;
		color:#FFF;
		width:100%;
		padding-top:8px;
		text-align:center;
		margin-top:50px;
	}

	/****************************************** ■各共通 **/


	section.entry ,
	section.study ,
	section.banner ,
	section.payment ,
	section.private ,
	section.question ,
	section.course-sp ,
	section.infomation-sp ,
	section.custody-sp ,
	section.lesson-sp ,
	section.schedule ,
	section.test-sp ,
	section.fee ,
	section.fee-news ,
	section.faq ,
	section.furikae {
		width:95%;
		margin:0 auto;
	}

	section.entry h3 ,
	section.study h3 ,
	section.payment h3 ,
	section.private h3 ,
	section.question h3 ,
	section.course-sp h3 ,
	section.custody-sp h3 ,
	section.lesson-sp h3 ,
	section.schedule h3 ,
	section.test-sp h3 ,
	section.fee h3 ,
	section.fee-news h3 ,
	section.faq h3 ,
	section.furikae h3 {
		display:block;
		width:92%;
		background:url(/img/icon.gif) no-repeat;
		background-position:0 8px;
		font-size:18px;
		height:35px;
		font-weight:bold;
		padding-left:25px;
		margin:30px auto 20px;
		border-bottom:#00A4E3 3px solid;
	}

	/****************************************** ■バナー **/
	div.bndaigaku-pc {
		display:none;
	}


	/****************************************** ■お支払い方法の確認 ■氏名・住所・電話番号の確認 ■コース情報 **/
	/****************************************** ■ご入金・お預かり金 ■受講実績 ■テスト結果*/
	section.payment table ,
	section.private table ,
	section.question table ,
	section.course-sp #tabs-sp table ,
	section.custody-sp table ,
	section.lesson-sp #tabs-sp table ,
	section.schedule #tabs table ,
	section.test-sp table {
		width:100%;
		border:1px solid #333;
		margin:0 auto;
	}

	section.payment table tr th ,
	section.payment table tr td ,
	section.question table tr th ,
	section.question table tr td ,
	section.private table tr th ,
	section.private table tr td {
		padding-left:15px;
		display:block;
		vertical-align:middle;
		height:auto;
		border-bottom:1px solid #BBBBBB;
		padding:4px 10px;
		font-size:0.9em;
	}

	section.course-sp #tabs-sp table tr th ,
	section.course-sp #tabs-sp table tr td ,
	section.lesson-sp #tabs-sp table tr th ,
	section.lesson-sp #tabs-sp table tr td {
		padding-left:15px;
		display:block;
		vertical-align:middle;
		height:auto;
		font-size:12px;
		border-bottom:1px solid #BBBBBB;
		padding:3px 10px;
	}

	section.custody-sp table tr th ,
	section.custody-sp table tr td ,
	section.test-sp table tr th ,
	section.test-sp table tr td  {
		padding-left:15px;
		vertical-align:middle;
		height:auto;
		border-bottom:1px solid #BBBBBB;
		padding:4px 10px;
		font-size:0.85em;
	}


	section.payment table tr.no-border th ,
	section.payment table tr.no-border td ,
	section.private table tr.no-border th ,
	section.private table tr.no-border td ,
	section.question table tr.no-border th ,
	section.question table tr.no-border td ,
	section.course-sp #tabs-sp table tr.no-border th ,
	section.course-sp #tabs-sp table tr.no-border td ,
	section.custody-sp table tr.no-border th ,
	section.custody-sp table tr.no-border td ,
	section.lesson-sp #tabs-sp table tr.no-border th ,
	section.lesson-sp #tabs-sp table tr.no-border td ,
	section.schedule #tabs table tr.no-border th ,
	section.schedule #tabs table tr.no-border td ,
	section.test-pc #tabs table tr.no-border th ,
	section.test-pc #tabs table tr.no-border td {
		border-bottom:none;
	}

	section.payment table tr th ,
	section.private table tr th ,
	section.question table tr th ,
	section.course-sp #tabs-sp table tr th ,
	section.custody-sp table tr th ,
	section.lesson-sp #tabs-sp table tr th ,
	section.test-sp table tr th {
		background:#E7E7E7;
		font-weight:bold;
	}

	section.private table tr.b-border td,
	section.question table tr.b-border td {
		border-bottom:1px solid #333;
	}

	section.test-sp table tr th ,
	section.test-sp table tr td {
		border:1px solid #BBB;
		text-align:center;
	}


	/****************************************** ■コース情報 **/

	section.course-pc {
		display:none;
	}

	.hide { display:none; }

	.period {
		width:100%;
		font-size:12px;
		display:block;
		margin:0 auto 15px;
	}

	.period tr th ,
	.period tr td {
		padding:5px 5px 0 0;
	}

	.period tr td input{
		height:25px;
		width:100%;
		border:1px solid #CCC;
	}

	section.course #tabs div table {
		margin-top:15px;
	}

	#tabs-sp p ,
	#tabs p {
		font-size:12px;
		display:block;
		margin-bottom:10px;
		color:#555;
	}


	#tabs-sp ul ,
	#tabs ul {
		margin-bottom:20px;
		display:block;
		overflow:hidden;
	}


	#tabs-sp ul li a ,
	#tabs ul li a {
	 	font-size:12px;
		color:#222;
	    height: 32px;
	    line-height: 32px;
		font-weight:bold;
	    text-align: center;
		margin:0 auto 5px;
	    width: 98%;
	    display: block;
	    text-decoration:none;
	    color:#222;
		border:1px solid #AAAAAA;
	    background: -moz-linear-gradient(top, #FFF, #E8E8E8); /* Firefox用 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E8E8E8', GradientType=0)";/* IE8 IE9 */
		background: linear-gradient(to bottom, #fff, #E8E8E8);/* IE10+, W3C */
	    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E8E8E8)); /* Safari,Google Chrome用 */
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
	}


	#tabs-sp ul li.last ,
	#tabs ul li.last {
		margin-right:0;
	}

	#tabs-sp ul li a:hover ,
	#tabs-sp ul li.active a ,
	#tabs ul li a:hover ,
	#tabs ul li.active a {
	    color:#fff;
	    background: -moz-linear-gradient(top, #AA001A, #CD001E); /* Firefox用 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#AA001A', endColorstr='#CD001E', GradientType=0)";/* IE8 IE9 */
		background: linear-gradient(to bottom, #AA001A, #CD001E);/* IE10+, W3C */
	    background: -webkit-gradient(linear, left top, left bottom, from(#AA001A), to(#CD001E)); /* Safari,Google Chrome用 */
	}

	.panel {
	    width:100%;
	    overflow:hidden;
		clear:both;
		padding:0px;
	    margin:0px;
		height:auto;
	}

	#tabs-sp div.number {
		width:auto;
		height:auto;
		text-align:center;
	}

	#tabs-sp div.number p {
		font-size:12px;
		display:block;
		margin-bottom:10px;
		color:#555;
	}

	#tabs-sp div.nextbox {
		clear:both;
		display:block;
		margin:0 auto 10px;
		height:25px;
		width:auto;
		text-align:center;
	}

	#tabs-sp div.nextbox p span {
		padding:0 5px;
		background:url(/img/icon-select.gif) no-repeat;
		background-position:0 50%;
		color:#FFF;
	}

	#tabs-sp div.nextbox p a {
		text-decoration:underline;
		padding:0 5px;
	}

	/****************************************** ■ご入金・お預かり金情報 **/

	section.infomation-pc {
		display:none;
	}

	section.custody-pc {
		display:none;
	}

section.custody-sp table {
		margin-bottom:15px;
	}

	section.custody-sp h4 {
		background:url(/img/icon-money.gif) no-repeat;
		background-position:0 50%;
		padding-left:20px;
		margin-bottom:10px;
		font-size:16px;
		font-weight:bold;
		color:#8C0000;
	}

	section.custody-sp span {
		font-size:12px;
		color:#000;
	}


	/****************************************** ■受講実績 **/
	section div.lessoninfo-pc {
		display:none;
	}

	/****************************************** ■受講スケジュール **/

	section.schedule #tabs table tr th ,
	section.schedule #tabs table tr td {
		width:3%;
		text-align:center;
		vertical-align:middle;
		height:auto;
		font-size:10px;
		border-bottom:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		padding:3px;
		line-height:1.1;
	}

	section.schedule #tabs table tr th {
		background:#00144F;
		font-weight:bold;
		color:#FFF;
		font-size:10px;
		padding:6px 0;
	}

	section.schedule #tabs table tr td {
		background:#FFF;
		height:auto;
		vertical-align:middle;
		padding:6px 0;
	}

	section.schedule #tabs table tr th:last-child ,
	section.schedule #tabs table tr td:last-child {
		border-right:none;
	}


	section.schedule #tabs table tr td:first-child {
		font-size:8px;
	}

	section.schedule #tabs table tr td.bg-g {
		background:#DDD;
	}

	div.sche-box {
		width:100%;
		margin-bottom:5px;
	}

	div.sche-box p img {
		width:12px;
		vertical-align:sub;
		margin-right:3px;
	}

	div.sche-box {
		width:100%;
		margin-bottom:5px;
	}

	section.schedule #tabs table tr td img {
		margin:0 auto 3px;
		display:block;
		width:12px;
		vertical-align:sub;
	}

	div.sche-box p {
		float:left;
		width:100%;
		color:#555;
	}

	div.sche-box a {
		vertical-align:sub;
	}

	/****************************************** ■テスト結果 **/

	section.test-sp table {
		margin-bottom:30px;
		font-size:0.9em;
	}

	section.test-sp table tr td ul {
		width:77%;
		margin:0 auto;
	}

	section.test-sp table tr td ul li {
		float:left;
		margin:5px 10px 0 0;
	}

	section.test-sp table tr td ul li:last-child {
		margin-right:0;
	}

	section.test-pc {
		display:none;
	}


	/****************************************** ■ご請求情報照会 **/

	section.fee p {
		line-height:1.5;
		margin-bottom:30px;
	}

	table#fee-main01 ,
	table#fee-main02 {
		margin-bottom:20px;
	}

	table#fee-main01:after ,
	table#fee-main02:after {
		clear:both;
	}

	table#fee-main01 {
		width:100%;
	}

	table#fee-main01 tr th {
		width:60%;
		color:#FFF;
		border-bottom:1px solid #FFF;
		text-align:center;
		background:#111;
		font-weight:bold;
		margin:0 1px 1px 0;
	}

	table#fee-main01 tr td {
		width:40%;
		color:#111;
		border:1px solid #111;
		text-align:center;
		margin:0 1px 1px 0;
	}

	table#fee-main01 tr td.text {
		color:#777;
		line-height:1.2;
		text-align:left;
		border:none;
	}

	table#fee-main01 tr th ,
	table#fee-main01 tr td ,
	table#fee-main02 tr th ,
	table#fee-main02 tr td {
		vertical-align:middle;
		height:36px;
		font-size:11px;
	}

	table#fee-main02 {
		width:100%;
		float:right;
	}

	table#fee-main02 tr th {
		width:60%;
		color:#FFF;
		text-align:center;
		border-bottom:1px solid #FFF;
		background:#000066;
		font-weight:bold;
	}

	table#fee-main02 tr td {
		width:40%;
		color:#111;
		border:1px solid #000066;
		text-align:right;
		padding-right:10px;

	}

	section.fee h4 {
		text-align:center;
		clear:both;
		font-weight:bold;
	}

	table#fee-sub {
		width:100%;
		border:1px solid #777;
	}

	table#fee-sub tr th ,
	table#fee-sub tr td {
		border-right:1px dotted #CCC;
		height:35px;
		vertical-align:middle;
		text-align:center;
		padding:5px;
		font-size:10px;
		line-height:1.3;
	}

	table#fee-sub tr th:last-child ,
	table#fee-sub tr td:last-child {
		border-right:none;
	}

	table#fee-sub tr th {
		background:#D9D9E8;
		border-bottom:3px solid #000066;
	}

	table#fee-sub tr td {
		border-bottom:1px dotted #CCC;
	}

	table#fee-sub tr.total td {
		border-top:1px solid #555;
		font-weight:bold;
		height:40px;
	}

	.tr {
		text-align:right;
	}

	.fee-koza h3 {
		background:url(/img/fee-koza-bg.gif) repeat-x;
		height:37px;
		width:100%;
		text-align:center;
		padding-top:8px;
		font-size:18px;
		font-family:serif;
		font-weight:bold;
		color:#FFF;
		display:block;
		margin:30px 0 10px;
	}

	.fee-koza p {
		width:95%;
		margin:0 auto 15px;
		line-height:1.3;
	}

	.fee-koza p#koza-name {
		width:88%;
		margin:0 auto;
		text-align:left;
		font-weight:bold;
		height:20px;
		font-size:12px;
		background:url(/img/fee-koza-icon.gif) no-repeat;
		background-size:6%;
		padding-left:25px;
	}

	.fee-koza table {
		width:95%;
		margin:0 auto;
		border:1px solid #000066;
		background:#F4F4FF;
	}

	.fee-koza table th ,
	.fee-koza table td {
		width:20%;
		text-align:center;
		vertical-align:middle;
		font-family:serif;
		border-right:1px dotted #DDD;
		height:35px;
		line-height:1.2;
	}

	.fee-koza table th {
		font-size:11px;
		font-weight:bold;
		color:#000066;
		border-bottom:1px solid #DDD;
	}

	.fee-koza table td {
		font-size:11px;
		padding:0 2px;
		border-bottom:1px dotted #DDD;
	}

	.red {
		color:#FF0000;
	}

	.fee-news ul li {
		font-size:13px;
		line-height:1.3;
		border-bottom:1px dotted #444;
		background:url(/img/news_icon.gif) no-repeat;
		background-position:0 5px;
		padding:5px 0 5px 30px;
	}

	.fee-news ul li:last-child {
		border-bottom:none;
	}

	.fee-news ul li.std {
		background:url(/img/news_icon_std.gif) no-repeat;
		background-position:0 5px;
	}

	.fee-news ul li.sc {
		background:url(/img/news_icon_sc.gif) no-repeat;
		background-position:0 5px;
	}

	.fee-news ul li.shudan {
		background:url(/img/news_icon_shudan.gif) no-repeat;
		background-position:0 5px;
	}

	.fee-news ul li.csr {
		background:url(/img/news_icon_csr.gif) no-repeat;
		background-position:0 5px;
	}

	/****************************************** ■新着情報 **/
	span.public-pc {
		display:none;
	}

	/******************************************* ■ERROR **/
	.error {
		background:#FFF;
		border:2px #FF0000 solid;
		border-radius:10px;
		padding:12px;
		font-size:15px;
		color:red;
		margin:15px auto;
	}

}
/********************************************************************** */

/* タブレット用レイアウト
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.zeroMargin_tablet {
margin-left: 0;
}
.hide_tablet {
display: none;
}
}
 */

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

/* PC用レイアウト
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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



@media only screen and (min-width: 769px) {

	@charset "utf-8";
	/* CSS Document */



	/****************************************** ■パンくずリスト **/

	#breadcrumb {
		width: 950px;
		margin: 0 auto;
		height: 14px;
		padding-bottom: 20px;
	}

	#breadcrumb li {
		float: left;
		margin-right: 4px;
		font-size: 12px;
		line-height: 14px;
	}

	#breadcrumb li a {
		color: #00A4E3;
	}


	/****************************************** ■ログイン画面 **/


	#login {
		background:url(/img/model_bg.png) no-repeat , url(/img/login_bg.gif) repeat-x;
		background-position:550px 0 , 0 0;
		height:630px;
	}

	#login div {
		width:450px;
		padding:30px 0 0 150px;
	}

	#login div img {
		margin:5px 0 10px;
	}

	#login div article {
		margin-top:30px;
		background:#19ADE6;
		background-color:rgba(25,173,230,0.2);
		padding:15px;
		border:1px solid #19ADE6;
		text-align:center;
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	#login div article h1 {
		width:405px;
		height:52px;
		border:1px solid #00A4E3;
		color:#00A4E3;
		font-size:28px;
		font-weight:bold;
		padding:10px 0;
		text-align:center;
		margin:10px auto 15px;
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
	}

	#login div article p {
		margin-bottom:15px;
	}

	#login div article form table tr th,
	#login div article form table tr td {
		padding-bottom:10px;
	}

	#login div article form input[type="text"] {
		height:30px;
		width:245px;
		border:1px solid #000;
		font-size:18px;
		font-weight:bold;
		margin-left:15px;
		padding-left:5px;
	}
	#login div article form input[type="password"] {
		height:30px;
		width:245px;
		border:1px solid #000;
		font-size:18px;
		font-weight:bold;
		margin-left:15px;
		padding-left:5px;
	}

	#login div article form p a{
		color:#FF0000;
		text-decoration:underline;
		font-size:12px;
	}


	#login div article form a {
		margin:0 auto;
		padding:0 auto;
	}

	header#login_header {
		background-color:#00A4E3;
		text-align:center;
		color:#00A4E3;
		font-size:5px;
	}


	footer#login_footer {
		background-color:#E50020;
		height:150px;
		padding-top:100px;
		text-align:center;
		vertical-align:middle;
		color:#FFF;
		font-size:15px;
		margin-top:-8px;
		letter-spacing: 0.2em;
	}

	/****************************************** ■ヘッダー **/

	.header {
		border-top:solid 10px #00A4E3;
		padding-top:10px;
		margin-bottom:10px;
	}

	.header div#top a{
		position:absolute;
		top:5px;
	}

	.header div.logo {
		width:950px;
		margin:0 auto;
	}

	.header div.spmode {
		display:none;
	}

	.header div.logo p {
		font-size:11px;
		display:block;
		width:100%;
		text-align:right;
		margin-bottom:5px;
	}

	.header div.logo ul li {
		float:left;
		margin-bottom:10px;
		display:block;
		margin-right:18px;
	}

	.header div.logo ul li.last {
		margin-right:0;
	}

	.header div.logo div#promise-bn {
		display:block;
		width:94px;
		height:94px;
		position: absolute;
		right:2%;
		top:1%;
	}

	.header table {
		width:100%;
		height:35px;
		background:url(/img/header_menu_bg.jpg) repeat-x;
		-webkit-box-shadow: 0 5px 6px -6px #777;
		-moz-box-shadow: 0 5px 6px -6px #777;
		box-shadow: 0 5px 6px -6px #777;
	}

	/* IE用 */
	.header table {
		border-bottom/***/:0.5px solid #EEE;
	}

	.header table tr {
		width:950px;
		margin:0 auto;
		display:block;
	}

	.header table tr td a {
		display:block;
		width:190px;
		height:28px;
		padding-top:7px;
		background:url(/img/header_hr.gif) no-repeat;
		background-position:right;
		color:#000;
		font-weight:bold;
		letter-spacing:0;
		text-align:center;
		font-size:11px;
	}


	.header table tr td.first a {
		background:url(/img/header_hr.gif) no-repeat , url(/img/header_hr.gif) no-repeat;
		background-position:left , right;
	}

	.header table tr td a:hover {
		background:url(/img/header_hr.gif) no-repeat , url(/img/header_menu_bg_on.jpg) repeat-x;
		background-position:right , 0;
	}

	.header table tr td.first a:hover {
		background:url(/img/header_hr.gif) no-repeat , url(/img/header_hr.gif) no-repeat , url(/img/header_menu_bg_on.jpg) repeat-x;
		background-position:right , left , 0;
	}


	/*++++++++++++++++++++++　ドロップダウンここから　++++++++++++++++++++++*/


	.header table tr td {
		-moz-transition: .2s;
		-webkit-transition: .2s;
		-o-transition: .2s;
		-ms-transition: .2s;
		transition: .2s;
	}

	.header table tr td:hover ul li{
		overflow: visible;
		height: 30px;
		border-bottom: 1px solid #000B28;
	}

	.header table tr td ul {
	  list-style: none;
	  position: absolute;
	  width:190px;
	}

	.header table tr td ul li {
		padding:0;
		margin-bottom:0;
		overflow: hidden;
		width: 100%;
		height: 0;
		color: #fff;
		-moz-transition: .2s;
		-webkit-transition: .2s;
		-o-transition: .2s;
		-ms-transition: .2s;
		transition: .2s;
		display:block;
	 	background: #001A66;
		filter: alpha(opacity=85);
		-moz-opacity:0.85;
		opacity:0.85;
		z-index:100;
	}


	.header table tr td ul li a ,
	.header table tr td ul li a:hover {
	 	width: 175px;
	 	height:20px;
	 	padding:5px 0 0 15px;
		color:#FFF;
		background:none;
	}

	.header table tr td.first ul li a ,
	.header table tr td.first ul li a:hover {
		background:none;
	}


	.header table tr td ul li a {
	  text-align: left;
	  font-size: 12px;
	  font-weight: normal;
	  display:block;
	}

	.header table tr td ul li a:hover {
		color:#FFFF00;
	}

	/*　ドロップダウンここまで　*/

	.user {
		background:#111;
		width:100%;
		height:32px;
		color:#FFF;
		font-weight:bold;
		font-size:12px;
	}

	.user ul {
		width:950px;
		margin:0 auto;
	}

	.user ul li {
		float:left;
		display:block;
		margin:6px 30px 0 0;
	}

	.user ul li.last_logaut {
		float:right;
		margin-right:0;
	}

	.user ul li.last_logaut_sp{
		display:none;
		float:right;
	}

	/****************************************** ■会員トップページ **/

	/*　ニュース　*/

	.news {
		width:950px;
		height:152px;
		margin:20px 0 35px;
	}

	.news  article p a{
		background:url(/img/news_icon_other.gif) no-repeat;
		background-position:0 50%;
		color:#014101;
		padding-left:15px;
		font-size:12px;
		display:block;
		width:40px;
		float:right;
	}

	.news article ul {
		background:url(/img/news_bg.gif) no-repeat;
		padding:5px 5px 5px 45px;
		display:block;
		line-height:28px;
	}

	.news article ul li {
		font-size:14px;
		border-bottom:1px dotted #014101;
		padding-left:30px;
		background:url(/img/news_icon.gif) no-repeat;
		background-position:0 50%;
	}

	.news article ul li.emp {
		background:no-repeat;
		background-position:0 50%;
	}

	.news article ul li.std {
		background:url(/img/news_icon_std.gif) no-repeat;
		background-position:0 50%;
	}

	.news article ul li.sc {
		background:url(/img/news_icon_sc.gif) no-repeat;
		background-position:0 50%;
	}

	.news article ul li.shudan {
		background:url(/img/news_icon_shudan.gif) no-repeat;
		background-position:0 50%;
	}

	.news article ul li.csr {
		background:url(/img/news_icon_csr.gif) no-repeat;
		background-position:0 50%;
	}

	.news article ul li:last-child { border-bottom:none; }


	/*　ご利用情報　*/

	section#userview {
		width:470px;
		margin:0 10px 10px 0;
		float:left;
	}

	section#userview h2 {
		background:#00A4E3;
		color:#FFF;
		font-size:22px;
		font-weight:bold;
		text-align:center;
	}

	section#userview table {
		border:2px solid #00A4E3;
		width:470px;
		height:220px;
	}

	section#userview table tr th span.small {
		font-size:12px;
		display:block;
	}

	section#userview table tr th ,
	section#userview table tr td {
		height:52px;
		border-bottom:1px solid #55D0FF;
		vertical-align:middle;
		padding-left:10px;
		line-height:18px;
	}

	section#userview table tr th {
		background:#E1F7FF;
		font-size:16px;
		color:#00A4E3;
		font-weight:bold;
		width:170px;
	}

	section#userview table tr td {
		font-size:18px;
		font-weight:bold;
		line-height:20px;
	}

	section#userview table tr td a {
		color:#E50020;
		font-size:14px;
		background:url(/img/icon_red.gif) no-repeat;
		background-position:0 50%;
		padding-left:15px;
	}


	/*　下部メニュー(ご利用・登録情報・学習情報) 　*/


	section.entry ul li a ,
	section.study ul li a{
		width:310px;
		height:55px;
		text-align:center;
		display:block;
		border:1px solid #AAA;
		float:left;
		margin:8px 6px 0 0;
		font-weight:bold;
		padding-top:25px;
	}

	section.entry ul li a { color:#8C0000; }

	/* 赤アイコン */
	section.entry ul li.menured01 a {
		background:url(/img/menu_icon_red01.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.entry ul li.menured02 a {
		background:url(/img/menu_icon_red02.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}
	section.entry ul li.menured03 a {
		background:url(/img/menu_icon_red03.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}
	section.entry ul li.menured04 a {
		background:url(/img/menu_icon_red04.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}
	section.entry ul li.menured05 a {
		background:url(/img/menu_icon_red05.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.entry ul li.menured06 a {
		background:url(/img/menu_icon_red06.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	/* 赤アイコンhover　*/
	section.entry ul li.menured01 a:hover {
		background:url(/img/menu_icon_red01.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.entry ul li.menured02 a:hover {
		background:url(/img/menu_icon_red02.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.entry ul li.menured03 a:hover {
		background:url(/img/menu_icon_red03.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.entry ul li.menured04 a:hover {
		background:url(/img/menu_icon_red04.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.entry ul li.menured05 a:hover {
		background:url(/img/menu_icon_red05.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.entry ul li.menured06 a:hover {
		background:url(/img/menu_icon_red06.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}


	/* 青アイコン */
	section.study ul li a { color:#003F8C; }

	section.study ul li.menublue00 a {
		background:url(/img/menu_icon_blue00.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue01 a {
		background:url(/img/menu_icon_blue01.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue02 a {
		background:url(/img/menu_icon_blue02.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue03 a {
		background:url(/img/menu_icon_blue03.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue04 a {
		background:url(/img/menu_icon_blue04.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue05 a {
		background:url(/img/menu_icon_blue05.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue06 a {
		background:url(/img/menu_icon_blue06.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue07 a {
		background:url(/img/menu_icon_blue07.png) no-repeat , url(/img/menu_bn_bg.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue08 {
		display: none;
	}

	/* 青アイコンhover　*/

	section.study ul li.menublue00 a:hover {
		background:url(/img/menu_icon_blue00.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue01 a:hover {
		background:url(/img/menu_icon_blue01.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue02 a:hover {
		background:url(/img/menu_icon_blue02.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue03 a:hover {
		background:url(/img/menu_icon_blue03.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue04 a:hover {
		background:url(/img/menu_icon_blue04.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue05 a:hover {
		background:url(/img/menu_icon_blue05.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue06 a:hover {
		background:url(/img/menu_icon_blue06.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue07 a:hover {
		background:url(/img/menu_icon_blue07.png) no-repeat , url(/img/menu_bn_bg_on.jpg) repeat-x;
		background-position:15px 50% , 0;
	}

	section.study ul li.menublue08:hover {
		display: none;
	}

	section.entry ul li.mr_no a,
	section.study ul li.mr_no a {
		margin-right:0;
	}

	/****************************************** ■各共通 **/

	.wrapper {
		width:950px;
		margin:0 auto;
		display:block;
		overflow:hidden;
	}

	section.entry ,
	section.study ,
	section.banner ,
	section.payment ,
	section.private ,
	section.question ,
	section.course-pc ,
	section.infomation-pc ,
	section.custody-pc ,
	section.lesson-pc ,
	section.schedule ,
	section.test-pc ,
	section.fee ,
	section.fee-koza ,
	section.fee-news {
		width:950px;
		overflow:hidden;
	}

	section.entry h3 ,
	section.study h3 ,
	section.payment h3 ,
	section.private h3 ,
	section.question h3 ,
	section.course-pc h3 ,
	section.custody-pc h3 ,
	section.lesson-pc h3 ,
	section.schedule h3 ,
	section.test-pc h3 ,
	section.fee h3 ,
	section.fee-news h3 ,
	section.faq h3 ,
	section.furikae h3 {
		background:url(/img/icon.gif) no-repeat , url(/img/menu_hr.gif) no-repeat;
		background-position:0 8px , 0 100%;
		font-size:18px;
		height:35px;
		font-weight:bold;
		padding-left:25px;
		margin:30px 0 20px;
	}

	/****************************************** ■バナー **/
	div.bndaigaku-sp {
		display:none;
	}

	/****************************************** ■お支払い方法の確認 ■氏名・住所・電話番号の確認 ■コース情報
	/****************************************** ■ご入金・お預かり金情報 ■受講実績 ■受講スケジュール */

	section.payment table ,
	section.question table ,
	section.private table ,
	section.course-pc #tabs table ,
	section.custody-pc table ,
	section.lesson-pc #tabs table ,
	section.schedule #tabs table ,
	section.test-pc table {
		width:950px;
		border:1px solid #333;
		margin-bottom:20px;
	}


	section.payment table tr th ,
	section.payment table tr td ,
	section.question table tr th ,
	section.question table tr td ,
	section.private table tr th ,
	section.private table tr td {
		padding-left:15px;
		vertical-align:middle;
		height:45px;
		border-bottom:1px solid #BBBBBB;
	}

	section.course-pc #tabs table tr th ,
	section.course-pc #tabs table tr td ,
	section.custody-pc table tr th ,
	section.custody-pc table tr td ,
	section.lesson-pc #tabs table tr th ,
	section.lesson-pc #tabs table tr td ,
	section.schedule #tabs table tr th ,
	section.schedule #tabs table tr td ,
	section.test-pc table tr th ,
	section.test-pc table tr td{
		padding-left:15px;
		vertical-align:middle;
		height:30px;
		padding:5px 0;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		border:1px solid #BBBBBB\9; /*IEハック*/
		font-size:11px;
		text-align:center;
		line-height:1.3;
	}

	section.schedule #tabs table tr th ,
	section.schedule #tabs table tr td {
		width:10%;
		font-size:13px;
	}

	section.course-pc #tabs table tr th:last-child ,
	section.course-pc #tabs table tr td:last-child ,
	section.custody-pc table tr th:last-child ,
	section.custody-pc table tr td:last-child ,
	section.lesson-pc #tabs table tr th:last-child ,
	section.lesson-pc #tabs table tr td:last-child ,
	section.schedule #tabs table tr th:last-child ,
	section.schedule #tabs table tr td:last-child ,
	section.test-pc table tr th:last-child ,
	section.test-pc table tr td:last-child {
		border-right:none;
	}


	section.payment table tr.no-border th ,
	section.payment table tr.no-border td ,
	section.private table tr.no-border th ,
	section.private table tr.no-border td ,
	section.question table tr.no-border th ,
	section.question table tr.no-border td ,
	section.course-pc #tabs table tr.no-border th ,
	section.course-pc #tabs table tr.no-border td ,
	section.custody-pc table tr.no-border th ,
	section.custody-pc table tr.no-border td ,
	section.lesson-pc #tabs table tr.no-border th ,
	section.lesson-pc #tabs table tr.no-border td ,
	section.schedule #tabs table tr.no-border th ,
	section.schedule #tabs table tr.no-border td ,
	section.test-pc table tr.no-border th ,
	section.test-pc table tr.no-border td {
		border-bottom:none;
	}

	section.private table tr.b-border th ,
	section.private table tr.b-border td ,
	section.question table tr.b-border th ,
	section.question table tr.b-border td {
		border-bottom:1px solid #333;
	}

	section.payment table tr th ,
	section.private table tr th  {
		background:#E7E7E7;
		font-weight:bold;
		width:16%;
	}

	section.question table tr th  {
		background:#E7E7E7;
		font-weight:bold;
		width:36%;
	}

	section.course-pc #tabs table tr th ,
	section.custody-pc table tr th ,
	section.lesson-pc #tabs table tr th ,
	section.test-pc table tr th {
		background:#E7E7E7;
		font-weight:bold;
	}

	section.payment table tr td ,
	section.question table tr td ,
	section.private table tr td {
		width:34%;
		padding-right:5px;
	}


	/****************************************** ■コース情報 **/

	section.course-sp {
		display:none;
	}

	.hide { display:none; }

	.period {
		font-size:12px;
		display:block;
		margin-bottom:15px;
	}

	.period tr th ,
	.period tr td {
		padding:5px 5px 0 0;
	}

	.period tr td input{
		height:25px;
		width:175px;
		border:1px solid #CCC;
	}


	#tabs ul {
		margin-bottom:20px;
		display:block;
		overflow:hidden;
	}


	#tabs ul li a{
	 	font-size:12px;
	    float: left;
		color:#222;
	    height: 32px;
	    line-height: 32px;
		font-weight:bold;
	    text-align: center;
	    width: 180px;
	    display: block;
	    text-decoration:none;
	    color:#222;
		border:1px solid #AAAAAA;
	    background: -moz-linear-gradient(top, #FFF, #E8E8E8); /* Firefox用 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E8E8E8', GradientType=0)";/* IE8 IE9 */
		background: linear-gradient(to bottom, #fff, #E8E8E8);/* IE10+, W3C */
	    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E8E8E8)); /* Safari,Google Chrome用 */
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
		margin-right:8px;
		cursor:pointer;
	}

	#tabs div table {
		margin-bottom:15px;
	}

	#tabs ul li.last {
		margin-right:0;
	}

	#tabs ul li a:hover ,
	#tabs ul li.active a {
	    color:#fff;
	    background: -moz-linear-gradient(top, #AA001A, #CD001E); /* Firefox用 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#AA001A', endColorstr='#CD001E', GradientType=0)";/* IE8 IE9 */
		background: linear-gradient(to bottom, #AA001A, #CD001E);/* IE10+, W3C */
	    background: -webkit-gradient(linear, left top, left bottom, from(#AA001A), to(#CD001E)); /* Safari,Google Chrome用 */
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
	}

	.panel {
	    width:950px;
	    overflow:hidden;
		clear:both;
		padding:0px;
	    margin:0px;
		height:auto;
	}

	#tabs div.number {
		float:left;
		width:400px;
	}

	#tabs div.number p {
		font-size:12px;
		display:block;
		margin-bottom:10px;
		color:#555;
	}

	#tabs div.nextbox {
		display:block;
		float:right;
		width:auto;
	}

	#tabs div.nextbox p span {
		padding:0 5px;
		background:url(/img/icon-select.gif) no-repeat;
		background-position:0 50%;
		color:#FFF;
	}

	#tabs div.nextbox p a {
		text-decoration:underline;
		padding:0 5px;
	}

	/****************************************** ■ご入金・お預かり金情報 **/

	section.infomation-sp {
		display:none;
	}

	section.custody-sp {
		display:none;
	}

	section.custody-pc h4 {
		background:url(/img/icon-money.gif) no-repeat;
		background-position:0 50%;
		padding-left:20px;
		margin-bottom:10px;
		font-size:16px;
		font-weight:bold;
		color:#8C0000;
		float:right;
	}

	section.custody-pc h4 span {
		font-size:12px;
		color:#000;
	}

	/****************************************** ■受講実績 **/
	section div.lessoninfo-sp {
		display:none;
	}


	/****************************************** ■受講スケジュール **/


	section.schedule #tabs table tr th {
		background:#00144F;
		font-weight:bold;
		color:#FFF;
		font-size:15px;
	}

	section.schedule #tabs table tr td {
		background:#FFF;
		height:auto;
		vertical-align:middle;
		padding:6px 0;
	}

	div.sche-box p img ,
	section.schedule #tabs table tr td img {
		vertical-align:sub;
		margin-right:3px;
	}

	section.schedule #tabs table tr td.bg-g {
		background:#DDD;
	}

	section.schedule #tabs table tr td.sche-blue {
		color:#2693FF;
	}

	section.schedule #tabs table tr td.sche-red {
		color:#FF2626;
	}

	section.schedule #tabs table tr td.sche-gray {
		color:#999;
	}

	div.sche-box {
		width:100%;
		margin-bottom:5px;
	}

	div.sche-box p {
		float:left;
		width:710px;
		font-size:14px;
		color:#555;
	}

	div.sche-box a {
		vertical-align:sub;
	}


	/****************************************** ■テスト結果 **/

	section.test-pc table {
		border:1px solid #BBB;
	}

	section.test-sp {
		display:none;
	}

	/****************************************** ■ご請求情報照会 **/

	section.fee p {
		line-height:1.5;
		margin-bottom:30px;
	}

	table#fee-main01 ,
	table#fee-main02 {
		margin-bottom:50px;
	}

	table#fee-main01:after ,
	table#fee-main02:after {
		clear:both;
	}

	table#fee-main01 {
		width:460px;
		float:left;
	}

	table#fee-main01 tr th {
		width:260px;
		color:#FFF;
		border-bottom:1px solid #FFF;
		text-align:center;
		background:#111;
		margin:0 1px 1px 0;
	}

	table#fee-main01 tr td {
		width:200px;
		color:#111;
		border:1px solid #111;
		text-align:center;
		margin:0 1px 1px 0;
	}

	table#fee-main01 tr td.text {
		font-size:12px;
		color:#777;
		line-height:1.2;
		text-align:left;
		border:none;
	}

	table#fee-main01 tr th ,
	table#fee-main01 tr td ,
	table#fee-main02 tr th ,
	table#fee-main02 tr td {
		vertical-align:middle;
		height:36px;
	}

	table#fee-main02 {
		width:460px;
		float:right;
	}

	table#fee-main02 tr th {
		width:260px;
		color:#FFF;
		text-align:center;
		border-bottom:1px solid #FFF;
		background:#000066;
	}

	table#fee-main02 tr td {
		width:190px;
		color:#111;
		border:1px solid #000066;
		text-align:right;
		padding-right:10px;

	}

	section.fee h4 {
		text-align:left;
		clear:both;
		font-weight:bold;
	}

	table#fee-sub {
		width:100%;
		border:1px solid #777;
	}

	table#fee-sub tr th ,
	table#fee-sub tr td {
		border-right:1px dotted #CCC;
		height:35px;
		vertical-align:middle;
		padding:0 10px;
		font-size:0.9em;
	}

	table#fee-sub tr th:last-child ,
	table#fee-sub tr td:last-child {
		border-right:none;
	}

	table#fee-sub tr th {
		background:#D9D9E8;
		border-bottom:3px solid #000066;
		text-align:center;
	}

	table#fee-sub tr td {
		border-bottom:1px dotted #CCC;
	}

	table#fee-sub tr.total td {
		border-top:1px solid #555;
		font-weight:bold;
		height:40px;
	}

	.tr {
		text-align:right;
	}

	.fee-koza h3 {
		background:url(/img/fee-koza-bg.gif) repeat-x;
		height:45px;
		width:950px;
		text-align:center;
		font-size:24px;
		font-family:serif;
		font-weight:bold;
		color:#FFF;
		display:block;
		margin:40px 0 10px 0;
		vertical-align:middle;
	}

	.fee-koza p {
		line-height:1.2;
	}

	.fee-koza p#koza-name {
		margin:30px 0 10px 0;
		text-align:left;
		font-weight:bold;
		font-size:16px;
		background:url(/img/fee-koza-icon.gif) no-repeat;
		background-position:0% 50%;
		padding-left:35px;
	}

	.fee-koza table {
		width:100%;
		border:3px solid #000066;
		background:#F4F4FF;
	}

	.fee-koza table th ,
	.fee-koza table td {
		width:235px;
		text-align:center;
		vertical-align:middle;
		font-family:serif;
		border-right:1px dotted #DDD;
		height:35px;
		line-height:1.2;
	}

	.fee-koza table th {
		font-size:13px;
		color:#000066;
		border-bottom:1px solid #DDD;
	}

	.fee-koza table td {
		font-size:17px;
		border-bottom:1px dotted #DDD;
		font-weight:bold;
	}

	.red {
		color:#FF0000;
	}

	.fee-news ul li {
		font-size:14px;
		line-height:1.6;
		border-bottom:1px dotted #444;
		background:url(/img/news_icon.gif) no-repeat;
		background-position:0 10px;
		padding:5px 0 5px 30px;
	}

	.fee-news ul li:last-child {
		border-bottom:none;
	}

	.fee-news ul li.std {
		background:url(/img/news_icon_std.gif) no-repeat;
		background-position:0 10px;
	}

	.fee-news ul li.sc {
		background:url(/img/news_icon_sc.gif) no-repeat;
		background-position:0 10px;
	}

	.fee-news ul li.shudan {
		background:url(/img/news_icon_shudan.gif) no-repeat;
		background-position:0 10px;
	}

	.fee-news ul li.csr {
		background:url(/img/news_icon_csr.gif) no-repeat;
		background-position:0 10px;
	}

	/****************************************** ■新着情報 **/
	span.public-sp {
		display:none;
	}


	/****************************************** ■FOOTER **/

	.footer p{
		background:#E50020;
		height:32px;
		color:#FFF;
		width:100%;
		padding-top:8px;
		text-align:center;
		margin-top:50px;
	}

	#div1{
	}

	.zeroMargin_desktop{
	margin-left: 0;
	}

	.hide_desktop{
	display: none;
	}

	/******************************************* ■ERROR **/
	.error {
		background:#FFF;
		border:2px #FF0000 solid;
		border-radius:10px;
		padding:12px;
		font-size:15px;
		color:red;
		margin:15px auto;
	}
}