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

body {
	background-color:#FFF ;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 90%;
	line-height: 160%;
}

p {
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	border: none;
	background: #FFF;
}

a,
a:link,
a:active {
	color: #099;
	border: none;
}

a:hover {
	text-decoration: none;
	border: none;
}

#wrap {
	width: 750px;
	background: #FFF;
	margin:  30px auto;
	padding: 30px;
	overflow: hidden;
}

#header {
	margin-bottom: 20px;
}

/* ▼▼TOPページのメイン画像 -----------------------------*/

#main {
	width:750px;
	height: 250px;
	background:#9F3;
}

/* ▼▼上部メニュー -----------------------------*/

#mainmenu {
	color: #FFF;
	font-weight: bold;
	background: #000;
	font-size: 14px;
}

#mainmenu ul li{
	width: 150px;
	float: left;
	color: #FFF;
	text-align: center;
	background: #000;
	list-style: none;
	padding-bottom: 10px;
	padding-top: 10px;
}

#mainmenu ul li a {
	color: #FFF;
}

#mainmenu ul li a,
#mainmenu ul li a:link,
#mainmenu ul li a:active {
	color: #FFF;
}

#mainmenu ul li a:hover {
	color: #FFF;
	text-decoration: none;
}

/* ▼▼ページタイトル -----------------------------*/
#mainTitle {
	font-size:32px;
	color: #093;
	clear: left;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-top: 10px;
}

/* ▼▼コンテンツ -----------------------------*/

#contents_top,
#contents,
#contents_750 {
	width: 520px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}

#contents_top_1 {
	width: 520px;
	height: 150px;
	float: left;
	overflow: auto;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}



#contents_750 {
	width: 750px;
	margin: 5px 0 20px 0;
}

#contents {
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 20px;
}

.pTitle {
	font-size: 16px;
	font-weight: bold;
	color: #093;
	border-bottom: dotted 2px #333;
}
/* 阪大のマークの見出し（520ver.）*/
.pTitle02 {
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	background: url(../img/common/bg_title.gif) no-repeat top left;
	clear: right;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
}

/* 阪大のマークの見出し（750ver.）*/
.pTitle02_750 {
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	padding: 2px 0 0 40px;
	background: url(../img/common/bg_title750.gif) no-repeat top left;
}

#newsBox{
	width: 180px;
	height: 260px;
	float: left;
	margin: 5px;
	padding: 10px;
	overflow: hidden;
	border: none;
}

/* ▼▼サイドメニュー -----------------------------*/
#sidearea {
	width: 210px;
	overflow: hidden;
	float: left;
	margin: 20px 0 0 0;
}

#sidearea ul li {
	padding: 5px;
}

#sidearea ul li.title {
	background: #EEE;
	font-weight: bold;
	list-style: none;
	padding: 10px;
	text-align: center;
	margin: 0 0 10px 0;
}

.pagetop {
	width: 137px;
	height: 13px;
	background: #000;
	float: right;
}
/* ▼▼フッター -----------------------------*/
#footer {
	margin: 0 auto;
	padding: 0;
	width: 810px;
}

#footer p{
	text-align: right;
}


.section {
	overflow: hidden;
	margin: 10px auto 40px auto;
}

/* ▼▼TOPページのみの指定 -----------------------------*/

table#new {
	width:490px;
	margin: 0 auto 30px auto;
	border-collapse: separate;
}

table#new th {
	text-align: left;
	width: 20%;
	vartical-align: top;
}

.topBox {
	width: 485px;
	height: auto;
	float: left;
	margin: 5px;
	padding: 10px;
	overflow: hidden;
	border: 3px solid #CCC;
}

.topBox02 {
	width: 325px;
	height: 230px;
	float: left;
	margin: 10px;
	padding: 10px;
	overflow: hidden;
	border: 3px solid #CCC;
}

.topBox02 img {
	float: left;
	width: 160px;
}

.topBox02 p {
	width:150px;
	float: right;
}

.topBox02 p.link {
	width:130px;
	margin: 5px 0 0 0;
	padding: 0 0 30px 18px;
	background: url(../img/common/icon_link.gif) no-repeat 0 5px;
	float: right;
}

.topBox h1,
.topBox02 h1 {
	font-size: 100%;
	color: #093;
	border-bottom: 1px dotted #999;
}

.topBox ul li,
.topBox02 ul li {
	width: 200px;
	padding: 5px;
	text-align: center;
	margin: 0 0 1px 10px;
	background: #EEE;
}

/* ▼▼「OFCとは」のページの設定 -----------------------------*/
table#ofctowa {
	width: 500px;
	margin: 0 0 0 100px;
	text-align: left;
	border-collapse: separate	;
}

table#ofctowa th {
	width: 20%;
	padding: 8px;
	background: #EEE;
	text-align: left;
}

table#ofctowa td {
	padding: 8px;
}

table#ofctowa td.tdName {
	width:50%;
}

p.link {
	margin: 20px 0 0 0;
	padding: 0 0 0 18px;
	background: url(../img/common/icon_link.gif) no-repeat 0 5px;
}

/* ▼▼「活動報告」のページの設定 -----------------------------*/


ul.backnumber {
	padding: 10px;
	overflow: hidden;
	border: 3px solid #CCC;
	margin: 30px auto;
	text-align: center;
}

ul.backnumber li {
	float: left;
	margin: 0 15px 0 0;
}

table#kouenkai {
	width: 750px;
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #099;
}

table#kouenkai th,
table#kouenkai th.bordernone {
	background: #099;
	color: #FFF;
	padding: 5px;
	border-right: 1px solid #FFF;
}

table#kouenkai th.bordernone {
	border: none;
}

table#kouenkai td {
	padding: 5px;
	border: 1px solid #099;
}

table#asset {
	width: 750px;
	font-size: 10px;
	border-collapse: collapse;
	border: 1px solid #099;
}

table#asset th,
table#asset th.bordernone {
	background: #099;
	color: #FFF;
	padding: 5px;
	border-right: 1px solid #FFF;
}

table#asset th.bordernone {
	border: none;
}

table#asset td {
	padding: 5px;
	border: 1px solid #099;
}


ul.pageNavi {
	margin: 20px auto;
}

ul.pageNavi li {
	margin: 0 30px 0 0;
	padding: 0 0 0 20px;
	float: left;
	background: url(../img/common/icon_link.gif) no-repeat 0 5px;
}

div.leftPhoto {
	width: 150px;
	float: left;
	margin: 0 0 0 10px;
}

div.rightText {
	width: 550px;
	float: right;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	overflow: hidden;
}

div.rightText h2 {
	font-size: 16px;
	margin: 0;
	color: #099;
}

table.profile {
	width: 550px;
	border: 1px solid #CCC;
	border-collapse: collapse;
}


table.profile th {
	width: 20%;
	padding: 5px;
	border: 1px solid #CCC;
	background: #EEE;
}

table.profile td {
	padding: 5px;
	border: 1px solid #CCC;
}

ul.profileList li {
	font-size: 12px;
	list-style: disc;
	line-height:1.3em;
	margin: 0 0 5px 15px;
}

/* 講義風景画像 */　
ul.kougi_photo {
	margin: 0 0 0 80px;
}

ul.kougi_photo li {
	margin: 10px 50px 0 0;
	float: left;
	
}

/* 講義要旨 */　
.sec_Discrption {
	overflow: hidden;
	margin: 10px;
}

p.discriptTitle {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}

.sec_Discrption p {
	margin: 15px 0 0 0;
}

/* ▼▼行事のご案内 -----------------------------*/

p.gyoujiTitle {
	font-size: 30px;
}

table.gyoujiInfo {
	width: 700px;
	margin: 0 0 0 40px;	
	border-collapse: separate;
}

table.gyoujiInfo th {
	width: 20%;
	padding: 8px;
	background: #EEE;
}

table.gyoujiInfo td {
	padding: 8px;
}

/* ▼▼ニューズレター -----------------------------*/
.newsBox {
	width: 170px;
	float: left;
	margin: 0 10px 30px 0;
	text-align: center;
}

.newsBox p {
	margin: 0;
}

.newsBox img {
	border: 1px solid #CCC;
}

.newsBox p.newsTitle {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #066;
	margin:0 0 10px 0;
	text-align: center;
}

/* ▼▼事務局だより -----------------------------*/
#popWrap {
	width: 480px;
	height: 1000px;
	padding: 20px;
	background: #FFF;
	overflow: hidden;
}

#popWrap h1{
	color: #C36;
	line-height: 140%;
	border-bottom: 3px dotted #333;
}

#popWrap p.name {
	text-align: right;
}

div.leftPhoto2 {
	width: 200px;
	float: left;
	margin: 0 0 0 10px;
}

/* ▼▼その他細かな指定 -----------------------------*/

/*上に余白を取りたい時*/
.mt20 {
	margin-top: 20px;
}

/*テキストをピンクにしたい時*/
.textPink {
	color: #F06;
}

/*テキストを太くおっきくする時*/
.bold {
	font-weight: bold;
	font-size: 16px;
}

/*テキストをちっちゃくしてピンク時*/
.small {
	color: #F06;
	font-size: 11px;
}

/*テキストをさらにちっちゃくしてピンク時*/
.small {
	color: #F06;
	font-size: 9px;
}