@charset "utf-8";
@import url(../common/css/base.css);
@import url(../common/css/ks.css);

.textc {
	margin-top:15px;
}

h2 {
	margin-bottom:7px;
}


div#content2 {
    width: 720px;
    margin: 0 auto;
}

/*=====関連リンク=======*/

#related dl{
	width: 100%;
	margin : 2em !important;
}
#related dt{
	float: left;
	clear: left;
	width: 20%;
	background-color: transparent !important;
	margin: .5em !important;
}
#related img{
	width: 100%
}
#related dd{
	float: left;
	font-size: 1rem;
	font-weight:bold;
}
.clear{
	clear:both;
}
.clear hr{
	display:none;
}

/*=====基礎情報リンク２=======*/

#related2 dl{
	width: 100%;
	margin : 2em !important;
}
#related2 dt{
	float: left;
	clear: left;
	width: 20%;
	background-color: transparent !important;
	margin: .5em !important;
}
#related2 img{
	width: 100%
}
#related2 dd{
	float: left;
	font-size: 1rem;
	font-weight:bold;
}

.kokomite {
	background: linear-gradient(transparent 0%, #FF0 0%);
	color: #900;
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
}

.dt-dd-inline {
	margin: 1rem;
	clear: both;
}
.dt-dd-inline dt {
	float: left;
	width: 30%;
	font-weight:bold;
	margin-bottom: .8rem;
}
.dt-dd-inline dd {
	float: left;
	width: 50%;
	margin-bottom: .8rem;
}

/* ===================================================================
 おけいこ
=================================================================== */
.plus ul li {
	color:#EF4861;
	font-size:1.4em;
	margin-bottom:10px;
}

.plus h3 {
	margin-top:25px;
	margin-bottom:5px;
	font-size:1.6em;
	color:#EF4861;
}

.plus h3 span {
	font-weight:normal;
	font-size:0.7em;
	margin-left:15px;
}

.plus table {
	margin-bottom:30px;
	border-top:dotted 1px #ccc;
	width:100%;
}

.plus table tr td {
	padding:5px 0 5px 5px;
	border-bottom:dotted 1px #ccc;
}

.plus table tr td span {
	display:block;
	font-size:0.7em;
}

.plus table tr .wid {
	width:55%;
}

.plus table .even {  
    background-color:#F2FBFE;  
} 

/* ===================================================================
 留学
=================================================================== */
.uklang h3 {
	margin-top:25px;
}

.uklang table {
	width:100%;
	margin:10px 0;
}

/* 違い */
.uklang #tbl_def tr th,
.uklang #tbl_def tr td {
	padding:3px 5px;
	border:solid 1px #ccc;
}

.uklang #tbl_def tr th {
	font-weight:normal;
	white-space:nowrap;
	background-color:#FBF7F7;
}

.uklang #tbl_def tr td dl {
	margin-top:10px;
}

.uklang #tbl_def tr td dl dt {
	padding:0 1px;
	margin-bottom:5px;
	display:inline;
	font-weight:bold;
	color:#fff;
}

.uklang #tbl_def tr td dl .de {
	background-color:#7DB4BB;
}

.uklang #tbl_def tr td dl .me {
	background-color:#E98A51;
}

/* スケジュール */
.uklang #tbl_sk tr th,
.uklang #tbl_sk tr td {
	padding:3px 5px;
	border:solid 1px #ccc;
	text-align:center;
}

.uklang #tbl_sk tr th {
	font-weight:normal;
	white-space:nowrap;
	background-color:#efefef;
}

.uklang #tbl_sk tr td dl {
	text-align:left;
	float:left;
	margin-right:80px;
}

.uklang #tbl_sk tr td dl dt {
	clear:left;
	float:left;
	width:10em;
}

.uklang #tbl_sk tr td dl dd {
	margin-left:10em;
}

.uklang #tbl_sk tr .col_pi {
	background-color:#FBF7F7;
}

/* ===================================================================
 プログラム
=================================================================== */
.program h3 {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
	padding:6px 10px;
	margin:30px 0 10px 0;
	width:700px;
	font-size:1.4em;
	color:#333;
	font-weight:normal;
}
.program h4 {
	color:#3A3AAE;
	border-bottom:dotted 1px #3A3AAE;
	margin-top:20px;
	font-size:1.2em;
	margin-bottom:3px;
}

.program div {
	margin-top:20px;
}

.program div h4 {
	color:#EF4861;
	font-size:1.2em;
	margin-bottom:5px;
	padding:3px 7px 3px 20px;
	background:url(../img/ya_pi.png) no-repeat 0 40%;
	background-color:#F1EEE9;
}
.program div h4 a {
	text-decoration:none;
	color:#EF4861;
}
.program div h4 a:hover {
	text-decoration:underline;
}

.program div p {
	clear:right;
}

.program div .p_price {
	float:right;
	color:#3A3AAE;
	margin-bottom:5px;
	font-weight:bold;
	display:inline;
	background-color:#F2FBFE;
	padding:2px 7px;
}

.program table {
	width:100%;
	margin-bottom:7px;
}

.program table tr th,
.program table tr td {
	padding:2px 5px;
	border:solid 1px #ccc;
}

.program table th {
	background-color:#FFE1FD;
	font-weight:normal;
}

.program .tbl_gr tr th {
	background-color:#eeffdc;
	color:#448c0d;
	font-weight:bold;
	text-align:center;
}
.program .attn {
	background-color: #FFDFFF;
	padding: 7px;
	border: 1px solid #FF9B9B;
}

/* ===================================================================
 index
=================================================================== */
/* カウンセラ */
.uk_index #in_point {
	color:#EF4861;
	font-size:1.6em;
	margin:15px 0;
}

.uk_index #in_point span {
	font-weight:bold;
}
#g_ichiran {
	margin:7px 10px;
}

#g_ichiran li {
	background:url(../img/ya_br.gif) no-repeat 0 0;
	padding-left:20px;
	line-height:2;
}
.uk_index #g_ichiran {
	margin:7px 10px;
}

.uk_index #g_ichiran li {
	background:url(../img/ya_br.gif) no-repeat 0 0;
	padding-left:20px;
	line-height:2;
}

/* 留学プログラム */
.uk_index #osusume_in {
	padding-bottom:35px;
}

.uk_index #osusume_in dt {
	clear:left;
	float:left;
	width:100px;
	height:75px;
	margin-top:10px;
}

.uk_index #osusume_in dd {
	margin-left:120px;
	height:75px;
	padding-top:10px;
}

/* ピックアップ */
.uk_index #pickup_in {
	background:url(img/in/bg.gif);
	padding:15px 10px 5px 10px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	float:left;
	margin-bottom:25px;
}

.uk_index #pickup_in h2 {
	margin-bottom:15px;
	margin-top:0;
}

.uk_index #pickup_in div {
	float:left;
	width:350px;
}

.uk_index #pickup_in h3 {
	background-color:#471E1E;
	padding:2px 5px;
	color:#fff;
	display:inline;
}

.uk_index #pickup_in dl {
	margin-bottom:25px;
}

.uk_index #pickup_in dl dt {
	margin-top:15px;
	background:url(../img/ya_br.png) no-repeat;
	padding-left:25px;
}

.uk_index #pickup_in dl dt span {
	display:block;
}

.uk_index #pickup_in dl dd {
	margin-left:25px;
}

#c_mneu {
	background-color:#faf6e8;
	padding:10px;
}

.btn_ugr {
	margin-bottom:25px;
}

.btn_ugr li {
	padding:5px 7px;	
}
/* h1 */
h1 {
   
    font-size: 2.5rem;
    font-style: italic;
    font-weight: 200;
    padding: 0 0 3px 3px;
   
    
}
/* 語学学校リスト */
.schoolist p {
	font-size: 1rem;
}
.schoolist dl {
	background-color: #fff;
	width: 95%;
	margin: 0 auto;
	height: 90%;
}
.schoolist dt {
	font-weight: bold;
	font-size: 1.2rem;
	margin: 2em .6em;
	padding: 1em 0 .5em 0;
	height: 100%;
	line-height: 1.4rem;
}
.schoolist dt img {
	float: left;
	margin-right: .5em;
}
.schoolist dd {
	font-size: 1rem;
	height: 90%;
	line-height: 1.4rem;
	margin: 3em 1em 4em 1em;
	border-top: solid #864537 2px;
	padding-top: 1em;
	padding-bottom: 1em;
	clear: both;
}
.bg1 {
	background-color: #EFF;
	padding-top: .1em;
	padding-bottom: 2em;
	margin-bottom: 1em;
	margin-top: 1em;
	border-radius: 5px;
}
.bg1 h3{
	border-bottom: solid 1.5px #0033CC;
	color: #0033CC;
	font-size: 1.2rem;
	padding: .3rem 1rem;
}
.bg1 p.title3{
	border-bottom: solid 1.5px #0033CC;
	margin-bottom: .8em;
	color: #0033CC;
	font-size: 1.2rem;
	padding: .3rem 1rem;
}
.bg1 img {
	float:left;
	margin: .1rem .5rem;
}
.schoollink {
	text-align: right;
	font-size: 1.3rem;
	font-weight:bold;
	margin: 1rem .5rem;
}
.schoollink a:link {
	text-decoration: none;
	border: solid 1.5px #003399;
	color: #003399;
	padding: 0.5rem;
	border-radius: 3px;
}
/* リンクの矢印 li */
.wst-link li {
    position: relative;
    padding: 5px 0 5px 20px;
    font-size: 12px;
}
.wst-link li:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 0;
    width: 0.8em;
    height: 0.8em;
    border-top: #ddd 3px solid;
    border-right: #ddd 3px solid;
    transform: rotate(45deg);
}
/* リンクの矢印 li 2*/
.school-list li {
    background: url(../../img/ya.gif) no-repeat 0 50%;
    position: relative;
    padding: 0 15px;
}

/*アドバナー*/
.ad-banner {
	text-align:center;
	margin: 0 auto;
}
/*indexページアピール追加*/
div#issue {
    background: #fff7ec;
    padding: 10px;
    border-radius: 5px;
    border: 3px solid #3a3aae;
    margin-top: 50px;
}
#issue ul{
	margin: 1rem 1rem;
}
#issue li {
    padding: .4rem 2rem;
    font-size: 1rem;
    font-weight: bold;
    background: url(img/check01.png) no-repeat 0 20%;
}
#issue p {
	font-size: 1rem;
	margin: .2rem .5rem;
}
#lspoints {
    margin-top:30px;
}
#lspoints p {
	font-size: 1rem;
	margin: .2rem .5rem;
}
#lspoints dl {
    margin: .5rem;
    margin-bottom: 1rem;
}
#lspoints dt {
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: .3rem;
}
#lspoints dd {
	line-height: 1.2rem;
	margin: 0 2rem;
}
#lspoints .point{
	background-color:#FF0000;
	color: #FFF;
	font-weight: bold;
	margin-right: .4rem;
	padding: 0 .5rem;
	border-radius:50%;
}
#lspoints ul li{
	margin-left: auto;
	margin-bottom: .8rem;
}
/* 角丸 */
.Button4 {
    /* overflow: hidden; */
    width: 50%;
    /* height: 50px; */
    padding: 0;
    text-align: center;
    margin: 15px auto;
    clear: both;
}
.Button4 a {
    display: block;
    text-align: center;
    /* background: #C0F; */
    text-decoration: none;
    color: #3a3aae;
    font-size: 1.5em;
    line-height: 50px;
    border: 1px solid #3a3aae;
}
.Button4 a:hover {
	background: ;        /* マウスオーバーカラー */  
}
.Radius5 {  
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.Button5 {
	overflow: hidden;
	width: 50%;
	height: 50px;
	padding: 0;
	
}
.Button5 a {
	display: block;
	position: relative;
	text-align:center;
	background: #00a0e9;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	text-decoration:none;
}
.Button5 a:hover {
	background: #3ab2e9;        /* マウスオーバーカラー */  
}
#IconList1 a:before {        /*白いひし型 */ 
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
#IconList1 a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */ 
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #00a0e9;
}
#IconList1 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */ 
	background: #3ab2e9;
}
/*エンベッドフォーム*/
#toiawase {
	border: #999 solid 1px;
	background-color: #FEF;
	width: 95%
	margin: 0 auto;
	padding: 1em;
}
#toiawase .note{
	font-size: .8em;
}
/* フォーム確認ボタン */
.btnctr {
	text-align: center;
}
.sbt_1{
	width:50%;
	height:40px;
	background-color:#e83f22;
	border:none;
	color:#fff;
	font-size:1.1em;
	font-weight:500;
	text-align:center;
	
}
.sbt_1:hover{
	background-color:#761c0c !important;
	color:#fff;
}
.mokuji li {
	margin: 1em 0;
}

/* 問い合わせ */
div#informbox {
    background: #ffeccd;
    padding: 15px 20px;
    border: 4px solid #ffd595;
    margin: 30px 0;
}
li.topbox {
    float: left;
    margin-right: 5px;
}
.img-udr-mgn{
	margin-top: 1em;
}
/*===都市概要の枠===*/
div#toshigaiyo {
	margin: 1em .5em;
	background-color: #FFFFF4;
	border-radius: 5px;
}
#toshigaiyo dl {
	margin: 1rem;
	padding: 1rem;
}
#toshigaiyo dl dt {
	font-weight:bold;
	color: #600;
}
#toshigaiyo dl dd {
	margin-bottom: 1em;
}
/*==============*/
/*===画像真ん中===*/
.imgc {
	display: block;
	text-align:center;
	margin-bottom: 1rem;
	margin-top: 1rem;
}
/*==============*/
/*=====もくじ=======*/
#mokuji {
	margin-left: 1.5em;
	border: dashed #03C 2px;
	background: #E6F5FF;
	padding: 1rem;
	color: #006;
	width: 60%;
}
#mokuji ul {
	margin-left: 2em;
}
#mokuji li {
	line-height: 1.5em;
	text-decoration:underline;
	list-style: disc;
	margin: .5em 0;
}
/*=====li横並び=======*/
.inline ul li {
	display:inline
}