@charset �hutf-8�h; 

/* =import 
----------------------------------------------*/
@import url(reset.css);
@import url(layout.css);




/* common
------------------------------------------- */
span.img{
display:block;
float:left;
margin:0 10px 0 0;
padding:5px;
border:#cccccc solid 1px;
}


/* link
------------------------------------------- */
a:link{ color:#8e896f; text-decoration:underline; }
body a:hover{ color:#8e896f; text-decoration:none; }
a:visited{ color:#8e896f; text-decoration:underline; }

/* navigation
------------------------------------------- */
#navigation li{
float:left;
border-right:#cccccc solid 1px;
background:#252525;
}
#navigation li a{
display:block;
border-bottom:#cccccc solid 1px;
}
#navigation li a:hover,
#navigation li p{
border-bottom:#0f0909 solid 1px;
}
#navigation li a:hover img,
#navigation li p img{
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity:0.9;
}

/* pankuzu
------------------------------------------- */
#pankuzu{
margin:0 0 10px 0;
font-size:10px;
}
#pankuzu li{
display:inline;
}
#pankuzu li a{
background:url(../images/pankuzu-dot.gif) no-repeat right 4px;
padding:0 8px 0 0;
margin:0 5px 0 0;
}
#pankuzu li h1{
display:inline;
font-weight:100;
}



/* left
------------------------------------------- */
#left ul.menu li{
width:100%;
background:url(../images/dot.gif) repeat-x 0 bottom;
}
#left ul.menu li p{
background:url(../images/allow02.gif) no-repeat 4px 16px;
padding:13px 0 13px 14px;
}
#left ul.menu li a{
display:block;
padding:13px 0 13px 14px;
}
#left ul.menu li a:hover{
background:url(../images/allow02.gif) no-repeat 4px 16px;
}

/* news
------------------------------------------- */
ul.news li{
width:100%;
height:auto;
overflow:hidden;
background:url(../images/dot.gif) repeat-x 0 bottom;
padding-bottom:8px;
margin-bottom:8px;
}
ul.news li span{
width:86px;
float:left;
background:#555737;
text-align:center;
color:#ffffff;
line-height:1.3em;
}
ul.news li p{
width:500px;
float:right;
background:url(../images/topics-allow.gif) no-repeat 0 8px;
padding:0 0 0 10px;
}
#news-list ul.news li p{
width:440px;
margin:0;
}


/* right
------------------------------------------- */
#right h2{
border-top:#acacac solid 3px;
border-bottom:#acacac solid 1px;
background:#f0f0f0;
padding:8px 12px;
color:#544b38;
}
#right h3{
background:url(../images/dot2.gif) repeat-x 0 bottom;
padding:8px 12px;
}

#right .section{
width:551px;
padding:28px 28px 15px 28px;
background:url(../images/dot2.gif) repeat-x 0 bottom;
}
#right .section p{
margin-bottom:20px;
text-align:justify;
}

/* list-style01
------------------------------------------- */
.list-style01{
margin-bottom:20px;
}
.list-style01 li{
background:url(../images/allow01.gif) no-repeat 0 3px;
padding:0 0 0 22px;
margin-bottom:5px;
}
.list-style01 li a{
color:#4b4527;
}


/* table
------------------------------------------- */
.section table{
width:100%;
border-top:#cccccc solid 1px;
border-left:#cccccc solid 1px;
margin-bottom:20px;
}
.section table th{
width:30%;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
background:#e9f2f4;
padding:10px;
text-align:left;
color:#69787c;
vertical-align:top;
font-weight:100;
}
.section table td{
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
padding:10px;
text-align:left;
}
.section table td ul{
margin:0;
}
.section table td textarea{
width:99%;
height:100px;
}


/* footer
------------------------------------------- */
#footer ul{
border-bottom:#c4c1b2 solid 1px;
padding:0 0 5px 0;
margin:0 0 5px 0;
}
#footer ul li{
padding:0 8px;
border-right:#8e896f solid 1px;
display:inline;
font-size:11px;
}
#footer .pagetop{
position:absolute;
bottom:-30px;
right:0;
}

/* copy
------------------------------------------- */
.copy{
text-align:center;
color:#a29e8c;
margin-bottom:30px;
}

/* map
------------------------------------------- */
#map{
width:100%;
margin-bottom:10px;
border:#aaaaaa solid 1px;
overflow:hidden;
margin-top:15px;
}

/* shop-banner
------------------------------------------- */
.shop-banner {
	height:38px;
	background:url(../images/shop-banner-bg.gif) no-repeat;
	margin-bottom:8px;
}

.shop-banner img{
	float:right;
}

/* info
------------------------------------------- */

.info-section{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:30px;
	margin-bottom:60px;
	border-bottom:#666 solid 1px;
}

.info-sections:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

.info-left{
	width:620px;
	float:left;
}

.info-right{
	width:200px;
	float:right;
}

.info-right p{
	font-size:11px;
	_font-size:10px;
	line-height:1.3em;
	margin-bottom:10px;
}

.info-right02{
	width:320px;
	float:right;
}

.info-right02 p{
	font-size:11px;
	_font-size:10px;
	line-height:1.3em;
}

h4{
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}
h5{
	margin-bottom:7px;
	color:#663;
}

.info-p01{
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:#CCC solid 1px;
}

.info-p01-2{
	padding-bottom:10px;
	margin-left:0;
	float:left;
}

.info-p02{
	margin-bottom:10px;
}
.info-p03{
	padding-bottom:20px;
	margin-bottom:10px;
	border-bottom:#CCC solid 1px;
}
.info-p04{
	margin-bottom:20px;
	margin-left:20px;
}

.info-workshop{
	width:400px;
	float:left;
}
.info-workshop2{
	float:right;
	width:200px;
}
.info-workshop2 img{
	margin-bottom:10px;
}
.info-workshop2:after{
	   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

/* blog
------------------------------------------- */
#blog_bnr li{
display:block;
margin:10px;
}

#blog_bnr img{
width:90px;
}