@charset "UTF-8";

#home #vi {
	background-image: url(../images/index/bg_01.jpg);
	padding-bottom: 32px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#home #vi p {
	margin:0;
}
#home .hcontent {
	position: relative;
}
#home #bnr {
	width: 570px;
	background-image: url(../images/index/bg_09.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	float: left;
}
#home #bnr1 {
	margin-bottom: 10px;
}
#home #bnr1 img {
	margin-bottom: 10px;
}
#home #bnr1 .leftBtn {
	margin-right: 17px;
}

#home #topicsArea {
	width: 320px;
	float:right;
	padding:0;
	top:0;
	right:0;
	margin: 0 0 30px;
}
#home #htopics {
	width: 320px;
	font-size: 85%;
	line-height: 1.3;
	background-image: url(../images/index/bg_03.gif);
	background-repeat: repeat-y;
	margin-bottom:15px;
}
#home #htopics h2 {
	margin-bottom: 10px;
	text-indent:0;
	padding:0;
	background-image: none;
	width: 320px;
	height: 28px;
	background-repeat: no-repeat;
}
#home .topiclist    {
	position: absolute;
	top:0;
	right:0;
	line-height: 28px;
	font-size: 93%;
	z-index: 10;
}
#home #htopics dl {
	background-image: url(../images/index/bg_04.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
	padding-right: 13px;
	padding-left: 13px;
	margin:0;
}
#home #htopics dl dt {
	color: #CCCCCC;
}
#home #htopics dd {
	background-image: url(../images/common/lin_06.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 0.6em;
	padding-bottom: 0.6em;
}
#home #htopics dd.last {
	background-image: none;
	margin-bottom:0;
}
#home #miniBnr {
	width:320px;
	margin:0 auto　15px;
}
#home #miniBnr img {
	margin-bottom:10px;
}
#home #footer {
	background-image: url(../images/common/lin_07.gif);
	background-repeat: repeat-x;
	background-position: top;
}


#mobile {
	width: 318px;
	font-size: 85%;
	color: #D1D1D1;
	margin-left: 1px;
	margin-bottom: 18px;
	float:right;
}
#mobile .head {
	background-image: url(../images/index/bg_05.gif);
	background-repeat: no-repeat;
	font-size: 3px;
	line-height: 3px;
	height: 3px;
}
#mobile .body {
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: url(../images/index/bg_06.gif);
	width: 318px;
}
#mobile .foot {
	background-image: url(../images/index/bg_07.gif);
	background-repeat: no-repeat;
	font-size: 3px;
	line-height: 3px;
	height: 3px;
}
#mobile .code {
	float: left;
	width: 60px;
	margin-left: 10px;
	margin-right: 15px;
}
*html #mobile .code {
	margin-left: 5px;
}
#mobile .info-navi {
	float: left;
	width: 200px;
}
#mobile p,
#bnr #mobile h3 {
	margin:0;
}