@charset "utf-8";
/* 01 vegetable
*************************************************************************************/
/* page 01 */
#feature_01 h1 .small {
	font-size: 84%;	
}
#feature_01 div.teacher{
	border:2px solid #e83422;
}
#feature_01 div.teacher p{
	margin-left: 184px;
	margin-bottom:0;
}	
#feature_01 h3 {
	color: #333333;
}
#feature_01 h3 span, #feature_01 h4 .pink {
	color: #ea609e;
}
#feature_01 h4 {
	color: #379b1e;
}
#feature_01 .dorange {
	color: #e8572f;
}
#feature_01 .orange {
	color: #f88812;
}
#feature_01 .col p {
	margin-bottom: 10px;
}
#feature_01 .box_fl {
	float: left;
	width: 210px;
	padding-right: 10px;
}
#feature_01 .box_fl p img  {
	padding-left: 10px;
}

/* page 02 */
#feature_01 .col {
	padding: 25px;
	margin-bottom: 30px;
	background: #f6ebdd;
}
#feature_01 .col h4 {
	color: #ea609e;
}
/* page 03 */
#feature_01 h5 {
	font-size: 120%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	margin-bottom: 0.5em;
}
#feature_01 h5.blue {
	color: #00b6eb;
	border-bottom-color: #00b6eb;
}
#feature_01 h5.pink {
	color: #e62e8b;
	border-bottom-color: #e62e8b;
}
#feature_01 h5.dorange, #feature_01 h5.dorange2 {
	color: #e8572f;
	border-bottom-color: #e8572f;
}
#feature_01 h5.orange {
	color: #f88812;
	border-bottom-color: #f88812;
}
#feature_01 h5.green {
	color: #67AA51;
	border-bottom-color: #67AA51;
}	
#feature_01 h5.purple {
	color: #a70182;
	border-bottom-color: #a70182;
}
/* page 04 */
#feature_01 .title_bg {

}
#feature_01 .title_bg.green {
	padding-left: 110px;
}
#feature_01 .title_bg.dorange2 {
	padding-left: 95px;
}
/* page 05 */
#feature_01 .black {
	color: #333;
}
#feature_01 dl {
	overflow: hidden;
	width: 650px;
	margin-bottom: 15px;
	padding: 10px 20px 10px 10px;
}
#feature_01 dl dt {
	float: left;
	width: 190px;
}
#feature_01 dl dd {
	float: left;
	width: 460px;
}
#feature_01 dl dd h6 {
	border-bottom: 1px solid #333333;
	font-size: 130%;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
}
#feature_01 dl dd h6 span {
	font-size: 75%;
	font-weight: normal;
	color: #333;
}
#feature_01 dl dd p {
	margin-bottom: 0px;
}
#feature_01 dl.bg_orange {
	background-color: #f8ecdd;
}
#feature_01 dl.bg_blue {
	background-color: #e6f0f5;
}
#feature_01 dl.bg_purple {
	background-color: #f2e5eb;
}
#feature_01 .bg_orange dd h6 {
	border-bottom: 1px solid #333333;
}
#feature_01 dl.bg_orange h6 {
	color: #f18d00;
}
#feature_01 dl.bg_blue h6 {
	color: #00abeb;
}
#feature_01 dl.bg_purple h6 {
	color: #a70182;
}
#feature_01 .col2 {
	padding: 15px 15px 10px;
	margin-bottom: 30px;
	border: 1px solid #e8572f;
}
#feature_01 .col2 h3 {
	color: #e8572f;
	line-height: 1.4em;
	margin-bottom: 10px;
}

#feature_01 .col2 h4 {
	color: #e8572f;
	margin-bottom: 5px; 
}
#feature_01 .col2 p {
	margin-bottom: 10px;
}
#feature_01 .col2 span {
	color: #e8572f;
}

#feature_01 #img_02{
    overflow: hidden;
    float: none;
}

#feature_01 #img_02 .fl,
#feature_01 #img_02 .fr{
    padding: 0;
    margin: 0;
}

/* 02 bluelight
*************************************************************************************/
/* page01 */
#feature_02 h1 .small {
	font-size: 84%;	
}
#feature_02 h3 {
	color: #333;
}

#feature_02 h3 .small {
	font-size: 76%;
}
#feature_02 h4 {
	color:#1092d4;
}
#feature_02 div.teacher{
	border:2px solid #1092d4;
}

/* page02 */
#feature_02 h3 .bg_blue {
	font-size: 84%;
	background: #1092d4;
	color: #FFF;
	padding-left: 0.8em;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
}
/* page03 */
#feature_02 h3.bg_kantan {
	background: url(../img/feature/13_bluelight/03_img_01.jpg) no-repeat 253px top;
}
#feature_02 h3 .blue {
	color: #1092d4;
}
#feature_02 #box_day, #feature_02 #box_night {
	padding: 25px 15px 15px 88px;
	margin-bottom: 20px;
}
#feature_02 #box_night .fr {
	padding-left: 10px;
}

#feature_02 #box_day {
	background: #FFFDF0 url(../img/feature/13_bluelight/03_img_02.jpg) no-repeat 14px 25px;
	border: 3px double #FDEA9F;
}
#feature_02 #box_night {
	background: #F4FDFF url(../img/feature/13_bluelight/03_img_04.jpg) no-repeat 14px 30px;
	border: 3px double #B5E7FF;
}
#feature_02 #box_day h4 {
	color: #fa8e4a;
}
#feature_02 #box_night h4 {
	color: #36C;
}

#feature_02 .col {
	background: #ece4d6;
	padding: 15px;
	margin-bottom: 30px;
}
#feature_02 .col p {
	margin-bottom: 0px;
}

/******************** SP ********************/
.sp #feature_01 div.teacher{
    padding: 12px;
    margin: 20px 0;
}
.sp #feature_01 div.teacher p{
    margin: 10px 0 0;
}

.sp #feature_01 h3{
    margin: 20px 0 10px;
    font-weight: bold;
}

.sp #feature_01 h4{
    font-weight: bold;
    margin: 20px 0 10px !important;
}

.sp #feature_01 .box_fl{
    width: 100%;
    padding: 0;
    margin: 20px 0;
}

.sp #feature_01 h5{
    margin: 20px 0 10px;
}

.sp #feature_01 h5 img{
    float: left;
}

.sp #feature_01 .title_bg.dorange2{
    padding: 0;
}

.sp #feature_01 dl.bg_orange,
.sp #feature_01 dl.bg_blue,
.sp #feature_01 dl.bg_purple
{
    width: auto;
    padding: 12px;
}
.sp #feature_01 dl dt,
.sp #feature_01 dl dd{
    width: 100%;
}

.sp #feature_01 dl dt h6{
    margin-top: 10px;
}

.sp #feature_01 #img_02{
    margin: 20px 0;
}

.sp #feature_01 #img_02 .fl,
.sp #feature_01 #img_02 .fr{
    margin: 10px auto;
}

/*****/

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

.sp #feature_02 div.teacher img{
    margin-bottom: 10px;
}

.sp #feature_02 h3{
    font-weight: bold;
    font-size: 115%;
    margin: 20px 0 10px;
}

.sp #feature_02 h4{
    font-weight: bold;
    margin: 20px 0 10px;
}

.sp #feature_02 #box_day,
.sp #feature_02 #box_night{
    padding: 12px;
}

.sp #feature_02 #box_day .fl,
.sp #feature_02 #box_day .fr,
.sp #feature_02 #box_night .fl,
.sp #feature_02 #box_night .fr{
    margin: 10px auto !important;
}

/*****/