@charset "UTF-8";

/*//////////////// (共通)レイアウト設定 /////////////////*/

*{
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.3 "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka-等幅",verdana,arial, sans-serif;
}
body{
	background: #215687;
}
div#box{
/*/	margin-top: 0px;
	margin-bottom: 7px;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	width: 800px;//*/
	margin: auto;
	padding: 0px;
	width:800px;
	height: auto;
}

/*//////////////// (共通)ヘッダー /////////////////*/

div#header{
	background: #02971d;
	background-image: url(image/kenkyu-kai_bar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 800px;
	height: 40px;
}
#header h1{ 
	margin-top: 1px;
	margin-bottom: 2px;
	padding-bottom: 3px;
	padding-top: 4px;
	padding-left: 25px;
	font-size: 26px;
	color: #ffffff;
	letter-spacing: 1px;
}

/*//////////////// (共通)ナビゲーションバー /////////////////*/

#navigation {
	width: 790px;
	padding: 5px;
	margin: 0 auto;
	background-color: #797979;
	position: relative;  /*ドロップダウンが下の動画の上になるようにする為*/
	z-index: 1000;
}
#container {
	margin: 0px 0px 0px 170px;
}
#container ul {
	list-style: none;
	overflow:hidden;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
}
ul#menu li {
	float: left;
	list-style-type: none;
}
ul#menu ul li {
	clear: left;
	border-bottom: 1px dashed #000000;
	background-color: #8f8f8f;
}
ul#menu li a {
	display: block;
	text-decoration: none;
	color : #ffffff;
	padding : 2px 3px;
}
ul#menu a:hover {
	background-color: #cf7;
	color: #000000;
}
ul#menu ul {
	display: none;
}
ul#menu li:hover > ul {
	display: block;
	position: absolute;
	background-color: #8f8f8f;
}
 /*OperaとSafari用 指定しないとOperaでドロップリンク幅が超広くなります(最新版では対応済のようです)*/
html:first-child ul#menu li:hover > ul { 
	width: 160px;
}
ul#menu ul ul{
	margin-top: -2em;
	margin-left: 8em;
}

/*//////////////// (共通)フッター /////////////////*/

div#footer{
	background: #999999;
	font-size: 15px ; color: #ffffff;
	padding: 4px 20px 0px 0px;
	margin: 0px 10px 0px 10px;
	text-align: center;
	width: 760px;
	height: 22px;
}

/*//////////////// (共通) /////////////////*/

h3{
	font-size: 16px ; color: #006400;
	font-weight: bold;
	margin-left: 5px;
	clear: both;
	}
.small{
	font-size: 12px;
}
.futozi{
	font-weight: bold;
	font-size: 17px;
}
.f-size_09{
	font-size: 0.9em;
}
.f-size_08{
	font-size: 0.8em;
}
.saizitu{
        color: #ff0000;
}
.space{
	padding-left: 90px;
}
.space2{
	padding-left: 25px;
}
.space3{
	padding-left: 95px;
}
.sentence{
	margin: 5px 15px;
	padding: 10px 25px;
}
hr{
margin: 5px 0px 10px 0px;
}
.part {
	margin: 0px 30px 0px 30px;
	padding: 12px 0px 10px 15px;
	background: #f3f4f7;
	border: 1px dashed #999999;
	line-height: 1.2em;
	font-size: 16px;
}
.part a {
	text-decoration: none;
	font-weight: bold;
	color : #ff8000;
}
.part a:hover{
	text-decoration: none;
	color: #ff9900;
}


/*//////////////// トップページ /////////////////*/

/********************** (上部コンテンツ領域) **********************/
div#content{
	border-bottom: 10px solid #484848;
	background: #ffffff;
	margin: 0px;
	width: 800px;
	/*/height: 496px;/*/
	height: auto;
	position: relative;
	z-index: 1;
}

div#maincontent{ /*コンテンツエリア*/
	border-bottom: 10px solid #484848;
	background: #ffffff;
	margin: 0px;
	padding: 15px 34px 30px 34px;
	width: 732px;  /*ie6の横幅表示バグ調整の為に＋2*/
	position: relative; 
	z-index: 888;
}
div#maincontent h2{
	border-left: 10px solid #02971d;
	border-bottom: 1px solid #02971d;
	font-size: 25px;
	margin: 0px 390px 20px 5px;
	padding-left: 5px;
	white-space: nowrap;
}
div#maincontent2{ /*お問い合わせ送信完了用*/
	border-bottom: 10px solid #484848;
	background: #ffffff;
	margin: 0px;
	padding: 15px 34px 30px 34px;
	width: 732px;  /*ie6の横幅表示バグ調整の為に＋2*/
	position: relative; 
	z-index: 888;
}
div#maincontent2 h2{
	border-left: 10px solid #02971d;
	border-bottom: 1px solid #02971d;
	font-size: 25px;
	margin: 0px 300px 20px 5px;
	padding-left: 5px;
	white-space: nowrap;
}

/********************** (左領域) **********************/

div#l_content{
	float: left;
	background: #ffffff;
	margin-top: 0px;
	padding: 0px;
	width: 445px;
	height: 280px;
}
div#movie{
	background: #ffffff;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 6px;
	padding: 0px;
	width: 442px;
	height: 250px;
	position: relative; 
	z-index: 2;
}
/********************** (右領域) **********************/
div#r_content{
	float: left;
	background: #ffffff;
	margin-top: 0px;
	padding: 0px;
	width: 350px;
	height: 280px;
}
div#newsbox{
	overflow: auto;
	margin: 10px 12px 6px 3px;
	padding: 7px 5px 0px 5px;
	width: 325px;
	height: 260px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-color: #dcdcdc;
	border-width: 0px 1px 3px 0px;
}

#newsbox h2 {
	font-size: 16px ; color: #006400;
	font-weight: bold;
	margin : 0px 0px 5px 7px;
}
#newsbox ul {
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-size: 14px;
}
#newsbox li {
	list-style-type: square;
	margin-left: 10px;
	margin-bottom: 4px;
	padding: 2px 0px;
}
#newsbox img {
	margin: -5px 0px -3px 5px;
	padding: 0px;
}
#newsbox a {
	text-decoration: none;
	color: #008080;
}
#newsbox a:hover{
	color: #008080;
	text-decoration: underline;
}
.keitaihp{
	border: none; 
}
a.keitaihp{
	display:block;
	width : 120px;
	height : 21px;
	margin: -28px 0px 5px 80px;
	background-image: url(image/keitai04.gif);
	text-indent:-3000px;
	overflow:hidden;
}
a:hover.keitaihp{
    background-position:0px -20px;
}
/********************** (仕切り画像) **********************/
div#sikiri{
	position: relative;
	z-index: 6;
	clear: both;
	background: #ffffff; /*指定しないとIE6に謎の下マージンが出ます*/
	background-image: url(image/sikiri2.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0px 0px -10px 0px;
	width: 800px;
	height: 36px;
}

/********************** (下部コンテンツ領域) **********************/
div#low_content{
	background: #ffffff; /*指定しないとIE6に謎の下マージンが出ます*/
	width: 800px;
	height: 190px;
}
#low_content li {
	list-style-type: none;
	margin: 2px 0px 0px 15px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
}
#low_content ul li{
}
#low_content ul ul li{
	white-space: nowrap;
	font-size: 11pt;
	padding: 1px 0px 0px 30px;
	margin: 0px;
}
#low_content a {
	text-decoration: none;
	color : #000000;
	padding : 3px 4px;
}
#low_content a:hover{
	text-decoration: underline;
	color:#8B4513; 
	position: relative;
	left:2px; top:1px
}
div#l_navi{
	border-right: 1px dashed #999999;
	float: left;
	width: 266px;
	height: 172px;
	padding-top: 18px;
}
div#m_navi{
	float: left;
	border-right: 1px dashed #999999;
	width: 266px;
	height: 172px;
	padding-top: 18px;
}
div#r_navi{
	float: left;
	width: 266px;
	height: 172px;
	padding-top: 18px;
}
/*//////////////// 教室案内 /////////////////*/

div#kyousitu-ct{ /*コンテンツエリア*/
	border-bottom: 10px solid #484848;
	background: #ffffff;
	margin: 0px;
	padding: 15px 34px 30px 34px;
	width: 732px;  /*ie6の横幅表示バグ調整の為に＋2*/
	position: relative; 
	z-index: 888;
}
div#kyousitu-ct h2{
	border-left: 10px solid #02971d;
	border-bottom: 1px solid #02971d;
	font-size: 25px;
	margin: 0px 390px 20px 5px;
	padding-left: 5px;
	white-space: nowrap;
}
/*/-----三幸タイトル用下線長ここから↓-----/*/
div#kyousituS-ct{
	border-bottom: 10px solid #484848;
	background: #ffffff;
	margin: 0px;
	padding: 15px 34px 30px 34px;
	width: 732px;
	position: relative; 
	z-index: 888;
}
div#kyousituS-ct h2{
	border-left: 10px solid #02971d;
	border-bottom: 1px solid #02971d;
	font-size: 25px;
	margin: 0px 340px 20px 5px;
	padding-left: 5px;
	white-space: nowrap;
}
/*/---------------↑ここまで------------------/*/
div#kyousitu{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 20px 10px;
	background: #f3f4f7;
	border: 1px dashed #999999;
}
div#kyousitu table{
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #999999;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
#kyousitu td{
	font-size: 13px
}
#kyousitu td#index{
	background-color: #1c4325;
	color: #ffffff;
	width: 180px;
	padding: 5px 0px 5px 20px;
	white-space: nowrap;
}
#kyousitu td.kyositu1{
	background-color: #7F9F5F;
	padding: 5px 0px 5px 3px;
	width: 180px;
	white-space: nowrap;
}
#kyousitu td.kyositu2{
	background-color: #9B9F5F;
	padding: 5px 0px 5px 3px;
	width: 180px;
	white-space: nowrap;
}
#kyousitu td.kyositu3{
	background-color: #778899;
	padding: 5px 0px 5px 3px;
	width: 200px;
	white-space: nowrap;
}
#kyousitu td.kyositu4{
	background-color: #cc9999;
	padding: 5px 0px 5px 3px;
	width: 200px;
	white-space: nowrap;
}
#kyousitu td a {
	text-decoration: none;
	color: #ffffff;
	background-color: #666666;
	height: auto;
	padding: 2px 6px;
}
#kyousitu td a:hover{
	text-decoration: none;
	margin: auto auto;
	position: relative;
	top: 2px;
	left: 2px;
}
#kyousitu td.man{
	background-color: #f0e68c;
	text-align: center;
}
#kyousitu td.tes{
	background-color: #ffb6c1;
	text-align: center;
}
#kyousitu td.wed{
	background-color: #add8e6;
	text-align: center;
}
#kyousitu td.tue{
	background-color: #ffa500;
	text-align: center;
}
#kyousitu td.fri{
	background-color: #7b68ee;
	text-align: center;
}
#kyousitu td.sut{
	background-color: #98fb98;
	text-align: center;
}
#kyousitu td.sun{
	background-color: #e02e2e;
	text-align: center;
}
#kyousitu td.kaigyou{
	text-align: center;
	font-size: 12px;
}

/*//////////////// 各教室 /////////////////*/

/*/---------------↓google地図用指定------------------/*/
div#google{
	float:right;
	margin: -20px 0px 10px 20px;/*/----ie8eだとgoogle地図の下のスペース指定が効かない:----/*/;
	width: 300px; /*/----hightを指定すると文章が下に入り込んでしまう----/*/;
}
#google a{
	font-size: 12px;
	color : #666666;
	padding : 0px;
	margin: 0px 0px 0px 0px;
}
/*/---------------↑ここまで------------------/*/

div#classloom-ct{
	margin: 0px 15px 30px 15px;
	padding: 10px 30px 0px 30px;
	width: 680px;  /*/702/*/
}
#classloom-ct a {
	text-decoration: none;
	color: #dc143c;
}
#classloom-ct a:hover{
	text-decoration: none;
	color: #008080;
}
div#k_annai{
	clear: both;
	margin: 30px 100px 0px 100px;
	padding: 10px 15px;
	background: #f3f4f7;
	border: 1px dashed #999999;
}
#k_annai li {
	list-style-type: none;
	white-space: nowrap;
	font-size: 15px;
	margin: 5px 0px 5px 10px;
}
#k_annai a {
	text-decoration: none;
	color: #008080;
}
#k_annai a:hover{
	text-decoration: none;
	color: #008080;
}
#k_annai img{
	margin: -10px 0px -2px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
/*/-----三幸・エスタ城南用-↓右側スペース長く-----/*/
div#k_annai2{
	margin: 20px 85px 0px 80px;
	padding: 10px 15px;
	background: #f3f4f7;
	border: 1px dashed #999999;
	}
#k_annai2 li {
	list-style-type: none;
	white-space: nowrap;
	font-size: 15px;
	margin: 5px 0px 5px 10px;
}
#k_annai2 a {
	text-decoration: none;
	color: #008080;
}
#k_annai2 a:hover{
	text-decoration: none;
	color: #008080;
}
/*/---------------↑ここまで------------------/*/

/*//////////////// 練習案内 /////////////////*/

div#textarea{
	margin: 0px 15px;
	padding: 10px 25px;
	width: 680px;  /*/702/*/
}
div#textarea p{
	margin: 0px 0px 20px 0px;
}
div#textarea a {
	text-decoration: none;
	color: #008080;
}
div#textarea a:hover{
	text-decoration: none;
	color: #008080;
}
div#textarea p img{
	margin: 0px 1px 1px 1px;
	vertical-align: middle;
}
dl#rensyuu{
	margin: 0px 0px 0px 20px;
}
dl#rensyuu li {
	list-style-type: none;
}
dl dd ul{
	margin: 0px 0px 0px 20px;
}
.skezyule{
	margin: 2px 0px 4px -10px;
	padding: 0px 0px 0px 0px;
	white-space: pre;
}
dl#rensyuu dd {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 15px 0px;

}
dl#rensyuu dt {
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 5px 5px;
}
dl#rensyuu dd ul hr {
	padding: 0px 0px 0px 0px;
	margin: -4px 0px 2px 0px;
	border-color: gray;
	height: 1px;
}
dl#rensyuu p {
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 5px 10px 0px 0px;
}
.gainsboro{
	background-color: #dcdcdc;
	padding: 1px 0px 1px 8px;
}
.white{
	background-color: white;
	padding: 1px 0px 1px 8px;
}
/*//////////////// お役立ち情報 /////////////////*/

.syoukai{
	padding: 5px 8px 10px 8px;
	margin: 5px 0px 16px 20px;
	font-size: 15px;
	border-style: dotted;
	border-width: 1px;
	width: 90%;
}
.syoukai ul li{
	list-style-type: none;
	margin: 5px 0px 0px 20px;
}
.syoukai a {
	text-decoration: none;
	color: #008080;
}
.syoukai a:hover{
	text-decoration: none;
	color: #008080;
}
div#textarea .syoukai p{
	margin: 0px 0px 15px 0px;
}
.syoukai hr {
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
	border-color: #008080;
	color: #008080;
	border-style: dotted;
	height: 1px;
}
.syoukai img{
	margin: -10px 0px -2px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	border:0px;
}
div#textarea .syoukai2{
	padding: 7px 9px 37px 9px;
	margin: 5px 0px 10px 16px;
	font-size: 15px;
	border-style: dotted;
	border-width: 1px;
	width: 96%;
}
div#textarea .syoukai2 ul{
	float: right;
	margin: 0px 20px 0px 0px;
}
div#textarea .syoukai2 ul li{
	float: left;
	list-style-type: none;
	margin: 0px 2px 0px 0px;
}
div#textarea .syoukai2 a {
	text-decoration: none;
	color: #008080;
}
div#textarea .syoukai2 a:hover{
	text-decoration: none;
	color: #008080;
}
div#textarea .syoukai2 p{
	text-indent: 1em;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}
div#textarea .syoukai2 hr {
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
	border-color: #008080;
	color: #008080;
	border-style: dotted;
	height: 1px;
}
.kotti{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 13em;
	background-color: #CDCDC1;
}
div#textarea .syoukai2 img{
	float: right;
	margin: 0px;
	padding: 0px;
	border:0px;
}


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

.banner{
	border-style: none;
	padding: 5px 5px;
	margin: 5px 0px 10px 0px;
	text-align: center;
	font-size: 12px;
}

/*//////////////// 特別研修(講習)会について /////////////////*/

div.img-box{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
table.kousyu-box{
	margin-top: 7px;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	text-align:center;
}
.kousyu-box th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#cd853f;
    padding:0.3em 1em;
    text-align:center;
}
.kousyu-box td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-top: 0.6em;
}


/*//////////////// 行事予定と過去の記録 /////////////////*/
div#AdobeReader{
	text-align: right;
	margin: 10px 0px 10px 0px;
}

div#AdobeReader img{
	border: none;
	margin: 0px 30px 0px 0px;
	vertical-align: middle;
}

table.gyougi-box{
	margin-top: 7px;
	margin-left: 3%;
    border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	text-align:center;
	font-size: 0.9em;
	width: 95%;
}
.gyougi-box caption{
	padding-bottom: 6px;
	font-weight: bold;
}
.gyougi-box th{
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    padding:0.3em 1em;
    text-align:center;
}
.gyougi-box td{
    border-right:1px solid #999999;
    border-bottom:1px solid #808080;
	padding: 3px 5px;
	
}
.fu{
	font-weight: bold;
	background-color: #c0c0c0;
}
.mu{
	background-color: #808080;
	color: #ffffff;
}
.lu{
	background-color: #969696;
	border-bottom: black;
	color: #ffffff;
}
.coment{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 3px;
}
dl.coment dt{
	display: inline;
	background: url(image/ten.gif) no-repeat right center;
	margin: 0px 0px 0px 0px;
	padding-right: 14px;
	font-size: 0.8em;
}
dl.coment dd{
	display: inline;
	font-size: 0.8em;
	padding-left: 0px;
	margin: 0px 8px 0px 0px;
}
ul.coment li {
	list-style-type: none;
	margin-right: 5px;
	font-size: 0.8em;
}
ul.pdfdl{
	list-style-type: none;
	margin: 10px 0px 10px 60px;
}
ul.pdfdl li{
	background: url(image/pdficon_small.gif) no-repeat 0 1px;
	padding-left: 24px;
}
ul.pdfdl li a {
	text-decoration: none;
	color: #008080;
}
ul.pdfdl li a:hover{
	text-decoration: none;
	color: #008080;
}
ol{
	list-style-type: none;
	margin: 7px 0px 7px 30px;
}
ol li{

}
ol li a {
	text-decoration: none;
	color: #008080;
}
ol li a:hover{
	text-decoration: none;
	color: #008080;
}
/*//////////////// 過去の記録 /////////////////*/

.Widthcontrol{
	width: 23em; /*/--下線の設定--/*/
}
table.gyougi-old{
	margin-top: 7px;
	margin-left: 2%;
    border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	text-align:center;
	font-size: 0.8em;
	width: 97%;
}
.gyougi-old caption{
	padding-bottom: 6px;
	font-weight: bold;
}
.gyougi-old th{
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    padding:0.3em 1em;
    text-align:center;
}
.gyougi-old td{
    border-right:1px solid #999999;
    border-bottom:1px solid #808080;
	padding: 3px 3px;
	
}