@charset "utf-8";

/*----------------------
	 layout
------------------------ */
#maincontents-area {
	width: 964px;
	margin: 0 auto;
	padding: 16px 0 0 0;
}

/* pagetop link */
.pagetop-link {
	width: 960px;
	text-align: right;
	padding: 0 0 10px 0;
	line-height: 1.6;
}
.pagetop-link a:link,
.pagetop-link a:visited {
	color: #4286C7;
}
.pagetop-link a:hover,
.pagetop-link a:active {
	color: #4286C7;
}
.testbox {
	height: 900px;
}



/*----------------------------------
	right-contents-area
------------------------------------*/
.right-contents-area {
	width: 710px;
	line-height: 1;
	color: #333333;
	padding: 0 0 50px 254px;
}
.right-contents-area h3 {
	margin: 36px 0 0 0;
}
.right-contents-area .unit-txt {
	width: 710px;
	text-align: right;
	padding: 5px 0;
}
.case-ttl-area {
	position: relative;
	height: 116px;
	z-index: 0;
}
.case-ttl-area .ttlImg {
	position: absolute;
	top: -42px;
	left: 0;
}

/* attention-area */
.attention-area {
	width: 710px;
	background-color: #FAE7F1;
	padding: 0 0 12px 0;
	margin: 20px 0 20px 0;
	line-height: 1.6;
}
.attention-area dl {
	margin: 0 0 13px 0;
}
.attention-area dt {
	margin: 0 0 0 17px;
	font-weight: bold;
}
.attention-area ul {
	list-style-position: inside;
	list-style-type: disc;
	margin: 0 0 0 30px;
}

.attention-txt {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 10px 20px;
} 
.attention-area-essential {
	color:#D21277;
	margin: 0 0 0 19px;
}

/* case-gallery */
#case-gallery #main{
	width:710px;
	margin: 0 0 15px 0;
	float:left;
}
#case-gallery #navi{
	width:710px;
	float:left;
	padding: 0 0 50px 0;
}
#case-gallery #navi ul{
	width: 710px;
	height: 90px;
	background: url(../images/case-gallery_bg.gif) left top no-repeat;
	padding: 0 0 0 20px;	
}
#case-gallery #navi ul li{
	list-style: none;
	width:100px;
	float:left;
	padding: 0 14px 0 0;
}
#case-gallery #navi p.thumbnail{
	width:100px;
	text-align:center;
	color: #4286C7;
	padding: 3px 0 0 0;
}


/* demand-area */
.bicycle-unit-area table {
	border: solid 1px #CCCCCC; border-collapse: collapse;
}
.bicycle-unit-area th {
	border: solid 1px #CCCCCC;
	background-color: #EEA6CC;
	color: #FFFFFF;
	font-weight: bold;
}
.unit-ttl {
	background-color: #FAE7F1;
	font-weight: bold;
}
.bicycle-unit-area td {
	border: solid 1px #CCCCCC;
	vertical-align: middle;
	text-align: center;
	padding: 10px 0;
}
.bicycle-unit-area table.catalog-area-radio {
	border: 0;
}
.bicycle-unit-area td.catalog-area-radio {
	border: 0;
	vertical-align: top;
	padding: 0;
}
.bicycle-unit-area .explanation-txt {
	color: #4286C7;
}
.essential {
	color:#D21277;
}