@charset "utf-8";

#tink-banner {
	margin: 0px;
	padding: 0px;
	display: inline;
	height: 100px;
}


/* wrapper
----------------------------------------------------------- */

#wrapper {
	width:800px;
	margin:0px auto;
	text-align:left;
}

/* header
----------------------------------------------------------- */

#header {
	background:url(../images/common/hbg.jpg) no-repeat top center;
	width:800px;
	height:129px;
	margin:0px auto;
	text-align:left;
	position:relative;
	z-index: 10;
}

#header img#logo {
	margin-top:22px;
}

#header h1#tagline {
	position:absolute;
	font-size:14px;
	color:#552826;
	width:480px;
	left: 320px;
	top: 10px;
	text-align:right;
}

#header p#tagline {
	position:absolute;
	font-size:14px;
	color:#FFFFFF;
	width:480px;
	left: 320px;
	top: 10px;
	text-align:right;
}

#header div#gnavBox {
	width:800px;
	position:absolute;
	left: 0px;
	top: 97px;
	z-index: 10;
}
#header ul#gnav {
	position:relative;
	z-index: 10;
}
#header ul#gnav li a {
	position:absolute;
	top:0px;
	display:block;
	height:23px;
	text-indent:-9999px;
	z-index: 10;
}

#header ul#gnav li#gnavi1 a {
	background:url(../images/common/gnav01_off.jpg) left top no-repeat;
	width:147px;
	left:0px;
}
#header ul#gnav li#gnavi2 a {
	background:url(../images/common/gnav02_off.jpg) left top no-repeat;
	width:160px;
	left:147px;
}
#header ul#gnav li#gnavi3 a {
	background:url(../images/common/gnav03_off.jpg) left top no-repeat;
	width:143px;
	left:307px;
}
#header ul#gnav li#gnavi4 a {
	background:url(../images/common/gnav04_off.jpg) left top no-repeat;
	width:132px;
	left:450px;
}
#header ul#gnav li#gnavi5 a {
	background:url(../images/common/gnav05_off.jpg) left top no-repeat;
	width:114px;
	left:582px;
}
#header ul#gnav li#gnavi6 a {
	background:url(../images/common/gnav06_off.jpg) left top no-repeat;
	width:104px;
	left:696px;
}

#header ul#gnav li#gnavi1 a:hover{
	background:url(../images/common/gnav01_on.jpg) left top no-repeat;}
#header ul#gnav li#gnavi2 a:hover{
	background:url(../images/common/gnav02_on.jpg) left top no-repeat;}
#header ul#gnav li#gnavi3 a:hover{
	background:url(../images/common/gnav03_on.jpg) left top no-repeat;}
#header ul#gnav li#gnavi4 a:hover{
	background:url(../images/common/gnav04_on.jpg) left top no-repeat;}
#header ul#gnav li#gnavi5 a:hover{
	background:url(../images/common/gnav05_on.jpg) left top no-repeat;}
#header ul#gnav li#gnavi6 a:hover{
	background:url(../images/common/gnav06_on.jpg) left top no-repeat;}
	
#header ul#gnav li#gnavi1_on a {
	background:url(../images/common/gnav01_on.jpg) left top no-repeat;
	width:147px;
	left:0px;
}
#header ul#gnav li#gnavi2_on a {
	background:url(../images/common/gnav02_on.jpg) left top no-repeat;
	width:160px;
	left:147px;
}
#header ul#gnav li#gnavi3_on a {
	background:url(../images/common/gnav03_on.jpg) left top no-repeat;
	width:143px;
	left:307px;
}
#header ul#gnav li#gnavi4_on a {
	background:url(../images/common/gnav04_on.jpg) left top no-repeat;
	width:132px;
	left:450px;
}
#header ul#gnav li#gnavi5_on a {
	background:url(../images/common/gnav05_on.jpg) left top no-repeat;
	width:114px;
	left:582px;
}
#header ul#gnav li#gnavi6_on a {
	background:url(../images/common/gnav06_on.jpg) left top no-repeat;
	width:104px;
	left:696px;
}

/* 下層のメニューを不可視に */

#header ul#gnav li ul {
	left:0px;
	display: none;
	position: absolute;
	top: 23px;
}

#header ul#gnav li ul li a {
	display: block;
	height:24px;
	width: 250px;
	position: relative;
	text-indent:0px;
}

/* 疑似要素 :hover で下層のメニューを可視に */
#header ul#gnav li:hover ul{
	left:0px;
	display: block;
	z-index: 10;
}

#header ul#gnav li:hover ul li a{
	left:0px;
	display: block;
	z-index: 10;
}

#header ul#gnav { /* IE6 対策 */
	behavior: url("/htc/csshover3.htc");
}


#header div#hnavBox {
	width: 425px;
	position: absolute;
	left: 375px;
	top: 28px;
}
#header div#banner {
	position:relative;
	text-align: right;
	margin: 0px 0px 4px 0px;
}
#header ul#hnav {
	position:relative;
}

#header ul#hnav li a {
	position:absolute;
	top:0px;
	display:block;
	height:21px;
	text-indent:-9999px;
}

#header ul#hnav li#hnavi1 a {
	background:url(../images/common/hnav01_off.gif) left top no-repeat;
	width:98px;
	left:0px;
}
#header ul#hnav li#hnavi2 a {
	background:url(../images/common/hnav02_off.gif) left top no-repeat;
	width:117px;
	left:98px;
}
#header ul#hnav li#hnavi3 a {
	background:url(../images/common/hnav03_off.gif) left top no-repeat;
	width:90px;
	left:215px;
}
#header ul#hnav li#hnavi4 a {
	background:url(../images/common/hnav04_off.gif) left top no-repeat;
	width:120px;
	left:305px;
}
#header ul#hnav li#hnavi1 a:hover{
	background:url(../images/common/hnav01_on.gif) left top no-repeat;
}
#header ul#hnav li#hnavi2 a:hover{
	background:url(../images/common/hnav02_on.gif) left top no-repeat;
}
#header ul#hnav li#hnavi3 a:hover{
	background:url(../images/common/hnav03_on.gif) left top no-repeat;
}
#header ul#hnav li#hnavi4 a:hover{
	background:url(../images/common/hnav04_on.gif) left top no-repeat;
}



/* container
----------------------------------------------------------- */

#container {
	background-color:#FFFFFF;
	margin:0px auto;
	margin-bottom:26px;
	text-align:left;
	width: 800px;
}

div#contents {
	width: 630px;
	margin: 0px auto;
}
div#contents.form {
	width: 630px;
	margin: 0px 85px;
}

/* topfla
----------------------------------------------------------- */

#topfla {
	background-color:#FFFFFF;
	border:#FFFFFF solid 4px;
	border-bottom:#FFFFFF solid 1px;
	margin:0px auto;
	margin-bottom:26px;
}

* html #topfla {
	border:#FFFFFF solid 4px;
}
*:first-child+html #topfla {
	border:#FFFFFF solid 4px;
}

/* news
----------------------------------------------------------- */

#news {
	padding-bottom:15px;
	position:absolute;
	top:0px;
	left:0px;
}

#news div#textbox {
	float:left;
	text-align:left;
	font-size:10px;
	line-height:150%;
	color:#552826;
	width: 260px;
}

#news h2 {
	float:left;
	margin-right:15px;
}

#news dl {
	float:left;
	color:#FFFFFF;
	width:395px;
	margin-bottom:5px;
}

#news dt {
	float:left;
	width:70px;
}

#news dd {
	float:left;
	width:325px;
	margin-bottom:5px;
}
#newsIframe {
	overflow-x:hidden;
}
#news dd a:link{text-decoration:none;color:#FFFFFF;}
#news dd a:visited{text-decoration:none;color:#FFFFFF;}
#news dd a:hover{text-decoration:underline;color:#FFFFFF;}
#news dd a:active{text-decoration:underline;color:#FFFFFF;}


/* indexNewsArea
----------------------------------------------------------- */
div#indexNewsArea {
	position:relative;
	height:350px;
}

/* bannerArea
----------------------------------------------------------- */
div#bannerArea {
	border-bottom:#bc5f37 solid 1px;
	width:800px;
	height:180px;
	margin:0px auto;
	position:absolute;
	top:180px;
	left:0px;
}

div#bannerArea h2 {
	font-size:12px;
}

div#bannerArea div#bannerEr {
	float:left;
	margin-right:10px;
}
div#bannerArea div#bannerEr h2 {
	background:url(../images/index/index_banner1.jpg) no-repeat left top;
	width:263px;
	height:45px;
	margin-bottom:5px;
	padding-top:29px;
	padding-left:132px;
	text-align:center;
	color:#552826;
	font-size:12px;
	display:block;
}
div#bannerArea div#bannerEr p {
	display:block;
	width:390px;
	padding-left:5px;
	font-size:10px;
}
div#bannerArea div#bannerEr h2 a:link{text-decoration:none;color:#552826;}
div#bannerArea div#bannerEr h2 a:visited{text-decoration:none;color:#552826;}
div#bannerArea div#bannerEr h2 a:hover{text-decoration:underline;color:#552826;}
div#bannerArea div#bannerEr h2 a:active{text-decoration:underline;color:#552826;}

div#bannerArea div#bannerMr {
	float:left;
}
div#bannerArea div#bannerMr h2 {
	background:url(../images/index/index_banner2.jpg) no-repeat left top;
	width:263px;
	height:45px;
	margin-bottom:5px;
	padding-top:29px;
	padding-left:132px;
	text-align:center;
	color:#552826;
	display:block;
}
div#bannerArea div#bannerMr p {
	display:block;
	width:390px;
	padding-left:5px;
	font-size:10px;
}

div#bannerArea div#bannerMr h2 a:link{text-decoration:none;color:#552826;}
div#bannerArea div#bannerMr h2 a:visited{text-decoration:none;color:#552826;}
div#bannerArea div#bannerMr h2 a:hover{text-decoration:underline;color:#552826;}
div#bannerArea div#bannerMr h2 a:active{text-decoration:underline;color:#552826;}

/* indexContents
----------------------------------------------------------- */
div#indexContents {
	/*background-color:#cf7c5a;*/
	width:100%;
	text-align:left;
	clear:both;
}

div#indexContents h2#contentsMenu {
	background:url(../images/index/index_t1.png) no-repeat left top;
	width:600px;
	height:19px;
	margin:0px auto;
	margin-top:20px;
	margin-bottom:10px;
	padding-top:13px;
	padding-left:200px;
	text-align:left;
	font-size:12px;
	color:#552826;
	display:block;
	clear:both;
}

/* indexMenu
----------------------------------------------------------- */
div#indexContents div#indexMenu {
	border-bottom:#bc5f37 solid 1px;
	width:800px;
	margin:0px auto;
	padding-bottom:10px;
}
div#indexContents div#indexMenu div.menubox {
	float:left;
	padding-bottom:10px;
}
div#indexContents div#indexMenu div.menubox img {
	width:150px;
	float:left;
}
div#indexContents div#indexMenu div.menubox h3 {
	width:200px;
	height:26px;
	margin-bottom:5px;
	padding-top:15px;
	padding-right:50px;
	font-size:10px;
	text-align:right;
	color:#FFFFFF;
	display:block;
	float:left;
}
div#indexContents div#indexMenu div.menubox p {
	display:block;
	width:350px;
	padding-left:30px;
	padding-right:20px;
	font-size:10px;
	line-height:200%;
	clear:both;
}
div#indexContents div#indexMenu div.menubox h3#indexMenuTitle1 {
}
div#indexContents div#indexMenu div.menubox h3#indexMenuTitle2 {
	width:230px;
	padding-right:20px;
}
div#indexContents div#indexMenu div.menubox h3#indexMenuTitle3 {
}
div#indexContents div#indexMenu div.menubox h3#indexMenuTitle4 {
	width:230px;
	padding-right:20px;
}
div#indexContents div#indexMenu div.menubox h3#indexMenuTitle5 {
}
div#indexContents div#indexMenu div.menubox h3#indexMenuTitle6 {
	width:230px;
	padding-right:20px;
}

div#indexContents div#indexMenu div.menubox h3 a:link{text-decoration:none;color:#862C00;}
div#indexContents div#indexMenu div.menubox h3 a:visited{text-decoration:none;color:#862C00;}
div#indexContents div#indexMenu div.menubox h3 a:hover{text-decoration:underline;color:#862C00;}
div#indexContents div#indexMenu div.menubox h3 a:active{text-decoration:underline;color:#862C00;}

/* footer
----------------------------------------------------------- */

#footer {
	/*background-color:#cf7c5a;*/
	width:100%;
	height:150px;
	padding-top:10px;
	text-align:left;
	clear:both;
}

#foottext {
	width:800px;
	margin:0px auto;
	font-size:10px;
	color:#552826;
	padding-top:15px;
	padding-bottom:5px;
	text-align:right;
	line-height:125%;
}

#footnavi {
	width:800px;
	margin:0px auto;
	position:relative;
}

#footnavi img {
	behavior: url("/htc/iepngfix.htc");
}

#footnavi ul#fnav {
	height:19px;
	position:absolute;
	left: 355px;
	top: 0px;
}

#footnavi ul#fnav li {
	height:19px;
	margin-right:5px;
	float:left;
}

#footnavi ul#fnav li.end {
	margin-right:0px;
	float:left;
}

#footnavi2 {
	width:793px;
	margin:0px auto;
	font-size:10px;
	color:#552826;
	padding-top:5px;
	padding-right: 7px;
	text-align:right;
}
#footnavi2 a:link{text-decoration:none;color:#552826;}
#footnavi2 a:visited{text-decoration:none;color:#552826;}
#footnavi2 a:hover{text-decoration:underline;color:#552826;}
#footnavi2 a:active{text-decoration:underline;color:#552826;}


/****************************************/
/* ショップ内 タブ切り替え部分
/****************************************/
div.ie_hackBox {
	height: 0px;
	padding: 0px;
	margin: 0px;
}

* html div.ie_hackBox {
	height: 18px;
	padding: 0px;
	margin: 0px;
}

*:first-child+html div.ie_hackBox {
	height: 18px;
	padding: 0px;
	margin: 0px;
}

div#fair div#tabNavi {
	width: 582px;
	height: 25px;
	margin: 0px;
	padding: 0px;
}

div#fair div#tabNavi ul {
	width: 582px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#fair div#tabNavi ul li {
	width: 114px;
	height: 18px;
	float: left;
	margin: 0px;
	text-align: center;
	padding: 7px 3px 0px 0px;
	list-style: none;
	cursor: pointer;
}
div#fair div#tabNavi ul li#tab5 {
	padding: 7px 0px 0px 0px;
}

div#content1 { display:block; }
div#content2 { display:none; }
div#content3 { display:none; }
div#content4 { display:none; }
div#content5 { display:none; }

.selectedtab {
	background: url(../images/shop/news_tab.jpg) no-repeat;
	background-position: 0px -25px;
}
.unselectedtab {
	background: url(../images/shop/news_tab.jpg) no-repeat;
	background-position: 0px 0px;
}

div#fair div#tabContentBox {
	width: 582px;
	margin: 0px;
	padding: 0px;
	float: none;
}

div#fair div#tabContentBox div {
	width: 562px;
	margin: 0px;
	padding: 10px;
	background: url(../images/shop/news_tab_bg.jpg) repeat-y;
	float: none;
	display: block;
}

div#fair div#tabContentBox div#tabContentBottom {
	width: 582px;
	height: 11px;
	background: url(../images/shop/news_tab_bottom.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	float: none;
}

div#fair div#tabContentBox div table {
	margin: 0px;
	padding: 0px;
	float: none;
}

div#fair div#tabContentBox div table td {
	vertical-align: bottom;
	height: 15px;
}

div#fair div#tabContentBox div table td.borderStyle {
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 4px 0px;
	border-bottom: #E2CDCA dotted 1px;
}





/* start: clearfix ------------------------------ */
.clearfix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.clearfix { display:inline-table; }

/* Hides from Mac IE \*/
* html .clearfix { height:1px; }
.clearfix { display:block; }
/* */
/* end: clearfix ------------------------------ */







div.jumpList {
	width: 100%;
}
div.jumpList ul {
	width: 555px;
	margin: 0px auto;
}
div.jumpList ul li {
	width: 174px;
	height: 40px;
	float: left;
	padding: 0px 5px 12px 5px;
}
div.jumpList ul li.center {
	padding: 0px 5px 12px 98px;
}