@charset"shift_jis";
@import url(../../css/clear.css);

/**********************
kuroneko2010.css
「クロネコファミリーコンサート2010」用CSS
LAST UP DATA: 2010/03/10
AUTHOR:YUKI INOUE
(tvosaka-system)
***********************/

/*******************************************************
1.共通段組
2.index
*******************************************************/
html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body{
	background:url(images/bg_body.jpg) left top repeat-x;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	line-height:150%;
	color:#333;
}
a{
	color:#46751C;
	text-decoration:underline;
}
a:hover{
	color:#46751C;
	text-decoration:underline;
}
a:visited{
	color:#00A384;
}
.bold{
	font-weight:bold;
}
#wrap #bgGreen .green{
	color:#6FBA2C;
	font-weight:bold;
	font-size:116%;
}
/********index.html**********/
#wrap{
	background:url(images/leaf.png) center top no-repeat;
	height:317px;
}
#wrap #bgGreen{
	background:url(images/bg_green.jpg) left top repeat-y;
	width:866px;
	margin:0 auto;
	padding:0 17px 150px 17px;
	
}
#bgGreen #head{
	position:relative;
	height:114px;
	
}
#bgGreen #head h1{
	width:415px;
	float:left;
	margin-left:110px;
	display:inline;
}
#head .free{
	position:absolute;
	left:0;
	top:0;
	height:114px;
}
#head .access{
	width:123px;
	float:left;
	background:url(images/date.gif) left top no-repeat;
	height:113px;
	padding:82px 0 0 218px;
}
.access a{
	background:url(images/btn_access.gif) left top no-repeat;
	display:block;
	width:78px;
	height:23px;
	overflow:hidden;
	text-indent:-9999px;
}
.access a:hover{
	background:url(images/btn_access_on.gif) left top no-repeat;
	display:block;
	width:78px;
	height:23px;
	overflow:hidden;
	text-indent:-9999px;
}
#bgGreen #contents #profile{
	margin:15px 23px;
	width:820px;
}	
/*プロフィール*/
#profile #proContents{
	background:url(images/bg_pro.gif) left top repeat-y;
	padding:0 40px;
	width:740px;
}
#proContents ul li{
	float:left;
	width:350px;
	margin-bottom:30px;
}
#proContents ul li img {
	float:left;
	margin-right:5px;
}
#proContents .proLeft{
	margin-right:40px;
}
/*プログラム*/
#contents #program{
	float:left;
	width:323px;
	margin-right:15px;
}
#program #programContents{
	background:url(images/bg_program.gif) left top repeat-y;
	padding-left:73px;
}
#programContents dl dt{
	color:#6FBA2C;
	font-weight:bold;
	padding-top:15px;
}
#programContents dl img{
	vertical-align:text-bottom;
}
/*申込み*/
#contents #moushikomi{
	float:left;
	width:510px;
}
#moushikomi #moushikomiContents{
	background:url(images/bg_mousikomi.gif) left top repeat-y;
	padding:0 28px;
}
#moushikomiContents dl dt{
	float:left;
	clear:both;
	width:142px;
	padding-top:20px;
}
#moushikomiContents dl dd{
	padding:20px 0 0 150px;
}
#moushikomiContents .adress{
	background:#BDE798;
	padding:10px;
	margin-top:10px;
}
#moushikomiContents .tel{
	padding:80px 0 20px 150px;
	font-size:116%;
}
#moushikomi .red{
	color:#ED557B;
	font-weight:bold;
	font-size:108%;
}


#wrap #foot{
	background:url(images/bg_foot.png) center top repeat-x;
	margin-top:-148px;
	text-align:center;
	height:18px;
	padding-top:130px;
	color:#FFF;
	font-size:77%;
	position:relative;
}
#foot a{
	color:#FFF;
	text-decoration:underline;
}
#foot .cat{
	position:absolute;
	left: 918px;
	top: -62px;
}