@charset "utf-8";

/* ヘッダ
---------------------------------------------------*/

#header{
	display: block;
	height: 70px;
	background:url(../images/header/bg_header.gif) no-repeat 12px 10px;
}

#header a#logo{
	float:left;
	width:213px;
	margin:30px 0 0 10px;
	text-indent: 0px;
}

/* IE6ハック */
*html #header a#logo{
	margin-left:0px;

}

ul#headerNavi{
	list-style:none;
	margin:0 auto;
	padding:0;
	height: 38px;
	background:url(../images/header/bg_headerNavi.gif) no-repeat 0 -88px;
}

ul#headerNavi:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul#headerNavi li{
	float:left;
	margin: 0;
	padding:0;
}

ul#headerNavi li a{
	padding:0;
	display:block;
	border:none;
	height:38px;
	text-indent: -9999px;
	background:url(../images/header/bg_headerNavi.gif) no-repeat 0 0;
	overflow: hidden;
}

ul#headerNavi li a#menu01{
	width:81px;
	background-position:0 0;
}

ul#headerNavi li a#menu01:hover,ul#headerNavi li a#menu01.hover,ul#headerNavi li a#menu01.select{
	background-position:0 -38px;
}

ul#headerNavi li a#menu02{
	width:117px;
	background-position:-81px 0;
}

ul#headerNavi li a#menu02:hover,ul#headerNavi li a#menu02.hover,ul#headerNavi li a#menu02.select{
	background-position:-81px -38px;
}

ul#headerNavi li a#menu03{
	width:202px;
	background-position:-198px 0;
}

ul#headerNavi li a#menu03:hover,ul#headerNavi li a#menu03.hover,ul#headerNavi li a#menu03.select{
	background-position:-198px -38px;
}

ul#headerNavi li a#menu04{
	width:190px;
	background-position:-400px 0;
}

ul#headerNavi li a#menu04:hover,ul#headerNavi li a#menu04.hover,ul#headerNavi li a#menu04.select{
	background-position:-400px -38px;
}

ul#headerNavi li a#menu05{
	width:207px;
	background-position:-590px 0;
}

ul#headerNavi li a#menu05:hover,ul#headerNavi li a#menu05.hover,ul#headerNavi li a#menu05.select{
	background-position:-590px -38px;
}

ul#headerNavi li a#menu06{
	width:143px;
	background-position:-797px 0;
}

ul#headerNavi li a#menu06:hover,ul#headerNavi li a#menu06.hover,ul#headerNavi li a#menu06.select{
	background-position:-797px -38px;
}

#searchArea{
	background:url(../images/header/bg_search.gif) no-repeat center top;
	padding:0 0 9px;
	margin: 0 auto 5px;
}

ul#searchBar{
	list-style:none;
	padding:5px 0 0;
	height: 26px;
	margin: 0 0 0 205px;
}

/* IE7用ハック */
*:first-child+html ul#searchBar{
	width:860px;
}

ul#searchBar:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul#searchBar li{
	float:left;
	margin: 0;
	padding:0;
	overflow:hidden;
}

ul#searchBar li #keyword{
	width:160px;
	height: 14px;
	margin:0;
}

ul#searchBar li #btnSearch{
	background:url(../images/header/btn_search.gif) no-repeat 0 0;
	display: block;
	height: 20px;
	width: 66px;
	border:none;
	cursor:pointer;
	text-indent: -9999px;
}

ul#searchBar li select{
	margin:0 0 0 5px
}

ul#searchBar li a{
	font-size:10px;
	white-space: nowrap;
	padding: 0 0 0 10px;
	display: block;
}

table#tableSearch{
	width:940px;
	border-collapse:collapse;
	border-bottom:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	background: #FFF;
}

table#tableSearch th,table#tableSearch td{
	padding:3px 5px;
	border-bottom: 1px dotted #d2d2d2;
}

table#tableSearch th{
	background:url(../images/contents/bg_option.gif);
	white-space: nowrap;
}

table#tableSearch td{
	text-align:left;
}

ul#subMenu{
	margin:0 10px 8px 0;
	color:#FFFFFF;
	text-indent:0px;
	list-style:none;
	float: right;
	padding: 0;
	height: 28px;
}

ul#subMenu:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul#subMenu li{
	float:left;
	margin:0 0 0 10px;
	padding:0;
}

ul#subMenu li a{
	padding:0;
	display:block;
	border:none;
	height:28px;
	text-indent: -9999px;
	background:url(../images/header/bg_subNavi.gif) no-repeat 0 0;
	overflow: hidden;
	width: 134px;
}

ul#subMenu li a#sub01{
	background-position:0 0;
}

ul#subMenu li a#sub02{
	background-position:-134px 0;
}

div#discountArea{
	float:right;
	padding:0;
	width:521px;
	background:url(../images/header/bg_discount.gif) no-repeat 0 0;
	padding:4px 7px 0 107px;
	margin: 0;
	height: 30px;
	list-style:none;
	position: relative;
}

.bxslider_container {
	margin:0;
	padding:0;
}

ul#discountList{
	margin:0 8px;
	padding:0;
	list-style: none;
	height:33px;
	overflow:hidden;
}

ul#discountList li{
	padding:3px 0 0;
	margin:0;
	text-align: left;
	width: 504px;
	overflow: hidden;
}

ul#discountList span{
	color:#C00;
	font-weight:bold;
}

a#discountBtn{
	display:block;
	width:18px;
	height:18px;
	position:absolute;
	top:8px;
	right:12px;
	text-indent:0;
}

/* パン屑リスト
---------------------------------------------------*/

ul#path{
	list-style:none;
	margin:0 auto;
	height:27px;
	overflow: hidden;
	background:url(../images/contents/bg_path.gif) no-repeat 0 0;
	font-size: 10px;
	padding: 0;
	letter-spacing: 2px;
}

ul#path:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul#path li{
	float:left;
	margin: 0 0 0 7px;
	padding: 0;
}

ul#path li#home{
	margin-left:5px;
}

ul#path li a{
	font-weight:normal;
	white-space:nowrap;
	display:block;
	background:url(../images/contents/icon_path.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
}

/* コンテンツ
---------------------------------------------------*/

#mainbody {
	margin: 0 auto 10px;
	zoom:100%;
	clear: both;
	text-align: left;
	padding: 0;
}

#mainbody:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#rightbody{
	float:right;
	width:728px;
	margin:0;
	padding:0;
}

* html #rightbody{overflow: hidden;}

#contents{
	clear: both;
	width: 718px;
	margin: 0 5px 10px;
}

#contentsNavi{
	padding: 0;
	height: 24px;
}

#contentsNavi:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#contentsNavi ul{
	list-style:none;
	margin:0 20px 5px;
	padding:0;
}

#contentsNavi li{
	float:left;
	margin:0 10px 0 0;
	padding:0 5px;
	border-bottom: 1px dotted #313131;
}

/* 左メニュー
---------------------------------------------------*/

#leftbody{
	float:left;
	width:200px;
	text-align: left;
	margin: 0;
}

#leftbody ul#sideBnr{
	margin:0 0 10px;
	padding:0;
	list-style:none;
}

#leftbody ul#sideBnr li{
	padding:0;
	margin:0 0 3px;
	height: 80px;
	overflow: hidden;
}

#leftbody h2{
	padding:0;
	margin:0;
	text-align: center;
	height: auto;
	border: none;
}

#leftbody ul#categoryMenu{
	list-style:none;
	margin: 0 0 10px;
	padding: 0 3px 10px;
	background:url(../images/side/bg_category.gif) no-repeat 0 bottom;
}

#leftbody ul#categoryMenu li{
	font-size: 11px;
	line-height: 150%;
	width: 194px;
	border-top: 1px solid #EFEFEF;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}

#leftbody ul#categoryMenu li.select{
	background:url(../images/contents/bg_dot.gif);
}

#leftbody ul#categoryMenu li a{
	display:block;
	padding: 4px 5px 0 30px;
	height: 21px;
	overflow: hidden;
	width: 163px;
	background-repeat:no-repeat;
	background-position:8px 4px;
	background-image:url(../images/side/icon/cat00.gif);
}

#leftbody ul#categoryMenu li a#cat1{
	background-image:url(../images/side/icon/cat01.gif);
}

#leftbody ul#categoryMenu li a#cat2{
	background-image:url(../images/side/icon/cat02.gif);
}

#leftbody ul#categoryMenu li a#cat3{
	background-image:url(../images/side/icon/cat03.gif);
}

#leftbody ul#categoryMenu li a#cat4{
	background-image:url(../images/side/icon/cat04.gif);
}

#leftbody ul#categoryMenu li a#cat5{
	background-image:url(../images/side/icon/cat05.gif);
}

#leftbody ul#categoryMenu li a#cat6{
	background-image:url(../images/side/icon/cat06.gif);
}

#leftbody ul#categoryMenu li a#cat7{
	background-image:url(../images/side/icon/cat07.gif);
}

#leftbody ul#categoryMenu li a#cat8{
	background-image:url(../images/side/icon/cat08.gif);
}

#leftbody ul#categoryMenu li a#cat9{
	background-image:url(../images/side/icon/cat09.gif);
}

#leftbody ul#categoryMenu li a#cat10{
	background-image:url(../images/side/icon/cat10.gif);
}

#leftbody ul#categoryMenu li a#cat11{
	background-image:url(../images/side/icon/cat11.gif);
}

#leftbody ul#categoryMenu li a#cat12{
	background-image:url(../images/side/icon/cat12.gif);
}

#leftbody ul#categoryMenu li a#cat13{
	background-image:url(../images/side/icon/cat13.gif);
}

#leftbody ul#categoryMenu li a#cat14{
	background-image:url(../images/side/icon/cat14.gif);
}

#leftbody ul#categoryMenu li a#cat15{
	background-image:url(../images/side/icon/cat15.gif);
}

#leftbody ul#categoryMenu li a#cat16{
	background-image:url(../images/side/icon/cat16.gif);
}

#leftbody ul#categoryMenu li a#it01{
	background-image:url(../images/side/icon/pickup.gif);
}

#leftbody ul#categoryMenu li h3{
	margin:0 5px 5px;
	padding:5px 0 0;
}

#leftbody ul#categoryMenu li ul{
	list-style:none;
	margin:0;
	padding:0;
}

#leftbody ul#categoryMenu li ul li{
	border:none;
	letter-spacing:1px;
	font-size:11px;
}

#leftbody ul#categoryMenu li ul li.select{
	background:url(../images/contents/bg_dot.gif);
}

#leftbody ul#categoryMenu li ul li a{
	background:url(../images/contents/icon_arrow02a.gif) no-repeat 3px 7px;
	padding-left:18px;
	border:none;
}

#leftbody ul#contentsMenu{
	list-style:none;
	margin: 0 0 10px;
	padding: 0;
}

#leftbody ul#contentsMenu li{
	font-size: 11px;
	line-height: 150%;
	margin:0 0 5px;
	padding:0;
	overflow: hidden;
}

#leftbody ul#contentsMenu li a{
	display:block;
	padding: 7px 0 0 26px;
	margin:0;
	height: 23px;
	overflow: hidden;
	width: 174px;
	background:url(../images/side/bg_contents.gif) no-repeat 0 0;
}

#leftbody p{
	margin:0 0 10px;
}

/* フッタ
---------------------------------------------------*/
#goTop{
	padding:15px 0;
	clear: both;
}

#goTop a{
	background:url(../images/contents/icon_arrow01a.gif) no-repeat 0 50%;
	padding:0 0 0 16px;
	display:block;
	margin-left:825px;
	font-size: 10px;
	width: 100px;
	text-align: left;
}

#footer{
	margin:0 auto;
	padding:15px 0 0;
	clear: both;
	font-size: 10px;
}

#footer #footerNavi{
	text-align:right;
	padding:6px 15px;
}

#footer #footerNavi a{
	margin:0 5px;
	text-decoration:none;
}

#footer #footerNavi p{
	margin:0 0 5px;
}

#footer #footerMenu{
	text-align:center;
	padding:0 15px 14px;
}

#footer #footerMenu a{
	margin:0;
	letter-spacing: 2px;
}

#footer #copyright{
	text-align:center;
	margin: 0 0 10px;
	padding:0;
}

#footerLinks{
	padding:3px;
	background-color:#EFEFEF;
	font-size: 10px;
	color: #999999;
	margin: 0;
}