*{
    font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;   
}
body {
	width: 900px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
body, p{
	-webkit-text-size-adjust: 100%;
	font-weight: bold;
}
.width-keeper{
	/* 中央寄せ */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#about {}
#flow {}
#function {}
#site {}

.title{
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 800px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddf2ff', endColorstr = '#ffffff')";
	/*Element must have a height (not auto)*/
/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #ddf2ff, #ffffff);
	background-image: -ms-linear-gradient(top, #ddf2ff, #ffffff);
	background-image: -o-linear-gradient(top, #ddf2ff, #ffffff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ddf2ff), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #ddf2ff, #ffffff);
	background-image: linear-gradient(top, #ddf2ff, #ffffff);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border: 5px solid #558caa;
	color: #666;
}
.title_n{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	float: left;
	font-weight: bold;
	color: #FFF;
	background-color: #558caa;
	height: 35px;
	width: 40px;
	text-align: center;
	padding-top: 5px;
}
.title_mini{
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-bottom-width: 5px;
	border-left-width: 15px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #8d78a6;
	border-left-color: #8d78a6;
	width: 770px;
	color: #8d78a6;
}

.title4 {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #558caa;
	padding: 5px;
	margin-bottom: 20px;
	font-size: 120%;
	width: 87%;
	margin-right: auto;
	margin-left: auto;
}

p {
	text-align: left;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}
.us {background: url("../img/under.png") bottom;}

.item1 {
	font-size: 130%;
	font-weight: bold;
	color: #333;
	background-color: #a6d0e3;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
}
.item2 {
	font-size: 130%;
	font-weight: bold;
	color: #FFF;
	background-color: #9bbb59;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	text-shadow: 2px 2px 1px #333333;
	margin-bottom: 20px;
}
.item3 {
	font-size: 120%;
	font-weight: normal;
	color: #FFF;
	background-color: #8d78a6;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.item3 .title3 {
	text-shadow: 2px 2px 0px #333333;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 3px;
}

.it {
	background-color: #fefae5;
	padding: 20px;
	width: 83%;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #CCC;
}

.it .txt {
	margin-bottom: 15px;
	text-align: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding {
	height: 30px;
	width: 100%;
}

.txt_mini {
	font-size: 80%;
}
.extinction {
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	background-color: #dce6f2;
	padding: 15px;
	text-align: left;
}