@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 {
	float: left;
	width: 848px;
	padding: 15px 15px 15px 15px;
	background-color:#FFF;
}
#main .main-contents .contents-area h4 {
	color: #FF007E;
	font-size: 12px;
	font-weight: normal;
	margin-top: 18px;
}
#main .main-contents ul {
	clear:both;
}
#main .main-contents ul li {
	float:left;
	width:424px;
	background: url(../images/index_line_dot.gif) repeat-y right top;
	position: relative;
}
#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 a strong {
	display: block;
	font-weight: normal;
	height: 135px;
	line-height: 1.5;
	padding: 0 5px 20px 10px;
}
#main .main-contents ul li p a span {
	width:414px;
	height:37px;
	display: block;
	padding-left: 8px;
	text-indent:-9999em;
}
#main .main-contents ul li#kyori p a span {
	background: url(../images/index_ttl01.gif) no-repeat 10px top;
}
#main .main-contents ul li#kyori p a:hover span {
	background: url(../images/index_ttl01ovr.gif) no-repeat 10px top;
	background-color: #ffe0e0;
}
#main .main-contents ul li#kyori p a strong {
	background: url(../images/index_img01.jpg) no-repeat 10px 56px;
}
#main .main-contents ul li#kyori p a:hover strong {
	background: #ffe0e0 url(../images/index_img01ovr.jpg) no-repeat 10px 56px;
}
#main .main-contents ul li#vidal {
	background:none;
}
#main .main-contents ul li#vidal p a span {
	background: url(../images/index_ttl02.gif) no-repeat 10px top;
}
#main .main-contents ul li#vidal p a:hover span {
	background: url(../images/index_ttl02ovr.gif) no-repeat 10px top;
	background-color: #ffe0e0;
}
#main .main-contents ul li#vidal p a strong {
	background: url(../images/index_img02.jpg) no-repeat 10px 56px;
}
#main .main-contents ul li#vidal p a:hover strong {
	background: #ffe0e0 url(../images/index_img02ovr.jpg) no-repeat 10px 56px;
}


#main .main-contents div.otherpage {
	background-color:#fff;
	width:824px;
	height:30px;
	clear:both;
	padding-top:10px;
	padding:5px 11px 0px 11px;
	background: url(../images/index_line_dot.gif) repeat-y center top;
}
#main .main-contents div.otherpage a {
	float:right;
	width: 100%;
	height: 100%;
	display: block;
}
#main .main-contents div.otherpage a:hover {
	background-color: #fff;
	height: 100%;
}
#main .main-contents div.otherpage a:hover img {
	visibility: hidden;
}
#main .main-contents div.otherpage a {
	background:url(../images/cut_contest_button08b_on.gif) 0 0 no-repeat;
	width: 210px;
}