@charset "utf-8";
/* 01 intestine
*************************************************************************************/
/* page 01 */
#feature_01 h1 .small {
	font-size: 84%;
}
#feature_01 div.teacher {
	border:2px solid #13b0f9;
}
#feature_01 div.teacher p {
	margin-left: 184px;
	margin-bottom:0;
}
#feature_01 h3 {
	color: #333333;
}
#feature_01 h3 .pink, #feature_01 h4 .pink {
	color: #ff65a9;
}
#feature_01 h4 {
	color: #13b0f9;
}
#feature_01 .dorange {
	color: #e8572f;
}
#feature_01 .orange {
	color: #f88812;
}
#feature_01 .col p {
	margin-bottom: 10px;
}
/* page 02 */
/*#feature_01 .dl1 {
	overflow: hidden;
	clear: both;
	width: 680px;
	padding-bottom: 10px;
}
#feature_01 .dl1 dt, #feature_01 .dl1 dd {
	float: left;
}
#feature_01 .dl1 dt {
	width: 180px;
	padding-right: 10px;
}
#feature_01 .dl1 dd {
	width: 490px;
}*/
#feature_01 .col {
	padding: 15px;
	margin-bottom: 30px;
	background: #fff;
	border: 3px double #13b0f9;
}
#feature_01 .col h3 {
	color: #13b0f9;
	margin-bottom: 10px;
	text-align: center;
}
#feature_01 .col .col_left {
	float: left;
	width: 300px;
}
#feature_01 .col .col_right {
	float: right;
	width: 333px;
	border-left: 1px dotted #13b0f9;
	padding-left: 10px;
}
#feature_01 .col_right dl {
	overflow: hidden;
	clear: both;
	padding-bottom: 10px;
	width: 333px;
}
#feature_01 .col_right dl dt, #feature_01 .col_right dl dd {
	float: left;
}
#feature_01 .col_right dl dt {
	color: #FFF;
	background: #13b0f9;
	text-align: center;
	width: 60px;
}
#feature_01 .col_right dl dd {
	width: 263px;
	padding-left: 10px;
}
/* page 03 */
#feature_01 .col2 {
	padding: 15px;
	margin-bottom: 30px;
	border: 1px solid #ff65a9;
}
#feature_01 .col2 h3 {
	color: #ff65a9;
	line-height: 1.4em;
	margin-bottom: 10px;
	text-align: center;
}
#feature_01 .col2 p {
	margin-bottom: 10px;
}
#feature_01 .col2 table {
	width: 650px;
}
#feature_01 .col2 table th, #feature_01 .col2 table td {
	border: 1px solid #666;
}
#feature_01 .col2 table td {
	padding-left: 10px;
}
#feature_01 .col2 table .th_title {
	width: 20px;
	text-align: center;
}
#feature_01 .col2 table .td_cap {
	width: 110px;
}
#feature_01 .col2 #table_blue tr .th_title {
	color: #FFF;
	background: #60b3e5;
}
#feature_01 .col2 #table_pink tr .th_title {
	color: #FFF;
	background: #ee88b4;
}
#feature_01 .col2 #table_blue tr .td_cap {
	background: #dff2fc;
}
#feature_01 .col2 #table_pink tr .td_cap {
	background: #fbe6ef;
}
/* page 04 */
#feature_01 .col3 {
	padding: 20px 20px 10px;
	margin-bottom: 30px;
	border: 1px solid #13b0f9;
}
#feature_01 .col3 h3 {
	color: #333;
	line-height: 1.4em;
	margin-bottom: 10px;
	text-align: center;
}
#feature_01 .col3 .blue {
	color: #13b0f9;
}
#feature_01 .col3 .pink {
	color: #ff65a9;
}
#feature_01 .col3 h4 {
	color: #ff65a9;
	margin-bottom: 5px;
}
#feature_01 .col3 p {
	margin-bottom: 15px;
}
/* 02 vitamin
*************************************************************************************/
/* page01 */
#feature_02 h1 .small {
	font-size: 84%;
}
#feature_02 h3 {
	color: #333;
}
#feature_02 h3 .small {
	font-size: 76%;
}
#feature_02 h3 .orange {
	color:#e84731;
}
#feature_02 h4 {
	color:#e84731;
}
#feature_02 div.teacher {
	border:2px solid #e84731;
}
/* page02 */
#feature_02 h5.bg_orange {
	color: #FFF;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
	text-align: center;
	margin-bottom: 20px;
	background: #e84731;
}
#feature_02 .col {
	background: #fef9f3;
	padding: 15px;
	margin-bottom: 30px;
	border: 4px solid #eeded0;
}
#feature_02 .col h4 {
	color: #ec6d74;
	font-size: 92%;
}
#feature_02 .col h4 span {
	color: #FFF;
	background: #ec6d74;
	padding-right: 4px;
	padding-left: 4px;
}
#feature_02 .col h3 span {
	color: #ec6d74;
}
#feature_02 .col h3 {
	margin-bottom: 10px;
}
#feature_02 .col p {
	margin-bottom: 0px;
}
/* page03 */
#feature_02 h4 .black {
	color: #333;
}
#feature_02 .h5_2 {
	color: #e84731;
	font-size: 120%;
	font-weight: bold;
}
#feature_02 .h5_2 span {
	color: #FFF;
	background: #f39800;
	padding-right: 3px;
	padding-left: 3px;
}
#feature_02 .col2 {
	background: #fce7f0;
	padding: 15px;
	margin-bottom: 30px;
}
#feature_02 .col2 p.point {
	color: #FFF;
	text-align: center;
	font-size: 10px;
	background-color: #e94731;
	width: 40px;
	height: 30px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	float: left;
	margin-right: 10px;
	padding-top: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}
#feature_02 .col2 h3 {
	margin-bottom: 10px;
	margin-top: 5px;
	color: #e94731;
}
#feature_02 .col2 p {
	margin-bottom: 0px;
}
#feature_02 .col3 {
	background: #e5d9cd;
	padding: 15px;
	margin-bottom: 30px;
}
#feature_02 .col3 p {
	margin-bottom: 10px;
}#feature_02 .col3 h3 {
	background: #FFF;
	text-align: center;
	width: 100px;
	font-size: 105%;
	margin-bottom: 10px;
}

/********** SP **********/

.sp #feature_01 div.teacher{
    margin: 20px 0;
    padding: 12px;
}

.sp #feature_01 div.teacher p{
    margin: 10px 0 0;
}
.sp #feature_01 h3{
    font-size: 115%;
    font-weight: bold;
}
.sp #feature_01 h4{
    font-weight: bold;
    margin: 20px 0 10px;
}
.sp #feature_01 #checktest{
    margin-top: 20px;
}
.sp #feature_01 #checktest .col_left{
    width: 100%;
}
.sp #feature_01 .col_right dl{
    width: auto;
}
.sp #feature_01 .col_right dl dt{
    float: none;
}
.sp #feature_01 .col_right dl dd{
    width: auto;
    margin: 0;
    padding: 0;
}
.sp #feature_01 .col .col_right{
    border: none;
    padding: 0;
    margin-top: 20px;
}

.sp #feature_01 .col2 table{
    width: 100%;
}

.sp #feature_01 .col2 table .td_cap{
    width: 50px;
}

/*****/

.sp #feature_02 div.teacher{
    margin: 20px 0;
    padding: 12px;
}

.sp #feature_02 div.teacher .img{
    margin-bottom: 10px;
}
.sp #feature_02 h3{
    font-weight: bold;
    margin: 20px 0 10px;
    font-size: 115%;
}
.sp #feature_02 h3 .small{
    font-weight: 400;
    letter-spacing: 0;
}
.sp #feature_02 h4{
    font-weight: bold;
    margin: 20px 0 10px;
}

.sp #feature_02 .h5_2{
    margin: 20px 0 10px;
}