@charset "UTF-8";

/*-------------------------------
 reset
--------------------------------*/
h1,h2,h3,h4,h5,h6,div,p,li,dl,dt,dd,table,th,td,form{
	margin: 0;
	padding: 0;
}
ul{list-style: none;}
ul,ol{margin: 0; padding: 0;}
img{text-decoration: none; border: 0; font-size: 0px;}
table{border-collapse: collapse;}

/*-------------------------------
  common
--------------------------------*/
body, th, td, textarea,h1,h2,p{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	color: #663300;
}

/* a */
a{color: #663300;text-decoration:none;}
a:visited{color: #663300;text-decoration:none;}
a:hover{color: #cc3300;text-decoration:none;}
a.link01{
	font-size: 12px;
	background: url(../img/arrow.gif) no-repeat 0 0.3em;
	min-height: 15px;
	padding-left: 15px;
	font-weight:bold;
}

p {
	line-height:130%;
	padding:3px 0;
}

/*-------------------------------
  layout
--------------------------------*/
body{
	text-align:center;
	background-color: #462f13;
}

#container{
	text-align:left;
	_text-align:center; /* ie6 */
	background: #fff url(../img/head.gif) top no-repeat;
	width: 800px;
	margin: 0 auto;
}

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

#bottom_container{
	clear:both;
	widht:800px;
	height:6px;
	marign:0;
	background:url(../img/bottom.gif) bottom no-repeat;
}

#wrapper{
	width: 760px;
	margin: 0 auto;
}


/*-------------------------------
header
-------------------------------*/
#header {
	margin:0 auto;
	padding-top:10px;
}

#header h1 {
	float:left;
	width:500px;
	text-align:left;
}	

#header p {
	float:right;
	width:160px;
	text-align:right;
	font-weight:bold;
}


/*-------------------------------
gloval navi
-------------------------------*/
#gnavi {
	position:absolute;
	top:245px;
	_top:245px; /* ie6 */
	width:750px;
	_width:800px; /* ie6 */
	height:50px;
	padding:5px 25px;
	background-color:#b18a5e;
	font-size:14px;
}

/* for ie7 */
*+html #gnavi{
	top:250px;
}

#gnavi ul{
	padding:0 5px;
}

#gnavi li{
	float: left;
	color:#663300;
}

#gnavi li a,
#gnavi li a:visited{
	text-indent: -9999px;
	overflow: hidden;
	width: 123px;
	height:50px;
	display: block;
}

#gnavi li#gnavi_home a{
	background:url(../img/gnavi_home.gif) no-repeat 0 0;
	width: 123px;
}
#gnavi li#gnavi_home a:hover{
	background-position: 0 -50px;
}

#gnavi li#gnavi_about a{
	background:url(../img/gnavi_aboutus.gif) no-repeat 0 0;
	width: 123px;
}

#gnavi li#gnavi_about a:hover{
	background-position: 0 -50px;
}

#gnavi li#gnavi_menu a{
	background:url(../img/gnavi_menu.gif) no-repeat 0 0;
	width: 123px;
}

#gnavi li#gnavi_menu a:hover{
	background-position: 0 -50px;
}

#gnavi li#gnavi_access a{
	background:url(../img/gnavi_access.gif) no-repeat 0 0;
	width: 123px;
}

#gnavi li#gnavi_access a:hover{
	background-position: 0 -50px;
}

#gnavi li#gnavi_shop a{
	background:url(../img/gnavi_shop.gif) no-repeat 0 0;
	width: 123px;
}

#gnavi li#gnavi_shop a:hover{
	background-position: 0 -50px;
}

#gnavi li#gnavi_mail a{
	background:url(../img/gnavi_mail.gif) no-repeat 0 0;
	width: 123px;
}

#gnavi li#gnavi_mail a:hover{
	background-position: 0 -50px;
}

/*-------------------------------
main
-------------------------------*/
#main {
	width:760px;
	margin-top:15px;
	_margin-top:20px; /* ie6 */
	display:block;
	
}
#main:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}


/*-------------------------------
contents
-------------------------------*/
#contents {
	float:right;
	width:533px;
	border-left:1px dashed #b18a5e;
	text-align:left; /* ie6 */
}

#contents .box {
	width:513px;
	margin-bottom:15px;
	padding:0 10px;
}

/* ttl no use */
#contents .box .boxttl{
	width:493px;
	height:20px;
	padding:5px 10px;
	border-bottom:1px dashed #b18a5e;
	background: url(../img/bar.gif) no-repeat;
	font-size:14px;
}

/* ttl this use */
#contents  h3.ttl{
	text-indent: -9999px;9px;
	overflow: hidden;
	width:493px;
	height:28px;
	padding:0 5px;
	border-bottom:1px dashed #b18a5e;
}

#contents .box .boxtxt {
	width:493px;
	padding:5px 10px;
	line-height:120%;
}

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

#contents .box .boxlink {
	width:493px;
	padding:2px 10px;
	text-align:right;
}


/*-------------------------------
side
-------------------------------*/
#side {
	float:left;
	width:220px;
}

#side h3.sidettl{
	text-indent: -9999px;
	width: 210px;
	height:28px;
	margin-bottom: 1em;
	overflow: hidden;
}

#side #side_menuhead{
	width:210px;
	height:28px;
	margin:0;
	background: #fff url(../img/side_head.gif) top no-repeat;
}

#side #side_menubox{
	width:210px;
	background: #fff url(../img/side_back.gif) repeat;
}

#side #side_menufoot{
	width:210px;
	height:12px;
	margin:0;
	background: #fff url(../img/side_foot.gif) top no-repeat;
}

#side #side_menubox .txtbox{
	margin:0 10px;
	_margin:0 5px; /* ie6 */;
	padding:5px 0
}

#side #side_menubox .txthead{
	width:191px;
	height:5px;
	margin:0;
	background:url(../img/side_txthead.gif) bottom no-repeat;
}

#side #side_menubox .txtbody{
	width:171px;
	_width:191px; /* ie6 */
	margin:0;
	background:#f3edd4;
	text-align:left;
	padding:5px 10px;
}

#side #side_menubox .txtfoot{
	width:191px;
	height:5px;
	margin:0;
	background:url(../img/side_txtfoot.gif) top no-repeat;
}

#side #side_banner{
	margin:10px 0;
}

/*-------------------------------
footer
-------------------------------*/
#footer {
	clear:both;
	border-top: 1px solid #b18a5e;
	padding-top:5px;
}

#footer #fnavi{
	float:left;
	width:550px;
	font-size:11px;
	text-align:left; /* ie6 */
}

#footer #copyright{
	float:right;
	font-size:11px;
	width:180px;
	text-align:right; /* ie6 */
}

/*-------------------------------
text set
-------------------------------*/
.font_r {
	color:#cc3300;
}

.font_b_b {
	color:#462f13;
	font-weight:bold;
}