@charset "utf-8";


/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/


/* ------------------------------
 Base
------------------------------ */

strong{
	font-weight: bold;
}
hr{
	display: none;
}
a{
	color: #06f;
	text-decoration: underline;
	overflow: hidden;
    outline: none;
}
a:visited{
	color: #448fff;
}
a:hover{
	text-decoration: none;
}
strong.gray,
p.gray,
span.gray{
	color: #999;
}
img{vertical-align: bottom;}
sub {vertical-align: -1px;}
input:focus{
	outline: none;
}
body{
	border-top:5px solid #ca0349;
	background: #f9f6f1;
	margin: 0;
	padding: 0;
	color: #323232;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	min-width: 1040px;
}
.win body{
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
}


/* ------------------------------
 Header
------------------------------ */

header{
	width:100%;
	background: #fff url("/common/images/header_bg.jpg") 0 bottom repeat-x;
	min-width: 1040px;
}
header .inner{
	width:980px;
	margin: 0 auto;
}
header .top{
	padding-bottom: 14px;
}
header .fLeft{
	width:480px;
}
header .fRight{
	width:500px;
}
header .tagline{
	margin-top: 10px;
	color:#828282;
	font-size: 85%;
}
header h1{
	margin-top: 13px;
}
header .tab{
	text-align: right;
	font-size: 0;
	margin-bottom: 16px;
}
header .tab li{
	display: inline-block;
	margin-right: 5px;
	*display: inline;
    *zoom: 1;
}
header .tab li:first-child{
	margin-right: 5px;
}
header .inquiry{
	text-align: right;
	font-size: 0;
}
header .inquiry li{
	display: inline-block;
	vertical-align: top;
	*display: inline;
    *zoom: 1;
}
header .inquiry li.second{
	margin: 0 3px 0 15px;
}

/* LEVEL ONE */

ul.dropdown {
	position: relative;
}
ul.dropdown li {
	zoom: 1;
	float: left;
}
ul.dropdown li a{ 
	display: block;
}
ul.dropdown > li > a{ 
	display: block;
	overflow: visible;
	height: 49px;
}
ul.dropdown li span{ 
	display: none;
}
ul.dropdown li.home {
	background: url("/common/images/gnav_01.jpg") 0 0 no-repeat;	
    height: 49px;
    width: 62px;
}
ul.dropdown li.course {
	background: url("/common/images/gnav_02.jpg") 0 0 no-repeat;
    height: 49px;
    width: 184px;
}
ul.dropdown li.school {
	background: url("/common/images/gnav_03.jpg") 0 0 no-repeat;
    height: 49px;
    width: 183px;
}
ul.dropdown li.lessonstyle {
	background: url("/common/images/gnav_04.jpg") 0 0 no-repeat;	
    height: 49px;
    width: 184px;
}
ul.dropdown li.campaign {
	background: url("/common/images/gnav_05.jpg") 0 0 no-repeat;
    height: 49px;
    width: 183px;
}
ul.dropdown li.faq {
	background: url("/common/images/gnav_06.jpg") 0 0 no-repeat;
    height: 49px;
    width: 184px;
}
ul.dropdown > li.hover,
ul.dropdown > li:hover{ 
	position: relative;
	background-position: 0 -49px;
}

/* LEVEL TWO */

ul.dropdown ul {
	background: url("/common/images/gnav_pop_bg.png") 0 0 no-repeat;
	padding-top: 9px;
	margin-top: -10px;
	width: 160px;
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 12px; 
	z-index: 999;
	-moz-border-radius:3px ;
	-webkit-border-radius:3px ;
	border-radius:3px ;
}
.ie7 ul.dropdown ul {
	background: none;
	padding-top: 0;
}
ul.dropdown .course ul {
	background: url("/common/images/gnav_pop_bg_02.png") 0 0 no-repeat;
	width: 200px;
	left: -7px; 
}
ul.dropdown .course ul li span {
	color: #333;
	text-decoration: none;
	background: url("/common/images/arrow_beige_s.png") 180px center no-repeat;
}
ul.dropdown ul li { 
	font-weight: normal;
	float: none; 
	display: block;
	background-color: #fff;
	text-align: center;
	border-right: 2px solid #ca0348;
	border-left: 2px solid #ca0348;
	position: relative;
	cursor: pointer;
}
.ie6 ul.dropdown ul li,
.ie7 ul.dropdown ul li{
	display: inline;
	width: 100%;
} 
.ie7 ul.dropdown ul li.first {
	border-top: 2px solid #ca0348;
}
ul.dropdown ul li:hover { 
	background: #ebebeb;
}
ul.dropdown ul li:last-child { 
	border-bottom: 2px solid #ca0348;
	-moz-border-radius:0 0 3px 3px ;
	-webkit-border-radius:0 0 3px 3px ;
	border-radius:0 0 3px 3px ;
	behavior: url(/common/PIE/PIE.htc);
}
.ie7 ul.dropdown > li > ul > li:last-child,
.ie8 ul.dropdown > li > ul > li:last-child,
.ie7 ul.dropdown > li > ul > li.last {
	background-color: #fff !important;
	border-right: 2px solid #ca0348 !important;
	border-left: 2px solid #ca0348 !important;
	border-bottom: 2px solid #ca0348 !important;
}
.ie7 ul.dropdown ul li:hover,
.ie8 ul.dropdown ul li:hover { 
	background: #ebebeb !important;
}
ul.dropdown ul li span {
	display: block;
	border-bottom: 1px solid #e3e3e3; 
	padding: 7px 0;
}
ul.dropdown ul li.last span { 
	border-bottom:none;
}
ul.dropdown ul li a {
	color: #333;
	text-decoration: none;
	background: url("/common/images/arrow_beige_s.png") 144px center no-repeat;
}
ul.dropdown ul li.hokkaido a {
	background: none;
}
ul.dropdown ul li a	{ 
	border-right: none; 
	width: 100%; 
	display: inline-block;
	overflow: visible; 
} 

/* LEVEL THREE */
ul.dropdown ul ul{
	left: 98%;
	top: 0;
	width: 110px;
	background-image: none;
	padding-top: 0;
	margin-top: -2px;
	border: 2px solid #ca0348;
	-webkit-box-shadow:  0px 2px 3px 2px rgba(00, 00, 00, 0.3);
	box-shadow:  0px 2px 3px 2px rgba(00, 00, 00, 0.3);
}
.ie7 ul.dropdown ul ul{
	left: 100%;
}
ul.dropdown .course ul ul {
	width: 200px;
	left: 98%;
}
.ie7 ul.dropdown .course ul ul {
	left: 100%;
}
ul.dropdown .course ul ul li span {
	color: #333;
	text-decoration: none;
	background: url("/common/images/arrow_beige_s.png") 180px center no-repeat;
}
ul.dropdown .course ul ul li span {
	display: block;
	border-bottom: none; 
	padding: 0 0;
}
ul.dropdown li:hover > ul{
	visibility: visible;
}
ul.dropdown ul ul li{
	border-left: none ;
	border-right: none ;
	padding: 7px 0;
	border-bottom: 1px solid #e3e3e3; 
}
ul.dropdown ul ul li:last-child{
	border-bottom: none ;
}
.ie7 ul.dropdown > li > ul > li > ul li:last-child,
.ie8 ul.dropdown > li > ul > li > ul li:last-child {
	background-color: #fff !important;
}
.ie7 ul.dropdown > li > ul > li > ul li:last-child:hover,
.ie8 ul.dropdown > li > ul > li > ul li:last-child:hover {
	background-color: #ebebeb !important;
}
ul.dropdown ul ul li a{
	color: #06f;
	text-decoration: underline;
	background: none;
}

/* ------------------------------
 breadcrumbs
------------------------------ */

#breadcrumbs {
	width: 100%;
	min-width: 1040px;
	font-size: 93%;
	height: 40px;
	background: url("/common/images/breadcrumbs_bg.jpg") 0 0 repeat-x;
}
#breadcrumbs ul{
	width: 980px;
	margin: 0 auto;
	line-height: 40px;
}
.ie6 #breadcrumbs ul,
.ie7 #breadcrumbs ul{
	margin-top: 14px;
}
#breadcrumbs ul li{
	display: inline-block;
	*display: inline;
    *zoom: 1;
	margin: 0 0 0 0;
	line-height: 1;
	color: #fff;
	padding-bottom: 3px;
}
#breadcrumbs ul li:first-child{
	background: url("/common/images/bc_icon.png") 0 -1px no-repeat;
	padding-left: 21px;
}
#breadcrumbs ul li a{
	text-decoration: underline;
	color: #fff;
}
#breadcrumbs ul li a:hover{
	text-decoration: none;
}
#breadcrumbs ul li:last-child{
	font-weight: bold;
}

/* ------------------------------
 main
------------------------------ */

#main {
	width: 100%;
	min-width: 1040px;
}
#main > .inner{
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 50px;
}
#main h2.title{
	margin-bottom: 30px;
}
#main article{
	width: 730px;
	float: left;
	line-height: 1.6;
}
#main #lnav{
	width: 230px;
	float: right;
}
#main article .h3style{
	background: url("/common/images/bg_heading_01.gif") 0 0 no-repeat;
	min-height: 38px;
	font-size: 153.9%;
	font-weight: bold;
	padding: 0 0 0 35px;
	line-height: 1.4;
	margin-bottom: 20px;
}
#main article .h4style{
	border-left: 4px solid #ebacbe;
	font-size: 123.1%;
	font-weight: bold;
	padding: 2px 0 0 12px;
	line-height: 1.4;
	margin-bottom: 15px;
}
article ul.anchor{
	border: 1px solid #ead2d4;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px ;
	position: relative;
	behavior: url(/common/PIE/PIE.htc);
	padding: 10px 15px;
	background-color: #fff;
	margin-bottom: 30px;
}
article ul.anchor li{
	background: url("/common/images/arrow_beige_d_02.png") 0 1px no-repeat;
	float: left;
	padding-left: 18px;
	margin-right: 14px;
	font-size: 93%;
}
.win article ul.anchor li{
	background: url("/common/images/arrow_beige_d_02.png") 0 2px no-repeat;
	margin-right: 12px;
}
article table.norm {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width: 100%;
	margin-bottom: 20px;
}
article table.norm th,
article table.norm td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color: #fff;
	padding: 12px 15px;
	font-size: 100%;
}
article table.norm th{
	background-color: #f1eae4;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
article table.norm td{
	line-height: 1.8;
}
article a.op img:hover,
article img.op:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


/* ------------------------------
 pagetop
------------------------------ */

section#pagetop {
	width:100%;
	min-width: 1040px;
}
section#pagetop p {
	width:980px;
	margin: 0 auto;
	text-align: right;
	padding: 0 0 23px 0;
}

/* ------------------------------
 footnavi
------------------------------ */

section#footnav {
	width:100%;
	min-width: 1040px;
	background: #fff url("/common/images/fnav_bg.jpg") 0 bottom repeat-x;
	border-top:1px solid #e6e6e6;
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: 0px 3px 4px 1px rgba(00, 00, 00, 0.2);
	box-shadow: 0px 3px 4px 1px rgba(00, 00, 00, 0.2);
	z-index: 2;
	position: relative;
}
.ie8 section#footnav,
.ie7 section#footnav {
	box-shadow:  0px 2px 3px 1px #999;
	behavior: url("/common/PIE/PIE.htc");
	height: 50px;
}

section#footnav nav {
	width:980px;
	margin: 0 auto;
}
.ie7 section#footnav nav {
	height: 50px;
}
section#footnav nav ul{
	font-size: 0;
}
section#footnav nav li{
	display: inline-block;
	*display: inline;
    *zoom: 1;
}

/* ------------------------------
 footer
------------------------------ */

footer {
	width:100%;
	min-width: 1040px;
	background-color: #f2dade;
	border-top:1px solid #e6e6e6;
	padding: 25px 0 ;
}
.ie7 footer {
	zoom: 1;
}
footer a{
	color: #333;
}
footer a:visited{
	color: #333;
}
footer .inner{
	width:980px;
	margin: 0 auto;
}
footer .innerR{
	width:980px;
	margin: 5px auto 0 auto;
	font-size:85%;
	color:#828282;
}
footer .column01{
	width:554px;
	border-left:1px solid #c77084;
	padding: 5px 0 0 20px;
	float: left;
}
footer .column01 .col{
	padding: 0 0 8px 11px;
}
footer .column01 .each{
	width:179px;
	float: left;
}
footer .column01 h3,
footer .column02 h3{
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 1.2em;
	background: url("/common/images/arrow_red.png") 0 0 no-repeat;
	padding-left: 20px;
}
footer .column02 h3:last-child{
	margin-bottom: 0;
}
footer .column01 h4,
footer .column02 h4{
	font-size: 93%;
	font-weight: bold;
	margin-bottom: 0.5em;
}
footer .column01 ul,
footer .column02 ul{
	margin-bottom: 15px;
}
footer .column01 li,
footer .column02 li{
	font-size: 93%;
	margin-bottom: 0.2em;
	line-height: 1.6;
	background: url("/common/images/arrow_red_s.png") 0 4px no-repeat;
	padding-left: 10px;
}
footer .column02{
	width:157px;
	border-left:1px solid #c77084;
	padding: 5px 0 0 18px ;
	float: left;
}
footer .column02 ul{
	margin: 0 0 25px 13px;
}
footer .column03{
	width:210px;
	border-left:1px solid #c77084;
	padding: 5px 0 5px 18px ;
	float: left;
}
footer .column03 h2{
	height: 69px;
	margin-bottom: 21px;
}
footer .column03 h3{
	height: 12px;
	margin-bottom: 12px;
}
footer .column03 li{
	height: 32px;
	margin-bottom: 6px;
}
footer .column03 li:last-child{
	margin-bottom: 12px;
}
footer .column03 p{
	height: 39px;
}

/* ------------------------------
 utilities
------------------------------ */

section#utilities {
	width:100%;
	min-width: 1040px;
	background-color: #ca0349;
	padding: 15px 0 ;
	color: #fff;
}
section#utilities .inner{
	width:980px;
	margin: 0 auto;
}
section#utilities a{
	color: #fff;
}
section#utilities a:visited{
	color: #fff;
}
section#utilities #link{
	float: left;
	font-size: 93%;
}
section#utilities #copyright{
	float: right;
	font-size: 93%;
}



/*--------------------------------------------------
汎用クラス
--------------------------------------------------*/



strong.red,
span.red {
	color: #ff0000;
}
strong.orange,
span.orange {
	color: #d60;
}
strong.green,
span.green {
	color: #2d9200;
}
.fLeft {float: left !important;}
.fRight {float: right !important;}

.txtL { text-align: left !important; }
.txtC { text-align: center !important; }
.txtR { text-align: right !important; }

.vT { vertical-align: top !important; }
.vM { vertical-align: middle !important; }
.vB { vertical-align: bottom !important; }

.nowrap { white-space: nowrap; }

.uppercase { text-transform: uppercase; }

.txtB { font-weight: bold; }

.txt10 { font-size: 77% !important; }
.txt11 { font-size: 85% !important; }
.txt12 { font-size: 93% !important; }
.txt13 { font-size: 100% !important; }
.txt14 { font-size: 108% !important; }
.txt15 { font-size: 116% !important; }
.txt16 { font-size: 123.1% !important; }
.txt17 { font-size: 131% !important; }
.txt18 { font-size: 138.5% !important; }
.txt19 { font-size: 146.5% !important; }
.txt20 { font-size: 153.9% !important; }
.txt21 { font-size: 161.6% !important; }
.txt22 { font-size: 167% !important; }
.txt23 { font-size: 174% !important; }
.txt24 { font-size: 182% !important; }
.txt25 { font-size: 189% !important; }
.txt26 { font-size: 197% !important; }

.mC {
	margin-left: auto !important;
	margin-right: auto !important;
}

.mT0 { margin-top: 0 !important; }
.mT5 { margin-top: 5px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT35 { margin-top: 35px !important; }
.mT40 { margin-top: 40px !important; }
.mT45 { margin-top: 45px !important; }
.mT50 { margin-top: 50px !important; }

.mB0 { margin-bottom: 0 !important; }
.mB5 { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB35 { margin-bottom: 35px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB45 { margin-bottom: 45px !important; }
.mB50 { margin-bottom: 50px !important; }

.mL0 { margin-left: 0 !important; }
.mL5 { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }
.mL25 { margin-left: 25px !important; }
.mL30 { margin-left: 30px !important; }
.mL35 { margin-left: 35px !important; }
.mL40 { margin-left: 40px !important; }
.mL45 { margin-left: 45px !important; }
.mL50 { margin-left: 50px !important; }

.mR0 { margin-right: 0 !important; }
.mR5 { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mR25 { margin-right: 25px !important; }
.mR30 { margin-right: 30px !important; }
.mR35 { margin-right: 35px !important; }
.mR40 { margin-right: 40px !important; }
.mR45 { margin-right: 45px !important; }
.mR50 { margin-right: 50px !important; }

.pB0 { padding-bottom: 0 !important; }
.pB5 { padding-bottom: 5px !important; }
.pB10 { padding-bottom: 10px !important; }
.pB15 { padding-bottom: 15px !important; }
.pB20 { padding-bottom: 20px !important; }
.pB25 { padding-bottom: 25px !important; }
.pB30 { padding-bottom: 30px !important; }
.pB35 { padding-bottom: 35px !important; }
.pB40 { padding-bottom: 40px !important; }
.pB45 { padding-bottom: 45px !important; }
.pB50 { padding-bottom: 50px !important; }




/* ------------------------------
 clearfix
------------------------------ */

.cf:before,
.cf:after{
    content: " ";
    display: table;
}
.cf:after{
    clear: both;
}
.cf{
    *zoom: 1;
}


/*20181219追記*/
.win article ul.anchor li {margin: 5px 10px;}