@import url("common.css");

/* ------------------------------
 Top
------------------------------ */

#top .toptitle {
	background: url(../message/img/top.jpg) no-repeat left top;
}
#contents .main {
	height: 350px;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 46px;
	background: url(../message/img/main.jpg) no-repeat left top;
}
#contents h1.title {
	height: 40px;
	margin: 0 0 20px 0;
	background: url(../message/img/title.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}
#contents .h2 {
	font-size: 160%;
	margin: 24px 0 12px 0;
	padding-bottom: 4px;
}
#contents p {
	margin: 0 0 1em 0;
}
#contents p.image1 {
	margin: 10px 0 10px 20px;
	float: right;
}
#contents p.image2 {
	margin: 4px 20px 10px 0;
	float: left;
}
.credo {
	background: url(../message/img/credo_box.gif) no-repeat left top;
	margin: 0 0 20px 0;
}
.credo h3 {
	font-size: 140%;
	margin-bottom: 10px;
	padding: 16px 24px 0 24px;
}
.credo h3 span {
	font-weight: bold;
	font-size: 160%;
}
.credo p.roman {
	color: #999;
}
.credo p,
.credo ul {
	padding: 0 24px 0 24px;
}
.credo ul li {
	margin: 5px 10px;
	padding: 0 0 0 24px;
	background: url(../img/point_blue.gif) no-repeat left center;
	font-size: 110%;
}
.credo p.credo_bottom,
.credo ul.credo_bottom {
	background: url(../message/img/credo_bottom.gif) no-repeat left bottom;
	padding-bottom: 16px;
}