/*-------------------------フォントスタイル フォントサイズの指定*/   
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 90%;
	text-align: center;
	width: 900px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/bedge_grunge.png);
}   
  
/*-------------------------wrapperの指定*/   
#wrapper {
	width: 900px;
	padding: 0;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(images/b001.gif);
	text-align: center;
}  
  
/*-------------------------headerの指定*/   
#header {
	background-color: #83BD00;
	color: #FFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
}  

/*-------------------------logoの指定*/   
#logo {
	padding: 0;
	width: 300px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}  

/*-------------------------addressの指定*/   
#address {
	padding: 0;
	float: right;
	width: 212px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
} 
  
/*-------------------------contentsの指定*/  
#contents {
	padding: 0;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	width: 900px;
	height: 400px;
}  

/*-------------------------slideshowの指定*/  
#slideshow {
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	width: 900px;
}  
  
/*-------------------------mojiの指定*/  
#moji {
	width: 880px;
	clear: both;
	text-align: right;
	padding-right: 5px;
	color: #000000;
	padding-top: 10px;
}   
  
/*-------------------------manu01の指定*/  
#manu01 {
	width: 900px;
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}  
  
/*-------------------------sidebarの指定*/  
#sidebar {
	width: 300px;
	float: left;
	margin: 0;
	padding: 0;
}   

/*-------------------------left-contentsの指定*/  
#left-contents {
	width: 410px;
	float: left;
	margin: 0;
	padding: 0;
}

/*-------------------------right-contentsの指定*/  
#right-contents {
	width: 450px;
	float: right;
	margin: 0;
	padding: 0;
}

/*-------------------------manu02の指定*/  
#manu02 {
	width: 900px;
	float: left;
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
} 

/*-------------------------item1の指定*/  
#item1 {
	width: 220px;
	text-align: center;
	clear: none;
	padding: 0;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 100px;
	margin-left: 5px;
}

/*-------------------------item2の指定*/ 
#item2 {
	width: 220px;
	text-align: center;
	padding: 0;
	float: left;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #CCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 100px;
	margin-left: 0;
}

/*-------------------------item3の指定*/ 
#item3 {
	width: 220px;
	text-align: center;
	padding: 0;
	float: left;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #CCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 100px;
	margin-left: 0;
}

/*-------------------------item4の指定*/ 
#item4 {
	width: 220px;
	text-align: center;
	padding: 0;
	float: left;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #CCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 100px;
	margin-left: 0;
}

/*-------------------------mapの指定*/ 
#map {
	clear: both;
	margin-bottom: 100px;
	margin-top: 10px;
}

/*-------------------------anmの指定*/ 
#anm {
	width: 900px;
	text-align: center;
	padding: 0;
	clear: both;
	margin: 0px;
}

/*-------------------------pagetopの指定*/ 
#pagetop {
	text-align: right;
	margin: 0;
	background-color: #CCC;
	color: #000;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
}

/*-------------------------footerの指定*/  
#footer {
	
}

/*-------------------------footer1の指定*/  
#footer1 {
	text-align: left;
	margin: 0;
	padding-right: 0;
	color: #FFF;
	background-color: #CCC;
	width: 500px;
	float: left;
	padding-left: 10px;
}

/*-------------------------footer2の指定*/  
#footer2 {
	text-align: right;
	color: #FFF;
	background-color: #CCC;
	width: 380px;
	float: right;
}
#footer {
	height: 100px;
	width: 900px;
	background-color: #CCCCCC;
}

/*-------------------------index-Slider Styles Starts*/
#slideshow {
	position:relative;
	top: 400px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;

    
             }
#slideshow img {
	position:absolute;
	top:-400px;
	left:8px;
	z-index:8;
}
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }


/* Slider Styles Starts */

#intro {
    padding-bottom: 10px;
}
#slider-outer{

	height:420px;
	padding:15px 0 0 0;
	text-transform:uppercase
}
#slider {
    width: 630px;
    margin: 0 auto;
    position: relative;
}
.scroll {
	overflow: hidden;
	width: 600px;
    margin: 0 auto;
        position: relative;
}
.scrollContainer {
	position: relative;

}
.scrollContainer div.panel {
    padding: 10px;
    width: 280px;
	height: 420px;
}
.inside {
	padding: 10px 0; text-align:center;
}
.inside img {
	display: block;
	margin: 0 0 0 0;
	width: 200px;

}
.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 10px 0;
}
.inside p {
	font-size: 11px;
	color: #ccc;
}
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.scrollButtons:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}
.scrollButtons.left {
    left: -70px;
	
}
.scrollButtons.left:hover {
    left: -70px;
	
}
.scrollButtons.right {
    right: -70px;
	
}
.scrollButtons.right:hover {
    right: -70px;
	
}
.hide {
    display: none;
}

#slider p{position:relative; top:-2.8em; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

/* Slider Styles Ends */

img {border:0px;
 
     
    }


#slider a:link, #slider a:visited {color:#0CF; text-decoration:none; font-size:.6em; }
#slider a:hover, #slider a:active {color:#fff; text-decoration:none; font-size:.6em; cursor:pointer}


/* DEMO STYLES - delete these */
#info {width:800px; margin:0 auto; color:#666; margin-top:50px; text-align:center; font-size:12px; padding-bottom:25px}
#info a:link, #info a:visited {color:#ccc}
#info a:hover, #info a:active {color:#fff}

#demo-outer {width: 800px; margin:0 auto; background: #000033; -webkit-box-shadow: 0px 0px 4px #000;
-moz-box-shadow: 0px 0px 15px #000; padding-bottom:25px}
/*-------------------------index-Slider Styles 終わり*/

.love {
	text-align: right;
	width: 900px;
	padding-right: 15px;
}
#menu03 {
	clear: both;
	width: 900px;
}