@charset "utf-8";
/* CSS Document */

/* products category */
div.contents dl.products {
	clear:left;
	width: 569px;
	height:145px;
	padding:7px 0px 0px 7px;
	border:solid #CCCCCC 1px;
	font-size:90%;
	line-height:140%;
}

div.contents dl.products dt {
	float:left;
	width:130px;
	height:130px;
	margin:0 10px 10px 0;
}

div.contents dl.products dd {
	float:left;
	width:400px;
}

div.contents dl.products dd.comment {
	margin-top:10px;
	padding-left:5px;
	line-height:140%;
}

div.contents dl.products dd.link {
	margin:5px 0 10px 5px;
	padding-left:15px;
	background-image:url(../images/product_list002.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;
}

div.contents dl.products dd.select {
	padding-bottom:8px;
}

div.contents dl.products dd.clear{
	clear:both;
}

div.contents div.products_btm {
	clear:left;
	margin-right:30px;
	text-align:right;
}

div.contents div.products_list {
	margin-bottom:15px;
	padding:10px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#F6F6F6;
	width: 556px;
}
div.contents  div.products_list ul {
	margin-left:50px;
	font-size:90%;
	width: 470px;
}
div.contents  div.products_list li {
	padding:0 20px 0 15px;
	background-image:url(../images/product_list001.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;
	display:inline;
	line-height:160%;
}

/* 各チェーン詳細 */

div.contents div.detail p{
	margin:15px;
}

div.contents div.detail {
	width:578px;
	padding-left:10px;
}

div.contents div.detail h3 {
	margin:0px 0px 15px 0px;
	padding:3px 0px 2px 10px;
	width:546px;
	border-bottom:1px solid #cccccc;
	border-left:4px solid #CC3300;
	color:#444444;
	height:100%;
	clear:both;
	font-size:120%;
}

div.contents div.detail dl {
	padding-bottom:15px;
}

div.contents div.detail dl dt {
	float:left;
	width:150px;
	margin-right:10px;
}
div.contents div.detail dd {
	float:left;
	width:398px;
}

/* pdf */
div.contents div.detail table.pdf {
	margin:0 0 20px 0;
	width:558px;
	font-size:80%;
	clear:left;
	background-color:#F6F6F6;
	border:1px solid #CCCCCC;
}

div.contents div.detail table.pdf img{
	vertical-align:text-bottom;
}


div.contents div.detail table.pdf td {
	padding:5px;

}
div.contents div.detail table.pdf a {
	position:relative;
	top:-4px;
}

div.contents div.detail table.pdf a:link,
div.contents div.products_list li a:link {
	color:#333333;
}
div.contents div.detail table.pdf a:hover,
div.contents div.products_list li a:hover {
	color:#CC0000;
	text-decoration:none;
}


/* tsurutani */
div.contents div.detail ul.pDitail{
	margin:0;
	padding: 0 8px 10px 0;
	width:405px;
	float:right;
}

div.contents div.detail ul.pDitail li{
	padding:0 0 0 15px;
	list-style-type:none;
	background-image:url(../../images/shared/list4.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	line-height:140%;
}

div.contents div.detail ul.pDitail2{
	margin:0;
	padding: 0 8px 10px 0;
	width:405px;
	height:200px;
	float:right;
}

div.contents div.detail ul.pDitail2 li{
	padding:0 0 0 15px;
	list-style-type:none;
	background-image:url(../../images/shared/list4.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	line-height:140%;
}

div.contents div.detail ul.pDitail3{
	margin:15px 0 0 0;
	padding: 0 8px 10px 0;
	width:405px;
	float:right;
}

div.contents div.detail ul.pDitail3 li{
	padding:0 0 0 15px;
	list-style-type:none;
	background-image:none;
	background-position:0 4px;
	background-repeat:no-repeat;
	line-height:140%;
}

div.contents div.detail p.photo{
	margin:0;
	padding:0 0 10px 0;
	text-align:center;
	font-size:80%;
}

div.contents div.detail p.photo2{
	margin:0;
	padding:15px 0 10px 0;
	text-align:center;
	font-size:80%;
}

div.contents div.detail div.photo_rp{
	padding-right:15px;
	float:left;
	width:113px;
}

div.contents div.detail div.photo_rp2{
	padding-right:15px;
	float:left;
	width:164px;
}

div.contents div.detail div.movieView {
	margin-bottom: 25px
}

div.contents div.detail div.movieView {
	background: url(../images/wr/movie.jpg) no-repeat;
	text-indent: -9999px;
	margin-top: 27px;
}

div.contents div.detail div.movieView a {
	display: block;
	height: 229px;
	width: 440px;
	overflow: hidden;
	outline: none;
}

div.contents div.detail div.movieView a:hover {
	background: url(../images/wr/movie_on.jpg) no-repeat;
}

*html div.contents div.detail div.movieView a:hover {
	background: url(../images/wr/movie_on.jpg) no-repeat;
	margin-left: 0px;
}

*:first-child+html div.contents div.detail div.movieView a:hover {
	background: url(../images/wr/movie_on.jpg) no-repeat;
	margin-left: 0px;
}