/*============================================= Universal ======*/
.clearfix {
  min-height: 1px;
  overflow: hidden;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

*{
	font-size: 1rem;
	/* font-size:12px;
	line-height:20px; */
	color: #333333;
}
.small{
	font-size:10px;
}
a{
	text-decoration:none;
}
body{
	background:#F8F8F8;
}
/* footer */
div#footerContainer {
	display:block;
	width:770px;
	margin:10px auto 20px auto;
	text-align:center;
}


/*========== �^�C�g���w�b�_���� ==========*/
#algo2008 div.titleContainer{
	margin:0 auto;
	background:url(algo08-title.jpg) no-repeat;
	display:block;
	height:300px;
	width:770px;
}
#algo2008 .titleTxt{
	position:relative;
	top:250px;
	left:425px;
	width:345px;
	color:#333333;
	text-align:center;
}
/*========== �{�f�B���� ==========*/
#contentContainer{
	width:770px;
	margin:0 auto;
	background:#FFF;
	min-height: 1px;
	overflow: hidden;
}
#main{
	margin-left:75px;
	width:620px;
}
#main2{
	float:left;
	margin-left:5px;
	width:580px;
	background-image:url(main2Bg.jpg);
	background-position: right bottom;
	background-repeat:no-repeat;
}
h1{
	text-align:center;
	font-size:22px;
	font-stretch:expanded;
	padding-bottom:5px;
	margin-bottom:8px;
}
#algo2008 .mainCaption{
	text-align:center;
	margin:0 auto;
	background-image:url(crayonLine.gif);
	width:700px;
	line-height:50px;
	font-size:30px;
	background-color:#FFFFFF;
	color:#000000;
}
/*================ ���j���[ ==========*/
ul#menu08{
	margin-left:25px;
	padding:0;
	list-style:none;
  min-height: 1px;
  overflow: hidden;
}
* html ul#menu08 {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#menu08 li,
#menu08 li a,
#menu08 li a:hover{
	float:left;
	margin:2px;
	display:block;
	width:116px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
}
#menu08 li a{
	background:url(08menu.gif) no-repeat;
	color:#48475E;
}
#menu08 li a:hover{
	background-image:url(08menu.gif);
	background-position:0px -30px;
	color:#F60;
}

/*========== �L���X�g�Љ� ==========*/
#castBody{
background-color:#597A8D;
color:#333333;
width:580px;
margin:0 auto 20px auto;
}
#castBody h6{
background-image:none;
background:#5B7A8C;
margin:0px 10px 0px 10px;
color:#FFFFFF;
font-size:24px;
border-left:10px solid #FFFFFF;
text-indent:8px;
padding:3px;
}
#castBody h6 span{
display:block;
color:#FFFFFF;
font-size:12px;
font-weight:normal;
margin-top:3px;
}
#casts{
background-image:url(castBody.jpg);
background-repeat:repeat-y;
}
.castTop{
display:block;
height:15px;
background-image:url(castTop.gif);
background-repeat:no-repeat;
}
.cast{
margin:0 15px 0 15px;
width:256px;
float:left;
}
.castPhoto{
float:left;
margin:0 5px 0px 0;
}
#casts h3{
border-bottom:1px dotted #333333;
color:#666666;
font-size:24px;
padding:2px 0 4px 0;
}
#casts h3 span{
display:block;
color:#009900;
font-size:10px;
}
p.counts{
color:#FF6600;
font-size:14px;
}
p.prof{
	clear:both;
}
hr{display:none;}
.castHR{
clear:both;
margin-bottom:5px;
background-image:url(castHR.gif);
background-repeat:no-repeat;
height:8px;
}
.castBottom{
display:block;
height:15px;
background-image:url(castBottom.gif);
background-repeat:no-repeat;
}
p.URL{
clear:both;
border:1x solid #999999;
padding:3px;
margin:3px;
background-color:#E0D9D5;
}
-->

/*========== �L���X�g�̍l�������ȏЉ� ==========*/
/*== index ==========*/
#charProfList{
text-align:left;
list-style-type:none;
font-weight:bold;
margin:15px auto;
width:350px;
}
ul#charProfList li{
font-size:18px;
color:#339900;
clear:both;
}
.profListDate{font-size:12px;}
.charProfListSub li{
	font-weight:normal;
	font-size:14px;
	line-height:15px;
	list-style-position:inside;
	list-style-image:url(charaProf/charProfBullet.gif);
	line-height:18px;
	margin-left:20px;
}
.charaProf{
	margin:0px 0px 0px 15px;
	padding:6px 25px 7px 25px;
	background-image:url(charaProf/brownPaper.jpg);
	font-size:12px;
	line-height:19px;
}


/*== �e�y�[�W ==========*/
.charProfImg{width:119px;}
h2{
text-align:center;
display:block;
margin-top:36px;
height:48px;
font-size:22px;
line-height:30px;
color:#FFFFFF;
}
h2 span{
display:block;
color: #333333;
line-height:14px;
color:#FFFFFF;
}
h2 span a{
color:#CCCCFF;
border-bottom:1px dotted;
padding-bottom:1px;
line-height:14px;
}
.footerTree{margin-bottom:15px;}

.boy, .girl{margin-top:15px;}
.boy p, .girl p{line-height:15px;}
.boy h2, .boy p{background-color:#669966;}
.girl h2, .girl p{background-color:#B50A66;}

	.CastList{
		margin:0 auto;
	}
	.CastList td {
	padding:2px 0px 2px 10px;
	border-bottom:1px dotted #CC6699 !important;
	}
	h1{
		background:url(crayonLine.gif) no-repeat;
		text-indent:30px;
		line-height:50px;
		font-size:28px;
		text-align:left;
	}
	.stage{
		/* margin:0px 0px 5px 7px;
		padding:5px;
		float:left;
		width:290px; */
	}
		.stageHR{
		clear:both;
		border:2px dotted #FFCC00;
	}
	.dottedLine{border-bottom:1px solid #cccccc;}
	.stageDate{
		font-size:12px;
		line-height:22px;
		font-weight:bold;
	}
	.stageDateL, .stageDate:first-letter{font-size:18px;}
	.stageTime{}
	.stagePlace{
	font-size:22px;
	font-weight:bold;
	line-height:28px;
	border-bottom:2px solid #9780B7;
	}
	.stagePriceLaunch{
	padding:2px;
	background-color:#9780B7;
	color:#FFFFFF;
	}
	.stagePrice{
	border-top:1px dotted #9780B7;
	}
	.stageRelease{
	font-size:10px;
	text-align:right;
	border-left:1px dotted #9780B7;
	border-top:1px dotted #9780B7;
	}
	.stageContact{
	background-image:url(../algo2008/ticket.gif);
	background-repeat:no-repeat;
	padding:26px 0px 0px 8px;
	border-top:1px dotted #9780B7;
	}
	.stageContact p{
	border-left:3px solid #62A829;
	padding-left:3px;
	font-size:10px;
	line-height:14px;
	}
	.stageContact a{font-size:10px;}
	.stageCast{
	width:50px;
	text-align:right;}
	/* .style1 {
		border-top: 1px dotted #9780B7;
		font-size: 10px;
	} */