@charset "utf-8"; 

@import url("../../css/common.css");
@import url("../..css/add.css");

/* ============================================================ header */
#header {
}

/* ============================================================ main */
#main {
	background: url(../../images/main_contents_bg.gif) repeat-y;
	text-align: left;
}
#main .main-contents {
	width: 878px;
	background-color: #fff;
}
#main .main-contents ul {
	padding: 19px 0 20px 9px;
}
#main .main-contents ul li {
	float: left;
	width: 172px;
	background: url(../images/index_line_dot.gif) repeat-y right top;
}
#main .main-contents ul li.last {
	background-image: none;
}
#main .main-contents ul li a:link,
#main .main-contents ul li a:visited {
	display: block;
	margin-right: 2px;
	color: #333;
	text-decoration: none;
}
#main .main-contents ul li a:hover,
#main .main-contents ul li a:active {
	text-decoration: underline;
	color: #f66;
}
#main .main-contents ul li p {
}
#main .main-contents ul li p a span {
	display: block;
	padding-left: 8px;
	height: 35px;
	text-indent: -999em
}
#main .main-contents ul li#beauty p a span {
	background: url(../images/index_ttl01.gif) no-repeat 8px top;
}
#main .main-contents ul li#beauty p a:hover span {
	background: url(../images/index_ttl01ovr.gif) no-repeat 8px top;
	background-color: #ffe5df;
}
#main .main-contents ul li#barber p a span {
	background: url(../images/index_ttl02.gif) no-repeat 8px top;
}
#main .main-contents ul li#barber p a:hover span {
	background: url(../images/index_ttl02ovr.gif) no-repeat 8px top;
	background-color: #ffe5df;
}
#main .main-contents ul li#communication p a span {
	background: url(../images/index_ttl03.gif) no-repeat 8px top;
}
#main .main-contents ul li#communication p a:hover span {
	background: url(../images/index_ttl03ovr.gif) no-repeat 8px top;
	background-color: #ffe5df;
}
#main .main-contents ul li#ob_voice p a span {
	background: url(../images/index_ttl04.gif) no-repeat 8px top;
}
#main .main-contents ul li#ob_voice p a:hover span {
	background: url(../images/index_ttl04ovr.gif) no-repeat 8px top;
	background-color: #ffe5df;
}
#main .main-contents ul li#student_voice p a span {
	background: url(../images/index_ttl05.gif) no-repeat 8px top;
}
#main .main-contents ul li#student_voice p a:hover span {
	background: url(../images/index_ttl05ovr.gif) no-repeat 8px top;
	background-color: #ffe5df;
}
#main .main-contents ul li p a strong {
	display: block;
	font-weight: normal;
	height: 142px;
	line-height: 1.5;
	padding: 0 5px 8px 8px;
}
#main .main-contents ul li#beauty p a strong {
	background: url(../images/index_img01.jpg) no-repeat 8px 63px ;
}
#main .main-contents ul li#beauty p a:hover strong {
	background: #ffe5df url(../images/index_img01ovr.jpg) no-repeat 8px 63px ;
}
#main .main-contents ul li#barber p a strong {
	background: url(../images/index_img02.jpg) no-repeat 8px 63px ;
}
#main .main-contents ul li#barber p a:hover strong {
	background: #ffe5df url(../images/index_img02ovr.jpg) no-repeat 8px 63px ;
}
#main .main-contents ul li#communication p a strong {
	background: url(../images/index_img03.jpg) no-repeat 8px 63px ;
}
#main .main-contents ul li#communication p a:hover strong {
	background: #ffe5df url(../images/index_img03ovr.jpg) no-repeat 8px 63px ;
}
#main .main-contents ul li#ob_voice p a strong {
	background: url(../images/index_img04.jpg) no-repeat 8px 63px ;
}
#main .main-contents ul li#ob_voice p a:hover strong {
	background: #ffe5df url(../images/index_img04ovr.jpg) no-repeat 8px 63px ;
}
#main .main-contents ul li#student_voice p a strong {
	background: url(../images/index_img05.jpg) no-repeat 8px 63px ;
}
#main .main-contents ul li#student_voice p a:hover strong {
	background: #ffe5df url(../images/index_img05ovr.jpg) no-repeat 8px 63px ;
}