@charset "utf-8";

@import url("../css/common.css");

/* CSS Document */

/* --------------------------------------------------

listBox960

-------------------------------------------------- */
#listBox960 {
	margin: 0 auto 20px auto;
	width: 960px;
}

#listBox960 p{
	text-align: left;
	margin: 15px 0 10px 0;
}

#listBox960 div{
	width: 960px;
	padding-bottom: 10px;
	margin: 0 auto 10px auto;
	border-bottom: 1px solid #E0DCB4;
	text-align: left;
}


#listBox960 div .photoB{
	float: left;
	background: #FFFFFF;
	padding: 3px;
	border: 1px solid #DBDBDB;
}


#listBox960 div dl{
	float: right;
	width: 840px;
}

#listBox960 div dd.clearfix h3{
	float: left;
	padding-bottom: 5px;
}

#listBox960 div dd.clearfix img{
	float: left;
	margin: 2px 0 0 5px;
}

/* --------------------------------------------------

detailTitle

-------------------------------------------------- */

.detailTitle{
	width: 960px;
	border-top: 1px solid #B5AB68;
	border-left: 1px solid #B5AB68;
	border-right: 1px solid #B5AB68;
	border-bottom: 3px solid #B5AB68;
	background-color: #FCFBF6;
	background-image: url(../img/brown_square.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
	margin: 15px auto 0 auto;
}

.detailTitle h2{
	font-weight: bold;
	font-size: 1.3em;
	float: left;
	padding: 10px 0px 8px 20px;
	width: 810px;
	float: left;
	text-align: left;
}

.detailTitle h3{
	color: #C83F3C;
	float: right;
	padding: 10px 5px 0 0;
}

/* --------------------------------------------------

frame

-------------------------------------------------- */
.frame_l,.frame_r {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 960px;
	line-height: 1.7em;
	margin-right: auto;
	margin-left: auto;
}

.frame_r div {
	float: right;
	margin-left: 20px;
	border: 4px #ffffff solid;
}


.frame_l div {
	margin-right: 20px;
	float: left;
	border: 4px #ffffff solid;

}

.frame_l p {
	text-align: left;
}

.frame_r p {
	text-align: left;
}

/* --------------------------------------------------

anotherInfo

-------------------------------------------------- */
.anotherInfo{
	margin-top: 10px;
	width: 960px;
	margin: 0 auto 20px auto;
}

.anotherInfo li{
	border-bottom: 1px solid #E0DCB4;
	padding: 10px 0 17px 40px;
	text-align: left;
	margin-top: 10px;
}

.anotherInfo li.link{
	background: url(img/link.gif) no-repeat left top;
}

.anotherInfo li.link a:link{
	color: #3F8574;
}

.anotherInfo li.link a:visited{
	color: #3F8574;
}

.anotherInfo li.link a:hover{
	color: #6BBAA7;
}

.anotherInfo li.download{
	background: url(img/download.gif) no-repeat left top;
}

.anotherInfo li.download a:link{
	color: #C04671;
}

.anotherInfo li.download a:visited{
	color: #C04671;
}

.anotherInfo li.download a:hover{
	color: #D17A99;
}