@charset "utf-8";
@import "../common/css/0-import.css";
/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts h2 {
	margin: 0 0 0 14px;
}

#conts p {
	line-height: 1.35;
}

#conts .boxA {
	padding: 20px 0 24px 14px;
	margin: 0 26px 6px 29px; 
	background: url(../common/img/line/01.gif) repeat-y left top;
	overflow: hidden;
	zoom: 1;
}

#conts .boxA p {
	padding-left: 35px;
	margin: 0 205px 0 0;
	background: url(../img/attractive/icon01.gif) no-repeat left 1px;
}

#conts .boxB {
	margin: 28px 17px 44px 50px;
}

#conts .boxB ul {
	padding-top: 4px;
}

#conts .boxB ul li {
	padding: 1px 0 0 33px;
	margin-bottom: 10px;
	background: url(../img/attractive/icon02.gif) no-repeat left top;
	line-height: 24px;
}

#conts p.back {
	padding-left: 35px;
	margin: 22px 150px 30px 43px;
	background: url(../img/attractive/icon01.gif) no-repeat left 1px;
}

#conts ul.list {
	margin: 28px 0 23px 40px;
}

#conts ul.list li {
	padding: 1px 0 0 43px;
	background: url(../img/attractive/icon03.gif) no-repeat left top;
	line-height: 34px;
}

#conts p.btn {
	margin: 0 0 25px 205px;
}

#conts p.btn a {
	width: 302px;
	background: url(../img/attractive/btn_over01.jpg) no-repeat left top;
	display: block;
}

#conts p.btn a:hover,
#conts .boxC .boxBar a:hover {
	background-color: #fff;
}

#conts p.btn a:hover img,
#conts .boxC .boxBar a:hover img {
	visibility: hidden;
}

#conts .boxC {
	margin: 34px 36px 63px 33px;
	overflow: hidden;
	zoom: 1;
}

#conts .boxC .boxBar {
	width: 293px;
}

#conts .boxC .boxBar a {
	display: block;
	height: 225px;
}

#conts .boxC .floatL a {
	background: url(../img/attractive/photo03_over.jpg) no-repeat left top;
}

#conts .boxC .floatR a {
	background: url(../img/attractive/photo04_over.jpg) no-repeat left top;
}

#conts .boxC .boxBar p {
	margin: 8px 0 0 3px;
}