@charset "utf-8";
/* CSS Document */
body {
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	line-height:140%;
	color: #333333;
}
.container {
	background-image: url(../img/bg/common/bg_top_container.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 628px;
	margin-top: 10px;
	padding-bottom:10px;
	position: relative;
}
.container h2#jyushin,.container h2#hataraku,.container h2#shiru,.container h2#shiraberu,.container h2#topics,.container h2#news {
	text-indent: -9999px;
	height: 40px;
	width: 628px;
	margin: 0;
	padding: 0;
}
#topics {
	background-image: url(../img/header/top/h_top_topics.png);
}
#news {
	background-image: url(../img/header/top/h_top_new.png);
}
#jyushin {
	background-image: url(../img/header/top/h_top_jyushin.png);
}
#shiraberu {
	background-image: url(../img/header/top/h_top_shiraberu.png);
}
#shiru {
	background-image: url(../img/header/top/h_top_shiru.png);
}
#hataraku {
	background-image: url(../img/header/top/h_top_hataraku.png);
}
.container p {
	margin:0 10px 0px 10px;
}
.topics ul li {
	height: 85px;
	width: 295px;
	float: left;
}
.topics ul {
	background-image: url(../img/bg/top/bg_topics.gif);
	height: 170px;
	width: 590px;
	margin: 5px 3px 0 5px;
	background-position: -10px -9px;
	background-repeat: no-repeat;
}
.topics img {
	margin: 0 10px 5px 0;
}
div.news {
	margin: 10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.news ul {
	background-image: url(../img/bg/top/bg_top_new_comment.jpg);
	height: 230px;
	width: 576px;
	background-repeat: repeat-x;
	overflow: auto;
}
.news iframe {
	background-image: url(../img/bg/top/bg_top_new_comment.jpg);
	height: 230px;
	width: 580px;
	margin-left: 10px;
}
.news ul li {
	background-image: url(../img/icon/ico_pinkarrow.png);
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 10px 2px;
	margin-top: 10px;
}
ul.category,div.category {
	width: 600px;
	margin-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	zoom: 1;
}
ul.category li {
	margin-right: 50px;
	float: left;
	margin-top: 10px;
}
#rightcolumn img {
	margin-left: 20px;
	margin-bottom: 5px;
}
ul.category li a {
	margin-left: 20px;
}
.topics .lineH110 {
	margin-right: 10px;
	display: block;
}
.topics #more {
	position: absolute;
	left: 542px;
	top: 194px;
}
a.prev {
	background-image: url(../img/btn/top/btn_top_topics_left.jpg);
	height: 85px;
	width: 9px;
	margin-left: 8px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-top: 40px;
	cursor: pointer;
}
a.next {
	background-image: url(../img/btn/top/btn_top_topics_right.jpg);
	height: 85px;
	width: 9px;
	margin-right: 10px;
	background-repeat: no-repeat;
	display: block;
	float: right;
	margin-top: 40px;
	cursor: pointer;
}
/* for IE6 */
* html a.prev {
	margin-left: 5px;
}
* html a.next {
	margin-right: 5px;
}
/* for IE6 */
div.scrollable {
	width: 590px;
	float: left;
	position: relative;
	height: 170px;
	overflow: hidden;
}
.items div {
	float: left;
	width: 590px;
}
div.items {
	width: 2000em;
	position: absolute;
	height: 170px;
}

