@charset "utf-8";
@import url("common.css");

/*===================================

	products_window.css

=====================================*/
body {
	background: none;
	font-size: 85%;
	color: #505050;
}

img {
	vertical-align: bottom;
}


/*	photo_list
=====================================*/
div.photo_list {
	overflow: hidden;
	width: 578px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: left;
}


/*	title
=====================================*/
div.photo_list h4 {
	padding-left: 8px;
	padding-bottom: 6px;
	border-bottom: 1px #BFBFBF solid;
	font-weight: normal;
	font-size: 100%;
}

div.photo_list h4 span {
	margin-left: 10px;
	font-size: 90%;
	color: #8C8C8C;
}


/*	caption
=====================================*/
div.photo_list div {
	padding-top: 10px;
	padding-bottom: 6px;
	overflow: hidden;
}

div.photo_list div h5 {
	width:280px;
	float: left;
	padding-left: 8px;
	font-size: 80%;
	line-height: 1.3;
	font-weight: normal;
}


div.photo_list div h5 span {
	margin-left: 10px;
	margin-right: 0px;
}



/*	大きい写真
=====================================*/
div.photo_list p {
	float: left;
	width: 480px;
	padding: 2px;
	border: 1px #CCCCCC solid;
	text-align: center;
}

div.photo_list p.big_photo {
	width: 568px;
}


/*	サムネール
=====================================*/
div.photo_list ul {
	float: right;
	width: 87px;
}

div.photo_list ul li {
	margin-bottom: 6px;
}

div.photo_list ul li.last {
	margin-bottom: 0;
}

div.photo_list ul li img {
	width: 81px;
	height: 81px;
	padding: 2px;
	border: 1px #CCCCCC solid;
}

div.photo_list ul li a:hover img {
	border: 1px #900 solid;
}



/*	text
=====================================*/
p.text {
	clear: both;
	width: 570px;
	margin: 0 auto;
	padding: 10px 5px 15px 5px;
	font-size: 90%;
	line-height: 1.3;
	text-align: left;
}

p.text a {
	padding-left: 17px;
	background: url(../product/images/common/icon_link.gif) left no-repeat;
	color: #C80000;
}

.bar{
	padding:0 10px;
	color:#ccc;
}

a img{
	vertical-align:text-bottom;
}

/* EOF */