/*■■■■■■■■■■■■■■■■■■■■■■■■■
　　　　　トップページ用css　（ /index.html ）
　■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* ■■■■■ トップページメイン画像 ■■■■■ */
.top_main_image{
	border: 1px solid #CCC;
	padding: 5px;
	margin: 0px 0px 15px 0px;
}

.top_main_image_links{
	margin: 0px;
	width: 225px;
	float: right;
}


.top_main_image_links a{
	display: block;
	padding: 5px 5px 5px 15px;
	height: 85px;
	margin: 0px 0px 6px 0px;
	background: url(../img/common/slide_waku.png) no-repeat left top;
}
.top_main_image_links a img{
	vertical-align: top;
}

.top_main_image_links a.on{
	background: url(../img/common/slide_waku_on.png) no-repeat left top;
}

.top_main_image_links a.on:hover img{
	opacity: 1;
	filter: Alpha(opacity=100);
}


.top_link_box{
	margin: 0px -25px 10px 10px;
	width: 750px;
}
.top_link_box p{
	margin: 0px 20px 15px 0px;
	float: left;
}
.top_link_box p.line2{
	width: 255px;
}

.top_link_box p img{
	vertical-align: top;
	margin: 0px 0px 5px 0px;
}

.top_link_box p a{
	display: block;
	padding: 2px 0px 2px 12px;
	background: url(../img/common/icon_links.png) no-repeat left 5px;
	font-size: 12px;
	line-height: 16px;
}
.top_link_box p a:hover{
	background: url(../img/common/icon_links_on.png) no-repeat left 5px;
}



/*リンクが全て埋まったら必要ないです。*/
.top_link_box p a.no_link{
	color: #CCCCCC;
}

.top_link_box p a.no_link:hover{
	background: url(../img/common/icon_links.png) no-repeat left 5px;
	text-decoration: none;
	color: #CCCCCC;
}



.top_link_box.charm p a{
	background: url(../img/common/top_links_icon_1.png) no-repeat left center;
	padding: 8px 0px 7px 12px;
	height: 15px;
}
.top_link_box.charm p a:hover{
	background: url(../img/common/top_links_icon_1.png) no-repeat left center #F1E9EE;
}

.top_link_box.charm p a.charm_img{
	background:none;
	padding:0px;
	height:155px;
}

.top_link_box.charm p acharm_img:hover{
		background:none;
}

.top_link_box.basic p a{
	background: url(../img/common/top_links_icon_2.png) no-repeat left center;
	padding: 8px 0px 7px 12px;
	height: 15px;
}
.top_link_box.basic p a:hover{
	background: url(../img/common/top_links_icon_2.png) no-repeat left center #FFFAF2;
}

.top_link_box.basic p a.basic_img{
	background:none;
	padding:0px;
	height:125px;
}
.top_link_box.basic p a.basic_img:hover{
	background:none;
}






.top_link_box.healing p a{
	background: url(../img/common/top_links_icon_3.png) no-repeat left center;
	padding: 8px 0px 7px 12px;
	height: 15px;
}
.top_link_box.healing p a:hover{
	background: url(../img/common/top_links_icon_3.png) no-repeat left center #EFF2F3;
}

.top_link_box.healing p a.healing_img{
	background:none;
	padding:0px;
	height:125px;
}
.top_link_box.healing p a.healing_img:hover{
	background:none;
}


/*リンクが全て埋まったら必要ないです。*/
.top_link_box.healing p a.no_link{
	color: #0A3264;
}

.top_link_box.healing p a.no_link:hover{
	background: url(../img/common/top_links_icon_3.png) no-repeat left center;
	text-decoration: none;
	color: #0A3264;
}



.top_link_box.charm p a.line2,
.top_link_box.basic p a.line2,
.top_link_box.healing p a.line2{
	padding: 0px 0px 0px 12px;
	height: 30px;
}

.top_link_box p strong{
	display: block;
	color: #7C8A4F;
}


.new{
	color:#F00;
	font-weight:bold;
}

/* ADD 160713 koike -> */
.mb_15 {
    margin-bottom: 15px;
}
/* ADD 160713 koike <- */