@charset "utf-8";

/*  about style
----------------------------------------------------------------------*/

.about #billboard {
	background: url(../about/images/hbnr-about.jpg) no-repeat;
}

/* greeting */
#greeting .main .catch {
	color: #46bef0;
	font-size: 189%;
	text-indent: 0;
	margin-bottom: 20px;
	line-height: 1.3;
}
#greeting .message .float-r {
	float: right;
	width: 200px;
	text-align: right;
	line-height: 2;
}
#greeting .message p {
	text-indent: 1em;
}
#greeting .message .float-r strong {
	font-size: 129%;
	font-weight: bold;
}
#greeting .message .float-l {
	float: left;
	width: 455px;
}

#greeting .history table th {
	padding: 0.1em 0;
	vertical-align: top;
}
#greeting .history table td {
	padding: 0.1em 0 0.1em 1.2em;
	vertical-align: top;
}
#greeting .history table td.month {
	text-align: right;
}
#greeting .history .float-r {
	width: 166px;
}
#greeting .history .float-r dl {
	line-height: 1.4;
	margin-bottom: 30px;
}
#greeting .history .float-r dd {
	margin-top: 3px;
}
#greeting .outline table {
	border-collapse: collapse;
}
#greeting .outline table th {
	background: #f4f4f4;
	padding: 0.3em 1em;
	border: 1px solid #717071;
	vertical-align: top;
}
#greeting .outline table td {
	padding: 0.3em 1em;
	border: 1px solid #717071;
	vertical-align: top;
}

#greeting .facilities .appeal {
	font-size: 129%;
}
#greeting .facilities strong {
	color: #1e9e3c;
}
#greeting .facilities ul {
	background: #f4f4f4;
	margin: 0.5em 0;
	padding: 1em;
	border-top: 1px dotted #717071;
	border-bottom: 1px dotted #717071;
}
#greeting .facilities ul li {
	font-size: 92%;
	list-style-type: disc;
	float: left;
	width: 24em;
	margin-left: 1.2em;
}

/* philosophy */
#philosophy .catch {
	color: #1e9e3c;
	font-size: 136%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	padding: 0.5em;
	background: #f0fad2;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#philosophy .diagram div {
	margin-top: 5px;
}

/* consultation */
#consultation .main p {
	margin-bottom: 20px;
}
#consultation .prelude p img {
	margin-left: 15px;
}

/* characteristic */
#characteristic .prelude ul.list {
	margin-top: 20px;
}
#characteristic .prelude ul.list li {
	float: left;
}
#characteristic .section div img {
	float: left;
	margin-right: 20px;
}
#characteristic .section div p img {
	float: none;
	margin: 0;
}
#characteristic .section div p.link {
	display: block;
	text-align: right;
	margin-top: 10px;
}
#characteristic .section div ul.link {
	margin: 10px 0 0 0;
}
#characteristic .section div ul.bus {
	margin: 2em 0 0 0;
}
#characteristic .section div ul.link li {
	float: left;
	width: 103px;
	margin: 0 5px;
}
#characteristic .section div ul.bus li {
	float: left;
	width: 160px;
	margin: 0 5px;
}