@charset "utf-8";
/*
===== CSR CLACON ===============================================


	01: CLACON
	02: CLACON DETAIL
	03: CLACON REPORT
	04: CLACON POPUP
	05: SAWACON
	06: MONOCYCLE
	07: MATERIAL
	08: FAMILY
	09: TOP
	10: CLACON REPORT NEW!!
	11: MUSICAL
	12: MUSICAL REPORT

==========================================================
*/



/*
===== 01: CLACON ====================================
*/
div.classictitle {
width:736px;
margin-bottom:20px;
clear:both;
}

div.classictitle img{
float:left;
}

div.classictitle div.classictitletxt{
float:left;
width:193px;
padding:15px;
/*background-image:url(../img/csr/activity/clacon/tit_classic_back.gif);
background-repeat:no-repeat;*/
min-height:241px;
}

* html div.classictitle div.classictitletxt{
height:241px;
}

div.csr div#clacon{
	background: url(../img/csr/activity/clacon/bg_bottom_clacon.gif) no-repeat left bottom;
	padding-bottom:15px;
}

div.csr div#clacon h3{
	clear:both;
}


div.csr div#cont-clacon{
	width:685px;
	padding-left: 45px;
	background: url(../img/csr/activity/clacon/bg_middle_clacon.gif) repeat-y left top;
}
div.csr div#cont-clacon h4{
	width:639px;
	margin-bottom:20px;
	clear:both;
}

div.csr div#clacon h4.title{
	font-size:1.2em;
	color:#967B46;
	padding: 3px 0 0 20px;
	width:619px; height:29px;
	margin-bottom:20px;
	clear:both;
	background:url(/img/csr/activity/clacon/tit_default.jpg) no-repeat;
}


div.csr div#cont-clacon div.line{
	margin-bottom:25px;
	width:640px;
}
/*
div.csr div#cont-clacon div.line dl{
	width:190px;
	height:210px;
	float:left;
	background: #967B46;
}
*/
div.csr div#cont-clacon div.line dl{
	width:190px;
	float:left;
	background: #967B46;
}
div.csr div#cont-clacon div.line dl.cont02{
	margin-left:34px;
}
div.csr div#cont-clacon div.line dd{
	color: #FFFFFF;
	margin:5px 0 5px 10px;
}
/*
div.csr div#cont-clacon div.line dl dt{
text-align:center;
	width:190px;
	height:120px;
}
*/
div.csr div#cont-clacon div.line dl dt{
text-align:center;
	width:190px;
}

div.csr div#cont-clacon div.line dd.link{
	padding:0 0 0 20px;
	background: url(../img/csr/activity/clacon/arw_circle.jpg) no-repeat left 0.2em;
	min-height:4em;
}

* html div.csr div#cont-clacon div.line dd.link{
	height:4em;
}

div.csr div#cont-clacon div.line dd.link a{
	color: #FFFFFF;
	text-decoration:underline;
	min-height:4em;
}


* div.csr div#cont-clacon div.line dd.link a{
	height:4em;
}


/*
div.lineのmargin分だけ背景がリピートされず
bottomの画像の間にすきまができるので
一番下の列のmarginを0にしています
*/
div.csr div#cont-clacon div.last{
	margin-bottom:10px;
}



/*
===== 02: CLACON DETAIL ====================================
*/

div#profile {
width:736px;
margin-bottom:20px;
height:271px;
position:relative;
}

/*
div#profile {
	width:736px;
	height:200px;
	margin-bottom:15px;
	position:relative;
	}
div#profile div#photo {
	background-image:url(../img/csr/activity/clacon/bg_photo.jpg);
	background-repeat:no-repeat;
	float:left;
	height:192px;
	width:272px;
	margin-right:10px;
	padding:8px;
	text-align:center;
	}
*/

div#profile div#photo {
	float:left;
	height:271px;
	width:508px;
	margin-right:10px;
	text-align:center;
	}

div#profile p {
	width:218px;
	float:right;
	}

div#profile p.pname{
	width:218px;
	float:right;
	margin-top:60px;
	}

div#profile ul {
	width:218px;
	float:right;
	margin-top:20px;
	}

	
div#profile dl {
	vertical-align: bottom;
	display:block;
	width:218px;
	position:absolute;
	right:0;
	bottom:0;
	}

* html div#profile dl {
	margin-top:60px;
	float:right;
	position:relative;
	}

img.csrimgcenter{
display:block;
margin:0px auto 0px auto;
clear:both;
text-align:center;
}

div#profile dl dt {
	float:left;
	width:95px;
	height:24px;
	text-align:right;
	vertical-align:middle;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
	
div#profile dl dd {
	float:right;
	width:118px;
	height:24px;
	margin-bottom:5px;
	text-align:right;
	}

div#profile dl dt.non {
	float:none;
	width:auto;
	height:24px;
	text-align:right;
	vertical-align:middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}


div#profile dl dd.non {
	float:none;
	width:auto;
	height:24px;
	margin-bottom:5px;
	text-align:right;
	}

	
div#program {
	background-image:url(../img/csr/activity/clacon/bg_program.jpg);
	background-repeat:no-repeat;
	width:704px;
	border:1px solid #CCCCCC;
	margin:0px 0px 20px;
	padding:20px 15px;
	clear:both;
	}

div#program h3 {
	color:#666666;
	font-size:1.2em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-align:center;
	}

div#program ul {
	color:#333333;
	list-style:none;
	margin:20px 0px 0px;
	padding:0px;
	text-align:center;
	}
	
div#program ul li {
	line-height:1.2em;
	padding-bottom:1.5em;
	}

table.clacon {
	width:734px;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	}

table.clacon th {
	background-color:#f8f7e3;
	width:150px;
	font-weight:normal;
	text-align:center;
	}
	
table.clacon td {
	padding:5px 0px 5px 15px;
	line-height:1.5em;
	}



#classic_popup{
width:580px;
margin:0 auto;
padding:10px 10px 20px 10px;
clear:both;
font-size:0.8em;
line-height:1.6em;
}

#classic_popup img{
float:left;
margin:0px 10px 5px 0px;
}

a.classic_popup_btn {
width:62px;
margin:0 auto 15px auto;
display:block;
clear:both;
}


#classic_popup strong{
display:block;
font-size:1.5em;
padding:10px;
text-align:center;
}

#classic_popup em{
display:block;
font-style:normal;
padding:0px 10px 20px 10px;
text-align:center;
}

table.profiletbl{
border-collapse:collapse;
width:100%;
margin:10px auto 0px auto;
}

table.profiletbl th{
background-color:#EEEEEE;
}

table.profiletbl td{
border-bottom:1px solid #EEEEEE;
}


/*
===== 03: CLACON REPORT ====================================
*/

#report-clacon {
	width:520px;
	margin:0px auto 20px auto;
		}

#report-clacon img {
	vertical-align:top;
	}
		
#report-clacon h3 {
	margin:0px;
	padding:0px;
	}

#report-clacon a {
	float:right;
		}
		
#report-clacon #table {
	background-image:url(../img/csr/activity/clacon_report/bg_bg2.jpg);
	background-repeat:repeat-y;
	width:510px;
	padding:5px 10px 0px 0px;
		}
		
#report-clacon #table a {
	margin:0px;
	padding:0px;
	vertical-align:middle;
		}

#report-clacon #table p {
	margin:5px auto 0px;
	width:480px;
	font-size:12px;
	text-indent:1em;
	line-height:130%;
		}

#report-clacon #naiyo {
	background-image:url(../img/csr/activity/clacon_report/bg_bg.jpg);
	background-repeat:repeat-y;
	width:520px;
	margin:0px;
}

#report-clacon #naiyo p.text{
	margin:5px auto;
	width:480px;
	font-size:12px;
	text-indent:1em;
	line-height:130%;
	}

#report-clacon #naiyo h4{
	margin:10px 0px;
	padding:0px;
	width:520px;
	clear:both;
	}

#report-clacon #naiyo .box{
	width:482px;
	padding:0px 0px 20px 30px;
		}

#report-clacon #naiyo .box p{
	text-align:center;
	margin:0px;
	padding:0px;
	line-height:150%;
	font-size:11px;
	clear:both;
		}

#report-clacon #naiyo .box .photo{
	background-image:url(../img/csr/activity/clacon_report/photo.jpg);
	background-repeat:no-repeat;
	width: 216px;
	margin: 10px 20px 20px 0px;
	float:left;
	}

#report-clacon #naiyo .box .photo2{
	background-image:url(../img/csr/activity/clacon_report/photo.jpg);
	background-repeat:no-repeat;
	width: 216px;
	margin: 10px 20px 0px 0px;
	float:left;
	}

#report-clacon #naiyo .box .photo a{
	float:none;
	}

#report-clacon #naiyo .box .photo2 a{
	float:none;
	}

#report-clacon #naiyo .box .photo img{
	margin: 23px 23px 28px 23px;
	}

#report-clacon #naiyo .box .photo2 img{
	margin: 23px 23px 28px 23px;
	}

#report-clacon #naiyo .box .photo p{
	text-align:center;
	margin:0px;
	padding:0px;
	line-height:150%;
	font-size:11px;
	width: 216px;
	}

/*
===== 04: CLACON POPUP ====================================
*/

body#activityBody {background-image:none;}

#popup {
	width:600px;
	margin:0px auto;
	}

#popup h1 {
	margin:0px;
	padding:0px;
	}
	
#popup #profile_popup {
	width:560px;
	margin:20px auto;
		}
		
#popup .profile2_popup {
	width:550px;
	margin:0px auto 20px;
	padding: 5px;
	border: 1px solid #CCCCCC;
		}


#popup #profile_popup h2 {
	margin:0px;
	font-size:12px;
	line-height:150%;
	text-align:center;
		}

#popup .profile2_popup h3 {
	margin:0px;
	font-size:12px;
	line-height:150%;
		}
		
#popup #profile_popup p {
	margin:10px 0px 0px 0px;
	font-size:12px;
	line-height:150%;
	text-indent:1em;
		}

#popup .profile2_popup p {
	margin:6px 0px 0px 0px;
	font-size:12px;
	line-height:150%;
	text-indent:1em;
		}

#popup  #profile_popup #photo {
	background-image:url(/img/csr/activity/clacon/bg_photo.jpg);
	background-repeat:no-repeat;
	width:272px;
	height:192px;
	float: left;
	padding: 8px 8px 8px 8px;
	margin-right:10px;
		}

#popup  #profile_popup #photo2 {
	float: left;
	margin-right:10px;
		}
	
#popup #copyright {
	margin:0px;
	padding:0px;
	}


#popup #profile p{
width:550px;
float:none;
}


#popup #member {
	width:560px;
	margin:20px auto;
		}

#popup #member dl {
	margin:0px;
	padding:0px;
	}

#popup #member dt {
	margin-bottom:1em;
	}

#popup #member dt {
	background-color:#999999;
	color:#FFFFFF;
	padding:5px;
	font-size:12px;
	}

#popup #member dd {
	padding:0px;
	margin:0px 0px 1em 0px;
	line-height:1.5em;
	font-size:12px;
	}

/*
===== 05: SAWACON ====================================
*/
div.csr div#sawacon{
	background: url(../img/csr/activity/sawacon/bg_sawacon.jpg) no-repeat left top;
}
div.csr div#sawacon p.interval{
	padding:0 40px 0 60px;
	margin:0 0 1em 0;
}
div.csr div#cont-sawacon{
	width:670px;
	padding-left: 60px;
	padding-bottom:15px;
	background: url(../img/csr/activity/sawacon/bg_bottom.gif) no-repeat left bottom;
}
div.csr div#cont-sawacon div#btn-sawacon{
	margin:0 0 1em 0;	
}
div.csr div#cont-sawacon div#btn-sawacon img{
	margin:0 0 0 15px;	
}
div.csr div#cont-sawacon h4{
	width:631px;
	clear:both;
}
div.csr div#cont-sawacon p.day{
	color: #57A0D3;
	margin:0px 30px 10px 0px;
}
div.csr div#cont-sawacon div.line{
	margin-bottom:25px;
	width:640px;
}
div.csr div#cont-sawacon div.line dl{
	width:200px;
	float:left;
}
div.csr div#cont-sawacon div.line dl.cont02{
	margin-left:20px;
}

/*
div.lineのmargin分だけ背景がリピートされず
bottomの画像の間にすきまができるので

一番下の列のmarginを0にしています
*/
div.csr div#cont-sawacon div.last{
	margin-bottom:0px;
}




/*
===== 06: MONOCYCLE ====================================
*/
div.csr div#report-monocycle{
	background: url(../img/csr/activity/monocycle/bg_middle_monocycle.gif) repeat-y left top;
}
div#report-monocycle div#report-mono{
	padding:12px 0 0 46px;
	_padding:12px 0 0 42px;
	background: url(../img/csr/activity/monocycle/bg_top_monocycle.gif) no-repeat left top;
}

div#report-monocycle div#report-mono div#report-text{
	float:left;
	width:341px;
}
div#report-monocycle div#report-mono div#report-text p{
	padding:2em;	
}
div#report-monocycle  div#photo-monocycle{
	width:730px;
	float:left;
	padding-bottom:12px;
	background: url(../img/csr/activity/monocycle/bg_bottom_monocycle.gif) no-repeat left bottom;
}
div#report-monocycle  div#photo-monocycle h4{	
	padding-left:46px;
}
div#report-monocycle  div#photo{
	margin:1em 0 2em;
	padding-left:31px;
}
div#report-monocycle  div#photo img{
	margin-left:15px;

}


/*
===== 07: MATERIAL ====================================
*/

div.csr div#report-material {
	background: url(../img/csr/activity/material/bg_middle_material.gif) repeat-y left top;
}

div#report-material div#report-mate {
	padding:12px 0 0 46px;
	_padding:12px 0 0 42px;
	background: url(../img/csr/activity/material/bg_top_material.gif) no-repeat left top;
}

div#report-material div#report-mate div#report-text{
	float:left;
	width:341px;
}
div#report-material div#report-mate div#report-text p{
	padding:2em;	
}

div#report-material div#photo-material{
	width:730px;
	float:left;
	padding-bottom:12px;
	background: url(../img/csr/activity/material/bg_bottom_material.gif) no-repeat left bottom;
}

div#report-material  div#photo{
	margin:1em 0 2em;
	padding-left:31px;
}

div#report-material  div#photo img{
	margin-left:15px;
	}

div#report-material div#photo-material h4{	
	padding-left:46px;
}

/*
===== 08: FAMILY ====================================
*/

div#csrbremen{
background-image:url(../img/csr/family/img_bremen_middle.jpg);
background-repeat:repeat-y;
background-position:0px 10px;
}

div#csrbremen cite{
font-style:normal;
display:block;
padding:0px 60px 10px 10px;
}

div#csrbremen cite strong{
font-weight:normal;
color:#e4007f;
}

cite.csrright{
text-align:right;
}

div#csrmusicaltop{
text-align:center;
/*	padding:40px 43px 30px 60px; */
	padding:40px 0px 30px 0px;
	background-image:url(/img/csr/family/bg_musical_top.jpg);
	background-repeat:no-repeat;
}


div#csrbremenmain{
	padding:10px 43px 30px 60px;
	background-image:url(../img/csr/family/img_bremen_bottom.jpg);
	background-repeat:no-repeat;
	background-position:-2px 100%;
}

img.csrbremenimg3columncenter{
margin:0px 11px 0px 11px;
}


/*
===== 09: TOP ====================================
*/

h3.act-title {
	margin-bottom:10px;
	
}

dd.btn {
	text-align:right;
	margin-top: 10px;
}

div#stance {
	border: 1px solid #0099FF;
	width:734px;
	margin-bottom: 15px;
}

div#stance h2{
	background: #0099FF repeat;
	padding-top: 25px;
	padding-bottom: 25px;
}

div#stance h2.stanceimg {
	float:left;
	width:150px;
	text-align: center;
	vertical-align: middle;
}

div#stance p {
	float:left;
	width:562px;
	padding:5px 10px 0 10px;
}

.re {
	font-size: 1.5em;
	font-weight: bold;
	color: #0099FF;
}



/* welfare */
div.welfare {
	background: url(../img/csr/activity/bg_welfare_side.jpg) repeat-y;
	margin-bottom:20px;
	clear:both;
	width: 736px;
}

dl.support {
	padding-left: 15px;
	float:left;
	width:410px;
}

dl.support dt {
	margin-bottom:10px;
}

p.support-photo {
	float:right;
	padding-right:10px;
}


/* sports */
div.sports {
	background: url(../img/csr/activity/bg_sports_side.jpg) repeat-y;
	margin-bottom:20px;
	clear:both;
}

dl.monocycle {
	padding-left: 15px;
	float:left;
	width:195px;
}

dl.monocycle dt {
	margin-bottom:32px;
}

p.sports-photo {
	float:left;
}

dl.clinic {
	padding-left: 15px;
	float:left;
	width:190px;
}

dl.clinic dt {
	margin-bottom:10px;
}

p.line {
	clear:both;
	font-size:0.1ems;
	padding:10px 0;
}


/* culture */
div.culture {
	background: url(../img/csr/activity/bg_culture_side.jpg) repeat-y;
	margin-bottom:20px;
	clear:both;
}

dl.musical {
	padding-left: 15px;
	float:left;
	width:195px;
}

dl.musical dt {
	margin-bottom:10px;
}

p.culture-photo {
	float:left;
}

dl.classics {
	padding-left: 15px;
	float:left;
	width:190px;
}

dl.classics dt {
	margin-bottom:10px;
}

dl.shizen {
	padding-left: 15px;
	float:left;
	width:410px;
}

dl.shizen dt {
	margin-bottom:10px;
}

p.shizen-photo {
	float:left;
	padding-left:10px;
}


/* region */
div.region {
	background: url(../img/csr/activity/bg_region_side.jpg) repeat-y;
	margin-bottom:20px;
	clear:both;
}

dl.osaka {
	padding-left: 15px;
	float:left;
	width:390px;
}

dl.osaka dt {
	margin-bottom:10px;
}

p.osaka-photo {
	float:right;
	padding-right:10px;
}

p.foot {
	clear:both;
	}

/*
===== 10: CLACON REPORT NEW!! ====================================
*/

.csr #report-head {
	width:736px;
	background-image:url(../img/csr/activity/clacon/repo_bak_01.jpg);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	}
	
#report-head p {
	font-size:0.1em;
	}
	
#report-head p img {
	vertical-align:top;
	}

#report-head p.text {
	clear:both;
	width:590px;
	margin:0px auto;
	font-size:1em;
	line-height:1.5em;
	}

#report-head h3 {
	width:590px;
	margin:15px auto 10px;
	}

#report-head dl {
	float:right;
	padding-right:72px;
	margin-bottom:10px;
	}

#report-head dl dt {
	float:left;
	width:6em;
	padding-right:5px;
	text-align:right;
	}

#report-head dl dt.wide {
	float:left;
	width:8em;
	padding-right:5px;
	text-align:right;
	}

#report-head dl dd {
	float:left;
	width:100px;
	}
	
#report-head dl.profile { 
 		        width:590px; 
 		        padding-right:72px; 
	        margin-bottom:10px; 
	        list-style-type:none;   } 
	 
	#report-head dl.profile dt{ 
	        float:left; 
	        width:485px; 
	        padding-right:5px; 
	        text-align:right; 
	        } 
	#report-head dl.profile dd{ 
	        width:100px; 
	        float:right; 
	        } 
	
.csr #report-content {
	width:736px;
	background-image:url(../img/csr/activity/clacon/repo_bak_02.jpg);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	}
	
#report-content p {
	width:590px;
	margin:0px auto;
	}

#report-content h4 {
	width:700px;
	margin:10px auto;
	clear:both;
	}

#report-content h4.sectiontitle{
font-size:1.4em;
text-align:center;
background:url(/img/csr/activity/clacon/bg_clacontitle.jpg) no-repeat;
width:700px;
margin:10px auto;
padding:22px 0;
clear:both;
}

#report-content div.photo {
	width:590px;
	margin:0px auto;
	}

#report-content p.photo-text {
	text-align: center;
	font-size: 0.9em;
}

#report-content p.photo-text02 {
	clear:both;
	text-align: center;
	font-size: 0.9em;
}

#report-content dl {
	width:279px;
	float:left;
	margin-bottom:10px;
	}
	
#report-content dl.r {
	width:279px;
	float:left;
	margin-right:32px;
	}
		
#report-content dl dt,
#report-content dl.r dt {
	width:250px;
	height:187px;
	padding:29px 0px 0px 29px;
	background-image:url(../img/csr/activity/clacon/img_photo.jpg);
	background-repeat:no-repeat;
	}

#report-content dl dd,
#report-content dl.r dd {
	font-size:0.9em;
	margin:10px 0px 0px;
	line-height:1.5em;
	text-align:center;
	}

#report-content p.foot {
	width:736px;
	clear:both;
	font-size:0.1em;
	}

/*
===== 11: MUSICAL  ====================================
*/

div#musical-profile {
	width:736px;
	height:260px;
	margin-bottom:15px;

	}

div#musical-profile p {
	width:500px;
	margin:0 0 0 150px;
	}

/* 2009年度　*/
div#musical-profile-oz {
	width:736px;
	height:300px;
	margin-bottom:15px;

	}

div#musical-profile p.oz{
	width:736px;
	margin:0 0 5px 0;
	}
/*　-----2009年度　ここまで*/


div#musical-profile dl {
	vertical-align: bottom;
	display:block;
	width:436px;
	position:absolute;
	right:0;
	bottom:0;
	}

* html div#musical-profile dl {
	margin-top:60px;
	float:right;
	position:relative;
	}
	
div.musicaltitle {
width:736px;
margin-bottom:20px;
}

div.musicaltitle img{
float:left;
}

div.musicaltitle div.musicaltitletxt{
float:left;
width:193px;
padding:15px;
min-height:241px;
}

* html div.musicaltitle div.musicaltitletxt{
height:241px;
}

div.csr div#musical{
	background: url(../img/csr/activity/musical/bg_bottom_musical.gif) no-repeat left bottom;
	padding-bottom:30px;
}

div.csr div#musical h3{
	clear:both;
}
div.csr h3.musicalsection{
color:#FFFFFF;
font-size:1.2em;
text-align:center;
background:url(/img/csr/family/bg_musicaltitle.gif) no-repeat;
padding:13px 0;
}


div.csr div#fam-musical{
	width:685px;
	padding-left: 45px;
	background: url(../img/csr/activity/clacon/bg_middle_clacon.gif) repeat-y left top;
}
div.csr div#fam-musical h4{
	width:639px;
	margin-bottom:20px;
	clear:both;
}

div.csr div#fam-musical h4.title{
	font-size:1.2em;
	color:#CC3366;
	padding: 3px 0 0 20px;
	width:619px; height:29px;
	margin-bottom:20px;
	clear:both;
	background:url(/img/csr/activity/musical/tit_default.jpg) no-repeat;
}


div.csr div#fam-musical div.line{
	width:640px;
}
div.csr div#fam-musical div.line dl{
	width:190px;
	float:left;
	background: #E9A5BB;
	margin-bottom:20px;
}
div.csr div#fam-musical div.line dl.cont02{
	margin-left:34px;
}
div.csr div#fam-musical div.line dd{
	color: #FFFFFF;
	margin:5px 0 5px 10px;
}

div.csr div#fam-musical div.line dl dt{
	text-align:center;
	width:190px;
	height:80px;
}
div.csr div#fam-musical div.line dd.link{
	padding:0 0 0 20px;
	background: url(../img/csr/activity/musical/arw_circle.jpg) no-repeat left 0.2em;
	min-height:4em;
}

* html div.csr div#fam-musical div.line dd.link{
	height:4em;
}

div.csr div#fam-musical div.line dd.link a{
	color: #FFFFFF;
	text-decoration:underline;
	min-height:4em;
}


* div.csr div#fam-musical div.line dd.link a{
	height:4em;
}


/*
div.lineのmargin分だけ背景がリピートされず
bottomの画像の間にすきまができるので
一番下の列のmarginを0にしています
*/
div.csr div#fam-musical div.last{
	margin-bottom:10px;
}



div#musical-program {
	background-image:url(../img/csr/activity/musical/bg_program.jpg);
	background-repeat:no-repeat;
	width:736px;
	height:530px;
	margin:0px 0px 20px;
	clear:both;
	}
	
div#musical-program p{
	text-align:center;
	padding:30px 0;
	}
	
div#musical-program ul{
	text-align:center;
	margin:20px 0;
	}
	
/* 2009年度 */
div#musical-program-oz {
	background-image:url(../img/csr/activity/musical/bg_program.jpg);
	background-repeat:no-repeat;
	width:736px;
	height:380px;
	margin:0px 0px 20px;
	clear:both;
	border-bottom:solid 1px #cfcfcf;
	}
	
div#musical-program-oz p{
	text-align:center;
	padding:30px 0;
	}
	
div#musical-program-oz ul{
	text-align:center;
	margin:20px 0;
	}
	
div#musical-program-cindy {
	background-image:url(../img/csr/activity/musical/bg_program.jpg);
	background-repeat:no-repeat;
	width:736px;
	height:480px;
	margin:0px 0px 20px;
	clear:both;
	border-bottom:solid 1px #cfcfcf;
	}
	
div#musical-program-cindy p{
	text-align:center;
	padding:30px 0;
	}
	
div#musical-program-cindy ul{
	text-align:center;
	margin:20px 0;
	}
/* ---ここまで */
	

div.kaijo {
 background-color:#FFCCCC;
 margin:10px 0px;
 padding-bottom:10px;
 min-height:28em;
 width:736px;
 zoom:1;/*for IE 5.5-7*/
}
div.kaijo:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html div.kaijo {
 height:28em;
 display:inline-table;
 /*\*/display:block;/**/
}


div.kaijo dl.musical-header{
	background-image:url(../img/csr/family/img_kaijoheader.gif);
	background-color:#FCC;
	height:4.5em;
}

div.kaijo dl.musical-header dt{
	width:15%;
	font-size:1.5em;
	font-weight:bold;
	padding:25px 10px 0px 20px;
	float: left;
	clear:both;
}

div.kaijo dl.musical-header dd{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:1.3em;
	font-weight:bold;
	padding:25px 10px 0px 0px;
}


div.kaijo dl.musical-header dd img{
vertical-align: middle;
}

div.kaijo-left{
	background-color:#FFF;
	margin:0px 10px 0px 10px;
	padding:10px 10px 10px 10px;
	float: left;
	clear:both;
}

div.kaijo-left span{
	font-size:1.2em;
	font-weight:bold;
}
div.kaijo-left dl{
	width:465px;
	margin-bottom:10px;
	clear:both;
}

div.kaijo-left dt{
	width:70px;
	height:100%;
	font-weight:bold;
	vertical-align: top;
	float: left;
	clear:both;
}

div.kaijo-left dd{
	width:380px;
	margin-left:70px;
	vertical-align: top;
	
}


div.kaijo-right{
	width:210px;
	background-color:#FFF;
	float: left;

}

div.kaijo-right dd{
	font-size:1.1em;
	font-weight:bold;
	margin:10px 10px 30px 10px;
	clear:both;
}
div.kaijo-right p{
	margin-bottom: 30px;
}

div.kaijo-right img.csrimgcenter{
display:block;
margin:0px auto 30px; auto;
clear:both;
text-align:center;
}

/* 入口二つ開催告知がある場合 */

div.musical-miniBoxA {float:left;}
div.musical-miniBoxB {float:right;}
div.musical-miniBoxA, div.musical-miniBoxB {width:365px; margin-bottom:20px; background-image:url(../img/csr/activity/musical/musical_minibox_bg.gif); background-position:left bottom; background-repeat:no-repeat;}
div.musical-miniBoxA p.top, div.musical-miniBoxB p.top {font-size:0.1em;}
div.musical-miniBoxA p.top img, div.musical-miniBoxB p.top img {vertical-align:top;}

div.musical-miniBoxA h3, div.musical-miniBoxB h3 {width:336px; margin:0px auto; color:#CD3367; font-weight:bold; font-size:1.5em; border-left:5px solid #CD3367; padding:0px; line-height:1.1em; margin-bottom:8px;}
div.musical-miniBoxA h3 span, div.musical-miniBoxB h3 span {font-size:0.65em; padding-left:0.5em;}

div.musical-miniBoxA dl, div.musical-miniBoxB dl {width:189px; padding:0px 0px 0px 12px; float:left; margin:0px 0px 5px;}
div.musical-miniBoxA dt, div.musical-miniBoxB dt {font-weight:bold; width:39px; float:left; line-height:1.2em;}
div.musical-miniBoxA dd, div.musical-miniBoxB dd {width:150px; float:right; line-height:1.2em;}

div.musical-miniBoxA p.thumb, div.musical-miniBoxB p.thumb {width:152px; padding:0px 12px 0px 0px; float:right;}
div.musical-miniBoxA p.thumb img, div.musical-miniBoxB p.thumb img {width:150px; border:1px solid #CCCCCC;}

div.musical-miniBoxA em, div.musical-miniBoxB em {width:336px; margin:0px auto; padding:10px 0px 12px; text-align:center; clear:both; display:block;}


/*
===== 12: MUSICAL REPORT ====================================
*/

div#csrmusical{
background-image:url(../img/csr/family/img_bremen_middle.jpg);
background-repeat:repeat-y;
background-position:0px 10px;

}

div#csrmusical img.csrimg3columncenter{
margin:0px 10px 0px 10px;
}

div#csrmusical-report{
height:2400px;
	padding:10px 43px 30px 60px;
	background-image:url(../img/csr/family/img_bremen_bottom.jpg);
	background-repeat:no-repeat;
	background-position:-2px 100%;

}

div#csrmusical-report p{
	clear:both;
	margin-bottom:10px;
}

div#csrmusical-report ul.photo{
	list-style-type:none;
	}

div#csrmusical-report ul.photo li{
	float:left;
	}

div#csrmusical-report ul.menu{
	list-style-type:none;
	height:35px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	}

div#csrmusical-report ul.menu li{
	float:left;
	margin-left:10px;
	}

div#csrmusical-report dl.photo-box{
	clear:both;
	width:632px
	}
div#csrmusical-report dl.photo-box dt{
	width:201px;
	float:left;
	list-style-type:none;
	}
div#csrmusical-report dl.photo-box dd{
	float:left;
	}

div#csrmusical-report p.foot {
	width:736px;
	clear:both;
	font-size:0.1em;
	}


/* MAILmg*/
h3.malmag{ padding-top:30px;}

p.malmag-txt{
	clear:both;
	text-align:center;

}

#csrbremenmain dl.r {
float:left;
margin-right:32px;
width:279px;
}