@charset "utf-8";

#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}
/* header Area */
div#header {
	position: relative;
	width: 720px;
	margin: 0;
	height: 74px;
}
#header h1 {
	display: block;
}
#header h1 a {
	position: relative;
	top: 20px;
	left: -2px;
	display: block;
	width: 83px;
	height: 41px;
	background: #ffffff url(../img/logo.gif) no-repeat bottom center;
}

#header ul {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0;
	list-style: none;
}

#header ul li {
	float: left;
}
#header ul li a {
	display: block;
	width: 114px;
	height: 32px;
	margin-right: 4px;
}

#header li a.aboutus {
	background: url(../img/btn_about.gif) no-repeat bottom left;
}
#header li a.contact {
	background: url(../img/btn_contact.gif) no-repeat bottom left;
}

/* main Area */
#main {
	width: 760px;
	margin: 0;
	height: auto;
	text-align: left;
}
p#catch {
	display: block;
	width: 612px;
	height: 44px;
	margin-top: 35px;
/*	margin-left: 24px; */
	margin-left: 0px;
	background: url(../img/h1title.gif) no-repeat bottom left;
	text-indent:-200em;
}

#navi ul {
	margin: 30px 0 10px 0;
	padding: 0;
	list-style: none;
}

#navi ul li {
	float: left;
}
#navi ul li a {
	display: block;
	width: 190px;
	height: 214px;
}

#navi li a.total {
	background: url(../img/btn_total.jpg) no-repeat bottom left;
}
#navi li a.direct {
	background: url(../img/btn_direct.jpg) no-repeat bottom left;
}
#navi li a.media {
	background: url(../img/btn_media.jpg) no-repeat bottom left;
}
#navi li a.sales {
	background: url(../img/btn_sales.jpg) no-repeat bottom left;
}

#navi li a:hover.total {
	background: url(../img/btn_total_on.jpg) no-repeat bottom left;
}
#navi li a:hover.direct {
	background: url(../img/btn_direct_on.jpg) no-repeat bottom left;
}
#navi li a:hover.media {
	background: url(../img/btn_media_on.jpg) no-repeat bottom left;
}
#navi li a:hover.sales {
	background: url(../img/btn_sales_on.jpg) no-repeat bottom left;
}

/* contentsMenu Area*/
div#contentsMenu {
	width: 760px;
	height: auto;
	text-align: left;
	margin-bottom: 35px;
}
#contentsMenu div.conTbl {
	float: left;
	margin: 0 38px 0 0;
	display: block;
	width: 150px;
	height: auto;
}
#contentsMenu div.conTbl h2 {
	display: block;
	margin: 0 0 25px 0;
	width: 150px;
	height: 57px;
	background: #ffffff no-repeat top left;
	text-indent:-200em;
}
#contentsMenu div.conTbl h2.total {
	background-image: url(../img/h_total.gif);
}
#contentsMenu div.conTbl h2.direct {
	background-image: url(../img/h_direct.gif);
}
#contentsMenu div.conTbl h2.media {
	background-image: url(../img/h_media.gif);
}
#contentsMenu div.conTbl h2.sales {
	background-image: url(../img/h_sales.gif);
}
#contentsMenu div.conTbl p {
	font-size: 1.1em;
	line-height: 1.8em;
}

/* newsTopi Area*/
div#newsTopi {
	width: 760px;
	height: auto;
	margin: 0px;
	text-align: left;
	padding-bottom: 35px;
}
#newsTopi div.hotLine {
	float: left;
	display: block;
	width: 338px;
	height: auto;
	margin: 0 38px 0 0;
	padding: 0px;
}
#newsTopi div.hotLine h2 {
	display: block;
	width: 338px;
	height: 10px;
/* Mac IE5 hide ¥*/
	height: 10px;
	margin: 0 0 8px 0;
/* End */
	background: #ffffff url(../img/news_topics.gif) no-repeat top left;
	text-indent:-200em;
}
/* for IE6 IE5*/
* html	#newsTopi div.hotLine h2 {
	line-height: 1em;
	margin: 0;
}
/* End */

#newsTopi div.hotLine ul {
	list-style: none;
}
#newsTopi div.hotLine ul li {
	font-size: 1.1em;
	line-height: 1.7em;
}
#newsTopi div.banner {
	display: inline;
/*	width: 384px;*/
}