﻿@charset "utf-8";

/* 基本設定
-------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	text-align: center;
	background:#F7F7F7;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a:link	{ color: #555; text-decoration: underline; }
a:visited	{ color: #555; text-decoration: underline; }
a:hover	{ color: #555; text-decoration: none; }
a:active	{ color: #555; text-decoration: none; }

em { font-style: normal; }
strong { font-weight: normal; }

h1,h2,h3,h4 {
margin:0px;
padding:0px;
}

#body {
	padding: 0 5px;
}

.column {
	margin: 0 15px 0 15px;
}


/* コンテンツエリア基本設定
-------------------------------------------------------*/
div.pankuzu {
	width:475px;
	font-size: 12px;
	color: #666;
	line-height: 1.8em;
	text-align: left;
	margin: 0 0 3px 0;
	padding:0;
}

.pankuzu a:link	{ color: #000; text-decoration: underline; }
.pankuzu a:visited	{ color: #000; text-decoration: underline; }
.pankuzu a:hover	{ color: #666; text-decoration: none; }
.pankuzu a:active	{ color: #666; text-decoration: none; }


div.clear {
clear:both;
}

#container {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 740px;
	background-color:#ffffff;
	border-right:#a9acb4 solid 1px;
	border-left:#a9acb4 solid 1px;
}

div.title {
	width:475px;
	font-size: 14px;
	background-color:#f3f3f3;
	border-bottom:3px #666 solid;
	color: #222;
	text-align: center;
	margin: 0;
	padding:6px 0;
	font-weight:bold;
}

div.title strong {
	font-weight:bold;
}

.toptext_bold_center {
	font-size: 12px;
	color: #333;
	line-height: 1.8em;
	text-align: center;
	margin: 0;
	padding:0;
	font-weight:bold;
}

.toptext_bold_left {
	font-size: 12px;
	color: #333;
	line-height: 1.8em;
	text-align: left;
	margin: 0;
	padding:0;
	font-weight:bold;
}

.toptext_left {
	font-size: 12px;
	color: #333;
	line-height: 1.8em;
	text-align: left;
	margin: 10px 0 0 0;
	padding:0;
}

.toptext_small {
	font-size: 10px;
	color: #666;
	line-height: 1.6em;
	text-align: left;
	margin: 10px 0 0 0;
	padding:0;
}

.pleft {
	float:left;
	padding-right:4px;
	padding-bottom:10px;
	vertical-align:bottom;
 }
 
.pright { 
float:right;
padding-left:10px;
padding-bottom:10px;
vertical-align:bottom;
}

div.midashi {
	margin: 0 0 30px 0;
	border-bottom:dotted #555 1px;
}

.midashi {
	font-size: 13px;
	color: #333;
	line-height: 1.8em;
	text-align: center;
	margin: 0 0 10px 0;
	padding:0;
}

div.midashi strong {
	font-weight:bold;
	color:#b83843;
}

.midashi_subtext{
	font-size: 10px;
	color: #333;
	text-align: left;
	margin: 10px 0 0 0;
	padding:0;
	line-height:1.3em;
}

.clear {
	clear: both;
	margin: 0 0 25px 0;
	}
	
.top_link_text{
	font-size: 10px;
	color: #888;
	text-align: right;
	margin: 10px 0 0 0;
	padding:0;
}


/* ５大特典
-------------------------------------------------------*/

div.godai {
	margin: 0 0 20px 0;
}

div.godai img{
	margin: 10px 8px 0 0;
	padding:0;
}

.bg3 {
	font-size: 14px;
	color: #333;
	text-align: left;
	margin:0;
	padding:5px 0px 5px 14px;
	line-height:1.2em;
	font-weight:bold;
	border-bottom:solid #c8ccd6 2px;
	background-image:url(img/bg3.gif);
	background-repeat:no-repeat;
}

.bg2 {
	font-size: 14px;
	color: #333;
	text-align: left;
	margin:0;
	padding:5px 0px 5px 14px;
	line-height:1.2em;
	font-weight:bold;
	border-bottom:solid #c8ccd6 2px;
	background-image:url(img/bg2.gif);
	background-repeat:no-repeat;
}

.bg1 {
	font-size: 14px;
	color: #333;
	text-align: left;
	margin:0;
	padding:5px 0px 5px 14px;
	line-height:1.2em;
	font-weight:bold;
	border-bottom:solid #c8ccd6 2px;
	background-image:url(img/bg1.gif);
	background-repeat:no-repeat;
}

.tokuten_text {
	font-size: 12px;
	color: #333;
	line-height: 1.8em;
	text-align: left;
	margin: 10px 0 0 0;
	padding:0;
}

.tokuten_strong {
	color: #555;
	font-weight:bold;
}

div.tokuten_img {
	margin: 0;
	padding: 0;
	float: left;
	width: 110px;
}



/* 全講座紹介
-------------------------------------------------------*/
	div.zenkouza_title {
	width:450px;
	font-size: 13px;
	background-color:#CFCFCF;
	color: #444;
	line-height: 1.8em;
	text-align: center;
	margin: 0 0 15px 0;
	padding:0px 10px;
	font-weight:bold;
}

	div.zenkouza_title2 {
	width:450px;
	font-size: 13px;
	background-color:#CC3300;
	color: #fff;
	line-height: 1.8em;
	text-align: center;
	margin: 0 0 15px 0;
	padding:0px 10px;
	font-weight:bold;
}

.zenkouza_title_text {
	width:450px;
	font-size: 11px;
	color: #333;
	line-height: 1.3em;
	text-align: left;
	margin: 10px 10px 15px 10px;
}

.zenkouza_title_text_s {
	width:450px;
	font-size: 9px;
	color: #333;
	line-height: 1.3em;
	text-align: left;
	margin: 10px 10px 15px 10px;
}

.start {
	margin:8px 0 8px 0;
	font-size:13px;
	color:#555
}

div.kouza_navi {
	width:420px;
	margin: 10px auto 20px auto;
	font-size: 11px;
	line-height: 1.6em;
	text-align: center;
	padding:5px 5px;
}

div.kouza_syosai {
	width:420px;
	margin: 0px auto 10px auto;
	padding:0 0 10px 0;
	font-size: 10px;
	line-height: 1.6em;
	text-align: left;
}

div.kouza_syosai1 {
	width:420px;
	margin: 0px auto 10px auto;
	padding:0 0 10px 0;
	font-size: 12px;
	line-height: 1.6em;
	text-align: left;
}

.kouza_code {
	font-size: 10px;
	color: #333;
	text-align: left;
	margin: 0 0 3px 0;
	padding:0;
}

.kouza_ttl_kou1 {
	font-weight:bold;
	font-size: 13px;
	background-color:#3c86b5;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding:3px 10px;
}

.kouza_ttl_kou2 {
	font-weight:bold;
	font-size: 13px;
	background-color:#ca4605;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding:3px 10px;
}

.kouza_ttl_kou3 {
	font-weight:bold;
	font-size: 13px;
	background-color:#0b3e91;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding:3px 10px;
}

.kouza_text {
	line-height: 1.8em;
	font-size: 12px;
	color: #333;
	text-align: left;
	margin: 10px;
	padding:0;
}

.figure_float {
float:left;
width:220px;
margin: 0 10px 0 0;
padding: 0;
}

.figure_float2 {
float:left;
width:150px;
margin: 0;
padding: 0;
}

.figure_float3 {
float:left;
width:190px;
margin: 0;
padding: 0;
}

.kouza_subttl {
	font-weight:bold;
	font-size: 12px;
	color: #555;
	text-align: center;
	margin: 3px 0 10px 0;
	padding:5px 0px;
	border-bottom:solid #CFCFCF 1px;
}

.gototop {
	font-size: 11px;
	text-align: right;
	margin: 0 28px 15px 0;
}

.kouza_list{
	font-size: 12px;
	line-height: 1.8em;
	color: #FF9900;
	text-align: left;
	margin: 0;
	padding: 10px;
	border:1px #FF9900 dotted;
	list-style-position:inside;
	font-weight:bold;
}

.kouza_list1{
	font-size: 12px;
	line-height: 1.8em;
	color: #FF9900;
	text-align: left;
	margin: 0;
	padding: 10px;
	border:1px #FF9900 dotted;
	list-style-position:inside;
	font-weight:bold;
}

.kouza_tyu3{
	font-size: 12px;
	line-height: 1.8em;
	color: #333;
	text-align: left;
	margin: 10px 10px 10px 25px;
	padding:0;
}


.kouza_subtext{
	font-size: 10px;
	color: #333;
	text-align: left;
	margin: 0 10px 10px 10px;
	padding:0;
}

.emphasizer{
    font-style: normal;
    padding: 6px 0 0;
}

table.kouza{
    border-top:1px solid #777;
    border-left:1px solid #777;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	width:190px;
}

.kouza th{
    border-right:1px solid #777;
    border-bottom:1px solid #777;
    color:#fff;
    background-color:#888;
    text-align:center;
	font-size: 10px;
}

.kouza td{
    border-right:1px solid #777;
    border-bottom:1px solid #777;
	text-align:center;
	font-size: 10px;
	color:#555;
}

table.kouza2{
    border-top:1px solid #777;
    border-left:1px solid #777;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	width:100%;
}

.kouza2 th{
    border-right:1px solid #777;
    border-bottom:1px solid #777;
    color:#fff;
    background-color:#888;
    text-align:center;
	font-size: 10px;
}

.kouza2 td{
    border-right:1px solid #777;
    border-bottom:1px solid #777;
	text-align:center;
	font-size: 10px;
	color:#555;
}

/* 授業料など
-------------------------------------------------------*/
.waribiki_set{
	border:1px #CCCCCC dotted;
	width:90%;
	margin:auto auto 10px;
	padding:0;
}

.waribiki_set .set_title{
	font-size:16px;
	font-weight:bold;
	color:white;
	line-height:1.8em;
	margin:0;
	padding:0;
	background-color:#CC3300;
}

.waribiki_set ol{
	text-align:left;
	margin-right:15px;
}

.waribiki_set ol li{
	border-bottom:#CCCCCC dashed thin;
	padding-bottom:0.3em;
	margin-bottom:0.75em;
	margin-left:-1em;
	line-height:1.5em;
}

.kouza_unit{
	padding:0 0.25em;
	margin:2px auto;
	border:#CCCCCC solid 1px;
	background-color:#F4F4F4;
	display:inline-block;
}

/* 左サイドエリア
-------------------------------------------------------*/

.leftColumn {
	float: left;
	margin: 15px 0 15px 0;
	height:100%;
	text-align:center;
}

.leftColumn_inner {
	padding: 10px 0 10px 0;
	width: 205px;
	text-align:center;
	background-color:#eef0d6;
}


.leftstext {
	font-size: 12px;
	color: #333;
	line-height: 1.5em;
	text-align: center;
	margin: 0;
	padding:0;
}

.leftstext strong {
	font-weight: bold;
	color: #333;
}

.leftstext a:link	{ color: #c4501d; text-decoration: underline; }
.leftstext a:visited	{ color: #c4501d; text-decoration: underline; }
.leftstext a:hover	{ color: #c4501d; text-decoration: none; }
.leftstext a:active	{ color: #c4501d; text-decoration: none; }


.left {
margin: 10px 0 0 0;
padding: 0;
}

/* 右サイドエリア
-------------------------------------------------------*/
.rightColumn {
	float: right;
	width: 475px;
	margin: 15px 0 20px 0;
	padding:0;
}

#right_textlink {
	margin: 50px 0 30px 0;
	padding:0;
	text-align: center;
}

.right_textlink {
	font-size: 12px;
	color: #333;
	line-height: 1.8em;
	text-align: center;
	margin: 0;
	padding:0;
}

.right_textlink strong {
	font-weight: none;
}

.right_textlink a:link	{ color: #000; text-decoration: underline; }
.right_textlink a:visited	{ color: #000; text-decoration: underline; }
.right_textlink a:hover	{ color: #666; text-decoration: none; }
.right_textlink a:active	{ color: #666; text-decoration: none; }


/* フッター
-------------------------------------------------------*/
#footer {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	background-color:#666;
}

.ftext {
	font-size: 11px;
	color: #f0f0f0;
	line-height: 130%;
	text-align: center;
	margin: 0 0 3px 0;
}
.ftext strong {
	font-weight: normal;
}

.ftext a:link	{ color: #fff; text-decoration: underline; }
.ftext a:visited	{ color: #fff; text-decoration: underline; }
.ftext a:hover	{ color: #fff; text-decoration: none; }
.ftext a:active	{ color: #fff; text-decoration: none; }
