@charset "utf-8";
/* CSS Document */


/* -----------------------------------------------------------
　　サイト内へ
　　背景の色の設定
----------------------------------------------------------- */
body{
	background:#ffffff;
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	line-break:normal;
	margin:0;
	text-align:center;
}

/* -----------------------------------------------------------
　　全体に指示
----------------------------------------------------------- */
*{
	margin:0;
	padding:0;
	zoom:1;
	letter-spacing:0;
}

p,td,th,dt,dd,ol,ul,li,a,pre,blockquote,
h1,h2,h3,h4,h5,h6,div{
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	line-height: 166%;   /* 行間 */
	font-size:15px;   /* 文字のサイズ */
	color:#000000;   /* 文字の色 */
	text-decoration:none;
}


img{
	border: none;
	margin:0;
	padding:0;
	vertical-align:text-bottom;
}

table{
	border-collapse:collapse;
}
th,td{
	vertical-align:top;
}




/* -----------------------------------------------------------
　　汎用クラス
----------------------------------------------------------- */
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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


/* -----------------------------------------------------------
　　一時的なコメントアウト用
----------------------------------------------------------- */
.displaynone{
	display:none;
}




/* -----------------------------------------------------------
	#head
----------------------------------------------------------- */
#head_bg{
	/*background:#92b69f;*/
	margin:0;
	text-align:left;
	width:100%;
}
#head{
	margin:0 auto;
	text-align:left;
	width:1150px;
	height:auto;
}

/* -----------------------------------------------------------
　　見出しの文字
----------------------------------------------------------- */
h1{
	color:white;
	font-size:12px;
	font-weight:normal;
	line-height:100%;
	margin:0px 20px 10px 0px;
	padding:10px 0px 0px 0px;
	float:left;
}

h2{
	color:white;
	font-size:12px;
	font-weight:normal;
	line-height:100%;
	margin:0px 0px 10px 0px;
	padding:10px 0px 0px 0px;
	float:left;
}

/* -----------------------------------------------------------
　　トップイメージ
----------------------------------------------------------- */
/*トップイメージ jquery（indexページのみ）----*/
#slideshow{
    position:relative;
	width:1150px;
	height:360px;
	clear:both;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}



/* -----------------------------------------------------------
　　コンテンツ　上部
----------------------------------------------------------- */
#contents1_bg{
	/*background:#92b69f;*/
	margin:0;
	text-align:left;
	width:100%;
}
#contents1{
	/*background:white;*/
	margin:0 auto;
	text-align:left;
	width:1020px;
	height:auto;
}


/* --- 栄 --- */
#contents1 div.area_sakae{
	width:504px;
	height:auto;
	float:left;
	margin:0 auto;
}

#contents1 div.area_sakae div.banner_bg{
	margin:0px 0px 20px 0px;
	position:relative;
	background-image:url(../images/link_bg_sakae.png);
	height:202px;
	width:504px;
}
#contents1 div.area_sakae div.banner_bg div.banner_btn{
	height:65px;
	width:285px;
	position:absolute;
	top:102px;
	left:191px;
}
#contents1 div.area_sakae div.banner_bg div.banner_btn a{
	background-image:url(../images/link_btn_sakae.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:100%;
	width:100%;
}
#contents1 div.area_sakae div.banner_bg div.banner_btn a:hover{
	filter:Alpha(opacity=70); 
	-moz-opacity:0.70;
	opacity:0.70;
}
#contents1 div.area_sakae div.banner_bg div.banner_btn a span{
	display:none;
}

#contents1 div.area_sakae img.sakae_img{
	margin:0px 0px 30px 50px;
}

/*table*/
#contents1 div.area_sakae table{
	width:420px;
	margin:0px 0px 80px 30px;
}
#contents1 div.area_sakae table th{
	width:2px;
	height:auto;
	vertical-align:middle;
	border-top:solid 2px #9f9fa0;	
	border-bottom:solid 2px #9f9fa0;
}
#contents1 div.area_sakae table th div{
	width:2px;
	height:38px;
	background-color:#005525;
}
#contents1 div.area_sakae table td{
	padding:10px;
	text-align:left;
	border-top:solid 2px #9f9fa0;	
	border-bottom:solid 2px #9f9fa0;
	vertical-align:middle;
}




/* --- 淀川 --- */
#contents1 div.area_yodogawa{
	width:504px;
	height:auto;
	float:right;
	margin:0 auto;
}

#contents1 div.area_yodogawa div.banner_bg{
	margin:0px 0px 20px 0px;
	position:relative;
	background-image:url(../images/link_bg_yodogawa.png);
	height:202px;
	width:504px;
}
#contents1 div.area_yodogawa div.banner_bg div.banner_btn{
	height:65px;
	width:285px;
	position:absolute;
	top:102px;
	left:191px;
}
#contents1 div.area_yodogawa div.banner_bg div.banner_btn a{
	background-image:url(../images/link_btn_yodogawa.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:100%;
	width:100%;
}
#contents1 div.area_yodogawa div.banner_bg div.banner_btn a:hover{
	filter:Alpha(opacity=70); 
	-moz-opacity:0.70;
	opacity:0.70;
}
#contents1 div.area_yodogawa div.banner_bg div.banner_btn a span{
	display:none;
}

#contents1 div.area_yodogawa img.yodogawa_img{
	margin:0px 0px 30px 50px;
}


/*table*/
#contents1 div.area_yodogawa table{
	width:420px;
	margin:0px 0px 80px 30px;
}
#contents1 div.area_yodogawa table th{
	width:2px;
	height:auto;
	vertical-align:middle;
	border-top:solid 2px #9f9fa0;	
	border-bottom:solid 2px #9f9fa0;
}
#contents1 div.area_yodogawa table th div{
	width:2px;
	height:38px;
	background-color:#ae8249;
}
#contents1 div.area_yodogawa table td{
	padding:10px;
	text-align:left;
	border-top:solid 2px #9f9fa0;	
	border-bottom:solid 2px #9f9fa0;
	vertical-align:middle;
}






/* -----------------------------------------------------------
　　コンテンツ　下部（アクセス）
----------------------------------------------------------- */
#contents2_bg{
	/*background:#fed9f6;*/
	margin:0;
	text-align:left;
	width:100%;
}
#contents2{
	background:white;
	margin:0 auto;
	text-align:left;
	width:1000px;
	height:auto;
}

#contents2 h3 {
	background-image: url(../images/title_access.png);
	background-repeat: no-repeat;
	width: 1000px;
	height: 50px;
	margin: 0px 0px 18px 0px;
}
#contents2 h3 span {
	display: none;
}

#contents2 img.access_img{
	margin: 0px 0px 15px 135px;
}

#contents2 p.googlemap{
	margin: 0px 0px 70px 720px;
}
#contents2 p.googlemap a:hover{
	filter:Alpha(opacity=70); 
	-moz-opacity:0.70;
	opacity:0.70;
}





/* -----------------------------------------------------------
　　フッター
----------------------------------------------------------- */
#footer_bg{
	/*background:#92b69f;*/
	margin:0;
	text-align:left;
	width:100%;
}
#footer{
	background:white;
	margin:0 auto;
	text-align:left;
	width:1000px;
	height:auto;
}

#footer img.footer_logo{
	float:left;
	margin:10px 60px 10px 0px;
}


#footer ul{
	float:left;
	margin:25px 0px 10px 0px;
	text-align:left;
	list-style:none;
}

#footer li{
	background:url(../images/footer_icon.png) no-repeat left center;
	line-height:100%;
	margin-bottom:6px;
	padding-left:20px;
	float:left;
	margin-right:30px;
}



/* フッター 下 */
#footer2_bg{
	background:#7f7f7f;
	margin:0;
	text-align:left;
	width:100%;
}
#footer2{
	margin:0 auto;
	text-align:center;
	width:1000px;
	height:auto;
}
#footer2 p{
	color:white;
	font-size:10px;
}
#footer2 p a{
	color:white;
	font-size:10px;
	text-decoration:nonew;
}