@charset "UTF-8";

/*============================================================
//  TOP
//==========================================================*/

/*======News======*/

.top #main .box-news {
	width:500px;
	margin-bottom:35px;
}
* html .top #main .box-news h3 {
	behavior: expression(IEPNGFIX.fix(this));
}
.top #main .box-news h3{
	width:500px;
	height:40px;
	background:url(../image/top/title_news.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
.top #main .box-news .section{
	margin-bottom:10px;
}
.top #main .box-news .section:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.top #main .box-news .section {
	zoom: 1;
}
.top #main .box-news p.date{
	width:70px;
	font-size:0.8em;
	color:#CCD3CC;
	float:left;
}
.top #main .box-news p.lead{
	width:430px;
	font-size:1.0em;
	color:#CCD3CC;
	float:right;
}

/*======infomation======*/

.top #main .box-info {
	width:500px;
	margin-bottom:35px;
}
* html .top #main .box-info h3 {
	behavior: expression(IEPNGFIX.fix(this));
}
.top #main .box-info h3{
	width:500px;
	height:40px;
	background:url(../image/top/title_info.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
.top #main .box-info2 h3{
	width:500px;
	height:40px;
	background:url(../image/top/title_title_news.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
.top #main .box-info .section{
	margin-bottom:10px;
}
.top #main .box-info .section:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.top #main .box-info .section {
	zoom: 1;
}
.top #main .box-info p.date{
	width:70px;
	font-size:0.8em;
	color:#CCD3CC;
	float:left;
}
.top #main .box-info p.lead{
	width:430px;
	font-size:1.0em;
	color:#CCD3CC;
	float:right;
}

/*======infomation======*/

.top #main .box-stay {
	width:500px;
	margin-bottom:35px;
}
* html .top #main .box-stay h3 {
	behavior: expression(IEPNGFIX.fix(this));
}
.top #main .box-stay h3{
	width:500px;
	height:40px;
	background:url(../image/top/title_info.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
.top #main .box-stay .section{
	margin-bottom:10px;
}
.top #main .box-stay .section:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.top #main .box-stay .section {
	zoom: 1;
}
.top #main .box-stay p.date{
	width:70px;
	font-size:0.8em;
	color:#CCD3CC;
	float:left;
}
.top #main .box-stay p.lead{
	width:430px;
	font-size:1.0em;
	color:#CCD3CC;
	float:right;
}

/*======topics======*/

.top #main .box-topics {
	width:500px;
	margin-bottom:25px;
}
.top #main .box-topics:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.top #main .box-topics {
	zoom: 1;
}
* html .top #main .box-topics h3 {
	behavior: expression(IEPNGFIX.fix(this));
}

.top #main .box-topics .entry{
	width:500px;
	margin-bottom:20px;
}
.top #main .box-topics .entry:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.top #main .box-topics .entry {
	zoom: 1;
}
.top #main .box-topics h3{
	width:500px;
	height:40px;
	background:url(../image/top/title_topics.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:12px;
}
.top #main .box-topics .image{
	width:155px;
	margin-right:15px;
	padding:7px 0 0 5px ;
	float:left;
}
.top #main .box-topics .text{
	width:320px;
	float:right;
}
.top #main .box-topics h4{
	font-size:1.4em;
	color:#FFF;
	margin-bottom:8px;
}
.top #main .box-topics h4 a{
	color:#FFF;
	text-decoration: underline;
}
.top #main .box-topics h4 a:hover{
	color:#FFFFCC;
	text-decoration: underline;
}


.top #main .box-topics .spec{
	font-size:0.8em;
	color:#CCD3CC;
	margin-bottom:10px;
}
.top #main .box-topics p.spec{
	font-size:0.8em;
	color:#CCD3CC;
	margin-bottom:10px;
}
.top #main .box-topics p.lead{
	font-size:1.0em;
	color:#CCD3CC;
	margin-bottom:20px;
}


* html .top #main .box-topics .btn-cart {
	behavior: expression(IEPNGFIX.fix(this));
}
.top #main .box-topics .btn-cart{
	width:226px;
	height:40px;
	background:url(../imgcommon/btn_cart.gif) no-repeat;
	text-indent:-9999px;
}
.top #main .box-topics .btn-cart a{
	width:226px;
	height:40px;
	background:url(../imgcommon/btn_cart.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}
.top #main .box-topics .btn-cart a:hover{
	width:226px;
	height:40px;
	background:url(../imgcommon/btn_cart_on.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}

/*======trailer======*/

.top #main .box-trailer {
	width:500px;
	text-align:center;
}