/* CSS Document */

/*------------------------------------------------------------
	共通スタイル
-------------------------------------------------------------*/
*{margin:0; padding:0;}
a img{border-style:none;}
a:link , a:visited{
	text-decoration:none;
	color:#660099;
}
a:hover{
	text-decoration:none;
	color:#9833CF;
}

.bg{background:url(../img/bg_buttom.gif) repeat;}

/* 共通｜左側メニュー */
.leftmenu a:link , .leftmenu a:visited {
	text-decoration:none;
	color:#FFFFFF;
}
.leftmenu a:hover {
	text-decoration:none;
	color:#A159EF;
}

/* 共通｜ページ右上のサイトマップメニュー */
.toppan{
	padding:5px 10px 0 0;
	text-align:right;
}
.toppan a:link , .toppan a:visited{
	text-decoration:none;
	color:#660099;
}
.toppan a:hover{
	text-decoration:none;
	color:#9833CF;
}

/* 共通｜パンクズ */
.pankuzu{
	margin:5px 0 10px 0;
	border-bottom:solid 1px #EBEBEB;
	color:#666666;
	width:450px;
	height:15px;
}
.pankuzu a:link , .pankuzu a:visited{
	text-decoration:none;
	color:#660099;
}
.pankuzu a:hover{
	text-decoration:none;
	color:#9833CF;
}

/* 共通｜背景色グラデーション */
.bggrade{
	 background:url(../img/bg_top.jpg) repeat-x;
	 height:500px;
}

/* 共通｜一番外側のテーブル(白枠) */
.outline1{
	margin:0 auto;
	width:750px;
	border:solid 1px #999999;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
	background-color:#ffffff;
}

/* 共通｜二番目のテーブル(グレー) */
.outline2{
	width:700px;
	background:url(../img/back.jpg) repeat;
	margin:0 0 0 10px;
}

/* 共通｜右側コンテンツ */
.main{
	padding:10px 10px 0 25px;
	width:460px;
}

/* 共通｜コンテンツ1 */
.con1{
	margin:0 0 10px 15px;
	width:425px;
	line-height:1.6;
}

/* 共通｜コンテンツ2 */
.con2{
	margin:0 0 10px 30px;
	width:410px;
	line-height:140%;
}
.con2 p{
	margin-bottom:10px;
}

/* 共通｜コンテンツ3 */
.con3{
	margin:0 0 10px 15px;
	width:425px;
	line-height:140%;
}
.con3 p{
	margin-bottom:10px;
}

/* 共通｜h1 */
h1{
	background-image:url('../img/h1.jpg');
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:normal;
	color:#666666;
	padding:8px 0 0 20px;
	height:30px;
}

/* 共通｜h2 */
h2{
	font-size:16px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	margin:5px 0 10px 10px;
	padding:0;
	border-bottom:solid 1px #660099;
}

/* 共通｜h3 */
h3{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
	line-height:20px;
	margin:0 0 10px 20px;
	padding-left:10px;
	background:#A477BF;
	width:420px;
}

/* 共通｜左側メニュー */	
.button{
	height:34px;
	line-height:34px;
	margin:0;
	padding-left:20px;
	font-size:12px;
	color:#FFFFFF;
	background:url(../img/button.jpg) no-repeat;
}

/* 共通｜お申し込みアイコン */
.application{
	background-image:url(../img/arrow2.gif);
	background-repeat:no-repeat;
	padding:0 0 1px 16px;
	color:#666666;
	float:right;
}

/* 共通｜コピーライト */	
.copyright{
	font-size:10px;
	font-family:Verdana;
	color:#666666;
	margin:10px 0 5px 15px;
	float:left;
}
.powered{
	font-size:10px;
	font-family:Verdana;
	float:right;
	margin:10px 15px 5px 0;
}
.powered a{color:#666666;}

/*------------------------------------------------------------
	ページ単位スタイル
-------------------------------------------------------------*/
/* ★トップページ｜コンテンツ1 */
.contop{
	margin:0 0 10px 15px;
	width:430px;
	line-height:140%;
}
.contop a:link , .contop a:visited{
	text-decoration:none;
	color:#660099;
}
.contop a:hover{
	text-decoration:none;
	color:#9833CF;
}

/* トップページ｜メニューエリア右 */
.contop .topmenu1{
	background-image:url(../img/top_s1.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 55px;
	height:50px;
	width:220px;
}

/* トップページ｜メニューエリア左 */
.contop .topmenu2{
	background-image:url(../img/top_s2.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 60px;
	height:50px;
	width:210px;
}

/* トップページ｜インフォメーション */
.information{
	background-image:url(../img/arrow.gif);
	background-repeat:no-repeat;
	margin:0 0 0 20px;
	padding:0 0 0 15px;
	height:28px;
	line-height:140%;
}

.information2{
	background-image:url(../img/arrow.gif);
	background-repeat:no-repeat;
	margin:0 0 0 20px;
	padding:0 0 0 15px;
	/*height:66px;*/
	height:60px;
	line-height:140%;
}

/* ご挨拶｜td */
.expe td{
	height:25px;
	border-bottom:solid 1px #cccccc;
	padding:5px;
}

/* ご挨拶｜背景 */
.message{
	background-image:url(../img/kamon1.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

/* ご挨拶｜署名 */
.autograph{
	color:#666666;
	font-size:120%;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight:bold;
	float:right;
	margin:30px 10px 30px 0;
}
/* ご挨拶｜日付 */
.messagedate{
	float:right;
	margin:0 10px 10px 0;
}
/* ご挨拶｜電話 */
.tel{
	background-image:url(../img/tel.gif);
	background-repeat:no-repeat;
	border-bottom:solid 1px #cccccc;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	height:30px;
	padding:8px 0 0 25px;
}

/* ご挨拶｜メール */
.mail{
	background-image:url(../img/mail.gif);
	background-repeat:no-repeat;
	border-bottom:solid 1px #cccccc;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	height:30px;
	padding:0 0 0 25px;
	margin:5px 0 0 0;
}

.photo{width:400px;}
.photo td{
	padding:5px 10px;
	text-align:center;
	line-height:1.4;
}

/* お教室のご案内｜表 */		
.course{
	background-color:#cccccc;
	margin:0;
}
.course th{
	font-weight:normal;
	background-color:#f7eeff;
	width:50px;
	padding:5px;
}
.course td{
	font-weight:normal;
	background-color:#ffffff;
	padding:5px;
	width:140px;
}

/* お教室のご案内｜年間行事 */		
.event th{
	width:90px;
	border-bottom:solid #cccccc 1px;
	border-right:solid #cccccc 1px;
	font-weight:normal;
	text-align:left;
	padding:5px 15px 5px 25px;
}
.event td{
	border-bottom:solid #cccccc 1px;
	padding:5px 5px 5px 15px;
}

/* 秋の茶会 */
.tea_party{width:400px;}
.tea_party td{
	padding:2px 2px;
	text-align:left;
	font-size:11px;
	line-height:1.4;
	vertical-align: top;
}

p.tea_party a:link, p.tea_party a:visited{
	font-size:12px;
	color:gray;
	font-weight:bold;
	border: 0px solid gray;
	height:20px;
	line-height:20px;
	margin:0 0 10px 20px;
	padding-left:10px;
	padding-right:100px;
	background:#FAFAFA;
	width:420px;
}
p.tea_party a:hover{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	border: 0px solid gray;
	height:20px;
	line-height:20px;
	margin:0 0 10px 20px;
	padding-left:10px;
	padding-right:100px;
	background:#A477BF;
	width:420px;
}

/* 所在地 */
#map a{
	font-size:120%;
	text-decoration:underline;
	color:#0000FF;
}

/* サイトマップ */
.sitemap a:link , .sitemap a:visited {text-decoration:none; color:#660099;}
.sitemap a:hover {text-decoration:none; color:#9833CF;} 

/* 用語説明 */
.word{padding:10px 0 0 10px;}
.explanation{
	line-height:1.6;
	font-size:100%;
	color:#666666;
	background-repeat:no-repeat;
	margin:0 0 10px 15px;
	padding:5px 0 0 120px;
	width:300px;
	height:70px;
}
.hatugama{background-image:url(../img/hatugama.jpg);}
.shitizishiki{background-image:url(../img/shitizishiki.jpg);}
tr td {
	vertical-align: top;
}
#ma {
	vertical-align: top;
}