@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2014-10-15
 * Editor:    cointents
 * Modified:  2014-10-15 by:contents
 *
 * ***********************************************************
 */


/* -----------------------------------------------------
	Font-size Adjustment
--------------------------------------------------------

	font-size:68.7%  for setting 9px
	font-size:77%    for setting 10px
	font-size:85%    for setting 11px
	font-size:93%    for setting 12px
	font-size:100%   for setting 13px
	font-size:108%   for setting 14px
	font-size:116%   for setting 15px
	font-size:123.1% for setting 16px
	font-size:131%   for setting 17px
	font-size:138.5% for setting 18px
	font-size:146.5% for setting 19px
	font-size:153.9% for setting 20px
	font-size:161.6% for setting 21px
	font-size:167%   for setting 22px
	font-size:174%   for setting 23px
	font-size:182%   for setting 24px
	font-size:189%   for setting 25px
	font-size:197%   for setting 26px


*/

/* =====================================================

 activity

===================================================== */

h2 {
	margin-bottom:40px;
}

p {
	color:#666;
	margin-bottom:15px;
}

/* =====================================================

  main

===================================================== */

.mainImg {
	margin-bottom:60px;
}

#activity .cont {
	background:#FBF3E6;
	margin-bottom:60px;
}

.contInr {
	margin:0px 60px;
}

.contInr h3 {
	color:#000;
	font-size:138.5%;
	margin-bottom:20px;
}

.btnArea {
	margin:30px 0;
}

.btnArea li {
	float:left;
	margin-left:40px;
}
	
.btnArea li:first-child {
	margin-left:0px;
}
	


#activity h4 {
	color:#000;
	font-size:138.5%;
	margin-bottom:20px;
}

#activity #medical {
	margin-bottom:43px;
}

#activity #medical .block01 {
	width:485px;
	float:left;
}

#activity #medical .block02 {
	width:350px;
	float:right;
}

#activity #medical dl {
	width:280px;
	float:left;
	margin-left:20px;
}

#activity #medical dl.first {
	margin-left:0px;
}


#activity #medical dl dt {
}

#activity #medical dl dd {
	margin:0;
	padding:0;
	color:#666666;
}

#activity #medical dl dd h5 {
	width:280px;
}

#activity #medical dl dd h5 a{
	background:url(../../activity/img/arrow_off.gif) top right no-repeat;
	padding:22px 20px 4px 0;
	display:block;
	color:#000;
	font-size:123.1%;
	text-decoration:none;
}

#activity #medical dl dd h5 a:hover{
	text-decoration: underline;
	background:url(../../activity/img/arrow_on.gif) top right no-repeat;
}


#activity #culture {
	margin-bottom:43px;
}

#activity #culture .block01 {
	width:475px;
	padding-right:10px;
	float:right;
}

#activity #culture .block02 {
	width:350px;
	float:left;
}


#activity #culture dt li {
	float:left;
	margin-left:20px;
}

#activity #culture dt li:first-child {
	margin-left:0px;
}

#activity #culture dl dd {
	position:relative;
	top:-1px;
}


#activity #culture dl dd h5 a{
	background:url(../../activity/img/arrow_off.gif) top right no-repeat;
	padding:20px 20px 3px 0;
	display:block;
	color:#000;
	font-size:123.1%;
	text-decoration:none;
}

#activity #culture dl dd h5 a:hover{
	text-decoration: underline;
	background:url(../../activity/img/arrow_on.gif) top right no-repeat;
}

#activity #culture dl dd h5 a .ft-s{
	font-size:68.7%;
}

#activity #culture dl dd p {
	position:absolute;
	bottom:5px;
	left:27em;
}
