@charset "UTF-8";

/* under
-------------------------------------------------------------------------------- */

.category {
	margin: 0 0 0 -16px;
	_margin: 0 0 0 -32px;
	/*overflow: hidden;*/
	position: relative;
	clear: both;
	zoom: 1;
}

.category-menu {
	width: 337px;
	margin: 15px 0 0 16px;
	float: left;
}

.category-menu .inner {
	border: solid 1px #e4e4e4;
	border-top: none;
	
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	
	behavior: url(/shared/css/PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	position:relative;
}

.category-menu .inner .txt {
	padding: 0 13px;
}

.category-menu .inner .marB0 img {
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	
	behavior: url(/shared/css/PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	position:relative;	
}

.tit-category {
	margin: 0 0 10px 0;
	padding: 0 0 7px 0;
	background: url(../images/common/bg_shadow.jpg) no-repeat center bottom;
}

.tit {
	margin: 0 0 15px 0;
}

#content .photo {
	margin: 0 0 20px 20px;
	float: right;
	text-align: center;
}

#content .photo-left {
	margin: 0 20px 20px 0;
	float: left;
	text-align: center;
}

#content .photo img,
#content .photo-left img  {
	margin: 0 0 5px 0;
}

#content .photo-txt {
	display: table-cell;
	/display: block;
	vertical-align: top;
	zoom: 1;
}

.kanren ul {
	padding: 10px 20px;
	background: #fff7ce;
}

.kanren ul li {
	margin: 0 0 5px 0;
}

.html5video {
	position:relative;
	right:1px;
	max-width:690px;
}