@charset "utf-8";

/*----------------------------------------------------------------
 * 目的
 */

#purpose {
	overflow: hidden;
}

#purpose h2 {
	height: 24px;
	background: url(../img/h2-purpose.png) no-repeat;
	text-indent: -9999px;
}

#purpose .info {
	float: left;
	width: 630px;
	margin-top: 40px;
}

#purpose .info p {
	margin: -.5em 0;
	font-size: 93%;
	line-height: 2;
}

#purpose .info ol {
	margin: 24px 0 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#purpose .info ol li {
	height: 50px;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 108%;
	line-height: 50px;
}

#purpose .info ol li + li {
	border-top: 1px dotted #CCCCCC;
}

#purpose .info ol li:nth-child(1) {
	background-image: url(../img/purpose1.png);
}

#purpose .info ol li:nth-child(2) {
	background-image: url(../img/purpose2.png);
}

#purpose .info ol li:nth-child(3) {
	background-image: url(../img/purpose3.png);
}

#purpose .info ol li:nth-child(4) {
	background-image: url(../img/purpose4.png);
}

#purpose .info ol li:nth-child(5) {
	background-image: url(../img/purpose5.png);
}

#purpose figure {
	float: right;
	margin-top: 40px;
}

/*----------------------------------------------------------------
 * 役員ご挨拶
 */

#effect {
	margin-top: 80px;
}

#effect h2 {
	height: 24px;
	background: url(../img/h2-effect.png) no-repeat;
	text-indent: -9999px;
}

/* 理事長御挨拶 */
#effect #president {
	margin-top: 40px;
	border-top: 1px solid #496227;
	overflow: hidden;
}

#effect #president h3 {
	height: 18px;
	margin-top: 20px;
	background: url(../img/h3-effect-president.png) no-repeat;
	text-indent: -9999px;
}

#effect #president .message {
	float: right;
	width: 730px;
	margin-top: 40px;
}

#effect #president .message p {
	margin: -.5em 0;
	font-size: 93%;
	line-height: 2;
}

#effect #president .message p + p {
	margin-top: 2em;
}

#effect #president figure {
	float: left;
	width: 190px;
	margin-top: 40px;
}

#effect #president figure figcaption {
	margin-top: 10px;
}

#effect #president figure figcaption .title {
	font-size: 93%;
	line-height: 1;
}

#effect #president figure figcaption .title + .title {
	margin-top: 5px;
}

#effect #president figure figcaption .name {
	margin-top: 10px;
	color: #496227;
	font-size: 138.5%;
	line-height: 1;
}

/* 副理事長御挨拶 */
#effect #vice-president {
	margin-top: 40px;
	border-top: 1px solid #496227;
	overflow: hidden;
}

#effect #vice-president h3 {
	height: 18px;
	margin-top: 20px;
	background: url(../img/h3-effect-vice-president.png) no-repeat;
	text-indent: -9999px;
}

#effect #vice-president .message {
	float: left;
	width: 730px;
	margin-top: 40px;
}

#effect #vice-president .message p {
	margin: -.5em 0;
	font-size: 93%;
	line-height: 2;
}

#effect #vice-president .message p + p {
	margin-top: 2em;
}

#effect #vice-president figure {
	float: right;
	width: 190px;
	margin-top: 40px;
}

#effect #vice-president figure figcaption {
	margin-top: 10px;
}

#effect #vice-president figure figcaption .title {
	font-size: 93%;
	line-height: 1;
}

#effect #vice-president figure figcaption .title + .title {
	margin-top: 5px;
}

#effect #vice-president figure figcaption .name {
	margin-top: 10px;
	color: #496227;
	font-size: 138.5%;
	line-height: 1;
}

/* 専務理事・事務局長御挨拶 */
#effect #executive {
	margin-top: 40px;
	padding-bottom: 20px;
	border-top: 1px solid #496227;
	border-bottom: 1px solid #496227;
	overflow: hidden;
}

#effect #executive h3 {
	height: 18px;
	margin-top: 20px;
	background: url(../img/h3-effect-executive.png) no-repeat;
	text-indent: -9999px;
}

#effect #executive .message {
	float: right;
	width: 730px;
	margin-top: 40px;
}

#effect #executive .message p {
	margin: -.5em 0;
	font-size: 93%;
	line-height: 2;
}

#effect #executive .message p + p {
	margin-top: 2em;
}

#effect #executive figure {
	float: left;
	width: 190px;
	margin-top: 40px;
}

#effect #executive figure figcaption {
	margin-top: 10px;
}

#effect #executive figure figcaption .title {
	font-size: 93%;
	line-height: 1;
}

#effect #executive figure figcaption .title + .title {
	margin-top: 5px;
}

#effect #executive figure figcaption .name {
	margin-top: 10px;
	color: #496227;
	font-size: 138.5%;
	line-height: 1;
}

/*----------------------------------------------------------------
 * 役員
 */

#board-member {
	margin-top: 80px;
}

#board-member h2 {
	height: 23px;
	background: url(../img/h2-board-member.png) no-repeat;
	text-indent: -9999px;
}

#board-member table {
	width: 100%;
	margin-top: 30px;
}

#board-member table th,
#board-member table td {
	padding: 4px 10px;
	border: 1px solid #CCCCCC;
	font-size: 93%;
	font-weight: normal;
	vertical-align: middle;
	line-height: 2;
}

#board-member table th {
	width: 150px;
	background-color: #F1F7E9;
}

#board-member table .appointment,
#board-member table .name {
	text-align: center;
}

/*----------------------------------------------------------------
 * 設立
 */

#establishment {
	margin-top: 80px;
}

#establishment h2 {
	height: 24px;
	background: url(../img/h2-establishment.png) no-repeat;
	text-indent: -9999px;
}

#establishment p {
	margin-top: 30px;
	font-size: 93%;
	line-height: 1;
}

/*----------------------------------------------------------------
 * 事務局
 */

#secretariat {
	margin-top: 80px;
}

#secretariat h2 {
	height: 24px;
	background: url(../img/h2-secretariat.png) no-repeat;
	text-indent: -9999px;
}

#secretariat p {
	margin: 24px 0 -.5em;
	font-size: 93%;
	line-height: 2;
}

#map {
	margin-top: 80px;
	border: 1px solid #cccccc;
}

.row:after {
	content: "";
	display: block;
	clear: both;
}

.row .column {
	float: left;
}

.row .column + .column {
	float: right;
}

/*----------------------------------------------------------------
 * 医療国際化推進機構ご案内 ダウンロードはこちら
 */

#download {
	margin-top: 80px;
}

#download .button a {
	display: block;
	padding: 10px 0;
	background-color: #569106;
	color: #ffffff;
	font-size: 93%;
	text-align: center;
	line-height: 1.5;
}

#download .button a:hover {
	text-decoration: none;
}