@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#333;
}

html {
   overflow-y:scroll;

}




body {
   margin:20px 0;

   padding:0;

   line-height:1.6;

   letter-spacing:1px;

   font-family:Verdana,
   Helvetica, sans-serif;

   font-size:13px;

   color:#333;

   background:#cd5c5c;

}






br {
   letter-spacing:normal;

}



a {
   color:#333;

   text-decoration:none;

}


a:hover {
   color:#00FF00;

   text-decoration:none;

}




img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
#top {
   width:780px;

   margin:0 auto;

   padding:10px;

   background-color:#ffffff;

}



div#header {
   position:relative;
   width:780px;
}

div#pr {
   width:780px;
}

div#gnavi {
   position:absolute;
   bottom:5px;
   right:0;
}

div#menu {
   float:left;
   width:780px;
   margin-bottom:15px;
}

div#icatch {
   width:780px;
   margin:0 auto;
   background:#fff;
}

div#hometop {
   width:780px;
   margin:100 auto;
   background:#fff;
}
div#contents {
   width:780px;
   margin:0 auto;
   padding:10px 0 ;
   background:#fff
}

#headImage {

   width:780px;

}



div#main {
   float:left;
   width:570px;
}

div#sub {
   float:right;
   width:200px
}

div#news {
   float:right;
   width:340px;
}

div#totop {
   clear:both;
}

div#footMenu {
   width:780px;
   clear:both;
   overflow:hidden;
   padding:10px 0;
}

div#footer {
   width:780px;
   clear:both;
   padding:10px 0;
}


/* ========TEMPLATE LAYOUT======== */


/* 回り込み解除 */

#contents:after {
   content:"";

   display:block;

   height:0;

   clear:both;

   visibility:hidden;

}




/* ========HEADER CUSTOMIZE======== */
div#header h1 {
   margin:0;
   padding:10px 0;
   font-size:2em;
   color:#333;
}

div#header h1 a {
   color:#9B0000;
}

div#header h1 a:hover {
   color:#D30000;
   text-decoration:none;
}

/* PR CUSTOMIZE */
div#header #pr p {
   margin:0;
   font-size:0.9em;/*ヘッダーの文字の大きさ*/
}


/* GNAVI CUSTOMIZE */
#header #gnavi ul {
   list-style:none;
}

#header #gnavi li {
   float:left;
   font-size:11px;
   margin-left:15px;
}

#header #gnavi li a {
   display:block;
}

#header #gnavi .tel {
   color:#C94C00;
   font-size:24px;
   font-weight:bold;
   letter-spacing:-1px;
   line-height:1.0;
}



#headImage {
   width:780px;

   height:315px;

   overflow:hidden;

   position:relative;

   list-style:none;

}



#headImage ul {
   list-style:none;

   margin:0;

   padding:0;

}



#headImage li {
   position:absolute;

}





/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0 0 1px 0;
   padding:0;
   list-style:none;
}

#menu li {
   overflow:hidden;
   float:left;
   margin:0;
   margin-left:-1px;
   padding:0;
   border:1px solid #CECBCE;
   border-bottom:none;
   background:#fff url("../images/bg_menu4.gif") -40px 0 repeat-x;
}

#menu li a {
   display:block;
   width:129px;
   height:20px;
   padding:10px 0;
   line-height:20px;
   font-weight:bold;
   text-align:center;
   outline:none;
}

#menu li a:hover {
   color:#fff;
   text-decoration:none;
   background:#fff url("../images/bg_menu4.gif") 100% 100% repeat-x;
}

#menu li.home {
   width:128px;
   margin-left:0;
   border-left:1px solid #CECBCE;
}

#menu li.active a {
   color:#fff;
   background:#fff url("../images/bg_menu4.gif") 100% 100% repeat-x;
   text-decoration:none;
}

#menu span {
   color:white;
   font-size:100%;
   
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#9B0000;
}

#main a:hover {
   color:#C94C00;
   text-decoration:underline;
}

#main h2 {
   margin-bottom:12px;
   padding:0 0 0 10px;
   color:#5A482B;
   font-size:16px;
   font-weight:bold;
   line-height:35px;
   border:1px solid #D8D8D8;
   background:url("../images/midasi/head007_01.gif") 100% 100% no-repeat;  /* ====赤====*/
}

#main h2.b {
   margin-bottom:12px;
   padding:0 0 0 10px;
   color:#5A482B;
   font-size:16px;
   font-weight:bold;
   line-height:35px;
   border:1px solid #D8D8D8;
   background:url("../images/midasi/head007_02.gif") 100% 100% no-repeat;  /* ====水色=== */
}

#main h2.y {
   margin-bottom:12px;
   padding:0 0 0 10px;
   color:#5A482B;
   font-size:16px;
   font-weight:bold;
   line-height:35px;
   border:1px solid #D8D8D8;
   background:url("../images/midasi/head007_03.gif") 100% 100% no-repeat;  /* ====黄色==== */
}

#main h2.g {
   margin-bottom:12px;
   padding:0 0 0 10px;
   color:#5A482B;
   font-size:16px;
   font-weight:bold;
   line-height:35px;
   border:1px solid #D8D8D8;
   background:url("../images/midasi/head007_04.gif") 100% 100% no-repeat;  /* ====緑色==== */
}

#main h2.p {
   margin-bottom:12px;
   padding:0 0 0 10px;
   color:#5A482B;
   font-size:16px;
   font-weight:bold;
   line-height:35px;
   border:1px solid #D8D8D8;
   background:url("../images/midasi/head007_05.gif") 100% 100% no-repeat;  /* ====紫色==== */
}

#main h2.bl {
   margin-bottom:12px;
   padding:0 0 0 10px;
   color:#5A482B;
   font-size:16px;
   font-weight:bold;
   line-height:35px;
   border:1px solid #D8D8D8;
   background:url("../images/midasi/head007_06.gif") 100% 100% no-repeat;  /* ====紫色==== */
}

#main h3 {
   margin-bottom:10px;
   padding-left:50px;
   font-size:15px;
   border-bottom:1px solid #999;
   background:url("../images/bg_h3.gif") 0 5px no-repeat;
}

#main h4 {
   margin-bottom:10px;
   padding:2px;
   font-size:16px;
   background:#82af21;
   color:#fff;
}

#main h5 {
   margin-bottom:2px;
   font-size:12px;
   border-bottom:1px solid #5A482B;
}

#main h6 {
   margin-bottom:2px;
   font-size:12px;
}

#main p {
   margin:0 1em 1em 1em;
   font-size:15px;
}

#main p.e1 {
	padding: 5px 15px 10px 20px;
        font-size:15px;
}

#main p.line {
         font-size:15px;
	line-height: 22px;
	background-image: url(images/line_dot.gif);
	background-repeat: repeat;
}

#main p.d {
   margin:0 0 1em 0;
   font-size:15px;
}

#main p.she {
   margin:0 0 1em 0;
   font-size:12px;
}


#main p.line {
	line-height: 22px;
	background-image: url(images/line_dot.gif);
	background-repeat: repeat;
}


#main p .migi {         /* ========回り込み　左======== */
   float: right;
   margin-left: 1em;
   margin-right: 0em;
   margin-bottom: 1em;
 }


#main p .hidari {        /* ========回り込み　左======== */
   float: left;
   margin-left: 0em;
   margin-right: 1em;
   margin-bottom: 1em;
 }


#main p.kaijo1{   /* ========回り込み　解除======== */
clear:both;
} 


#main ul,ol,dl {
   font-size:16px;
}

#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#fffafa;
}

#main span {
	color : #753a00;		/*spanタグを使用した時の文字色*/
}

#main span.red {
	color : red;		/*spanタグを使用した時の文字色*/
}

#main span.blue {
	color : blue;		/*spanタグを使用した時の文字色*/
}

#main span.ore {
	color : #ff4500;		/*spanタグを使用した時の文字色*/
}

#main span.pi {
	color : #ff00ff;		/*spanタグを使用した時の文字色*/
}

#main span.pu {
	color : #800080;		/*spanタグを使用した時の文字色*/
}

#main span.usutya {
	color : #800000;		/*spanタグを使用した時の文字色*/
}


#main span.asagi {
	color : #3cb371;		/*spanタグを使用した時の文字色*/
}


#main span.hi {
	color : #0000ff;		/*spanタグを使用した時の文字色*/
}


#main span.gu {
	color : #800080;		/*spanタグを使用した時の文字色*/
}


#main span.ma {
	color : #228b22;		/*spanタグを使用した時の文字色*/
}


#main span.no {
	color : #ffd700;		/*spanタグを使用した時の文字色*/
}


#main span.go {
	color : #ff4500;		/*spanタグを使用した時の文字色*/
}


#main span.ti {
	color : #32cd32;		/*spanタグを使用した時の文字色*/
}


#main span.so {
	color : #0000ff;		/*spanタグを使用した時の文字色*/
}


#main span.u {
	color : #ff1493;		/*spanタグを使用した時の文字色*/
}


#main span.su {
	color : #66cdaa;		/*spanタグを使用した時の文字色*/
}


#main span.om {
	color : #8b008b;		/*spanタグを使用した時の文字色*/
}


#main span.se {
	color : #ff6347;		/*spanタグを使用した時の文字色*/
}

#main span.cu {
	color : #8b4513;		/*spanタグを使用した時の文字色*/
}

#main span.omm {
	color : #2e8b57;		/*spanタグを使用した時の文字色*/
}

#main span.to {
	color : #d2b48c;		/*spanタグを使用した時の文字色*/
}

#main span.hc {
	color : #da0b00;		/*spanタグを使用した時の文字色*/
}


div#main img.ry{
   margin-bottom:10px;    /*ホームステイ料金　イメージ*/
}


/*メイン部分のボックス
----------------------------------------------------------*/

#main div.box {
	border-width: 1px;	/*ボーダーの太さ*/
	border-style: solid;	/*ボーダースタイル*/
	border-color: #cccccc;	/*ボーダーカラー*/
	padding: 5px;
	margin-bottom: 10px;
}

#main div.box p {
	padding-bottom: 0px;
}
/*メイン部分のボックス(2カラム)
----------------------------------------------------------*/

#main div.box2column {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

#main div.box2column_left {
	float: left;
	width: 310px;
	padding: 5px;
	border-width: 1px;	/*ボーダー枠の太さ*/
	border-style: solid;	/*ボーダー枠のスタイル*/
	border-color: #cccccc;	/*ボーダー枠カラー*/
}

* html #main div.box2column_left {
	width: 320px;	/*IE6用*/
}

#main div.box2column_right {
	float: right;
	width: 310px;
	padding: 5px;
	border-width: 1px;	/*ボーダー枠の太さ*/
	border-style: solid;	/*ボーダー枠のスタイル*/
	border-color: #cccccc;	/*ボーダー枠カラー*/
}

* html #main div.box2column_right {
	width: 320px;	/*IE6用*/
}

#main div.box2column p {
	padding-bottom: 0px;
}
/*イメージボックス
----------------------------------------------------------*/

#main div.imagebox {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

#main div.box div.imagebox {
	margin-bottom: 0px;
}
/*イメージボックス アルバム（画像を並べて表示する設定になっている部分）
----------------------------------------------------------*/

#main ul.imagebox_album li {
	border-width: 1px;		/*画像 ボーダー枠の太さ*/
	border-style: solid;		/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;		/*画像 ボーダー枠カラー*/
	background-color: #e6e6e6;	/*画像 枠の余白部分カラー*/
	padding: 4px;			/*画像 枠の余白幅*/
	margin: 5px;
	float: left;
}

* html #main ul.imagebox_album li {
	display: inline;	/*IE6用*/
}

#main ul.imagebox_album img {
	vertical-align: bottom;
}
/*イメージボックス レフト（左側に画像を置く設定になっている部分）
----------------------------------------------------------*/

#main div.imagebox_left {
	background-color: white;
	padding-right: 10px;
	float: left;
}

#main div.imagebox_left img {
	border-width: 1px;		/*画像 ボーダー枠の太さ*/
	border-style: solid;		/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;		/*画像 ボーダー枠カラー*/
	background-color: #e6e6e6;	/*画像 枠の余白部分カラー*/
	padding: 5px;			/*画像 枠の余白幅*/
}
/*イメージボックス ライト（右側に画像を置く設定になっている部分）
----------------------------------------------------------*/

#main div.imagebox_right {
	background-color: white;
	padding-left: 10px;
	float: right;
}

#main div.imagebox_right img {
	border-width: 1px;		/*画像 ボーダー枠の太さ*/
	border-style: solid;		/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;		/*画像 ボーダー枠カラー*/
	background-color: #e6e6e6;	/*画像 枠の余白部分カラー*/
	padding: 5px;			/*画像 枠の余白幅*/
}
/*イメージボックス2アパート5枚
----------------------------------------------------------*/
#main div.imagebox2 {
 border: 1px solid #5390d1;
 background-color: #eeeeff;
 width: 95px;
 float: left;
 text-align: center;
 margin: 0.5em 3px 1em 3px;
 }
#main p.image, p.caption {
 text-align: center;
 margin: 1px;
 }
#main p.caption {
 font-size: 12px;
 color: #00008b;
 }
#main p.clear {
 clear: both;
 }


/* INFORMATION CUSTOMIZE */
* html body #main dl.information dd div {
   display:inline-block;
}

#main dl.information dt {
   float:left;
   margin:0;
   padding:0;
}

#main dl.information dd {
   margin:5px 0;
   padding:0 0 0.5em 8em;
   background:url("../images/bg_dotline.gif") 0 100% repeat-x;
}

#main table {
   width:80%;
   border-collapse:collapse;
}

#main table th {
   padding:5px;
   font-size:16px;
   text-align:left;
   border:1px solid #ddd;
   background:#EBEADD;
}

#main table td {
   padding:5px;
   font-size:16px;
   text-align:right;
   border:1px solid #ddd;
}

/*英会話教室料金表「TABLEレイアウト」
----------------------------------------------------------*/

#main table.style_a {
	width: 90%;
	font-size: 14px;	/*文字サイズ*/
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px;

}

#main table.style_a td {
	padding: 5px;
	border-width: 1px;		/*内容部分のボーダー枠の太さ*/
	border-style: solid;		/*内容部分のボーダー枠スタイル*/
	border-color: #cccccc;		/*内容部分のボーダー枠カラー*/
	text-align: left;
}

#main table.style_a td.e1 {
	padding: 5px;
	border-width: 1px;		/*内容部分のボーダー枠の太さ*/
	border-style: solid;		/*内容部分のボーダー枠スタイル*/
	border-color: #cccccc;		/*内容部分のボーダー枠カラー*/
	text-align: right;
}


/*「TABLEレイアウト」Schedule-------------------*/

#main table.style_b {
	width: 100%;
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px;
}

#main table.style_b th {
	font-size: 12px;	/*文字サイズ*/
	width: 150px;			/*項目部分の幅サイズ*/
	color: black;			/*項目部分の文字色*/
	background-color : #f5f5dc;	/*項目部分の背景色*/
	border-width: 1px 0px 1px 1px;			/*項目部分のボーダー枠の太さ｜右サイド表示なし*/
	border-style: solid;				/*項目部分のボーダー枠スタイル*/
	border-color: #cccccc;				/*項目部分のボーダー枠カラー*/
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	text-align: center;
}

#main table.style_b td {
	width: 120px;
	font-size: 12px;	/*文字サイズ*/
	text-align: center;
	background-color : #fffafa;	/*項目部分の背景色*/
	padding: 5px;
	border-width: 1px;		/*内容部分のボーダー枠の太さ*/
	border-style: solid;		/*内容部分のボーダー枠スタイル*/
	border-color: #cccccc;		/*内容部分のボーダー枠カラー*/
}

/*「TABLEレイアウト 2」お振込先-------------------*/
 
#main table.style_02 { 
        width:80%;
        margin:0px 0px 20px 0px;
        padding:0px;
        border-collapse:separate;
        border-spacing:1px;
}
#main table.style_02 th {
        width:25%;
        padding:4px 2px 2px 4px;
        text-align:center;
        vertical-align:top;
        color:white;
        background-color:#000080;
        border:1px solid #BBBBBB;
}
#main table.style_02 td {
        padding:4px 2px 2px 4px;
        text-align:left;
        border:1px dotted #999999;
}


/* 追加　四角アイコン　赤--------------------------------------*/
#main span.icon-red {
background-image: url(../images/icon/s1.png);
background-repeat: no-repeat;
background-position: left;
font-size: 12pt;
padding: 0px 0px 0px 16px;
} 
/* 追加　四角アイコン　青--------------------------------------*/
#main span.icon-blue {
background-image: url(../images/icon/s4.png);
background-repeat: no-repeat;
background-position: left;
font-size: 12pt;
padding: 0px 0px 0px 16px;
} 
/* 追加　四角アイコン　黄--------------------------------------*/
#main span.icon-yellow {
background-image: url(../images/icon/s2.png);
background-repeat: no-repeat;
background-position: left;
font-size: 12pt;
padding: 0px 0px 0px 16px;
} 
/* 追加　四角アイコン　緑-------------------------------------*/
#main span.icon-green {
background-image: url(../images/icon/s3.png);
background-repeat: no-repeat;
background-position: left;
font-size: 12pt;
padding: 0px 0px 0px 16px;
} 
/* 追加　四角アイコン-brown　茶--------------------------------------*/
#main span.icon-brown {
background-image: url(../images/icon/s7.png);
background-repeat: no-repeat;
background-position: left;
font-size: 12pt;
padding: 0px 0px 0px 16px;
} 
/* 追加　四角アイコン　むらさき--------------------------------------*/
#main span.icon-purple {
background-image: url(../images/icon/s10.png);
background-repeat: no-repeat;
background-position: left;
font-size: 12pt;
padding: 0px 0px 0px 16px;
} 


/* ========メイン問い合わせ======== */

#main #co ul {
   list-style:none;
}

#main #co li {
   float:left;
   font-size:11px;
   margin-left:15px;
}

#main #co li a {
   display:block;
}

#main #co .tel {
   color:#C94C00;
   font-size:24px;
   font-weight:bold;
   letter-spacing:-1px;
   line-height:1.0;
}


/* ========メイン申し込みボタン======== */
#main #mo img{
   margin:15px;
   padding:10px;
}

#main #mi img{
   margin-bottom:15px;
}

/*リンクボックス（バナー画像なし）
----------------------------------------------------------*/

#main dl.linkbox-nobanner {
	width: 100%;
	position: relative;
	background-image: url(images/line01s_ffffff.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 10px;
}

#main dl.linkbox-nobanner dt {
	color : #6f3700;		/*サイト名部分にリンク設定がない時の文字色*/
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-weight: bold;
}

#main dl.linkbox-nobanner dt a {
	color : #6f3700;		/*サイト名部分にリンク設定がある時の文字色*/
	text-decoration: none;
}

#main dl.linkbox-nobanner dd {
	position: relative;
}

/*サイトマップ　メニュー
----------------------------------------------------------*/

#main ul#site {
	text-align: center;
	margin-bottom: 5px;
	margin-left: 20px;
}

#main ul#site li {
	margin-bottom: 2px;
}

#main ul#site li a {
	text-align: left;
	text-indent: 20px;
	color: #666666;			/*文字色*/
	width : 350px;			/*サイドメニュー部分の幅サイズ*/
	text-decoration: none;		/*リンク時の下線なし設定*/
	background-image : url(images/ya-red.png);	/*メニューの左サイドに表示される画像*/
	background-repeat: no-repeat;
	background-position: 2px 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

#main ul#site a:hover {
	color : #552b00;			/*マウスオーバー時の文字色*/
	background-image : url(images/ya-green.png);	/*マウスオーバー時の左サイドに表示される画像*/
	background-repeat: no-repeat;
	background-position: 2px 8px;
}

/* ========SUBCONTENTS CUSTOMIZE======== */
#sub .section {
   font-size:14px;
   margin-bottom:10px;
}


#sub h2 {
   padding:3px;
   font-size:15px;
   font-weight:bold;
   color:#fff;
   padding-left:10px;
   background:#008000;
   border-bottom:1px solid #C1C1C1;
   border-right:1px solid #C1C1C1;
}



#sub h3 {
   padding:3px;
   font-size:14px;
   font-weight:bold;
   color:#fff;
   padding-left:10px;
   background:#800000;
   border-bottom:1px solid #C1C1C1;
   border-right:1px solid #C1C1C1;
}

#sub ul {
   margin:5px 0 0 5px;
   padding:0;
}

#sub li {
   padding:5px 0 5px 0;
   line-height:1.4;
   list-style:none;
   background:url("../images/bg_dotline.gif") 0 100% repeat-x;
}

#sub li a {
   display:block;
   padding-left:12px;
   background:url("../images/bg_list.gif") 0 6px no-repeat;
}


#sub #call .style {
   text-align:center;
}

#sub #call p {
   font-size:11px;
   display:block;
}

#sub #call .tel {
   color:#C94C00;
   font-size:24px;
   font-weight:bold;
   letter-spacing:-1px;
   line-height:1.0;
}

#sub img {
    margin-top:0;
    margin-bottom:10px; 
}




/* ========TOTOP CUSTOMIZE======== */
div#totop{
   position:relative;
   height:2em;
}

div#totop p{
   position:absolute;
   top:10px;
   right:0;
   margin:0;
   font-size:0.7em;
}

div#totop p a {
   padding-left:8px;
   background: url(images/bg_totop.gif) 0 50% no-repeat;
}



/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu {
   position: relative;
   padding:20px 0 0 0;
   border-top:1px solid #1e90ff;
}

#footMenu ul {
   margin:0;
   padding:10px 0 0 0;
   text-align:center;
   font-size:12px;
}

#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   list-style:none;
}

#footMenu li a {
   padding-left:10px;
   background:url("../images/bg_footmenu.gif") 0 50% no-repeat;
}



/* ========FOOTER CUSTOMIZE======== */
div#footer{
   text-align:center;
   padding:20px 0;
}

div#footer address {
   font-size:0.85em;
}