/* ------------------------------------------------------
 基本レイアウト　波多野澄子バレエ団css
------------------------------------------------------- */

body,h1,h2,h3,h4,h5,p,div,ul,ol,li,form,hr,img{
	margin: 0px;
	padding: 0px;
}

body {
	text-align:center;
	background-color:#000;
}

/* ------------------------------------------------------
 全体の設定
 ------------------------------------------------------ */
/* ISF Auto modify Program */
#mod {
	visibility:hidden;
	color:#000;
	font-size:1px;
}


/* 一応文字の色を設定しておく */
color:#FFF;

/* リンク */
a:link{color: #CCF;text-decoration: none}
a:visited {color: #98C;text-decoration: none}
a:hover {color: #F36;text-decoration: underline}
a:active {color: #F36;text-decoration: underline}

/* 強調 */
strong{
	color:#C00;
	font-weight: normal;
}

/* 表組み */

.hatanoTable{
	font-size:12px;
	background-color:#666;
	margin:10px 0 10px 30px;
}

.hatanoTable th{
	text-align:center;
	color:#000;
	font-weight: normal;
	background-color:#98C;
	padding:5px;
}

.hatanoTable td{
	text-align:center;
	background-color:#000;
	padding:5px;
}

/* コンテンツ下部のナビ */
#footNavi{
	border-top:1px solid #333;
	text-align:right;
	clear:both;
}

#footNavi p{
	font-size:10px;
	margin:5px;
}

li{
	padding-bottom:5px;
}

/* ------------------------------------------------------
 全体のボックス
------------------------------------------------------ */
#container{
	width:970px;
	margin:0px auto;
	text-align:left;
	background-color: #000;
	background-image: url(../images/bg_container.gif);
	background-repeat: repeat-y;
}

#container2{	/*列割りにしないとき仕様*/
	width:970px;
	margin:0px auto;
	text-align:left;
	background-color: #000;
	background-image: url(../images/bg_a.gif);
	background-repeat: repeat-y;
}

/* ------------------------------------------------------
 ヘッダ
 ------------------------------------------------------ */
#header{
	width:970px;
	height:105px;
	background-color:#000;
	background-image: url(../images/bg_header.gif);
	background-repeat: no-repeat;
}

#header h1{
	visibility:hidden;
	font-size:2px;

}

#header p{
	font-size:12px;
	line-height:150%;
	margin:0 10px 0 0;
}

#header1{
	width:500px;
	float:left;
	margin:10px;
}

#header2{
	width:430px;
	float:right;
	margin:10px;
}

/* ------------------------------------------------------
 ナビ （現在は上部）
 ------------------------------------------------------ */
#navi{
	width:940px;
	height:30px;
	font-size:12px;
	line-height:30px;
	color:#FF9;
	background-color:#447;
	clear:both;
	margin:0 0 0 15px;
}


ul#button{
	margin:0;
	padding:0;
	list-style:none;
}

ul#button li{
	margin:0;
	padding:0;
	float:left;
}

ul#button a{
	display:block;
	width:175px;
	height:30px;
	font-size:2px;
	text-indent:-175px;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.mnu010{	background-image:url(../images/mnu_01.gif);}
a:hover.mnu010{	background-position:0px -30px;}
a.mnu010c{	background-image:url(../images/mnu_01.gif);background-position:0px -60px;}

a.mnu020{	background-image:url(../images/mnu_02.gif);}
a:hover.mnu020{	background-position:0px -30px;}
a.mnu020c{	background-image:url(../images/mnu_02.gif);background-position:0px -60px;}

a.mnu030{	background-image:url(../images/mnu_03.gif);}
a:hover.mnu030{	background-position:0px -30px;}
a.mnu030c{	background-image:url(../images/mnu_03.gif);background-position:0px -60px;}

a.mnu040{	background-image:url(../images/mnu_04.gif);}
a:hover.mnu040{	background-position:0px -30px;}
a.mnu040c{	background-image:url(../images/mnu_04.gif);background-position:0px -60px;}

a.mnu050{	background-image:url(../images/mnu_05.gif);}
a:hover.mnu050{	background-position:0px -30px;}
a.mnu050c{	background-image:url(../images/mnu_05.gif);background-position:0px -60px;}


/* ------------------------------------------------------
 パン屑
 ------------------------------------------------------ */
#topicPath{
	width:940px;
	margin:0 0 0 15px;
	clear:both;
}

#topicPath p{
	font-size:10px;
	color:#CCC;
	margin:5px 20px;
}

#topicPath a:link {color: #FFF;text-decoration: none;}
#topicPath a:visited {color: #FFF;text-decoration: none;}
#topicPath a:hover {color: #F36;text-decoration: underline;}
#topicPath a:active {color: #FF36;text-decoration: underline;}

/* ------------------------------------------------------
 メインコンテンツエリア
------------------------------------------------------ */
#main{
	color:#EEE;
	width:540px;
	float:left;
	font-size: 12px;
	line-height:150%;
	margin:0 0 0 15px;
}

*html body #main{
	color:#EEE;
	width:540px;
	float:left;
	font-size: 12px;
	line-height:150%;
	margin:0 0 0 8px;
}

#main2{
	color:#EEE;
	width:900px;
	float:left;
	font-size: 12px;
	line-height:150%;
	margin:0 0 0 15px;
}

#headtxt{	/* ページ上部のテキスト */
	font-size:14px;
	line-height:150%;
	font-weight:bold;
	margin:15px 10px 10px 30px;
}

#topics{
	font-size:12px;
	line-height:150%;
	margin:15px 10px 10px 30px;
	background-image: url(../images/bg_topics.gif);
	background-repeat: no-repeat;
}

.topicTitle{
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	color:#F1E8FF;
	padding:30px 25px 10px 40px;
}

#main ol,ul{
	font-size: 12px;
	line-height:150%;
	margin:5px 20px 10px 20px;
	padding:0 10px;
}

#main h1{
	font-size:16px;
	font-weight: bold;
	color:#1A9644;
	border-bottom:3px solid #1A9644;
	margin:15px 0;
	padding:5px;
}

#main h2{
	height:30px;
	font-size:14px;
	font-weight: bold;
	color:#FCF;
	margin:10px;
	padding:10px 0 0 28px;
	background-image: url(../images/bg_h2.gif);
	background-repeat: no-repeat;
}

#main2 h2{
	height:30px;
	font-size:14px;
	font-weight: bold;
	color:#FCF;
	margin:10px;
	padding:10px 0 0 28px;
	background-image: url(../images/bg_h2.gif);
	background-repeat: no-repeat;
	clear:both;
}

#main h3 {
	font-size: 12px;
	font-weight: bold;
	color:#B9C;
	background-color:#222;
	margin:15px 20px;
	padding:0 5px;
	border-left:5px solid #B9C;
	clear:both;
}

#main h4 {
	font-size: 12px;
	font-weight: bold;
	color:#999;
	margin:8px 25px;
}

#main p{
	margin:5px 0;
	font-size:12px;
	line-height:20px;
	margin:5px 10px 10px 30px;
}

#main2 p{
	margin:5px 0;
	font-size:12px;
	line-height:150%;
	margin:5px 10px 10px 30px;
}

#main table{
	font-size:12px;
	color:#EEE;
	margin:0 0 5px 30px;
}

#main2 table{
	font-size:12px;
	color:#EEE;
	margin:0 0 5px 30px;
}

#main a:link{color: #CCF;text-decoration: none}
#main a:visited {color: #98C;text-decoration: none}
#main a:hover {color: #F9C;text-decoration: underline}
#main a:active {color: #F9C;text-decoration: underline}

#main2 a:link{color: #CCF;text-decoration: none}
#main2 a:visited {color: #98C;text-decoration: none}
#main2 a:hover {color: #F9C;text-decoration: underline}
#main2 a:active {color: #F9C;text-decoration: underline}

/* ----------------------------------------
写真
---------------------------------------- */

.photoBox{
	font-size:10px;
	margin:0 0 5px 30px;
}

.photoBox img{
	margin:5px;
}

.photoSingle{
	float:left;
	text-align:center;
	color:999;
	border-bottom:solid 1px #666;
	margin:0 1px;
}

.photoSingle img{
	margin:5px 5px 2px 5px;
}

/* ----------------------------------------
年表形式記事
---------------------------------------- */
.hisDate{
	width:70px;
	float:left;
	margin:0 0 0 30px;
}

*html body .hisDate{
	width:70px;
	float:left;
	margin:0 0 0 15px;
}


.hisContents{
	width:400px;
	float:left;
}

.hisHr{
	height:2px;
	border-bottom:dotted 1px #333;
	clear:both;
	margin:5px 30px;
}

/* ----------------------------------------
Index Box
---------------------------------------- */

.indexBox1{	/*左側*/
	width:230px;
	height:66px;
	line-height:25px;
	float:left;
	margin:5px 0 5px 30px;
	border-top:3px double #666;
	border-bottom:3px double #666;
}

*html body .indexBox1{	/*左側*/
	width:230px;
	height:66px;
	line-height:25px;
	float:left;
	margin:5px 0 5px 15px;
	border-top:3px double #666;
	border-bottom:3px double #666;
}

.indexBox2{	/*右側*/
	width:230px;
	height:66px;
	line-height:25px;
	float:left;
	margin:5px 0 5px 15px;
	border-top:3px double #666;
	border-bottom:3px double #666;
}

.indexBox1 img{
	float:left;
	margin:5px 10px 5px 0;
}

.indexBox2 img{
	float:left;
	margin:5px 10px 5px 0;
}


/* ------------------------------------------------------
 サブコンテンツエリア1
------------------------------------------------------ */
#sub1{
	width:200px;
	color:#666;
	float:left;
}

#sub1 p{
	font-size:12px;
	line-height:140%;
	margin:2px 0;
}

#sub1 ul{
	list-style-image: url(../images/dot_1.gif);
}

#sub1 h2{
	color:#F9C;
	font-size:14px;
	padding:5px;
	clear:both;
}

#sub1 img{
	margin:5px 0;
}

#sub1 a:link {color: #CCC;text-decoration: none;}
#sub1 a:visited {color: #CCC;text-decoration: none;}
#sub1 a:hover {color: #F36;text-decoration: underline;}
#sub1 a:active {color: #F36;text-decoration: underline;}

/* ------------------------------------------------------
 サブコンテンツエリア2
 ------------------------------------------------------ */
#sub2{
	width:200px;
	float:left;
}

#sub2 h2{
	font-size:12px;
	font-weight:bold;
	color:#999;
	margin:5px;
	clear:both;
}

#sub2 p{
	font-size:10px;
	line-height:140%;
	color:#CCC;
	margin:5px;
}

#sub2 ul{
	font-size:12px;
	color:#000;
	margin:10px;
	list-style-type:none;
}

#sub2 img{
	margin:10px 0 5px 5px;
}

#sub2 a:link {color: #ccc;text-decoration: none;}
#sub2 a:visited {color: #ccc;text-decoration: none;}
#sub2 a:hover {color: #999;text-decoration: underline;}
#sub2 a:active {color: #999;text-decoration: underline;}

/* ------------------------------------------------------
 フッタ
------------------------------------------------------ */
#footer{
	width:970px;
	height:55px;
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	clear:both;
}

#footer p{
	font-size:12px;
	line-height:40px;	/*Mozillaの高さ調整*/
	text-align:right;
	color:#FFF;
	margin:15px 30px;	/*IE6の高さ調整*/
}

/* クリア */
.cb{
	clear:both;
	}