@charset "UTF-8";

/* templates */
.templates {
	display:block;
	width:100%;
	}
.templates:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	line-height:0;
	content:".";
	}

/* item */
ul.item {
	float:left;
	margin:0;
	padding:0;
	width:780px;
	list-style:none;
	}
ul.item:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	line-height:0;
	content:".";
	}
ul.item li {
	float:left;
	margin:0 15px 10px 0;
	background:transparent url("/img/templates/item-background.png") center top no-repeat;
	padding:9px;
	width:162px;
	height:228px;
	overflow:hidden;
	}
ul.item li a img {
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	opacity:0.9;
	}
ul.item li a:hover img {
	border:#CA8186 1px solid;
	opacity:1;
	}

/* supplement */
.supplement {
	display:block;
	float:right;
	width:120px;
	height:600px;
	}

/* message */
p.message {
	padding:10px;
	width:760px;
	line-height:1.5;
	color:#444444;
	font-size:small;
	}