@charset "UTF-8";

@import "base.css";

#main p.imagetext{
	width: 480px;
	margin: 0 0 10px 20px;
}
#main div.cmstable{
	width: 490px;
	margin: 0 0 0 20px;
	overflow: hidden;
}
#main div.cmstable p.totop{
	text-align: center;
	font-size: 1.2em;
	line-height: 300%;
	clear: both;
}
/*option
----------------------------------------------------------------------------------------------------option*/
#main div.cmstable div{
	width: 235px;
	padding: 0 5px 5px 0;
	float: left;
}

#main div.cmstable div table{
	width: 235px;
}
#main div.cmstable  div table td{
	width: 235px;	
	height: 235px;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
}
#main div.cmstable  div table td p.yoko{
	width: 235px;
	height:176px;
	overflow: hidden;
	text-align: center;
}
#main div.cmstable  div table td p.tate{
	width: 176px;
	height: 235px;
	margin: 0 0 0 30px;
	overflow: hidden;
}
#main div.cmstable  div table td p a:hover img{
	opacity : 0.7;
	filter: alpha(opacity=70);
}
/*dress
----------------------------------------------------------------------------------------------------dress*/
#main div.cmstable div.dresscms{
	width: 117px;
	padding: 0 5px 5px 0;
	float: left;
}
#main div.cmstable div.dresscms table{
	width: 117px;
}
#main div.cmstable div.dresscms table td{
	width: 117px;
	height: 117px;
	background-color: #FFFFFF;
	vertical-align: middle;
}
* html #main div.cmstable div.dresscms table td{
	text-align: center;
}
#main div.cmstable div.dresscms table td p.width{
	width: 117px;
	height: 87px;
	overflow: hidden;
}
#main div.cmstable div.dresscms table td p.height{
	/*width:	87px;*/
	height: 117px;
	overflow: hidden;
	text-align: center;
}
#main div.cmstable div.dresscms table td p a:hover img{
	opacity : 0.7;
	filter: alpha(opacity=70);
}
#main ul.cms{
	width: 480px;
	text-align: right;
	clear: both;
}
#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;
}