@charset "UTF-8";
/* CSS Document */

#page_banner h2 {
	background: url(../img/cosme/top_banner.jpg) 0 0 no-repeat;
}

#page_banner p {
	top: 95px;
	left: 40px;
}

#main {
	line-height: 1.8;
}

#main h3 {
	margin-bottom: 35px;
}

#main div.box {
	width: 676px;
	margin-left: 20px;
}

#main div.box p {
	margin-bottom: 20px;
}

#main div.box p a {
	color: #597eaa;
}

#main div.box p a:hover {
	color: #00a0e9;
}

#main div.backtop {
	text-align: right;
	margin: 20px 0 50px;
}

/* ------------------------------------------------------ */
ul.item li {
	width: 204px;
	float: left;
	margin-right: 32px;
}

ul.item li.last {
	margin-right: 0;
}

ul.item_a li {
	width: 320px;
	height: 300px;
	float: left;
	margin-right: 36px;
	position: relative;
}

ul.item_a li.last {
	margin-right: 0;
}

ul.item_a li h4 {
	margin-bottom: 15px;
}

ul.item_a li p {
	width: 190px;
	font-size: 95%;
}

ul.item_a li img.view {
	position: absolute;
	top: 61px;
	right: 0;
}

ul.item_b {
	margin-top: 30px;
}

ul.item_b li {
	position: relative;
	margin-bottom: 50px;
	zoom: 1;
}

ul.item_b li h4 {
	margin-bottom: 15px;
}

ul.item_b li p,
ul.item_b li ul {
	width: 450px;
	font-size: 95%;
}

ul.item_b li span {
	color: #2f5a8e;
}

ul.item_b li ul li {
	margin-bottom: 0;
}

ul.item_b li ul li span {
	padding-right: 5px;
}

ul.item_b li img.view {
	position: absolute;
	top: 27px;
	right: 0;
}

#section04 div.box {
	background: url(../img/cosme/04_a.jpg) right 0 no-repeat;
}

#section04 div.box p {
	width: 500px;
}

#section04 dl {
	margin-bottom: 50px;
}

#section04 dl dt {
	color: #597eaa;
	font-size: 140%;
	font-family: serif;
	border-left: 5px solid #597eaa;
	padding-left: 15px;
	line-height: 1;
	margin-bottom: 10px;
}

#section04 dl dd {
	margin-bottom: 20px;
}