@charset "utf-8";
/* CSS Document */
@import "news.css";

h1 {
	margin: 0px 0px 9px;
}

div#main {
	float: none;
	width: 900px;
	padding: 0px;
	background-image: none;
}

div#contents {
	background-image: none;
	float: left;
	width: 880px;
	padding: 0px 10px;
	_height: 300px;
	min-height: 300px;
	position: relative;
}

div#brand {
	clear: both;
	padding-bottom: 18px;
	margin-bottom: 8px;
	background-image: url(../img/bg_brand.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

div.newsArea {
	/*width: 286px;*/
	width: 586px;
	margin:0 14px 0 0;
	padding:0;
}

div#shortcut {
	float: right;
	width: 279px;
}

div#section {
	border: 1px solid #E7E7E7;
	border-top: none;
	padding: 6px 0px 1px;
	margin-bottom: 8px;
}

div#section div {
	margin-bottom: 5px;
	text-align: center;
}

/* ===== Header ===== */
div#fontchange {
	position: absolute;
	top: 35px;
	right: 240px;
}
div#search {
	position: absolute;
	top: 35px;
	right: 22px;
}
#searchbox{
	width:150px;
	height:19px;
	margin:0 5px 0 0;
	padding:0;
	line-height:12px;
	border:1px solid #CCCCCC;
}
#searchbtn{
	width:45px;
	height:23px;
	background:url(../img/btn_search.gif) 0 center no-repeat;
	border:none;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}

/* ===== contents ===== */
#topL{
	width: 586px;
	float:left;
	padding:0 0 20px 0;
}

/* ===== recommend ===== */
.product{
	display:none;
}
.selectview{
	display:block;
}
#productView{
	background:url(../img/bg_recommend.jpg) 0 0 no-repeat;
	margin:0;
	padding:0;
	border-bottom:1px solid #CCCCCC;
}
#inproductView{
	margin:0;
	padding:13px 16px 11px 15px;
}
#productView .photo{
	width:200px;
	float:left;
	margin:0;
	padding:0;
}
#productView .detail{
	width:355px;
	float:left;
	margin:0;
	padding:0;
}

#productView .detail .productname{
	line-height:1.5;
	font-weight:bold;
	font-size:1.4;
	margin:0;
	padding:0 0 10px 0;
}
#productView .detail .catch{
	margin:0;
	padding:0;
	min-height:123px;
}
* html #productView .detail .catch{
	height:123px;
}
#productView .detail .btndetail{
	margin:0;
	padding:0;
	text-align:right;
}

#thumbnailArea{
	background:url(../img/bg_thumb_nav.gif) 0 0 no-repeat;
	position:relative;
	height:76px;
}
#thumbnailArea #thumbNavL {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:2;
}
#thumbnailArea #thumbNavR {
	position:absolute;
	top: 0px;
	left: 562px;
	z-index:3;
}
#thumbnailArea #thumbNavL a,#thumbnailArea #thumbNavR a{
	display:block;
}
#thumbnailArea #thumbNavL a.carousel-selected,#thumbnailArea #thumbNavR a.carousel-selected{
	display:none;
}
#thumbnailArea #thumbnailList{
	width:533px;
	position:absolute;
	top: 0px;
	left: 29px;
	z-index:4;
	overflow:hidden;
}
#thumbnailArea #thumbnailList ul{
	/*width:540px;*/
	width:1080px;
	padding:0;
}
#thumbnailArea #thumbnailList ul li{
	width:60px;
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
    overflow:hidden;
	background:none;
}
#thumbnailArea #thumbnailList ul li a{
	display:block;
	margin:6px 0 0 0;
	padding:2px !important;
	text-align:left;
	background-position:0 0;
	background-repeat:no-repeat;
}
#thumbnailArea #thumbnailList ul li a:link,#thumbnailArea #thumbnailList ul li a:visited{
	background-image:url(../img/bg_thumb_off.gif);
}
#thumbnailArea #thumbnailList ul li a:hover,#thumbnailArea #thumbnailList ul li a:active{
	background-image:url(../img/bg_thumb_on.gif);
}
#thumbnailArea #thumbnailList ul li a.selectp{
	background-image:url(../img/bg_thumb_on.gif);
}

/* ===== What's New ===== */
div.newsArea table { margin-top: 7px; margin-bottom: 0px;}

div.newsArea td img { margin: 2px 0px 0px 2px;}

div.newsArea td.photo {
	text-align: right;
	width: 55px;
}

div.newsArea td.photo img { border: 1px solid #E1E1E1; margin: 0;}

div#contents div.newsArea p { margin-bottom: 0px;}

div#contents div.newsArea p.more {
	text-align: right;
	margin-top: 5px;
}

div#contents div.newsArea p.more a {
	background-image: url(../img/more.gif);
	background-repeat: no-repeat;
	padding-left: 24px;
}

/* ===== 重要なお知らせ ===== */

#notice-topics h3 {
	margin: 0 ;
	padding: 0 ;
	background: none ;
}

#notice-topics p{
	padding: 10px 10px 0 10px;
}