@charset "utf-8";
/* ==================================================================
CSS information
 style info : トップ関係 他
================================================================== */

/* ==================================================================
fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/* --------------------------------------------------------
	#top
-------------------------------------------------------- */
#top{
	background-color:#f2f2f2;
}



/* --------------------------------------------------------
	#mainvisual
-------------------------------------------------------- */
#mainvisual{
	background:url(../img/top/img_bg.png) repeat-x left bottom;
}
#mainvisual div#mainvisualInner{
	width:982px;
	margin:0 auto;
	padding-top:7px;
	background:url(../img/top/frm_main_top.png) no-repeat center top;
}
#mainvisual h2{
	padding:0 11px;
	background:url(../img/top/frm_main.png) repeat-y left top;
}


/* --------------------------------------------------------
	#topContents
-------------------------------------------------------- */
#topContents{
	background-color:#eaeaea;
}
#topContents p.pageTop{
	width:960px;
	text-align:right;
	margin:0 auto;
	padding:0 11px 20px 11px;
}
#topContents div#topContentsInner{
	width:960px;
	margin:0 auto;
	padding:30px 11px;
	background:url(../img/top/frm_main_bottom.png) no-repeat left top;
 /zoom:1;
}
#topContents div#topContentsInner:after{
 content:'';
 display:block;
 clear:both;
}

/* feature
----------------------------------------------------*/
#topContents div#feature{
	float:right;
	width:595px;
	padding-right:20px;
}
#topContents div#feature h2{
	padding-bottom:13px;
}
/* prm */
#topContents div#feature div#prm{
	margin-bottom:30px;
	background-color:#ffffff;
	border:1px solid #c3c3c3;
}
#topContents div#feature div#prm div#prmImg{
	position:relative;
	width:593px;
	height:289px;
	overflow:hidden;
}
#topContents div#feature div#prm div#prmImg ul#prmList{
	position:absolute;
	left:0;
	top:0;
	/zoom:1;
}
#topContents div#feature div#prm div#prmImg ul#prmList:after{
 content:'';
 display:block;
 clear:both;
}
#topContents div#feature div#prm div#prmImg ul#prmList li{
	float:left;
}
#topContents div#feature div#prm div#prmImg ul#prmList li a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
}

#topContents div#feature div#prm ul#prmNav{
	text-align:center;
	padding:8px;
}
#topContents div#feature div#prm ul#prmNav li{
	display:inline;
	margin:0 7px;
}
#topContents div#feature div#prm ul#prmNav li a{
	display:inline-block;
	width:11px;
	height:11px;
	background:url(../img/top/btn_prm.gif) no-repeat left top;
}
#topContents div#feature div#prm ul#prmNav li a img{
	display:none;
}
/* featureBnr */
#topContents div#feature ul#featureBnr{
	/zoom:1;
}
#topContents div#feature ul#featureBnr:after{
 content:'';
 display:block;
 clear:both;
}
#topContents div#feature ul#featureBnr li{
	float:left;
	margin:0 15px 15px 0;
	background-color:#ffffff;
	border:1px solid #c3c3c3;
}
#topContents div#feature ul#featureBnr li.even{
	margin-right:0;
}
#topContents div#feature ul#featureBnr li img{
	vertical-align:top;
	vertical-align:bottom;
}
#topContents div#feature ul#featureBnr li a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
}


/* news
----------------------------------------------------*/
#topContents div#news{
	float:left;
	width:295px;
	padding-left:20px;
}
#topContents div#news h2{
	padding-bottom:13px;
}
/* newsList */
#topContents div#news ul#newsList{
	margin-bottom:19px;
	padding:15px 15px 10px 15px;
	background-color:#ffffff;
	border:1px solid #c3c3c3;
}
#topContents div#news ul#newsList li{
	margin-bottom:15px;
	padding-bottom:15px;
	background:url(../img/top/img_news_dot.gif) repeat-x left bottom;
 /zoom:1;
}
#topContents div#news ul#newsList li:after{
 content:'';
 display:block;
 clear:both;
}
#topContents div#news ul#newsList li img{
	float:right;
	padding:0 0 0 10px;
}
#topContents div#news ul#newsList li a span.txt{
	font-size:85%;
	padding-bottom:10px;
}
#topContents div#news ul#newsList li span.date{
	display:block;
	color:#666666;
	font-size:85%;
	padding-bottom:3px;
}
#topContents div#news ul#newsList li a{
	color:#333333;
}
#topContents div#news ul#newsList li a:link{
	text-decoration:none;
}
#topContents div#news ul#newsList li a:visited{
	text-decoration:none;
}
#topContents div#news ul#newsList li a:hover{
	text-decoration:underline;
}
#topContents div#news ul#newsList li a:active{
	text-decoration:none;
}
#topContents div#news ul#newsList li a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
}
#topContents div#news ul#newsList li span.online{
	padding-left:90px;
	background:url(../img/top/icon_onlineshop.gif) no-repeat left 2px;
}
#topContents div#news ul#newsList li span.event{
	padding-left:90px;
	background:url(../img/top/icon_event.gif) no-repeat left 2px;
}
#topContents div#news ul#newsList li.lastChild{
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}