@charset "utf-8";


/*--------------------------------------------------------------------------------
	bace
----------------------------------------------------------------------------*//**/
body {
color:#666666;
font-size:14px;
line-height:150%;
text-align:left;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color:#f3f2e9;

}



/*--------------------------------------------------------------------------------
	link
----------------------------------------------------------------------------*//**/
a:link {color:#666666;text-decoration:underline;}
a:visited {color:#666666;text-decoration:underline;}
a:hover {color:#987a03;text-decoration:none;}
a:active {color:#987a03;text-decoration:none;}
a {outline:none;}


/*--------------------------------------------------------------------------------
	header
----------------------------------------------------------------------------*//**/
.headerH1{
	width:100%;
	background:url(bk_header.jpg) repeat-x top center;
	height:31px;
	font-size:12px;
	color:#FFF;
}

.headerH1 h1{
	width:980px;
	margin:0 auto;
	padding-top:5px;
}

.headerBox{
	width:980px;
	margin:0 auto;
	padding:30px 0;

}

.headerBox h2{
	float:left;
}

.headerBox .GlobalNavigation{
	float:right;
	display:block;
}

.headerBox .GlobalNavigation li{
	float:left;
}

.content{
	width:980px;
	margin:0 auto;
}

.contentLeft{
	float:left;
	width:705px;
min-height: 370px;
}

.contentRight{
	float:right;
	width:245px;
}

.window{
	position:relative;
	width:245px;
	height:239px;
	background:url(bk_tel.jpg) no-repeat top center;
}

.window .window_tel{
	position:absolute;
	top:119px;
	left:29px;
}

.window .window_shop{
	position:absolute;
	top:173px;
	left:29px;
}

.pagetop{
	width:980px;
	margin-bottom:10px;
	text-align:right;
}

.footerBox{
	width:100%;
	background:url(bk_footer.jpg) repeat-x top center;
	height:98px;
	display:block;
	color:#FFF;
}

.footerBox .footer{
	width:980px;
	margin:0 auto;
	padding-top:15px;
}

.footerBox .footer ul li{
	float:left;
	background:url(footer_arrow.png) no-repeat left top;
	padding-left:10px;
	margin-right:20px;
	margin-bottom:10px;
}

.footerBox .footer ul li a:link {color:#fff;text-decoration:none;}
.footerBox .footer ul li a:visited {color:#fff;text-decoration:none;}
.footerBox .footer ul li a:hover {color:#fff;text-decoration:underline;}
.footerBox .footer ul li a:active {color:#fff;text-decoration:underline;}
.footerBox .footer ul li a {outline:none;}

#sitemap{
	display:block;
	padding:10px 0;
}

#sitemap ul li{
	float:left;
}

#sitemap ul li.home{
	background:url(icon_home.jpg) left top no-repeat;
	padding-left:15px;
}

#sitemap ul li.arrow{
	background:url(icon_arrow.jpg) left top no-repeat;
	padding-left:10px;
	margin-left:10px;
}

.window .phone{
	position:absolute;
	top:73px;
	left:29px;
}

.phone2{
	position:absolute;
	top:76px;
	left:142px;
}

/*--------------------------------------------------------------------------------
	margin
----------------------------------------------------------------------------*//**/
.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}

.mb15{
	margin-bottom:15px;
}

.mb20{
	margin-bottom:20px;
}

.mb25{
	margin-bottom:25px;
}

.mb30{
	margin-bottom:30px;
}

.mb35{
	margin-bottom:35px;
}

.mb40{
	margin-bottom:40px;
}

.mb45{
	margin-bottom:45px;
}

.mb50{
	margin-bottom:50px;
}

.mb60{
	margin-bottom:60px;
}

.mb70{
	margin-bottom:70px;
}

.mb80{
	margin-bottom:80px;
}

.mb90{
	margin-bottom:90px;
}

.mb100{
	margin-bottom:100px;
}

.mb500{
	margin-bottom:500px;
}

.ml5{
	margin-left:5px;
}

.ml10{
	margin-left:10px;
}

.ml12{
	margin-left:12px;
}

.ml15{
	margin-left:15px;
}

.ml20{
	margin-left:20px;
}

.ml25{
	margin-left:25px;
}

.mr5{
	margin-right:5px;

}

.mr10{
	margin-right:10px;
}

.mr15{
	margin-right:15px;
}

.mr20{
	margin-right:20px;
}

.mr25{
	margin-right:25px;
}

.mr30{
	margin-right:30px;
}

.mr40{
	margin-right:40px;
}

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt90{
	margin-top:90px;
}


/*--------------------------------------------------------------------------------
	padding
----------------------------------------------------------------------------*//**/

.pb5{padding-bottom:5px;
}

.pb10{
	padding-bottom:10px;
}

.pb15{padding-bottom:15px;
}

.pb20{padding-bottom:20px;
}

/*--------------------------------------------------------------------------------
	clearfix
----------------------------------------------------------------------------*//**/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*--------------------------------------------------------------------------------
	clearboth
----------------------------------------------------------------------------*//**/
.clearboth{
	clear:both;
}


/*--------------------------------------------------------------------------------
	左右
----------------------------------------------------------------------------*//**/

.right{
	float:right;
}

.left{
	float:left;
}

.center{
	text-align:center;
}

hr{
 clear:both;
 width:0px;
}

.bold{
	font-weight:bold;
}

.small{
	font-size:12px;
}

.font18{
	font-size:18px;
}

.font16{
	font-size:14px;
}