/* CSS Document */

/*-------------------- contentwrapper - content ----------------*/

.col-sp {
	display: block;
	float: left;
	text-align: left;
	margin: 17px 15px 60px 15px;
}

.left-col-3 {
	float: left;
	width: 195px;
	padding-right: 20px;
}

.right-col-9 {
	width: 695px;
	margin: 0;
	float: left;
	text-align: left;
	padding: 0 0 0 10px;
}
	


/*-------------------- left-column --------------------*/


/* subnav ---- */
#submenu {
	width: 195px;
	padding-bottom: 17px;
}

#submenu a {
	color: #64435E;
	font-size: 14px;
}

#submenu, #submenu ul {
	list-style-type: none;
}

#submenu li {
	padding: 0;
}

#submenu li a {
	height: 18px;
	padding: 4px 5px 4px 30px;
	display: block;
	background: #D5BA96 url(../images/sub_circle_new.png) no-repeat 7px 55%;
	margin-top: 1px;
	text-decoration: none;
}

#submenu li a:hover {
	color: #fff;
}		

#submenu li a.act {
	border-left: 3px solid #64435E;
	padding: 4px 5px 4px 27px;
	background: #D5BA96 url(../images/sub_circle_new.png) no-repeat 4px 55%;
}
#submenu li ul {
	padding-bottom: 8px;
	background: #D5BA96;
}	

#submenu li ul li a {
	font-size: 12px;
	margin-top: 0;
	background: #D5BA96;
	padding: 1px 5px 4px 40px;
	height: 14px;
}

#submenu li ul li a.act {
	border-left: 3px solid #64435E;
	padding: 1px 5px 4px 37px;
	background: #D5BA96;
}


/*    Elements */

.col-9 {
	float: left;
	padding-right: 10px;
}

.col-3-3-3 ,
.col-6-3,
.col-3-6 {
	padding-top: 10px;
	clear: both;
}

.col-3 {
	width: 210px;
	padding-right: 30px;
}

.col-6 {
	width: 450px;
	padding-right: 30px;
}

.left-col,
.middle-col,
.right-col {
	float: left;
}

.right-col {
	padding-right: 20px;
}

.col-sp .col-6-3 .right-col {
	padding-right: 0;
	width: 215px;
}