@charset "utf-8";
#container {

	margin:0 auto;
	text-align:left;
	width: 700px;
	background-color: #fff;
	overflow:hidden;
	clear: both;
}

.path{
	padding:5px 0 5px 10px;
	width:700px;
}



#contentsA {
	width:520px;
	float:left;
	background-color: #fff;
}

.MAIN {
	padding:0 0 5px 10px;

}

#TITLE {
	width:500px;
	margin:0 0 13px 10px;
}

#TITLE h3{
	margin-top:13px;
}

#TITLE p{
	margin-top:13px;
}

#CONTENT {
	margin:0 0 13px 10px;
	width:500px;
}

#CONTENT2 {
	margin:0 0 13px 10px;
	width:500px;
}

#contentsA .AREA{
	margin:7px 0;

}

#contentsA .IMG{
	width:200px;
	float:right;
}

#contentsA .Details{
	width:300px;
	float:left;
}

#contentsA dt {
	padding:8px;
	float: left;
	color: #4a77e8;
}
	
#contentsA dd {
	margin-left:80px;
	padding:8px;
	background-color: #fff;
}

#contentsA .Details ul{
	list-style:none;
}

#contentsA .SIZE {
	width:500px;
	margin-bottom:12px;
	border-bottom:1px dashed #bac3de;
}

#contentsA .SIZE h4 {
	margin-top:31px;
	width:298px;
	height:70px;
	float:left;
}

#contentsA .SIZE span {
	width:200px;
	heitght:133px;
	float:right;
}

.click{
	clear:both;
	font-size:90%;
	text-align:center;
	color:#ff9024;
	padding-bottom:3px;
}


.scroll {
	text-align:center;
	clear:both;
}

.clearfix:after,.box:after{content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}
.clearfix,.box{
	position:relative; /*Dreamweaver用*/
    display:inline-block;  /* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html .clearfix,* html .box{height: 1%;}
.clearfix,.box{display: block;}
/*--ここまでMAC IEは非適用 */