@charset "Shift-JIS";

/* ////////////////////////// */

*{
	margin: 0px;
	padding: 0px;
	}

body {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
	font-size: 10px;
	txt-align: center;
	color: #fff;
	line-height: 150%;
	background:url(../images/bg.jpg);
	background-repeat:repeat-x;
	
	margin:0;
	padding:0;
	border-top:solid #5b402c 4px;
	}
	
	
	
.wrap {
   width:920px;
   margin:0;
   position:relative;
   padding:0 20px;
   }
   
.contents {
   width:860px;
   margin:0 38px;
   padding-top:0;

   }
	
	

div {display: block;}

h1, h2, h3, h4, h5, h6, p, address	{
	display: block;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;}

h1{
margin:0;
padding-left:20px;
}


h2{

padding-bottom:15px;
}




#pankuzu{
color:#5b402c;
font-size:11px;
margin:5px 0;
padding-top:20px;
text-align:left;
padding-right:40px;
width:420px;
height:20px;
padding:8px 5px 2px;

}


/*HEADDER NAVI---------------------------------------------*/

#headder_navi{
background:url(../images/headder_navi_bg.gif) no-repeat;
width:420px;
height:30px;
margin-left:460px;
padding:0;
}

#headder_navi ul{
list-style:none;
width:420px;
padding:0;
margin:0;
}

#headder_navi li{
float:left;
display:block;
margin-left:40px;
margin-top:4px;
padding:0px;
height:19px;
}

#headder_navi .tel{
float:right;
padding:5px 5px 0;

}



/*SLIDE---------------------------------------------*/

#slide_wrap {
padding:80px 0 50px 5px;
}


#s3slider { 
   width: 860px; /* important to be same as image width */ 
   height: 360px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
  background:url(../images/bg_s2.gif) no-repeat;
}

#s3sliderContent {
   width: 860px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 400px;
   font-size:13px;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 24px;
   width: 374px;
   height:280px;


   filter: alpha(opacity=100); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 1; /* here you can set the opacity of box with text */
   color: #5b402c;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span .ttl {
   font-size:20px;
   font-weight:bold;
   padding-bottom:15px;
}

.s3sliderImage span sttl{
   font-size:11px;
}


.clear {
   clear: both;
}


/*NAVI---------------------------------------------*/


#navigation{
width:440px;
padding-top:20px;
}

#navigation ul{
list-style:none;
}

#navigation li{
margin:0;
padding:0;
width:440px;
height:52px;
text-indent:-9999px;
}

#navigation li a{
text-decoration:none;
display:block;
width:440px;
height:52px;
}


#navigation li#location{
background:url(../images/grand_menu.gif) no-repeat 0px 0px;
}

#navigation li#service{
background:url(../images/grand_menu.gif) no-repeat 0px -52px;
}

#navigation li#about{
background:url(../images/grand_menu.gif) no-repeat 0px -104px;
}

#navigation li#blog{
background:url(../images/grand_menu.gif) no-repeat 0px -156px;
}



#navigation li#location a:hover{
background:url(../images/grand_menu.gif) no-repeat -440px 0px;
}

#navigation li#service a:hover{
background:url(../images/grand_menu.gif) no-repeat -440px -52px;
}

#navigation li#about a:hover{
background:url(../images/grand_menu.gif) no-repeat -440px -104px;
}

#navigation li#blog a:hover{
background:url(../images/grand_menu.gif) no-repeat -440px -156px;
}




/*TOP PHOTO---------------------------------------------*/


#top_photo{
position:absolute;
left:500px;
top:70px;
}


/*COPYRIGHT---------------------------------------------*/


#copyright{
position:absolute;
left:0;
top:15px;
margin:0;
padding-left:25px;
}



/*PAGE TOP---------------------------------------------*/

#pagetop{
float:right;
padding-bottom:10px;
padding-right:30px;
}




/*FOOTER---------------------------------------------*/

#footer{
background-color:#5b402c;
}

#footer_box{
margin:0;
padding-top:30px;
padding-left:70px;
padding-bottom:10px;
width:920px;
height:200px;
background:url(../images/footer_bg.gif) no-repeat;
}


#footer h4{
font-size:12px;
color:#cdb99a;
padding:6px 0;
}

#footer h4 a{
font-size:12px;
color:#cdb99a;
padding:6px 0;
}


#footer ul {
font-size:11px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:220px;
}

#footer li {
padding:0 0 4px;
line-height:1.1em;
color:#cdb99a;
}

#footer li a{
color:#cca467;
}




/*COMMON---------------------------------------------*/

.floatLeft {
float:left;
}

.clearfix {
display:block;
}


p {margin: 0px 50px 10px 10px;
font-size:10px;}

img {border: none;}
hr {display: none;}

a:link {
	text-decoration: none;
	color:#5b402c;
}
a:visited {
	text-decoration: none;
	color: #5b402c;
}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

.clear {clear: both;float: none;border: none;}
.hiden {display: none;}
.Out {position: absolute;	left: -999px;top: -999px;}