@charset "UTF-8";

/* ==========[ 基本エレメント ]==========*/
body{
	font-size:small;
	color:#333333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
a:link{
	color:#3399CC;
}
a:visited{
	color:#785200;
}
a:hover{
	color:#3399CC;
	text-decoration:underline;
}
#header a,#footer a,#sidebar a{
	color:#785200;
}
h1{
	padding-bottom:0.5em;
	font-weight:bold;
	border-bottom:1px solid #d6cbb2;
	width:650px;
}
h2{
	margin-top:2em;
	padding-bottom:0.5em;
	font-weight:bold;
	border-bottom:1px solid #eae5d8;
	color:#785200;
}
h2+p{
	margin-top:1em;
}
h3{
	margin-top:1.5em;
	font-weight:bold;
	color:#785200;
}
h3+p{
	margin-top:0;
}
th,td{
	font-size:small;
}
p{
	margin-top:1.2em;
	line-height:1.8em;
}
.colorText1{
	color:#785200;
}

/* ==========[ header ]==========*/
#header{
	margin-bottom:30px;
	height:110px;
	background-image:url(../img/head_bg.gif);
}
#header .inner{
	margin:0 auto;
	width:860px;
	position:relative;
}
#header li{
	float:left;
}

#logo{
	display:block;
	position:absolute;
	top:19px;
}
#gNav{
	height:40px;
	position:absolute;
	top:70px;
	background-image:url(../img/head_gnav.gif);
}
#gNav li a{
	display:block;
	width:215px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
}
#gNav .top a:hover{
	background-image:url(../img/head_gnav.gif);
	background-position:0 40px;
}
#gNav .about a:hover{
	background-image:url(../img/head_gnav.gif);
	background-position:-215px 40px;
}
#gNav .brands a:hover{
	background-image:url(../img/head_gnav.gif);
	background-position:-430px 40px;
}
#gNav .wholesale a:hover{
	background-image:url(../img/head_gnav.gif);
	background-position:-645px 40px;
}

#utility{
	position:absolute;
	top:35px;
	right:0;
	font-size:x-small;
}
#utility li{
	padding:0 0.5em;
	border-right:1px solid #eae5d8;
}

/* ==========[ sidebar ]==========*/
#sidebar{
	margin-right:30px;
	width:180px;
}

#sidebar h3{
	margin-top:30px;
}
#brandList h3{
	margin-top:0;
}
#catList ul{
	border-top:1px solid #eae5d8;
}
#catList li{
	border-bottom:1px solid #eae5d8;
}
#catList a{
	padding:0.5em 0 0.5em 0.5em;
	display:block;
	background-image:url(../img/arrow1.gif);
	background-repeat:no-repeat;
	background-position:0 center;
}
#catList a:hover{
	background-color:#faf5dd;
}

/* ==========[ content ]==========*/
#makebanner{
	margin:0 auto;
	width:860px !important;
}

/* Brands */
#brads_brandList{
	margin-top:2em;
	margin-left:-10px;
}
#brads_brandList li{
	margin:10px 0 0 10px;
	float:left;
}
.brands_2col{
}
.brands_2col .left{
	float:left;
	width:390px;
}
.brands_2col .right{
	float:right;
	width:240px;
}
/* 基本エレメント */
table.style1{
	padding-top:2em;
}
table.style1 th,
table.style1 td{
	padding:1em 0;
	border-bottom:1px solid #eae5d8;
}
table.style1 th{
	width:100px;
	font-weight:bold;
	color:#785200;
}
/* ==========[ footer ]==========*/
#footer{
	margin-top:30px;
	font-size:x-small;
	position:relative;
}

#footer .pageTop{
	padding:10px 0;
	border-top:1px solid #D6CBB2;
	text-align:right;
	background-color:#FAF5DD;
}
#footer .pageTop a{
	margin-right:5px;
}
#footer .menu{
	padding:20px 0;
	border-top:2px solid #785200;
}
#footer .menu li{
	padding:0 0.5em;
	display:inline;
	border-left:1px solid #eae5d8;
}
#footer address{
	position:absolute;
	top:52px;
	right:0;
}


/* ==========[ hack ]==========*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ========== トップページ ========== */
#top_page h1,
#top_page h2{
	padding-bottom:0;
	border-bottom:none;
}

#top_2column .left{
	width:450px;
	float:left;
}
#top_2column .right{
	width:180px;
	float:right;
}
#top_2column .right dl,
#top_2column .right ul{
	padding-bottom:2em;
}
#top_info dt{
	padding-top:1em;
	font-weight:bold;
	color:#785200;
	font-size:x-small;
}
#top_info dd{
	padding-bottom:0.5em;
	background-image:url(../img/pline1.gif);
	background-repeat:repeat-x;
	background-position:0 bottom;
}

#support li{
	margin-bottom:5px;
	border:1px solid #eae5d8;
}
#support a{
	padding:0.5em 0 0.5em 15px;
	display:block;
	background-image:url(../img/arrow1.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	font-size:x-small;
}
#support a:hover{
	background-color:#faf5dd;
}