@charset "utf-8";

@import "../../share/css/base.css";
@import "../../share/css/customer_layout.css";

/* --- base layout --- */


#top {
}


/* --- header --- */
#top #header h1 {
	width: 1000px;
	height: 379px;
	background: url(../images/c_top_main.jpg) 0 0 no-repeat;
	text-indent: -5000em;
}

/* --- contents --- */
#container #contents {
	float: left;
	width: 660px;
}

#container #contents #pickup {
	margin-bottom: 30px;
}

#container #contents #pickup h2 {
	width: 658px;
	height: 25px;
	background: url(../images/c_pickup.gif) 0 0 no-repeat;
	text-indent: -5000em;
}

#container #contents #pickup .pickup {
	clear: both;
	margin: 15px 0;
	padding: 3px 5px 17px 3px;
	width: 648px;
	background: url(../images/dot_line.gif) 0 bottom repeat-x;
}

#container #contents #pickup .pickup .l_img {
	float: left;
	width: 159px;
	margin: 0 16px 16px 0;
}

#container #contents #pickup .pickup .r_img {
	float: right;
	width: 159px;
	margin-left: 0 0 16px 16px;
}

#container #contents #pickup .pickup .l_msg{
	float: right;
	width: 473px;
}

#container #contents #pickup .pickup .r_msg{
	float: left;
	width: 473px;
}

#container #contents #pickup .pickup .p_photo4 {
	background: url(../images/pickup_photo4.jpg) 370px 0 no-repeat;
}

#container #contents #whatsnew {
	width: 658px;
	color: #7d7d7d;
}

#container #contents #whatsnew h2 {
	width: 658px;
	height: 25px;
	background: url(../images/c_whatsnew.gif) 0 0 no-repeat;
	text-indent: -5000em;
}

#container #contents #whatsnew dl {
	margin-top: 0.7em;
	font-size: 0.9em;
}

#container #contents #whatsnew dl dt {
	height: 22px;
}

#container #contents #whatsnew dl dd {
	margin: -22px 0 0 80px;
	width: 300px;
	height: 22px;
	border-bottom: 1px dotted #ccc;
}

/* --- banner_area --- */
#container #banner_area {
	float: right;
	width: 250px;
}

#container #banner_area ul {
	margin: 0.7em 0 1.3em 0;
}

#container #banner_area ul li {
	margin-bottom: 15px;
}

#container #banner_area #brand {
	width: 250px;
	height: 25px;
	background: url(../images/c_brand.gif) 0 0 no-repeat;
	text-indent: -5000em;
}

#container #banner_area #link {
	width: 250px;
	height: 25px;
	background: url(../images/c_link.gif) 0 0 no-repeat;
	text-indent: -5000em;
}

/* --- side_navi --- */

/* --- footer --- */


/* --- clearfix --- */

#top #container #contents #pickup:after,
#top #container #contents #pickup .pickup:after,
#top #container #contents #whatsnew:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#top #container #contents #pickup:after,
#top #container #contents #pickup .pickup:after,
#top #container #contents #whatsnew:after {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #top #container #contents #pickup,
* html #top #container #contents #pickup .pickup.
* html #top #container #contents #whatsnew {
	height: 1%;
}

#top #container #contents #pickup,
#top #container #contents #pickup .pickup,
#top #container #contents #whatsnew {
	display: block;
}
/* End hide from IE-mac */