@charset "Shift_Jis";

/* --------------------
 全体の設定 
-------------------- */

* {
margin:0px;
padding:0px;
font-style:normal;
font-weight:normal;
font-variant:normal;
font-size:small;
font-family :Verdana,osaka,Chicago,"ＭＳ Ｐゴシック",sans-serif;
line-height:1.5em;
color:#333333;
}

body {
background-color:#ffffff;
}

img {border:none;}



hr{
border-top-width: 1px;
height: 1px;
border-style: dotted none none none;
border-color:#969696;
}

/* --- リンク --- */ 

a:link    {color:#993300;}
a:visited {color:#993300;}
a:hover   {color:#bc7878;}

/* --- 見出し --- */ 

h1 {
display:inline;
margin:0px;
padding:0px;
border-bottom:2px solid #eeeeee;
font-size:26pt;
font-family:"Century Gothic","ＭＳ Ｐゴシック",sans-serif;
color:#333333;
letter-spacing:5px;
}
h1 a {
text-decoration:none;
font-size:26pt;
font-family:"Century Gothic","ＭＳ Ｐゴシック",sans-serif;
}
h1 a:link    {color:#808080;}
h1 a:visited {color:#696969;}
h1 a:hover   {color:#808080;}

h2 {
margin:0px;
padding:20px 0px 60px 0px;
font-size:1.1em;
font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
font-weight:bold;
color:#808080;
}
#menu h2 {display:none;}

h3 {
margin:30px 0px 0px 0px;
padding:0px 0px 2px 10px;
font-size:1.5em;
font-weight:bold;
color:#696969;
letter-spacing:3px;
background : url(./img/h3_line1.gif) no-repeat 0% 100%;
}

h4 {
margin:18px 0px 0px 0px;
padding:5px 0px 0px 30px;
font-size:1.1em;
color:#333333;
letter-spacing:3px;
font-weight:bold;
background : url(./img/h4.gif) no-repeat 0% 100%;
}

h5 {
margin:0px;
padding:5px 0px 0px 5px;
font-size:0.9em;
font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
color:#993300;
}

h6 {
margin:10px 0px 0px 0px;
padding:5px 0px 0px 55px;
font-size:0.8em;
letter-spacing:2px;
font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
color:#bc7878;
font-weight:bold;
background : url(./img/h6.gif) no-repeat 0% 100%;
}



/* --- テキスト部分の設定 --- */

.text {
margin:0px;
padding:0px;
}

p {
margin:0.5em 0px 0px 0px;
padding:0px 0px 0px 20px;
}

.back {
clear:both;
display:block;
margin:10px 0px;
padding:0px;
text-align:right;
font-size:1em;
}
.back a {
font-size:0.75em;
}

.center {
text-align:center;
}

.koushi1 {
margin:15px 0px 15px 0px;
color:#333333;
letter-spacing:2px;
font-weight:bold;}

.access1 {
margin:15px 0px 0px 0px;
color:#333333;
letter-spacing:2px;
font-weight:bold;
color:#0078B3;}

.imgright {
float:right;
margin:25px
;}

.imgright2 {
float:right;
margin:5px
;}

.imgright3 {
float:right;
margin:10px
;}

.imgleft {
float:left;
margin:10px
;}

.imgleft2 {
float:left;
margin:8px
;}

.imgleft3 {
float:left;
margin:10px 20px 10px 0px;}

.red {
text-align:center;
color:#cc3300;
font-weight:bold;
}

.bold {
font-weight:bold;
font-size:1.1em;
}

.hr1 {
border-top-width: 1px;
height: 2px;
border-style: dotted none none none;
border-color:#969696;
}

table,th,td {
border : 0px;
border-collapse : collapse;
}



/* ---テーブル（春夏休みページ）--- */


.harunatsuhyo{
margin : 10px 0 0 50px;}



.harunatsuhyo table {
border-collapse : collapse;
border : 1px #808080 solid;
padding : 10px;
font-size : 1.1em;
}

.harunatsuhyo th {
border-collapse : collapse;
border : 1px #808080 solid;
padding : 10px;
font-size : 1.1em;
background : #e6e6fa;}

.harunatsuhyo td {
border-collapse : collapse;
border : 1px #808080 solid;
padding : 10px;
font-size : 1.1em;
}

.harunatsuhyo a{
font-size : 1em;
}



/* --------------------
 基本レイアウトの設定 
-------------------- */

#wrap {
width:850px;
margin:0px auto;
padding:0px;
}

#header {
width:850px;
height:190px;
margin:0px;
padding:100px 0px 20px 0px;
border-top:10px solid #993300;
background : url(./img/photo2.jpg) no-repeat 100% 0%;
}

#menu {
float:right;
width:250px;
margin:0px;
padding:20px 0px 0px 0px;
}

#main {
float:left;
width:570px;
margin:0px;
padding:0px;
}

#footer {
clear:both;
width:850px;
height:50px;
margin:20px 0px 0px 0px;
padding:0px;
text-align:center;
}

/* --------------------
 リストの設定 
-------------------- */

/* --- メニューリストの設定 --- */

#menu ul {
margin:0px;
padding:35px;
}
#menu li {
list-style-type:none;
margin:0px;
padding:0px;
font-size:1em;
font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
}
#menu li a {
text-decoration:none;
padding:0px 0px 0px 5px;
font-size:1em;
font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
}
#menu li a:link     {color:#696969;border-left:3px solid #993300;}
#menu li a:visited  {color:#696969;border-left:3px solid #993300;}
#menu li a:hover    {color:#cc3300;border-left:3px solid #cc9966;letter-spacing:3px;}

.menuimg {margin: 10px;}

/* --- フッターリストの設定 --- */

#footer ul {
margin:0px;
padding:0px;
background-color:#696969;
}
#footer li {
list-style-type:none;
display:inline;
margin:0px 5px;
font-size:10px;
color:#ffffff;
}
#footer li a {text-decoration:none;font-size:10px;}
#footer li a:link    {color:#ffffff;}
#footer li a:visited {color:#ffffff;}
#footer li a:hover   {color:#000000;}
#footer address {display:inline;}

/* --------------------
 サンプルの設定 
-------------------- */

/* --- テキストリストの設定（新着メディア情報） --- */

ul.sample01 {
margin:0.2em;
padding:0px;
}
ul.sample01 li {
list-style:square inside;
margin: 1px 0px 0px 60px;
padding:0px;
font-size:0.8em;
color:#808080;
}
ul.sample01 li a {
}

/* --- 説明つきテキストリストの設定（新着情報） --- */

dl.sample01 {
margin:1em;
padding:0px;
}
dl.sample01 dt {
margin:0px;
padding:0px;
color:#993300;
font-weight:bold;
}
dl.sample01 dd {
margin:0.4em 0px 0.3em 1em;
padding:0px;
}

/* --- 画像リストの設定 --- */

ul.sample02 {
margin:1em;
padding:0px;
}
ul.sample02 li {
list-style-type:none;
display:inline;
margin:0px;
padding:0px;
}
ul.sample02 li a {
}

/* --- 説明つき画像リストの設定 --- */

dl.sample02 {
margin:1em;
padding:0px;
border-top:1px dotted #c0c0c0;
}
dl.sample02 dt {
margin:0px;
padding:5px 0px 0px 0px;
}
dl.sample02 dd {
margin:0px;
padding:0px 0px 5px 0px;
border-bottom:1px dotted #c0c0c0;
}

/* --- 問い合わせフォームの設定 --- */

texttextarea {font-size:1em;}
#name, {
width:300px;
font:100%/normal Osaka,Chicago,Verdana,"ＭＳ Ｐゴシック",sans-serif;
background-color:#f5f5f5;
border:1px solid #aaaaaa;
ime-mode: auto;
}
#mail,#url {
width:300px;
font:100%/normal Osaka,Chicago,Verdana,"ＭＳ Ｐゴシック",sans-serif;
background-color:#f5f5f5;
border:1px solid #aaaaaa;
ime-mode: disabled;
}
#age {
width:30px;
font:100%/normal Osaka,Chicago,Verdana,"ＭＳ Ｐゴシック",sans-serif;
background-color:#f5f5f5;
border:1px solid #aaaaaa;
ime-mode: disabled;
}
#message {
width:400px;
height:150px;
background-color:#f5f5f5;
border:1px solid #aaaaaa;
ime-mode: auto;
}
#button {
padding:0.1em 0;
width:100px;
color:#ffffff;
text-align:center;
background-color:#aaaaaa;
border:1px solid #333333;
}

dl.sampleform {
margin:1em;
padding:0px;
color:#333333;
letter-spacing:3px;
}
dl.sampleform dt {
margin:0px;
padding:0px;
}
dl.sampleform dd {
margin:0px 0px 0.5em 120px;
padding:0px;
text-align:left;
}

/* INFO 1（新着用スクロールバー） */
.info1 {
overflow: auto;
height :120px;
width : 500px;
margin: 15px 0px 20px 25px;
padding:  0px 0px 0px 10px;
text-align : left;
border: 1px #909090 dotted; 
scrollbar-arrow-color : #909090; 
scrollbar-darkshadow-color : #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-face-color : #ffffff; 
scrollbar-highlight-color : #909090;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color : #909090;

}

/* INFO 2（受講生用スクロールバー） */
.info2 {
overflow: auto;
height :1000px;
width : 550px;
margin: 10px 0px 20px 2px;
padding:  0px 0px 0px 10px;
text-align : left;
border: 1px #f5f5f5 solid; 
}

/* ifreme（メニュー用テレビ紹介） */
/*読み込みファイルはinfo-media.html*/

iframe {
overflow: auto;
color:#808080;
text-align : left;
height :190px;
width : 240px;
margin: 10px 0px 20px 10px;
padding:  0px 0px 0px 2px;

}









/* --------------------
 　横並びメニュー
-------------------- */

.menu1{
	width:850px;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8e8e8e;
	}
.menu1 ul{
	background:url(img/menu11-bg.gif) top left repeat-x;
	height:34px;
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px solid #993300;
	border-bottom:1px solid #993300;
	}
	.menu1 li{
		width:141px;
		float:left;
		padding:0px 0px 0px 0px;
		}
	.menu1 li a{
		color:#666666;
		display:block;
		background:url(img/menu11-bg.gif) top left repeat-x;
		line-height:34px;
		padding:0px 10px 0px 0px;
		text-align:center;
		text-decoration:none;
		}
		.menu1 li a:hover{
			background:url(img/menu13-bg.gif) top left repeat-x;
			color:#993300;
			display:block;
			text-decoration:none;
			}


	/*　サブメニュー（ドロップダウンの部分）*/

	.menu1 li ul{
		border:solid 1px #993300;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:139px;  /*　メイン幅からボーダー幅を引いた数値*/
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu1 li:hover ul{
		display:block;
		}


	.menu1 li li {
		display:block;
		float:none;
		height:25px;
		line-height:25px;
		padding:0px;
		width:139px;
		}
	.menu1 li ul a{
		display:block;
		height:25px;
		line-height:25px;
		font-size:12px;
		font-style:normal;
		padding:0px 0px 0px 5px;
		text-align:left;
		}
		.menu1 li ul a:hover{
			color:#993300;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	.menu1 p{
		clear:left;
		}	

/* 選択されたページのメニュースタイル */
	/* メインリンク用 */
	.menu1 #currenta{
		background:url(img/current-bg.gif) top left repeat-x;
		color:#ffffff;
		}

		/* サブリンク用 */
		.menu1 #currentb{
			background:url(img/current-bg.gif) top left repeat-x;
			color:#ffffff;
			}