@charset "UTF-8";

@import "base.css";

/*party special dress
----------------------------------------------------------------------------------------------------party special dress*/
#main p.imagetext{
	width: 480px;
	margin: 0 0 10px 20px;
}
#main table.image{
	width: 480px;
	margin: 0 0 20px 20px;
	border-collapse: separate;
	border-spacing: 4px;
}
#main table.image td{
	width: 117px;	
	height: 117px;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
#main table.image td a:hover img{
	opacity : 0.7;
	filter: alpha(opacity=70);
}
/*cere_detail
----------------------------------------------------------------------------------------------------cere_detail*/
#main table.ceretype{
	width: 480px;
	margin: 0 0 20px 20px;
	border-collapse: separate;
	border-spacing: 4px;
}
#main table.ceretype td{
	width: 235px;	
	height: 235px;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
#main p.top{
	text-align: center;
	line-height: 300%;
}
#main p.top a{
	color: #FFFFFF;
}
#main p.top a:hover{
	color: #E9E9BC;
}
/*ceremony
----------------------------------------------------------------------------------------------------ceremony*/
#main div.ceremony{
	width: 490px;
	padding: 0 0 0 20px;
	overflow: hidden;
}
#main div.ceremony dl{
	width: 240px;
	float: left;
}
#main div.ceremony dl dd a:hover img{
	opacity : 0.7;
	filter: alpha(opacity=70);
}
/*new
----------------------------------------------------------------------------------------------------new*/
#main div.new{
	width: 490px;
	padding: 0 0 0 20px;
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
}
#main div.new p.img{
	width: 480px;
	padding: 0 0 10px 0;
}
#main div.new p span{
	font-weight: bold;
}
/*op_detail
----------------------------------------------------------------------------------------------------op_detail*/

/*dress
----------------------------------------------------------------------------------------------------dress*/
#main ul.cms{
	width: 480px;
	margin: 0 0 0 20px;
	text-align: right;
}
#main ul.cms li{
	display: inline;
}
#main ul.cms li a{
	color: #FFFFFF;
	text-decoration: none;
}
#main ul.cms li a:hover{
	color: #E9E9BC;
	text-decoration: underline;
}
/*dress
----------------------------------------------------------------------------------------------------dress*/
#main table.imagedress{
	width: 480px;
	margin: 0 0 20px 20px;
	border-collapse: separate;
	border-spacing: 4px;
}
#main table.imagedress td{
	width: 117px;	
	height: 117px;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
/*end
----------------------------------------------------------------------------------------------------end*/