@charset "UTF-8";
/* CSS Document */

#mainContents{margin-bottom:0px;}



/*------------------------------
	動画
------------------------------*/
#movieFrame{
	float:left;
	width:735px;
	height:312px;
	margin: 0px;
	background:#FFF;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 8px; /* Safari and Chrome */
	-moz-border-radius: 8px; /* Firefox */
	border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow:1px 1px 4px #e5e5e5; /* Firefox */
	-webkit-box-shadow:1px 1px 4px #e5e5e5; /* Safari and Chrome */
	box-shadow:1px 1px 4px #e5e5e5; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(common/ie-css3.htc); /* This lets IE know to call the script on all elements which get the ‘bbbox’ class */
	}
*html #movieFrame{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}
*:first-child+html #movieFrame{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}	
	
#movieFrame:hover{border: solid 1px #009DE6;}
	
#movieFrame #flashMovieBox{ width:715px; margin:12px auto;}
/*------------------------------
	動画 終了
------------------------------*/



/*------------------------------
	右上ニュース
------------------------------*/
#newsBox{
	float:right;
	width:235px;
	height:312px;
	margin: 0px;
	background:#FFF;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 8px; /* Safari and Chrome */
	-moz-border-radius: 8px; /* Firefox */
	border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow:1px 1px 4px #dddddd; /* Firefox */
	-webkit-box-shadow:1px 1px 4px #dddddd; /* Safari and Chrome */
	box-shadow:1px 1px 4px #dddddd; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(common/ie-css3.htc); /* This lets IE know to call the script on all elements which get the ‘bbbox’ class */
	}
*html #newsBox{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}
*:first-child+html #newsBox{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}
	
#newsBox:hover{border: solid 1px #009DE6;}
	
#newsBox #flashNewsBox{ width:220px; margin:12px auto;}
/*------------------------------
	右上ニュース終了
------------------------------*/


/*------------------------------
	Flash Player メッセージ
------------------------------*/
.flashMessage{color:#C09; font-weight:bold; font-size:14px; line-height:160%;}
/*------------------------------
	Flash Player メッセージ終了
------------------------------*/



/*------------------------------
	トピックス
------------------------------*/

/*--------------中央トピックス--------------*/
#topics{margin:0px; clear:both;}

#topics .topicFrame{float:left; width:185px; padding:10px 6px;}
*html #topics .topicFrame{padding:10px 5px;}

#topics .topicFrame .topicsBox{
	width:180px; 
	margin:0px auto 8px auto;
	padding:8px 4px;
	background: #ffffff;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow:1px 1px 4px #cccccc; /* Firefox */
	-webkit-box-shadow:1px 1px 4px #cccccc; /* Safari and Chrome */
	box-shadow:1px 1px 4px #cccccc; /* Opera 10.5+ */
	behavior: url(common/ie-css3.htc); /* This lets IE know to call the script on all elements which get the ‘bbbox’ class */
	}
*html #topics .topicFrame .topicsBox{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}
*:first-child+html #topics .topicFrame .topicsBox{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}

#topics .topicFrame .topicsBox:hover{border: solid 1px #009DE6;}

#topics .topicFrame .topicsBox .topicsImg{width:180px; height:96px;clear:both; position:absolute;}

#topics .topicFrame .topicsBox .topicsImg .topicsCategory{position:absolute; top:0px; left:0px;}

#topics .topicFrame .topicsBox h2{margin-top:96px; clear:both;}
*html #topics .topicFrame .topicsBox h2{margin-top:104px;}
*:first-child+html #topics .topicFrame .topicsBox h2{margin-top:104px;}

#topics .topicFrame .topicsBox .topicsLegend{ padding:4px; clear:both; text-align:left; line-height:160%; overflow-y:auto; overflow-x:hidden; height:100px; background:#f1f1f1; /*height:100px; overflow-y:auto; overflow-x:hidden;*/}

.topicsLink{text-align:right; font-size:90%; margin-top:6px;}
/*--------------中央トピックス 終了--------------*/


/*--------------右欄トピックス--------------*/
#topics .righttopicsFrame{
	background:#e5e5e5;
	width:180px; 
	margin:0px auto 12px auto;
	padding:0px 4px;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow:1px 1px 4px #cccccc; /* Firefox */
	-webkit-box-shadow:1px 1px 4px #cccccc; /* Safari and Chrome */
	box-shadow:1px 1px 4px #cccccc; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(common/ie-css3.htc); /* This lets IE know to call the script on all elements which get the ‘bbbox’ class */
}
*html #topics .righttopicsFrame{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}
*:first-child+html #topics .righttopicsFrame{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}

#topics .righttopicsFrame .rightTopics{
	background:#FFF;
	margin:6px 0px;
	padding:4px;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* Opera 10.5+ */
	}
	
#topics .righttopicsFrame .rightTopics:hover{border: solid 1px #009DE6;}
	
#topics .righttopicsFrame .rightTopics h2{width:168px; margin:0px auto; padding:8px 0px;}

#topics .righttopicsFrame .rightTopics .rightTopicBox{height:200px; overflow-y:auto; overflow-x:hidden;}

#topics .righttopicsFrame .rightTopics .rightTopicBox .rightTopicsLegend{width:145px; margin:0px auto; padding-bottom:4px; border-bottom:dotted 1px #CCC;}

#topics .righttopicsFrame .rightTopics .rightTopicBox .rightTopicsLegend .date{ font-size:90%;}

#topics .righttopicsFrame .rightTopics .rightTopicBox .rightTopicsLegend .details{ background:url(../img/mark/blue_square.gif) no-repeat 0px 4px; padding-left:12px;}

#topics .righttopicsFrame .rightTopics .rightTopicBox .rightTopicsLegend .details a:hover{ background:#007399; color:#ffffff; text-decoration:underline;}
#topics .righttopicsFrame .rightTopics .rightTopicBox .rightTopicsLegend .details a:visit{ background:#none; color:#000000; text-decoration:underline;}
/*--------------右欄トピックス 終了--------------*/

/*------------------------------
	トピックス終了
------------------------------*/


/*------------------------------
	賛助会員蘭
------------------------------*/

#patronage{ margin:0px 0px 12px 0px; padding:0px; width:100%; clear:both;}

/*-------------- 終大阪21世紀協会の活動--------------*/

#patronage #activity{
	background:#006;
	width:485px;
	background:#FFF;
	margin-bottom:12px;
	padding:4px 0px;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow:1px 1px 4px #cccccc; /* Firefox */
	-webkit-box-shadow:1px 1px 4px #cccccc; /* Safari and Chrome */
	box-shadow:1px 1px 4px #cccccc; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	}
	
#patronage #activity:hover{border: solid 1px #009DE6;}
	
#patronage #activity #activityFrame{
	width:460px;
	margin:4px auto;
	padding:4px;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* Opera 10.5+, future browsers*/
	background:#f3f3f3;
	}
	
#patronage #activity #activityFrame h2{margin:0px auto; text-align:center; margin-bottom:6px;}

#patronage #activity #activityFrame p{text-align:center; line-height:145%; margin:12px 0px;}
	
#patronage #activity #activityFrame #activityTop{
	width:96%;
	background:#e5e5e5;
	margin:4px auto;
	padding:4px 8px;
	border: solid 1px #B0B0B0;
	}
	
#patronage #activity #activityFrame #activityTop h3{ text-align:left; font-size:100%; font-weight:bold; background:url(../img/mark/blue_square.gif) no-repeat 0px 6px; padding-left:16px;}

#patronage #activity #activityFrame #activityTop p{ line-height:160%; text-align:left;}

#patronage #activity #activityFrame #activityBottom{ width:100%; margin-bottom:12px;}

#patronage #activity #activityFrame #activityBottom #activityLeft{
	width:49%;
	background:#e5e5e5;
	margin:4px 0;
	padding:4px 8px;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* Opera 10.5+ */
	}
	
#patronage #activity #activityFrame #activityBottom #activityLeft h3{ text-align:left; font-size:100%; font-weight:bold; background:url(../img/mark/blue_square.gif) no-repeat 0px 6px; padding-left:16px;}

#patronage #activity #activityFrame #activityBottom #activityLeft p{ line-height:160%; text-align:left;}

#patronage #activity #activityFrame #activityBottom #activityRight{
	width:49%;
	background:#e5e5e5;
	margin:4px 0;
	padding:4px 8px;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* Opera 10.5+ */
	}

#patronage #activity #activityFrame #activityBottom #activityRight h3{ text-align:left; font-size:100%; font-weight:bold; background:url(../img/mark/blue_square.gif) no-repeat 0px 6px; padding-left:16px;}

#patronage #activity #activityFrame #activityBottom #activityRight p{ line-height:160%; text-align:left;}

/*-------------- 大阪21世紀協会の活動 動了--------------*/


/*-------------- ドロップダウン--------------*/

.navi{ width:450px; margin:4px auto 0px auto;}

.naviFrame {margin-top:6px; padding:4px 8px; background:#EAF0FA; height:200px; overflow-y:auto; overflow-x:hidden; line-height:160%;}

/*-------------- ドロップダウン 動了--------------*/


/*-------------- 賛助会員募集 --------------*/

#patronage #recruitment{
	width:485px;
	background:#FFF;
	margin-bottom:12px;
	padding:4px 0px;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow:1px 1px 4px #cccccc; /* Firefox */
	-webkit-box-shadow:1px 1px 4px #cccccc; /* Safari and Chrome */
	box-shadow:1px 1px 4px #cccccc; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	}
	
#patronage #recruitment:hover{border: solid 1px #009DE6;}
	
#patronage #recruitment #recruitmentFrame{
	width:460px;
	background:#f3f3f3;
	margin:4px auto;
	padding:4px;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* Opera 10.5+, future browsers */
	}

#patronage #recruitment #recruitmentFrame h2{width:450px; margin:0px auto;}

#patronage #recruitment #recruitmentFrame p{text-align:center; line-height:145%; margin:12px 0px;}

#patronage #recruitment #recruitmentFrame #recruitmentBox{width:100%; margin-bottom:12px;}

#patronage #recruitment #recruitmentFrame #recruitmentBox #recruitmentLeft{
	width:49%;
	background:#e5e5e5;
	margin:4px 0;
	padding:4px 8px;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	}
	
#patronage #recruitment #recruitmentFrame #recruitmentBox #recruitmentLeft h3{ text-align:left; font-size:100%; font-weight:bold;}

#patronage #recruitment #recruitmentFrame #recruitmentBox #recruitmentLeft p{ line-height:160%; text-align:left;}

#patronage #recruitment #recruitmentFrame #recruitmentBox #recruitmentLeft ul li{text-align:left; font-size:100%; background:url(../img/mark/pink_square.gif) no-repeat 0px 6px; padding-left:16px;}

#patronage #recruitment #recruitmentFrame #recruitmentBox #recruitmentRight{
	width:49%;
	background:#e5e5e5;
	margin:4px 0;
	padding:4px 8px;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* Opera 10.5+ */
	}

#patronage #recruitment #recruitmentFrame #recruitmentBox #recruitmentRight h3{ text-align:left; font-size:100%; font-weight:bold;}

#patronage #recruitment #recruitmentFrame #recruitmentBox #recruitmentRight p{ line-height:160%; text-align:left;}

#patronage #recruitment #recruitmentFrame #recruitmentBox #recruitmentRight ul li{text-align:left; font-size:100%; background:url(../img/mark/pink_square.gif) no-repeat 0px 6px; padding-left:16px;}

/*-------------- 賛助会員募集 終了 --------------*/

/*------------------------------
	賛助会員蘭 終了
------------------------------*/



/*------------------------------
	バナー欄 終了
------------------------------*/

#ad{
	clear:both;
	width:100%;
	background:#FFF;
	margin-bottom:12px;
	padding:0px;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow:1px 1px 4px #cccccc; /* Firefox */
	-webkit-box-shadow:1px 1px 4px #cccccc; /* Safari and Chrome */
	box-shadow:1px 1px 4px #cccccc; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(common/ie-css3.htc); /* This lets IE know to call the script on all elements which get the ‘bbbox’ class */
	}
*html #ad{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}
*:first-child+html #ad{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}
	
#ad:hover{border: solid 1px #009DE6;}

#ad ul{ margin:6px auto; width:904px;}

#ad ul li{ width:210px; padding:0px 8px; float:left;}

/*------------------------------
	バナー欄 終了
------------------------------*/