@charset "UTF-8";

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

.top #flash{
	width:942px;
	margin-bottom:10px;
	border:4px solid #CCC;
}
.top #flash:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.top #flash {
	zoom: 1;
}

/*========3/11追記_堀元===========*/
.top #flash .box-flash{
	width:620px;
	height:247px;
	float:left;
}
.top #flash .box-flash #img_main{
	width:620px;
	height:247px;
	position:relative;
	z-index:2;
}
.top #flash .box-flash #pager{
	float:left;
	position:relative;
	display:inline;
	z-index:3;
	margin-top:-18px;
	padding-left:5px;
}
.top #flash .box-flash #pager a {
	color:#333;
	padding:2px 4px;
	text-decoration:none;
	font-size:12px;
	background:#ccc;
	margin:0 5px 0 0;
}
.top #flash .box-flash #pager a:hover,.top #flash .box-flash #pager a.activeSlide{
	color:#fff;
	background:#f60;
}
.test{
	border:1px solid #f00;
}
/*========3/11追記終わり_堀元===========*/

.top #flash .box-qa {
	width:322px;
	height:247px;
	background:url(/image/top/main_qa.jpg) no-repeat;
	float:right
}
.top #flash .box-qa:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.top #flash .box-qa {
	zoom: 1;
}
.top #flash .box-qa h3{
	height:40px;
	text-indent:-9999px;
}
.top #flash .box-qa ul{
	list-style:none;
	padding:8px 0 0 18px;
	margin-bottom:7px;
}
.top #flash .box-qa li{
	background-image : url(/image/common/icon_tag.gif) ;
	background-position : 0 50% ;
	background-repeat : no-repeat ;
	padding-left : 23px ;
	font-size:1.0em;
	margin-bottom:6px;
	letter-spacing:-0.1em;
}
.top #flash .box-qa li.two{
	background-image : url(/image/common/icon_tag.gif) ;
	background-position : 0 10% ;
	background-repeat : no-repeat ;
	padding-left : 23px ;
	font-size:1.0em;
	margin-bottom:6px;
	letter-spacing:-0.1em;
}
.top #flash .box-qa li a{
	color:#555;
	text-decoration: underline;
}
.top #flash .box-qa li a:hover{
	color:#FF6600;
	text-decoration: underline;
}
.top #flash .box-qa p{
	float:right;
	background-image : url(/image/common/icon_square.gif) ;
	background-position : 0 50% ;
	background-repeat : no-repeat ;
	padding-left : 15px ;
	font-size:1.0em;
	font-weight:bold;
	margin-right:18px;
	color:#444;
}
.top #flash .box-qa p a{
	color:#FF6600;
	text-decoration: underline;
}
.top #flash .box-qa p a:hover{
	color:#FF6600;
	text-decoration: underline;
}

/*====== News&Topics ======*/

.top #main .box-news{
	width:360px;
	margin-bottom:20px;
	float:left;
}
.top #main .box-news .title{
	width:360px;
	height:36px;
	background:url(/image/top/title_news.jpg) no-repeat;
}
.top #main .box-news .title:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.top #main .box-news .title {
	zoom: 1;
}
.top #main .box-news .title h3{
	width:200px;
	height:36px;
	text-indent:-9999px;
	float:left;
}
.top #main .box-news .title .rss{
	width:22px;
	height:22px;
	text-indent:-9999px;
	float:right;
	margin:4px 3px 0 0;
}
.top #main .box-news .title .rss a{
	width:22px;
	height:22px;
	display:block;
}
.top #main .box-news .iframe{
	width:348px;
	padding:10px 0 15px 10px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.top #main .box-news .iframe .box{
	width:100%;
	height:300px;
	overflow:auto;
}
.top #main .box-news .iframe .entry{
	margin-bottom:8px;
	border-bottom:1px dotted #CCC;
	padding:0 5px 10px 0;
}
.top #main .box-news .entry p.date{
	font-size:0.8em;
	color:#333;
	margin-bottom:2px;
	text-decoration:underline;
}
.top #main .box-news .entry p.text{
	font-size:1.0em;
	line-height:1.4em;
	color:#333;
}
.top #main .box-news .entry p a{
	color:#333;
	text-decoration:none;
}
.top #main .box-news .entry p a:hover{
	color:#FF6600;
	text-decoration:underline;
}

/*====== RECOMMEND ======*/

.top #main .box-recommend{
	width:360px;
	margin-bottom:20px;
	float:right;
}
.top #main .box-recommend .title{
	width:360px;
	height:45px;
	background:url(/image/top/title_recommend.jpg) no-repeat;
}
.top #main .box-recommend .title:after,
.top #main .box-recommend .entry:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.top #main .box-recommend .title,
.top #main .box-recommend .entry{
	zoom: 1;
}
.top #main .box-recommend .title h3{
	width:210px;
	height:45px;
	text-indent:-9999px;
	float:left;
}
.top #main .box-recommend .title .btn-all{
	width:64px;
	height:21px;
	float:right;
	margin:5px 0 0 0;
}
.top #main .box-recommend .title .btn-all a{
	width:64px;
	height:21px;
	display:block;
}
.top #main .box-recommend .box{
	width:328px;
	padding:5px 15px 10px 15px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}
.top #main .box-recommend .bottom{
	width:360px;
	height:8px;
	background:url(/image/common/frame_bottom_half.gif) no-repeat;
	text-indent:-9999px;
}
.top #main .box-recommend .entry{
	width:328px;
}
.top #main .box-recommend .image{
	width:75px;
	float:left;
}
.top #main .box-recommend .image img{
	border:1px solid #CCC;
}
.top #main .box-recommend .text{
	width:240px;
	float:right;
}
.top #main .box-recommend h4{
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:6px;
}
.top #main .box-recommend h4 a{
	color:#3366CC;
	text-decoration: underline;
}
.top #main .box-recommend h4 a:hover{
	color:#FF6600;
	text-decoration: underline;
}
.top #main .box-recommend p{
	font-size:1.0em;
	line-height:1.4em;
	margin-bottom:6px;
}

/*====== 絶賛発売中 ======*/

.top #main .box-onsale{
	width:730px;
	margin-bottom:20px;
}
.top #main .box-onsale .title{
	width:730px;
	height:45px;
	background:url(/image/top/title_onsale.jpg) no-repeat;
}
.top #main .box-onsale .title:after,
.top #main .box-onsale .box:after,
.top #main .box-onsale .entry:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.top #main .box-onsale .title,
.top #main .box-onsale .box,
.top #main .box-onsale .entry{
	zoom: 1;
}
.top #main .box-onsale .title h3{
	width:150px;
	height:31px;
	text-indent:-9999px;
	float:left;
}
.top #main .box-onsale .title .note{
	font-size:1.0em;
	line-height:3.6em;
}
.top #main .box-onsale .title .btn-all{
	width:64px;
	height:21px;
	float:right;
	margin:5px 0 0 0;
}
.top #main .box-onsale .title .btn-all a{
	width:64px;
	height:21px;
	display:block;
}
.top #main .box-onsale .box{
	width:698px;
	background:url(/image/common/frame_body.gif) repeat-y;
	padding:5px 15px 10px 15px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}
.top #main .box-onsale .box .box-left{
	width:328px;
	float:left;
}
.top #main .box-onsale .box .box-right{
	width:328px;
	float:right;
}
.top #main .box-onsale .bottom{
	width:730px;
	height:8px;
	background:url(/image/common/frame_bottom.gif) no-repeat;
	text-indent:-9999px;
}
.top #main .box-onsale .entry{
	width:328px;
}
.top #main .box-onsale .image{
	width:75px;
	float:left;
}
.top #main .box-onsale .image img{
	border:1px solid #CCC;
}
.top #main .box-onsale .text{
	width:240px;
	float:right;
}
.top #main .box-onsale h4{
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:6px;
}
.top #main .box-onsale h4 a{
	color:#3366CC;
	text-decoration: underline;
}
.top #main .box-onsale h4 a:hover{
	color:#FF6600;
	text-decoration: underline;
}
.top #main .box-onsale p{
	font-size:1.0em;
	line-height:1.4em;
	margin-bottom:6px;
}