/*-------------------------------------------------------------------------
 * galleria　個別スタイル　galleria10.css;
 *
 *-------------------------------------------------------------------------*/
 /*-------------------------------------------------------
 	ﾎﾞﾀﾝのスタイル
-------------------------------------------------------- */
.btnStd_170d_1501{
	margin: 10px 0 0 0;
	width: 150px;
	height: 40px;
	background-color: #33CC33;
	border-top: 0;
	border-right: 2px #006600 solid;
	border-bottom: 2px #006600 solid;
	border-left: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 3px; /*for Safari*/
	-moz-border-radius: 3px; 	/*for FF*/
}

/*--------------------------------------------------
 	01-09　枠指定
--------------------------------------------------- */
#waku_01210{
	float: left;				/* 左側に回り込み指定　*/
	margin: 0  0 0 20px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	width: 600px;				/*　ﾎﾞｯｸｽの幅　　*/
	padding-left: 10px;			/*　文字の位置調整　*/
}
#waku_01210 ul{
	padding: 20px 0;			/*　書き出し位置と最終の幅　*/
}
#waku_01210 li{
	padding: 0 20px 0 60px;		/*	本文の左端をずらす*/
	line-height: 30px; 			/* 	1行の高さ */
	font-weight: normal;
  	font-size:small;
	text-indent: -40px; 		/*　　書き出しのみマイナス位置とする　*/
	color: #252525;
	list-style: none; 			/* 	先ドットなし指定*/
}
/*-------------------------------------------------------
 		01-2-11　枠指定
-------------------------------------------------------- */
.waku_01211{
	float: left;				/* 左側に回り込み指定　*/
	margin: 0  0 0 20px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	width: 600px;				/*　ﾎﾞｯｸｽの幅　　*/
	padding-left: 10px;			/*　文字の位置調整　*/
}
.waku_01211 ul{
	padding: 20px 0;			/*　書き出し位置と最終の幅　*/
}
.waku_01211 li{
	padding: 0 20px 0 60px;		/*	本文の左端をずらす*/
	line-height: 30px; 			/* 	1行の高さ */
	font-weight: normal;
  	font-size:small;
	text-indent: -40px; 		/*　　書き出しのみマイナス位置とする　*/
	color: #252525;
	list-style: none; 			/* 	先ドットなし指定*/
}
/*-------------------------------------------------------
 		1.3　マージンの確認テスト
-------------------------------------------------------- */
/*　ﾎﾞｯｸｽ1-1*/
#info_131{
	float: left;				/* 左側に回り込み指定　*/
	margin: 0  0 0 50px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	width: 200px;				/*　ﾎﾞｯｸｽの幅　　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	padding-left: 10px;			/*　文字の位置調整　*/
}
/*　ﾎﾞｯｸｽ1-2*/
#info_132{
	float: left;				/* 左側に回り込み指定　*/
	margin: 0  0 0 50px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	width: 200px;				/*　ﾎﾞｯｸｽの幅　　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	padding-left: 10px;			/*　文字の位置調整　*/
}
*html #info_132{				/*for IE6 hack*/
	margin: 0  0 0 25px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	color:red;					/* 赤色指定　*/
}
/*　ﾎﾞｯｸｽ1-3*/
#info_133{
	float: left;				/* 左側に回り込み指定　*/
	margin: 0  0 0 50px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	width: 200px;				/*　ﾎﾞｯｸｽの幅　　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	padding-left: 10px;			/*　文字の位置調整　*/
}
*+html #info_133{				/*for IE7 hack*/
	color: blue;				/* 青色指定　*/
}
/*-------------------------------------------------------
 		01.4-1　背景色の確認
-------------------------------------------------------- */
#cnts_0141{
	width: 960px;
	margin: 0 0 15px 0;
/*    height:20px;
*/
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url("../images/bg_line_a01.gif");
/*	background-image: url(../images/inc_bgAside.gif);
*/	
}
/*　ﾎﾞｯｸｽ1-1*/
#info_0141{
	float: left;				/* 左側に回り込み指定　*/
	margin: 0  0 0 20px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	width: 200px;				/*　ﾎﾞｯｸｽの幅　　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	padding-left: 10px;			/*　文字の位置調整　*/
}
*html　#info_0141{
	margin: 0  0 0 10px;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}
/*　ﾎﾞｯｸｽ1-2*/
#service_0141{
	float: left;				/* 左側に回り込み指定　*/
	width: 400px;				/*　ﾎﾞｯｸｽの幅　　*/
	margin: 0  0 0 20px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	padding-left: 20px;			/*　文字の位置調整　*/
}
*html　#service_0141{
	margin: 0  0 0 10px;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}
/*　ﾎﾞｯｸｽ1-3*/
#side_0141{
	float: right;				/* 右側に回り込み指定　*/
	width: 180px;				/*　ﾎﾞｯｸｽの幅　　*/
	margin: 0  8px 0 0;			/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	padding: 8px 10px;			/*　文字の位置調整　*/
}
*html　#side_0141{
	margin: 0  4px 0 0;			/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}
/*-------------------------------------------------------
 		01.4-2　背景色の確認
-------------------------------------------------------- */
.cnts_0142{
	width: 960px;
	margin: 0 0 15px 0;
/*    height:20px;
*/
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url("../images/bg_line_a01.gif");
/*	background-image: url(../images/inc_bgAside.gif);
*/	
}
/*　ﾎﾞｯｸｽ1-1*/
.info_0142{
	float: left;				/* 左側に回り込み指定　*/
	margin: 0  0 0 20px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	width: 200px;				/*　ﾎﾞｯｸｽの幅　　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	padding-left: 10px;			/*　文字の位置調整　*/
}
*html　.info_0142{
	margin: 0  0 0 10px;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}
/*　ﾎﾞｯｸｽ1-2*/
.service_0142{
	float: left;				/* 左側に回り込み指定　*/
	width: 400px;				/*　ﾎﾞｯｸｽの幅　　*/
	margin: 0  0 0 20px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	padding-left: 20px;			/*　文字の位置調整　*/
}
*html　.service_0142{
	margin: 0  0 0 10px;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}
/*　ﾎﾞｯｸｽ1-3*/
.side_0142{
	float: right;				/* 右側に回り込み指定　*/
	width: 180px;				/*　ﾎﾞｯｸｽの幅　　*/
	margin: 0  8px 0 0;			/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	padding: 8px 10px;			/*　文字の位置調整　*/
}
*html　.side_0142{
	margin: 0  4px 0 0;			/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}
/*-------------------------------------------------------
 		01.4-3　背景色の確認
-------------------------------------------------------- */
#cnts_0143{
	margin: 0 0 15px 0;
	width: 960px;
    height:200px;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url("../images/bg_line_a01.gif");
/*	background-image: url(../images/inc_bgAside.gif);
*/	
}
*html　#cnts_0143{
	margin: 0 0 8px 0;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}

/*　ﾎﾞｯｸｽ1-1*/
#info_0143{
	float: left;				/* 左側に回り込み指定　*/
	margin: 0  0 0 20px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	width: 200px;				/*　ﾎﾞｯｸｽの幅　　*/
	padding-left: 10px;			/*　文字の位置調整　*/
}
}
*html　#info_0143{
	margin: 0  0 0 10px;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}

/*　ﾎﾞｯｸｽ1-2*/
#service_0143{
	float: left;				/* 左側に回り込み指定　*/
	width: 400px;				/*　ﾎﾞｯｸｽの幅　　*/
	margin: 0  0 0 20px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	padding-left: 20px;			/*　文字の位置調整　*/
}
*html　#service_0143{
	margin: 0  0 0 10px;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}

/*　ﾎﾞｯｸｽ1-3*/
#side_0143{
	float: right;				/* 右側に回り込み指定　*/
	margin: 0  8px 0 0;			/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	width: 180px;				/*　ﾎﾞｯｸｽの幅　　*/
	padding: 8px 10px;			/*　文字の位置調整　*/
}
*html　#side_0143{
	margin: 0  4x 0 0;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}
/*-------------------------------------------------------
 		01.4-4　背景色の確認
-------------------------------------------------------- */
.cnts_0144{
	margin: 0 0 15px 0;
	width: 960px;
    height:200px;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url("../images/bg_line_a01.gif");
/*	background-image: url(../images/inc_bgAside.gif);
*/	
}
*html　.cnts_0144{
	margin: 0 0 8px 0;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}

/*　ﾎﾞｯｸｽ1-1*/
.info_0144{
	float: left;				/* 左側に回り込み指定　*/
	margin: 0  0 0 20px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	width: 200px;				/*　ﾎﾞｯｸｽの幅　　*/
	padding-left: 10px;			/*　文字の位置調整　*/
}
}
*html　.info_0144{
	margin: 0  0 0 10px;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}

/*　ﾎﾞｯｸｽ1-2*/
.service_0144{
	float: left;				/* 左側に回り込み指定　*/
	width: 400px;				/*　ﾎﾞｯｸｽの幅　　*/
	margin: 0  0 0 20px;		/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	padding-left: 20px;			/*　文字の位置調整　*/
}
*html　.service_0144{
	margin: 0  0 0 10px;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}

/*　ﾎﾞｯｸｽ1-3*/
.side_0144{
	float: right;				/* 右側に回り込み指定　*/
	margin: 0  8px 0 0;			/*　ﾎﾞｯｸｽ間の空き幅　*/
	border: 3px #C0C0C0 solid;	/*　灰色の枠指定　*/
	width: 180px;				/*　ﾎﾞｯｸｽの幅　　*/
	padding: 8px 10px;			/*　文字の位置調整　*/
}
*html　.side_0144{
	margin: 0  4x 0 0;		/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}
/*-------------------------------------------------------
 	02-10 ボックスを横に並べる
-------------------------------------------------------- */
/* event */
.area_151{
	position:relative;
	width: 720px;
}
*html .area_151{width: 690px;}				/*for IE6 hack*/
.box1_151{
	float: left;
	width: 160px;
	height: 300px;						
	margin: 0 0 10px 10px;
	padding: 4px;
	border: 1px solid #2B2B35;
	background-color: #010014;
	color: #FFFFFF;
}
*html .box1_151{margin: 0 5px 10px 5px;}	/*for IE6 hack*/

.box2_151{
	float: left;
	width: 340px;
	height: 300px;
	margin: 0 0 10px 10px;
	padding: 4px;
	border: 1px solid #2B2B35;
	background-color: #010014;
	color: #FFFFFF;
}
*html .box2_151{margin: 0 5px 10px 5px;}	/*for IE6 hack*/

.columnLeft {
	margin: 30% 10px 5px 10px; 
	text-align: left;
}
.columnRight{
	margin: 5px 10px 0 10px; 
	text-align: right;
}
.condition{
	position: relative;
	top: -130px;
	left: -10px;
}
*html .condition img{behavior: url("../js/iepngfix.htc");}/*for IE6 hack*/
/*-------------------------------------------------------
 	03-13 ボックスを横に並べる
-------------------------------------------------------- */
div.eventArea{
	width: 720px;
}
*html div.eventArea{width: 670px;}		/*for IE6 hack*/

div.eventBox1{
	float: left;
	width: 160px;
	height: 300px;						
	margin: 0 0 10px 10px;
	padding: 4px;
	border: 1px solid #2B2B35;
	background-color: #010014;
	color: #FFFFFF;
}
*html div.eventArea div.eventBox1{margin: 0 0 10px 5px;}	/*for IE6 hack*/

div.eventBox2{
	float: left;
	width: 340px;
	height: 300px;
	margin: 0 0 10px 10px;
	padding: 4px;
	border: 1px solid #2B2B35;
	background-color: #010014;
	color: #FFFFFF;
}
*html div.eventArea div.eventBox2{margin: 0 0 10px 5px;}	/*for IE6 hack*/
/*-------------------------------------------------------
 		1.6　画像にfloatを指定してテキストを回り込ませる
-------------------------------------------------------- */
/* 画像を左、文書を右（インデントあり）		*/
.indt-spL{
	float:left;						/* 左回り込み指定 */
	margin: 0 0 1em 0;				/* 左端を1文字分ずらす */
	text-indent: 1em;				/* 1文字空白にする　*/
	line-height: 1.6;				/* 文字間隔　*/
	font-size: small;
}
	
.indt-spL img{
	float: left;					/* 画像を左部に表示 */		
	margin: 0 10px 10px 0;			/* 右、下をマージンする　*/
}
.indt-spL h3{
	float: right;
	margin: 0 0 10px 0;
	width:140px;
}
/* 画像を右、文書を左（インデントあり）		*/
.indt-spR{
	float: right;
	margin: 0 0 1em 0;					/* 左端を1文字分ずらす */
	text-indent: 1em;					/* 1文字空白にする　*/
	line-height: 160%;
	font-size: small;
}

.indt-spR img{
	float: right;
	margin: 0 10px 10px 0;
}
.indt-spR h3{
	float: right;
	margin: 0 0 10px 0;
	width:140px;
}
/*---------------------------------------------
 01-12　画像の横に見出しやテキストを回り込ませる
---------------------------------------------- */
.info_161 {	
	width:600px;
	margin:10px 10px 10px 5px;   
	border: 3px #C0C0C0 solid;			/*　灰色の枠指定　*/
	padding:10px;
}
.info_161 h3{
	float: right;
	margin: 0 0 10px 0;
	width:140px;
}
.info_161 img{
	float: left;						/* 画像を左部に表示 */		
	margin: 0 10px 10px 0;				/* 右、下をマージンする　*/
}
.info_161 p{
	text-indent: 1em;					/* 1文字空白にする　*/
}
*html　.info_161 {margin:5px 5px 5px 3px;}	/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
/*-------------------------------------------------------
 	01-13　画像の横に見出しやテキストを回り込ませる(左側)
-------------------------------------------------------- */
.info_162L {
	float:left;	
	width:290px;
	margin:10px 10px 10px 5px;   
	border: 3px #C0C0C0 solid;			/*　灰色の枠指定　*/
	padding: 10px;
}
.info_162L img{
	float: left;						/* 画像を左部に表示 */		
	margin: 0 10px 10px 0;				/* 右、下をマージンする　*/
}
.info_162L p{
	text-indent: 1em;					/* 1文字空白にする　*/
}

*html　.info_162L {margin:5px 5px 5px 3px;}	/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
/*-------------------------------------------------------
 	01-13　画像の横に見出しやテキストを回り込ませる(右側)
-------------------------------------------------------- */
.info_162R {
	float: left;
	width: 300px;
	margin: 10px 10px 10px 5px;
	border: 3px #C0C0C0 solid;			/*　灰色の枠指定　*/
	padding: 10px 10px 10px 10px;
}
.info_162R img{
	float: right;						/* 画像を右部に表示 */		
	margin: 0 10px 10px 0;				/* 右、下をマージンする　*/
}
.info_162R p{
	text-indent: 1em;					/* 1文字空白にする　*/
}

*html　.info_162R {margin:5px 5px 5px 3px;}	/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
/*-------------------------------------------------------
 	01-13-2　画像の横に見出しやテキストを回り込ませる
-------------------------------------------------------- */
.box_162 {	
	width:500px;
	margin:10px 10px 10px 5px;   
	border: 3px #C0C0C0 solid;			/*　灰色の枠指定　*/
	padding:10px;
}
.box_162 img{
	float: left;						/* 画像を左部に表示 */		
	margin: 0 10px 10px 0;				/* 右、下をマージンする　*/
}
.box_162 p{
	text-indent: 1em;					/* 1文字空白にする　*/
}
*html　.box_162 {
	margin:5px 5px 5px 3px;				/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}
.box3_161 {
	float:left;	
	width:300px;
	margin:10px 10px 10px 5px;   
	border: 3px #C0C0C0 solid;			/*　灰色の枠指定　*/
	padding: 10px;
}
*html　.box3_161 {
	margin:5px 5px 5px 3px;				/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}

.box5_161 {	
	width:500px;
	margin:10px 10px 10px 5px;   
	border: 3px #C0C0C0 solid;			/*　灰色の枠指定　*/
	padding:10px;
}
.box5_161 p{
	text-indent: 1em;					/* 1文字空白にする　*/
	color:red;
}
*html　.box5_161 {
	margin:5px 5px 5px 3px;				/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}
#box5_161 {	
	float:left;	
	width:600px;
	border: 3px #C0C0C0 solid;			/*　灰色の枠指定　*/
	padding:20px;   
}
#box5_161 {	
	width:500px;
	margin:10px 10px 10px 5px;   
	border: 3px #C0C0C0 solid;			/*　灰色の枠指定　*/
	padding:10px;
}
#box5_161 p{
	text-indent: 1em;					/* 1文字空白にする　*/
	color:red;
}
*html　#box5_161 {margin:5px 5px 5px 3px;}	/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
/*-------------------------------------------------------
 	1.6y　画像の横に見出しやテキストを回り込ませる
-------------------------------------------------------- */
#box5_162 {	
	width:500px;
	margin:10px 10px 10px 5px;   
	border: 3px #C0C0C0 solid;			/*　灰色の枠指定　*/
	padding:10px;
}
#box5_162 p{
	text-indent: 1em;					/* 1文字空白にする　*/
}
*html　#box5_162 {
	margin:5px 5px 5px 3px;				/*　for IE6 hack ﾎﾞｯｸｽ間の空き幅　*/
}


#box6_162 {	
	float:left;	
	width:600px;
	border: 3px #C0C0C0 solid;			/*　灰色の枠指定　*/
	padding:20px;   
}
/*----------------------------------------------
   01-13　定義型リストの中に要素の回り込みを指定する
			  回り込みあり　枠あり  (class属性） 		
---------------------------------------------- */
.info_171{
	margin: 0 0 15px 0;
	padding: 10px;
	width: 600px;
	background-repeat: no-repeat;
	background-position: 180px 0;
	border: 3px #C7C7C7 solid;			/*　灰色の枠指定　*/

}

.info_171 dt img.photo{
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	background-image: url("../images/inc_photoBg.gif");
	background-repeat: repeat;
	background-position: left top;
}
.info_171 dt a:hover img.photo{
	background-image: url("../images/inc_service_photoBg_hover.gif");
}
.info_171 dt img.title{
	margin: 0 0 5px 0;
}
.info_171 dd{
	font-size: small;
	line-height: 1.2;
}
/*-------------------------------------------------------
 		1.7-2　定義型リストの中に要素の回り込みを指定する
			  回り込みあり　枠あり  (id属性） 		
-------------------------------------------------------- */
#box_172{
	margin: 0 0 15px 0;
	padding: 10px;
	width: 470px;
	background-repeat: no-repeat;
	background-position: 180px 0;
	border: 3px #C7C7C7 solid;				/*　灰色の枠指定　*/

}

#box_172 dt img.photo{
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	background-image: url("../images/inc_photoBg.gif");
	background-repeat: repeat;
	background-position: left top;
}
#box_172 dt a:hover img.photo{
	background-image: url("../images/inc_service_photoBg_hover.gif");
}
#box_172 dt img.title{
	margin: 0 0 5px 0;
}
#box_172 dd{
	font-size: small;
	line-height: 1.2;
/*	margin: 0 0 0 170px; /* 回りこみを有効にする */
}
/*-------------------------------------------------------
 		1.7-3　定義型リストの中に要素の回り込みを指定する
			  回り込みなし　枠あり  (class属性） 		
-------------------------------------------------------- */
.info_173{
	margin: 0 0 15px 0;						/* 枠の位置を決定する（左端空白）　*/					
	border: 3px #C7C7C7 solid;				/*　灰色の枠指定　*/
	padding: 5px;							/* 文字の位置を決定する（文字のシフト） */
	width: 600px;							/* 文字の長さを指定する　*/
	background-repeat: no-repeat;
	background-position: 180px 0;
}
.info_173 dt img.photo{
	float: left;							/* 写真は枠の左端に配置する */
	margin: 0 10px 0 0;						/* 枠の位置を決定する（左端空白）　*/
	padding: 5px;
	background-image: url("../images/inc_photoBg.gif");
	background-repeat: repeat;
	background-position: left top;
}
.info_173 dt a:hover img.photo{
	background-image: url("../images/inc_service_photoBg_hover.gif");
}
.info_173 dt img.title{
	margin: 0 0 5px 0;
}
.info_173 dd{
	margin: 0 0 0 170px;
	font-size: small;
	line-height: 1.2;
}
/*-------------------------------------------------------
 		1.7-4　定義型リストの中に要素の回り込みを指定する
			  回り込みなし　枠あり (div属性）  		
-------------------------------------------------------- */
#box_174{
	width: 470px;							/* 文字の長さを指定する　*/
	margin: 0 0 15px 0;						/* 枠の位置を決定する（左端空白）　*/					
	border: 3px #C7C7C7 solid;				/*　灰色の枠指定　*/
	padding: 8px;							/* 文字の位置を決定する（文字のシフト） */
}
#box_174 dl{
	background-repeat: no-repeat;
	background-position: 180px 0;
}

#box_174 dt img.photo{
	float: left;							/* 写真は枠の左端に配置する */
	margin: 0 10px 0 0;						/* 枠の位置を決定する（左端空白）　*/
	padding: 5px;
	background-image: url("../images/inc_photoBg.gif");
	background-repeat: repeat;
	background-position: left top;
}
#box_174 dt a:hover img.photo{
	background-image: url("../images/inc_service_photoBg_hover.gif");
}
#box_174 dt img.title{
	margin: 0 0 5px 0;
}
#box_174 dd{
	margin: 0 0 0 170px;
	font-size: small;
	line-height: 1.2;
}
/*-------------------------------------------------------
 		1.7-5　定義型リストの中に要素の回り込みを指定する
			  回り込みなし　枠なし   		
-------------------------------------------------------- */
.info_175{
	margin: 0 0 15px 0;
	width: 600px;
	background-repeat: no-repeat;
	background-position: 180px 0;
}
.info_175 dt img.photo{
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	background-image: url("../images/inc_photoBg.gif");
	background-repeat: repeat;
	background-position: left top;
}
.info_175 dt a:hover img.photo{
	background-image: url("../images/inc_service_photoBg_hover.gif");
}
.info_175 dt img.title{
	margin: 0 0 5px 0;
}
.info_175 dd{
	margin: 0 0 0 170px;
	font-size: small;
	line-height: 1.2;
}
/*-------------------------------------------------------
 		1.8-1　定義型リストの中にキャプション要素の回り込みを指定する
 		  1  回り込みあり　画像なし　枠あり　(id属性）
-------------------------------------------------------- */
.box_181{
	margin: 0 0 15px 0;					
	border: 3px #808080 solid; 			/*　枠指定　*/
	padding: 10px;
	width: 490px;
/*	float: left;     /* float　すると画像が回りこむ　画像が崩れる*/
}
.box_181 dt{
	float: left; /* 回り込み指定*/
	margin: 0 10px 5px 0;
	padding: 5px 10px 10px 5px;
	width: 150px;
	color: #000000; /* 赤 */
	font-size: medium;
	border-right: 2px solid #2B2B35;	/* 右黒枠で立体的に見せる  */
	border-bottom: 2px solid #2B2B35;	/* 下黒枠で立体的に見せる  */
	background-color: #FFCC66;			/*　背景色 */
}
.box_181 dd{
	color: #000080;						/* 青　*/
	font-size: small;
	line-height: 2.2;					/* 行間を　60%　開ける　 */
}
/*-------------------------------------------------------
 		1.8-2　定義型リストの中にキャプション要素の回り込みを指定する
 		  2  回り込みあり　画像なし　枠あり　
-------------------------------------------------------- */
#box_182{
	width: 490px;
	margin: 0 0 15px 0;					
	border: 3px #808080 solid; 			/*　枠指定　*/
	padding: 10px;
/*	float: left;     					/* float　すると画像が回りこむ　画像が崩れる*/

}
#box_182 dl{
}
#box_182 dt{
	width: 150px;
	float: left; 						/* 回り込み指定*/
	margin: 0 10px 5px 0;
	padding: 5px 10px 10px 5px;
	color: #000000; 					/* 赤 */
	font-size: medium;
	border-right: 2px solid #2B2B35;	/* 右黒枠で立体的に見せる  */
	border-bottom: 2px solid #2B2B35;	/* 下黒枠で立体的に見せる  */
	background-color: #FFCC66;			/*　背景色 */
}
#box_182 dd{
	color: #000080;						/* 青　*/
	font-size: small;
	line-height: 2.2;					/* 行間を　60%　開ける　 */
}
/*-------------------------------------------------------
 		1.8-3　定義型リストの中にキャプション要素の回り込みを指定する
 		  3  回り込なし　画像なし　枠あり
-------------------------------------------------------- */
.box_183{
	width: 490px;
	margin: 0 0 15px 0;
	padding: 10px;
	border: 3px #808080 solid; 			/*　灰色の枠指定　*/
/*	float: left;     /* float　すると画像が回りこむ　画像が崩れる*/
}
.box_183 dt{
	width: 150px;
	color: #FF0000;						/* 赤 */				
	font-size: medium;
	padding: 5px 10px 10px 5px;
	margin: 0 10px 5px 0;
	border-right: 2px solid #2B2B35;   	/* 右黒枠で立体的に見せる  */
	border-bottom: 2px solid #2B2B35;	/* 下黒枠で立体的に見せる  */
	background-color: #FFCC66;			/*　背景色 */
/*	float: left; 						/*　回り込みをしない*/
}
.box_183 dd{
	color: #000080;						/* 青　*/
	font-size: small;
	line-height: 2.2;
}
/*-------------------------------------------------------
 		1.8-x-1　定義型リストの中に要素の回り込みを指定する
			  通常型   		
-------------------------------------------------------- */
.box_18x {
	margin: 10px 0 15px;
	border: 3px #C7C7C7 solid;				/*　灰色の枠指定　*/
	padding: 10px 10px 10px;
}
.box_18x dt {
	float: left;
	padding: 10px 0;						/* 太文字にする　*/
	width: 13em;
	font-weight: bold;						
	text-indent: 3em;						/* 3文字空白にする　*/
	line-height: 150%;
	background-color: #EEEEEE;
	border-bottom: 1px #CCCCCC solid;		/*　灰色の枠指定　*/
}
.box_18x dd {
	padding: 10px 0 10px 10em;
	text-indent: 3em;						/* 3文字空白にする　*/
	line-height: 150%;
	border-bottom: 1px #CCCCCC solid;		/*　灰色の枠指定　*/
}
/*-------------------------------------------------------
 		1.8-x-2　定義型リストの中に要素の回り込みを指定する
			  通常型   		
-------------------------------------------------------- */
#box_18x{
	border: 3px #C7C7C7 solid;				/*　灰色の枠指定　*/
}
#box_18x dl {
	margin: 10px 0 15px;
	padding: 10px 10px 10px;
}
#box_18x dt {
	float: left;
	padding: 10px 0;						/* 太文字にする　*/
	width: 13em;
	font-weight: bold;						
	text-indent: 3em;						/* 3文字空白にする　*/
	line-height: 150%;
	background-color: #EEEEEE;
	bordertom: 1px #CCCCCC solid;			/*　灰色の枠指定　*/
}
#box_18x dd {
	padding: 10px 0 10px 10em;
	text-indent: 3em;						/* 3文字空白にする　*/
	line-height: 150%;
	border-bottom: 1px #CCCCCC solid;		/*　灰色の枠指定　*/
}
/*-------------------------------------------------------
 	 02-11　キャプションの回り込みとデザイン 
-------------------------------------------------------- */
#interview{
	padding: 50px 0 100px 0;
	width: auto;
	background-image: url("../images/fes_bg.gif");
	background-repeat: repeat;
	height:850px;	
}
.ivbox_180{
	clear: both;
	width: 680px;
	margin: 0 0 50px 10px;
	background-image: url("../images/fes_bg.gif");
	background-repeat: repeat;
}
.ivbox_180 h4{
	padding: 20px 10px 20px 280px;
	color:red;
}

.photo01{
	float: left;
	width: 200px;
}
.photo02{
	float: right;
	width: 200px;
}
.photo03{
	float: left;
	width: 200px;
}
.photo03.right{
	padding-top:50px;
	float: right;
	width: 200px;
}

.photo03 a{
	position: relative;
	display: block;
	width: 200px;
	overflow: hidden;
}
.photo03 a img{
	position: relative;
	top: -50px;
	left: -50px;
}
.photo03 a:hover{
	overflow: visible;
	z-index: 3;
}
*html .photo03 a img{			/*for IE6 hack*/
	position: absolute;
}

/*　talk01　*/
.talk01{
	float: right;
	width: 450px;
}
.talk01 dt{
	margin: 0 0 10px 0;
	font-size: small;
	line-height: 1.4;
	color: #FFFF00;
}
.talk01 dt strong{
	display: block;
	font-size: 1.5em;
	font-weight: normal;
}
.talk01 dd{
	font-size: small;
	line-height: 1.6;
	color: #FFFFFF;
}
/*　talk02　*/
.talk02{
	float: left;
	width: 450px;
}
.talk02 dt{
	float: left;
	width: 120px;
	padding: 5px 10px 10px 30px;
	color: #FFFF00;
	font-weight: bold;
	font-size: medium;
}
.talk02 dd{
	padding-left: 20px;
	font-size: small;
	line-height: 2.2;
	color: #FFFFFF;
}
/*　talk03　*/
.talk03{
	float: right;
	width: 450px;
}
.talk03 dt{
	clear: both;
	float: left;
	width: 5em;
	font-size: small;
	line-height: 1.6;
	color: #FFFF00;
}
.talk03 dd{
	margin: 0 20px 15px 80px;
	font-size: small;
	line-height: 1.6;
	color: #FFFFFF;
}

/*-------------------------------------------------------
		フッターのスタイル
-------------------------------------------------------- */
#footer {
	background-color: #dfcfbf;
	padding-bottom: 5px;
}
#footer p {
	font-size: x-small;
	text-align: center;
	color: #393939;
	margin: 10px;
	padding: 1px;
}
#footer a {
	color: #393939;
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
}
/*-------------------------------------------------------
 		clearfix
-------------------------------------------------------- */
.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
.clearfix{
	display: inline-block;
}

/*---------------------------------------------
 	01-14　画像をキレイに並べる
---------------------------------------------- */
.list_190 {
	float: left;
	width: 540px;
	border: 3px #C0C0C0 solid;			/*　灰色の枠指定　*/
	padding: 20px;
}
.list_190 li{
	float: left;
	border: 3px solid #2B2B35;			/* 画像単位に枠を指定する　*/ 
	margin: 0 0 8px 8px;
	width: 76px;
	height: 76px;
	list-style-type: none;				/* リスト項目のマーカー（行頭記号）を表示しない */
}
.list_190 li img{
	display: table-cell;				/* 縦方向に対する高さを揃える */
	width: 76px;
	height: 76px;
	vertical-align: middle; 			/* 行のなかでのテキストや画像などの縦方向の揃える */
	text-align: center;
}
/*-------------------------------------------------------
 	 1.10 定義型リスト(DL要素） 
-------------------------------------------------------- */
.line_110{
	float: left;
	padding: 20px;
	font-size: medium;
	background: #2BB0D7; 		/* 水色 */
	color: #FFFFFF; 			/*　黒 */
	line-height: 1.2;
	width: auto;				/* 自動でも可能　*/
}
.line_110 dt{
	clear: both;				/* dt,ddを横に並べる（必須）　 */
	margin: 0 0 10px 0;
	float: left;
	width: 120px;
}
.line_110 dd{
	float: left;
	margin: 0 0 10px 0;
	width: 320px;
	text-align: justify;		/* 均等割付を指定 */
}
/*-------------------------------------------------------
 	 1.10-1 定義型リスト  テスト
-------------------------------------------------------- */
.info_1101{
	float: left;
	width: 340px;
	padding: 20px;
	font-size: medium;
	background:#336600;
	color: #FFFFFF;  
	line-height: 1.2;
}
.info_1101 dt{
	clear: both;
	float: left;
	width: 120px;
	margin: 0 0 10px 0;
}
.info_1101 dd{
	float: left;
	width: 220px;
	margin: 0 0 10px 0;
	text-align: justify;
}
/*----------------------------------------------
 01-11 定義型リスト
----------------------------------------------- */
.info_1102{
	float: left;
	width: 340px;
	padding: 20px;
	font-size:  120%;		
	line-height: 1.2;
}
.info_1102 dt{
/*	clear: both;
*/	float: left;
	width: 120px;
	margin: 0 0 10px 0;
}
.info_1102 dd{
	float: left;
	width: 220px;
	margin: 0 0 10px 0;
	text-align: justify;
}
/*-------------------------------------------------------
 	 1.11-1 リスト(UL要素）を使って罫線付きの表の用に見せる
-------------------------------------------------------- */
.line_1111{
	width: 685px;
	border-bottom: 3px solid #000000;
	border-left: 3px solid #000000;
}
.line_1111 li{
	float: left;
	padding: 5px;
	width: 217px;
	height: 66px;
	list-style-type: none;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}
.line_1111 dl{
	position: relative;
	width: 217px;
	height: 66px;
}
.line_1111 dt{
	position: absolute;
	top: 0;
	left: 120px;
	font-size: small;
}
.line_1111 dd.photo{
	position: absolute;
	margin: 5px 0 0 5px;
	padding: 0 5px 5px 0;
	top: 0;
	left: 0;
	background-image: url("../images/cafe_shadow.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

*html .line_1111 dd.photo{				/*for IE6 hack*/
	behavior: url("../js/iepngfix.htc");*/
}
.line_1111 dd.photo img{
	margin: -5px 0 0 -5px;
	display: block;
	position: relative;
}
.line_1111 dd.price{
	position: absolute;
	bottom: 0;
	left: 150px;
	font-size: small;
}
/*-------------------------------------------------------
 	 1.11-2 リスト(UL要素）を使って罫線付きの表の用に見せる
-------------------------------------------------------- */
.line_1112{
	width: 685px;
}
.line_1112 li{
	float: left;
	padding: 5px;
	width: 210px;
	height: 66px;
	list-style-type: none;
    border: 1px black solid;	
}
/*--------------------------------------------------
 	02-06 positionを使い好きな場所に好きな要素を配置する
 	     ol要素、ul要素を指定する必要はない
--------------------------------------------------- */
.postit_241{
	position: relative;				/* 相対位置を指定（必須） */
	margin: -5px 0 20px 4px;
	padding: 15px 10px 10px 10px;
	width: 408px;
	height: 360px;
	background-color: #FFFFFF;		/* 色なし（白） */
}
.postit_241 p.map{
	width: 408px;
	height: 308px;
	margin: 0 0 10px 0;
}
.postit_241 li{
	position: absolute;				/* 相対位置（必須）を０とした　絶対位置で指定　*/
	padding: 12px 5px 5px 5px;
	width: 128px;					/* コメントの幅を指定　*/
	color: #FFFFFF;					/* 表示文字フォントの色（白）　*/
	font-size: small;
	list-style-type: none;			/* 番号なし　*/	
	line-height: 1.2;
	background-image: url("../images/park_access_map_fukidashi.png"); /* 背景画像 */
	background-repeat: no-repeat;
	background-position: left top;
}
.postit_241 li.msgit01{ top:98px; left: 16px;}
.postit_241 li.msgit02{ top:95px; left: 260px;}
.postit_241 li.msgit03{ top:177px; left: 266px;}
.postit_241 p.access{font-size: small;}	/* 相対位置を指定 */

*html .postit_241 li{				/*for IE6 hack*/
	behavior: url("../js/iepngfix.htc");
}
/*--------------------------------------------------
 	 02-07-1. 写真の横にテキストを好きな位置に配置する
--------------------------------------------------- */
.box_251{
	margin: 0 0 15px 0;
	width: 679px;
}
.box_251 li{
	float: left;
	padding: 5px;
	width: 215px;
	height: 75px;
	list-style-type: none;	
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}
.box_251 li.right{
	border-right: 1px solid #000000;
}
.box_251 li.end{
	border-bottom: 1px solid #000000;
}

.box_251 dl{
	position: relative;
	width: 215px;
	height: 66px;
}
.box_251 dt{
	position: absolute;
	top: 0;
	left: 120px;
	font-size: small;
}
.box_251 dd.photo{
	position: absolute;
	border-right:  4px solid #808080 ;	/* 右黒枠で写真を立体的に見せる  */
	border-bottom: 4px solid #808080 ;	/* 下黒枠で写真を立体的に見せる  */
}
*html d.box_251 dd.photo{/*for IE6 hack*/
	behavior: url("../js/iepngfix.htc");
}
.box_251 dd.price{
	position: absolute;
	bottom: 0;
	left: 150px;
	font-size: small;
}
/*-------------------------------------------------------
 	 02-07-2 写真の横にテキストを好きな位置に配置する
-------------------------------------------------------- */
.box_252{
	width: 690px;
}
.box_252 li{
	float: left;
	border: 1px solid #000000;		/* 画像単位に枠を指定する　*/ 
	width: 219px;
	height: 90px;
	list-style-type: none;
}
.box_252 dl{
	position: relative;				/* 相対位置で指定(トップ) */
	width: 300px;
	height: 66px;
}
.box_252 dt.photo{
	position: absolute;				/* 絶対位置で指定 */
	top:  5px;						/*写真を下にずらす */
	left: 5px;						/* 写真を左にづらす */
	border-right:  4px solid #808080 ;	/* 右黒枠で写真を立体的に見せる  */
	border-bottom: 4px solid #808080 ;	/* 下黒枠で写真を立体的に見せる  */
}
*html .box_252 dt.photo{			/*for IE6 hack*/
	behavior: url("../js/iepngfix.htc");
}
.box_252 dd.title{
	position: absolute;				/* 絶対位置で指定 */
	top: 10px;
	left: 110px;
	color:red;
	font-size: small;
}
.box_252 dd.price{
	position: absolute;				/* 絶対位置で指定 */
	bottom: 10px;
	left: 150px;
	font-size: small;
}
/*--------------------------------------------------
 	02-08 要素にはみ出すことでアクセントを付ける
-------------------------------------------------- */
.box_261{
	margin-left:100px;
	width: 160px;	
}
.box_261 dl{				
	position: relative;
	padding: 8px;					/* 枠と画像に隙間を設ける　*/
	border: 1px solid #000000;		/* 画像単位に枠を指定する　*/ 
	width: 160px;
}
.box_261 dt{
	font-size: small;
	line-height: 1.0;
/*	margin: 0 0 15px 0; */
}
.box_261 dt img{
	margin: 0 0 7px 0; 					/* 写真の下に空白を付ける*/
	border-right:  4px solid #808080 ;	/* 右黒枠で写真を立体的に見せる  */
	border-bottom: 4px solid #808080 ;	/* 下黒枠で写真を立体的に見せる  */
}
.box_261 dd{
/*	margin: 0;*/
}
.box_261 ul{
/*	margin: 0;*/
}
.box_261 li{
	list-style-type: none;
}
.box_261 li.date{
	margin: 0 0 7px 0;
	font-size: small;
	line-height: 1.2;					/* 文字の高さの空白（必須）　*/
}
.box_261 li.explain{
	margin: 0 0 15px 0; 				/* 下部の空白*/
	font-size: small;
	line-height: 1.2;					/* 文字の高さの空白（必須）　*/
}
.box_261 li.entry{
	margin: 0 0 15px 0; 				/* 下部の空白*/
	font-size: small;
	line-height: 1.2;					/* 文字の高さの空白（必須）　*/
	text-align: center;
}
.box_261 li.entry a{
	padding: 3px 0 3px 10px;
	font-size: small;
	background-image: url("../images/fes_event_btEntry.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
*html .box_261 li.entry a{/*for IE6 hack*/
	padding: 0 0 3px 10px;
}
*:first-child + html .box_261 li.entry a{/*for IE7 hack*/
	padding: 0 0 3px 10px;
}
.box_261 li.entry a span{
	padding: 3px 10px 3px 0;
	background-image: url("../images/fes_event_btEntry.gif");
	background-repeat: no-repeat;
	background-position: right top;
}
.box_261 li.entry a:hover,
.box_261 li.entry a:hover span{
	color: #FFFFFF;
	background-image: url("../images/fes_event_btEntry_hover.gif");
}
.box_261 li.condition{
	position: absolute;
	top: -10px;
	left: -10px;
}
/*-------------------------------------------------------
 	02-04 Ｆｌｏａｔした要素をＰｏｓｉｔｉｏｎでセンタリングさせる
-------------------------------------------------------- */
.bnr_271{
	clear: both;
	position: relative; 
	padding: 10px 0 0 0;
	overflow: hidden;		/* シフトでオーバーした画面を表示しない*/
	width: 660px;
}

.bnr_271 ul{
	position: relative;
	display: inline-block;  /* 小さいブロック要素とかを横並び指示 */ 
	float: left;
	left: 50%;				/* 左にシフト　50% */
}
.bnr_271 ul li{
	float: left;
	position: relative;
	margin: 5px;
	width: 180px;
	right: 50%;				/* 右にシフト(戻す） 50% */
	list-style-type: none;  /* ドットの表示しない　 */
	font-size: small;
	text-align: center;		/* 文字は中央に配置  */
}
.bnr_271 ul li img{
	display: block;
	margin: 0 0 3px 0;
}
/* 
.bnr_271 ul:after{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
*/
/*-------------------------------------------------------
 	3.3 スクロールバー
-------------------------------------------------------- */
/*infoArea(スクロールバー付き）*/
/*#info_33{
	float: left;
	width: 300px;
	margin-left:30px;
}
*html #info_33{		
	margin-left:15px;
}
*/
/*-------------------------------------------------------
 	3.3-1 スクロールバーなし
-------------------------------------------------------- */
/*.info_331{
	height: 600px;
}
.info_331 li{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	font-size: small;
	line-height: 1.2;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url("../images/inc_line_horizon.gif");
}
.info_331 li img{
	float: left;
	margin: 0 7px 0 0;
}
*/
/*-------------------------------------------------------
 	3.3-2 スクロールバー付き
-------------------------------------------------------- */
/*.info_332{
	height: 300px;
	overflow: auto;
}
.info_332 li{
	height:50px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	font-size: small;
	line-height: 1.2;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url("../images/inc_line_horizon.gif");
}
.info_332 li img{
	float: left;
	margin: 0 7px 0 0;
}

*/
/*-------------------------------------------------------
 	 3.3 スクロールバー
-------------------------------------------------------- */
#info_33{
	float: left;
	width: 300px;
	margin-left: 10px;
}
/*infoArea*/
#info_33x{
	float: left;
	width: 300px;
	margin: 20px;
	border: 3px solid #000000;	/*　全体の枠指定　*/
}
/*-------------------------------------------------------
 	 02-01 スクロールバーなし 
-------------------------------------------------------- */
.list_331{
	float: left;
	margin-left: 10px;
	width: 300px;
}
.list_331 li{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 300px;
	list-style-type: none;
	font-size: small;
	line-height: 1.2;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url("../images/inc_line_horizon.gif");

}
.list_331 li img{
	float: left;
	margin-right: 10px;
}
//debug ------------------
.list_331 li p{
	float: right;
	width:	100px;
	margin-right: 150px;
}

/*-------------------------------------------------------
 	 02-02 スクロールバー付き
------------------------------------------------------- */
.list_332{
	width: 300px;
	height: 300px;				/* 表示範囲指定　*/
	overflow: auto;				/* スクロールバー付き　*/
}
.list_332 li{
	margin: 0 0 20px 50px;
	height: 50px;
	list-style-type: none;
	font-size: small;
	line-height: 1.2;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url("../images/inc_line_horizon.gif");
}
.list_332 li img{
	float: left;
	margin: 0 7px 0 0;
}
/*-------------------------------------------------------
 	02-05 横に並んだボックスの高さを揃える
-------------------------------------------------------- */
.list_341{
	margin-left:70px;
	float: left;
	width: 600px;
}
.list_341 dl{
	float: left;
	border: 1px #000000 dotted;		/* 画像単位に枠を指定する　*/ 
	padding: 0 8px 0 0;				/* 枠と画像に隙間を設ける　*/
	width: 150px;
}
.list_341 dt{
	position: relative;
	margin: 0 0 5px 0;
	padding: 6px 6px 0 6px;
	width: 138px;
	font-size: small;
	line-height: 1.0;
}
.list_341 dt span{
	display: block;
	margin: 0 0 5px 0;
	width: 138px;
	height: 76px;
}
.list_341 dt img{
	position: relative;
	padding: 0 3px 0 0;					/* 枠と画像に隙間を設ける　*/
	border-right:  4px solid #808080 ;	/* 右黒枠で写真を立体的に見せる  */
	border-bottom: 4px solid #808080 ;	/* 下黒枠で写真を立体的に見せる  */
}
.list_341 dd{
	position: relative;
	margin: 0 0 0 10px;					/* 左にマージンを取る(必須）　 */	
	width: 138px;
	font-size: small;
	line-height: 1.2;
	text-align:left;
}
.list_341 dd a[target=_blank]{
	padding: 0 15px 0 0;
	background-image: url("../images/inc_icon_blank.gif"); /*文字の後のマークを追加　*/
	background-repeat: no-repeat;
	background-position: right center;
}
*html .list_341 dt span{background-image: none;}/*for IE6 hack*/
*html .list_341{margin-left:30px;}				/*for IE6 hack*/
/*-------------------------------------------------------
 	 3.8 スクロールバー付き  テスト
-------------------------------------------------------- */
#infoArea{
	float: left;
	width: 300px;
}
/*infoArea(スクロールバãE付きEE/
ul.infoNewsListbar{
	height: 300px;
	overflow: auto;
}
ul.infoNewsListbar li{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	font-size: small;
	line-height: 1.2;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url("../images/inc_line_horizon.gif");
}
ul.infoNewsListbar li img{
	float: left;
	margin: 0 7px 0 0;
}

/*---------------------------------------------
 03-02 リンクの状況によってテキストの色や矢印を変える
--------------------------------------------- */
.sub_navi411{
	position: relative;
	border: 1px solid #000000;		/*　全体の枠指定　*/
	width:170px;
	background-color: #dfcfbf ; 	/* 全体の背景色*/
}
.sub_navi411 ul{
	padding: 10px 0 0 10px;			/* 指定しないと右にずれる　*/
}
.sub_navi411 li{
	font-size: small;
	line-height: 30px;				/* 	1行の高さ */
	list-style: none; 				/* 	先ドットなし指定*/
}
.sub_navi411 li a{
	padding: 0 0 0 30px;
	border-bottom: 1px #663300 dashed; 	/*　文字部分の下線　*/
	background: #dfcfbf url("../images/cafe_icon_arrow.gif") no-repeat 10px 50%; /*　通常　イメージ　*/
}

.sub_navi411 li a:link    { background-image: url("../images/cafe_icon_arrow.gif");}
.sub_navi411 li a:visited { background-image: url("../images/cafe_icon_arrow_visited.gif");}
.sub_navi411 li a:hover   { 
	background-image: url("../images/cafe_icon_arrow_hover.gif");
	color: #FF0000;				/* 文字の色指定　*/
}
.sub_navi411 li a:active  { background-image: url("../images/cafe_icon_arrow_active.gif");}
/*--------------------------------------------
 03-01 サイド（ﾒﾆｭｰ1）コンテンツ
--------------------------------------------- */
#sub_navi412 {
	position: relative;
	width: 170px;
}
#sub_navi412 ul{
	padding: 10px 0;			/* 指定しないと右にずれる　*/
}
#sub_navi412 li{
	padding: 0 0 0 11px;    	/*	左端をずらす*/
	width: 150px;				/*	1行の大きさ */
	line-height: 30px;			/* 	1行の高さ */
	font-weight: normal;
	font-size: small;
	text-indent:20px;
	color: #252525;
	list-style: none; 			/* 	先ドットなし指定*/
}
#sub_navi412 li a{
	display: block;
	border-bottom: 1px #663300 dashed; /*文字部分の下線　*/
	background-color: #dfcfbf;  /* 背景色の部分 */
}
#sub_navi412 li a:hover{			/*	カーソル指定の色指定　*/
	background-color: #F7D9D9; 
}
/*---------------------------------------------
 03-03 サイド（ﾒﾆｭｰ1）コンテンツ
---------------------------------------------- */
#sub_navi413{
	position: relative;
	width: 170px;
}
#sub_navi413 p{
	margin-bottom: 10px;
}
#sub_navi413 ul{
	padding: 0px 0;
}	
#sub_navi413 li{
	padding: 0 0 0 11px;    /*	左端をずらす*/
	width: 150px;			/*	1行の大きさ */
	line-height: 30px;		/* 	1行の高さ */
	font-size: small;
	font-weight: normal;
	color: #252525;
	list-style: none; 		/* 	先ドットなし指定*/
}
#sub_navi413 li a{
	display: block;
	padding: 0px 0px 0px 30px;	/*　ﾎﾞｯｸｽの高さ(追加分）　*/
	border-bottom: 1px #663300 dashed; /*文字部分の下線　*/
	background: #dfcfbf url("../images/ic_arrow_red.gif") no-repeat 10px 50%; /*　通常　イメージ　*/
}
#sub_navi413 li a:hover{
	color: #FF0000;				/* 文字の色指定　*/
	background: #F7D9D9 url("../images/ic_arrow_red.gif") no-repeat 10px 50%; /*　マウス選択　イメージ　*/
}
#sub_navi413 li.home a,
#sub_navi413 li.home a:hover{
	color:#252525;				/* 文字の色指定　*/
	background: #dfcfbf url("../images/snav_dec_01.gif") no-repeat 10px 50%; /*　マウス選択　イメージ　*/
}
/*-------------------------------------------------------
 　03-03 サイド（ﾒﾆｭｰ1）コンテンツ
-------------------------------------------------------- */
#sub_navi414 {
	position: relative;
/*	border: 1px solid #000000;	/*　全体の枠指定　*/
	padding: 10px 0;
	width: 170px;
}
#sub_navi414 p{
	margin-bottom: 10px;
}
#sub_navi414 ul {
	padding: 10px 0;
}
#sub_navi414 li {
	padding: 0 0 0 11px;    /*	左端をずらす*/
	width: 150px;			/*	1行の大きさ */
	line-height: 30px;		/* 	1行の高さ */
	font-size: small;
	font-weight: normal;
	color: #252525;
	list-style: none; 		/* 	先ドットなし指定*/
}
#sub_navi414 li a {
	display: block;
	padding: 0px 0px 0px 30px;	/*　ﾎﾞｯｸｽの高さ(追加分）　*/
	border-bottom: 1px #663300 dashed; /*文字部分の下線　*/
	background: #dfcfbf url("../images/bg_menulist.gif") no-repeat 10px 50%; /*　通常　イメージ　*/
}
#sub_navi414 li a:hover {
	color: #FF0000;				/* 文字の色指定　*/
	background: #F7D9D9 url("../images/ic_arrow_red.gif") no-repeat 10px 50%; /*　マウス選択　イメージ　*/
}
#sub_navi414 li.home a,
#sub_navi414 li.home a:hover{
	color:#252525;				/* 文字の色指定　*/
	background: #dfcfbf url("../images/snav_dec_01.gif") no-repeat 10px 50%; /*　マウス選択　イメージ　*/
}
/*-------------------------------------------------------
 03-07 マウスオーバ　画像表示
-------------------------------------------------------- */
#info_421{
	float: left;
	width: 300px;
	margin: 20px;
	border: 3px solid #000000;	/*　全体の枠指定　*/
}
/* infoMediaBox */
.ibox_421{
	width: 240px;
}
.ibox_421 p.photo{
	float: left;
	width: 90px;
}
.ibox_421 p.photo a{
	display: block;
	padding-bottom: 40px;			/* サイズを広げる　*/	
}
.ibox_421 p.photo a:hover{
	background-image: url("../images/inc_media_catch01.gif"); /*　表示画面 */
	background-repeat: no-repeat;
	background-position: right bottom;
}

.ibox_421 h3{
	float: right;
	margin: 0 0 10px 0;
	width: 140px;
}
.ibox_421 p.explain{
	float: right;
	width: 140px;
	font-size: small;
	line-height: 1.1;
}
/*-------------------------------------------------------
 	4.2-2 マウスオーバ　画像表示
-------------------------------------------------------- */
.ibox_422{
	width: 240px;
}
.ibox_422 p.photo{
	float: left;
	width: 90px;
}
.ibox_422 p.photo a{
	display: block;
	padding-bottom: 40px;			/* サイズを広げる　*/
	background-image: url("../images/inc_media_catch01.gif"); /*　表示画面 */
	background-repeat: no-repeat;
	background-position: left bottom;
	
}
.ibox_422 p.photo a:hover{
	background-image: url("../images/inc_media_catch01.gif"); /*　表示画面 */
	background-repeat: no-repeat;
	background-position: right bottom;
}

.ibox_422 h3{
	float: right;
	margin: 0 0 10px 0;
	width: 140px;
}
.ibox_422 p.explain{
	float: right;
	width: 140px;
	font-size: small;
	line-height: 1.1;
}
/*-------------------------------------------------------
 		 4.2c マウスオーバ　画像表示
-------------------------------------------------------- */
.ibox_423{
	width: 240px;
}
.ibox_423 p.photo{
	float: left;
	width: 90px;
}
.ibox_423 p.photo a{
	display: block;
	padding-top: 40px;
	background-image: url("../images/inc_media_catch01.gif"); /*　表示画面 */
	background-repeat: no-repeat;
	background-position:left top;
/*	background-position: left bottom; */
/*	padding-bottom: 40px; */
}
.ibox_423 p.photo a:hover{
	background-image: url("../images/inc_media_catch01.gif"); /*　表示画面 */
	background-repeat: no-repeat;
	background-position: 40px top;
/*	background-position: right bottom; */
}

.ibox_423 h3{
	float: right;
	margin: 0 0 10px 0;
	width: 140px;
}
.ibox_423 p.explain{
	float: right;
	width: 140px;
	font-size: small;
	line-height: 1.1;
}
/*-------------------------------------------------------
 	4.3-1 画像の周りの変更
-------------------------------------------------------- */
/*serviceArea*/
#serviceArea{
	clear:both;
	width: 480px;
	padding-left: 20px;
/*	float: left;   */
}

.sectionBox{
	margin: 0 0 20px 0;
}
.sectionTitle{
	margin: 0 0 10px 0;
}
/*-------------------------------------------------------
 	03-08 画像の周りの変更
-------------------------------------------------------- */
.ibox_431{
	margin: 0 0 15px 0;
	width: 470px;
	height:100px;				/* 高さを統一する必要があります */
	background-repeat: no-repeat;
	background-position: 180px 0;
}
.ibox_431 dt img.photo{
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	background-image: url("../images/inc_photoBg.gif");
	background-repeat: repeat;
	background-position: left top;
}
.ibox_431 dt a:hover img.photo{
	background-image: url("../images/inc_service_photoBg_hover.gif");
}
.ibox_431 dt img.title{
	margin: 0 0 5px 0;
}
.ibox_431 dd{
	margin: 0 0 0 170px;
	font-size: small;
	line-height: 1.2;
}
#serviceCafe {
	background-image: url("../images/inc_service_bgCafe.gif");
}
#serviceTown {
	background-image: url("../images/inc_service_bgTown.gif");
}
#serviceEvent {
	background-image: url("../images/inc_service_bgEvent.gif");
}
#serviceWeb {
	background-image: url("../images/inc_service_bgWeb.gif");
}
/*-------------------------------------------------------
 	4.3-2 画像の周りの変更
-------------------------------------------------------- */
.ibox_432{
	margin: 0 0 15px 0;
	width: 470px;
	height:100px;				/* 高さを統一する必要があります */
	background-repeat: no-repeat;
	background-position: 180px 0;
}

.ibox_432 dt img.photo{
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	background-image: url("../images/inc_photoBg.gif");
	background-repeat: repeat;
	background-position: left top;
}
.ibox_432 dt a:hover img.photo{
	background-image: url("../images/inc_service_photoBg_hover.gif");
}
.ibox_432 dt img.title{
	margin: 0 0 5px 0;
}
.ibox_432 dd{
	margin: 0 0 0 170px;
	font-size: small;
	line-height: 1.2;
}
.title{
	margin: 0 0 5px 0;
	color:yellow;	
	font-size: 250%;
	font-weight:bold;		/* 太字　　　　*/
}

.imgCafe {
	background-image: url("../images/inc_service_bgCafe.gif");
}
.imgTown {
	background-image: url("../images/inc_service_bgTown.gif");
}
.imgEvent {
	background-image: url("../images/inc_service_bgEvent.gif");
}
.imgWeb {
	background-image: url("../images/inc_service_bgWeb.gif");
}
/*-------------------------------------------------------
 	03-04 メニュー（サンプル）
-------------------------------------------------------- */
#menu-Area {
	width:600px;
	background:url("../images/bg.gif") 0 0 repeat-x;
}
.menu-line {
	width:600px;
	overflow:hidden;
	padding-left:2px;
	list-style-type:none;
	background:url("../images/bg_list_left.gif") 0 0 no-repeat;
}
.menu-line li {
	width:120px;
	float:left;
	font-size: medium;
	color:#333;
}
.menu-line li a {
	display:block;
	padding:20px 0;
	width:120px;
	height:30px;
	color:#fff;
	line-height: 1.2;
	text-align:center;
	text-decoration:none;
	background:url("../images/bg_list.gif") 100% 0 no-repeat;
}
.menu-line li a.current {
	color: black;
	background:url("../images/bg_list_on.gif") 100% 0 no-repeat;
}
.menu-line li a:hover {
	color: red; 
   	background:url("../images/bg_list_on.gif") 100% 0 no-repeat;
}
/*-------------------------------------------------------
 	4.4-1 テキストの量で変わるボタン 
-------------------------------------------------------- */
.eventArea{
	width: 680px;
}
.subTitle{
	margin: 0 0 10px 0;
}
/*-------------------------------------------------------
 	03-09 テキストの量で変わるボタン 
--------------------------------------------------- */
.ebox_441{
	position:relative;
	float: left;
	margin: 0 0 10px 10px;
	border: 1px solid #2B2B35;
	width: 160px;
	padding: 4px;
	height: 300px;						
	color: #FFFFFF;				/* 白色 */
	background-color: #010014;	/* 黒色　*/
}
.ebox_441 a:link    {
	color:#010014;
}
.ebox_441 a:visited {
	color:#010014;
}
.ebox_441 a:hover   {
 color:#FFFFFF;
}
.ebox_441 a:active  {
	color:#FFFFFF;
}
.ebox_441 ul{
	text-align:left;
}
.ebox_441 dl{
	position: relative;
	width: 160px;
}
.ebox_441 dt{
	margin: 0 0 15px 0;
	font-size: small;
	line-height: 1.0;
}
.ebox_441 dt img{
	margin: 0 0 7px 0;
}
.ebox_441 dd{
	margin: 0;
}
.ebox_441 dl dd ul{
}
.ebox_441 dl dd ul li{
	list-style-type: none;
}

/* eventBox2 */
.ebox_442{
	float: left;
	margin: 0 0 10px 10px;
	border: 1px solid #2B2B35;
	padding: 4px;
	width: 320px;
	height: 300px;
	color: #FFFFFF;
	background-color: #010014;
}
*html div.eventArea .ebox_443{	/*for IE6 hack*/
	margin: 0 5px 10px 5px;
}

.date{	
	padding: 0 0 7px 5px;			/* dd要素ではmargin不可 */
	font-size: small;
	line-height: 1.2;
	text-align:left;
}
.explain{
	padding: 0 0 15px 5px;			/* dd要素ではmargin不可 */
	font-size: small;
	line-height: 1.4;
}
.entry{
	font-size: small;
	line-height: 1.0;
	text-align: center;
}
.entry a{
	padding: 3px 0 30px 10px; 
	font-size: medium;
	background-image: url("../images/fes_event_btEntry.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
*html .entry a{						/*for IE6 hack*/
	padding: 0 0 3px 10px;
}
*:first-child + html .entry a{		/*for IE7 hack*/
	padding: 0 0 3px 10px;
}
.entry a span{
	padding: 3px 10px 3px 0;
	background-image: url("../images/fes_event_btEntry.gif");
	background-repeat: no-repeat;
	background-position: right top;
}
.entry a:hover,
.entry a:hover span{
	color: #FFFFFF;
	background-image: url("../images/fes_event_btEntry_hover.gif");
}
.condition{
	position: absolute;
	top: -10px;
	left: -10px;
}
*html .condition img{		/*for IE6 hack*/
	behavior: url("../js/iepngfix.htc");
}
/* eventBox3 */
.ebox_443{
	float: left;
	margin: 0 0 10px 10px;
	border: 1px solid #2B2B35;
	padding: 4px;
	width: 340px;
	height: 300px;
	color: #FFFFFF;
	background-color: #010014;
}
*html .ebox_443{		/*for IE6 hack*/
	margin: 0 5px 10px 5px;
}
.ebox_443 p{
	position: relative;
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: small;
	line-height: 1.0;
}
.ebox_443 p span{
	position: relative;
	display: block;
}
.columnLeft {
	margin: -1.0em 10px 5px 10px; 
	top: 50%; 
	text-align: left;
}
.columnRight{
	margin: 5px 10px 0 10px; 
	top: 50%; 
	text-align: right;
}
/*-------------------------------------------------------
 	03-10 リンク先の拡張子によってアイコンを出し分ける 
-------------------------------------------------------- */
#down_461{
	float:left;
	width: 600px;
}
#down_461 p{
	margin: 0 0 15px 15px;
	font-size: small;
	line-height: 1.4;
}
#down_461 ul{
	margin: 0 0 0 15px;
}
#down_461 li{
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	font-size: small;
	background-image: url("../images/cafe_icon_arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
}
#down_461 li a{
	padding: 0 15px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}
#down_461 li a[href$=".pdf"]{ background-image: url("../images/cafe_icon_pdf.gif");}
#down_461 li a[href$=".doc"]{ background-image: url("../images/cafe_icon_doc.gif");}
#down_461 li a[href$=".xls"]{ background-image: url("../images/cafe_icon_xls.gif");}

/*-------------------------------------------------------
 	03-06 マウスオーバーでテキストの位置を動かす 
-------------------------------------------------------- */
.site_471{
	float:left;
	margin: 0 0 0 10px;
	width: 600px;
}
.site_471 li{
	margin: 0 0 15px 0;
	list-style-type: none;
	font-size: small;
}
.site_471 li ul{
	padding: 15px 0 0 10px;
	background-image: url("../images/inc_sitemap_lineV.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.site_471 li ul li{
	margin: 0 0 15px 0;
	padding: 0 0 0 25px;
	font-size: small;
	background-image: url("../images/inc_sitemap_lineH.gif");
	background-repeat: no-repeat;
	background-position: 0 11px;
}
.site_471 li ul li.last{
	background-image: none;
}
.site_471 li a:hover{
	position: relative;
	bottom: 3px;
}
/*-------------------------------------------------------
 	03-07 マウスオーバーで吹き出しのチップを表示 
-------------------------------------------------------- */
.note_481{
	width:600px;
	margin: 0 0 20px 0;
	font-size: small;
	color: #2F2120;
	/*line-height: 30px;
	background-image: url(../images/park_note_line.gif);
	background-repeat: repeat;
	background-position: left bottom;*/
}

.note_481 span{
	line-height: 2em;
	/*padding-bottom: 0.4em;*/
	border-bottom: 1px dotted #2F2120;
}

.note_481 a.tooltip{
	position: relative;				/* 基準点を設定 */
}
.note_481 a.tooltip span{
	display: none;
}
.note_481 a.tooltip:hover span{
	display: block;
	position: absolute;				/* 基準点をベースとする */
	padding: 10px 10px 5px 10px;
	width: 130px;
	top: 1.5em;
	left: 0;
	line-height: 1.2;
	color: #FFFFFF;
	font-size: small;
	background-image: url("../images/park_note_tooltip.png");
	background-repeat: no-repeat;
	background-position: left top;
}
/*-------------------------------------------------------
 	4.8-2 マウスオーバーで吹き出しのチップを表示 (サンプル）
-------------------------------------------------------- */
/* tooltip02 */
.tip_482 {
	width:600px;
	color: #000000; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
	border-bottom: 1px dotted #000000;
}
.tip_482 span {
	position: absolute;
	margin-left: -999em;
}
.tip_482:hover span {
/*	font-family: Calibri, Tahoma, Geneva, sans-serif; */
	position: absolute;
	width: 250px;
	left: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
}
.tip_482:hover img {
	position: absolute;
	float: left;
	margin: -10px 0 0 -55px;
	border: 0;
}
.tip_482:hover em {
	padding: 0.2em 0 0.6em 0;
/*	font-family: Candara, Tahoma, Geneva, sans-serif; */
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}
.classic { 
	padding: 0.8em 1em; 
}
.custom { 
	padding: 0.5em 0.8em 0.8em 2em; 
}
* html a:hover { 
	background: transparent; 
}

.classic { 
	background: #FFFFAA; 
	border: 1px solid #FFAD33; 
}
.critical { 
	border: 1px solid #FF3334; 
	background: #FFCCAA; 
}
.help { 
	border: 1px solid #2BB0D7; 
	background: #9FDAEE; 
}
.info { 
	border: 1px solid #2BB0D7; 
	background: #abd0bc; 
}
.warning { 
	border: 1px solid #FFAD33; 
	background: #FFFFAA; 
}
/*-------------------------------------------------------
 	4.1-5 ナビゲーションのスタイル (サンプル）
-------------------------------------------------------- */
/* ナビゲーションのスタイル */
#navi_list415 {
	width: 170px;
}
#navi_list415 ul {
	list-style-type: none;
	margin: 0 10px 0 10px;
	padding: 0;
}
#navi_list415 li {
}
#navi_list415 li a {
	text-decoration: none;
	display: block;
}
#navi_list415 li a:hover {

	text-decoration: none;
}
/*-------------------------------------------------------
 	4.1-6 ナビゲーションのスタイル (サンプル）
-------------------------------------------------------- */
#navi_list416 {
	width: 170px;
}
#navi_list416 ul {
	width:180px;
	overflow:hidden;
	padding-left:2px;
	list-style-type:none;
}
#navi_list416 ul li {
	font-size: small;
	color:#333;
}
#navi_list416 ul li a {
	display:block;
	width:120px;
	color:#fff;
	padding:20px 0;
	line-height: 1.2;
	text-align:center;
	text-decoration:none;
	background:url("../images/bg_list.gif") 100% 0 no-repeat;
}
#navi_list416 ul li a.current {
	color: black;
	background:url("../images/bg_list_on.gif") 100% 0 no-repeat;
}
#navi_list416 ul li a:hover {
	color: red; 
   	background:url("../images/bg_list_on.gif") 100% 0 no-repeat;
}
#navi_list416 ul li.home a,
#navi_list416 ul li.home a:hover{
	color:#fff;
  	background:url("../images/bg_list.gif") 100% 0 no-repeat;
}
/*-------------------------------------------------------
 	 4.1-8サイド（ﾒﾆｭｰ1）コンテンツ
-------------------------------------------------------- */
#sub_navi418 {
	position: relative;
	width: 170px;
}
#sub_navi418 ul{
	padding: 10px 0;			/* 指定しないと右にずれる　*/
}
#sub_navi418 li{
	padding: 0 0 0 11px;    	/*	左端をずらす*/
	width: 150px;				/*	1行の大きさ */
	line-height: 30px;			/* 	1行の高さ */
	font-weight: normal;
	font-size: small;
	text-indent:20px;
	color: #252525;
	list-style: none; 			/* 	先ドットなし指定*/
}
#sub_navi418 li a{
	display: block;
	border-bottom: 1px #663300 dashed; /*文字部分の下線　*/
	background-color: #dfcfbf;  /* 背景色の部分 */
}
#sub_navi418 li a:hover{			/*	カーソル指定の色指定　*/
	background-color: #F7D9D9; 
}
/*-------------------------------------------------------
 	03-07	ナビゲーションのスタイルb ドロップダウンメニュー
-------------------------------------------------------- */
#navi_521{
	clear: both;
	width: 690px;
}
#navi_521 li{
	float: left;
	width: 150px;
	text-align: center;
	list-style-type: none;
	font-size: medium;
	background-image: url("../images/bg_list.gif");
	background-repeat: repeat-x;
	border: 3px solid #CCCCCC;
}
#navi_521 li.active{
	color: white;
}
#navi_521 li a{
	display: block;
	padding: 5px 0;
	color:white;
}
#navi_521 li:hover a{
	color: red;
}
/* ドロップダウン 親メニュー 指定　*/
#navi_521 li ul.childNavi03{
	display: none;
}
#navi_521 li.sub03{
	position: relative;			/* ｻﾌﾞメニュー表示位置 */
}
#navi_521 li.sub03 a{
	color: white;
}
/* ドロップダウン 子メニュー 指定　*/
#navi_521 li.sub03:hover ul.childNavi03{
	display: block;
}
#navi_521 li.sub03 ul.childNavi03 li{
	float: none;
	width: 145px;				/* ｻﾌﾞメニュー表示位置 */
	font-size: small;
}
#navi_521 li.sub03 ul.childNavi03 li:hover a{
	color: red;
}


*html #navi_521 li.sub03:hover ul.childNavi03{	/*for IE6 hack*/
	position: absolute;
	display: block;
	z-index: 2;
	top: 30px;
	left: 0;
	width: 170px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
*html navi_521 li.sub03 ul.childNavi03 li{	/*for IE6 hack*/
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	border-collapse: collapse;
}
/*-------------------------------------------------------
 	03-08 ナビゲーションのスタイル
-------------------------------------------------------- */
#navi_5x0 {
	width: 690px;
}
#navi_5x0 ul {
	position: relative;
}
#navi_5x0 li {
	float: none; /*　縦型の配置　*/
	border: 3px solid #CCCCCC;
	padding: 10px 0 0 10px;
	width: 150px;
	font-size: 13px;
	list-style-type: none; /*　ドットはいらない　*/
	height: 30px; /*　親ﾒﾆｭｰの高さ　*/
	background: #808000;			/*　子ﾒﾆｭｰの背景色：黒色　*/
}
#navi_5x0 li a{
	color: white;					/*　ホバー時に赤色指定　*/
}
#navi_5x0 li:hover a{
	color: #FF0000;					/*　ホバー時に赤色指定　*/
}
#navi_5x0 li ul{
	display: none;
	position: absolute;				/*　表示が親ﾒﾆｭｰの位置とする　*/
	z-index: 2;						/*　表示の優先順番　*/
	padding: 10px 5px 0; 			/*　文字の上部の空白　*/
	width: 	167px;					/*　子ﾒﾆｭｰの幅　*/
	left:	150px;					/*　子ﾒﾆｭｰの表示をずらす*/
	background: #002162; 	
}
#navi_5x0 li:hover ul{
	display: 	block; 				/*　一括表示指示　*/
	text-indent:1em;				/*　文字は開始に空白を１文字　*/			
	background: #002162;			/*　子ﾒﾆｭｰの背景色：黒色　*/ 
}
#navi_5x0 li:hover ul li a{
	color: #fff;					/*　通常時に白色指定　*/			
}
#navi_5x0 li:hover ul li:hover a{
	color: #FF0000;					/*　ホバー時に赤色指定　*/
}
/*-------------------------------------------------------
 	03-05 ナビゲーションのスタイル
-------------------------------------------------------- */
#navi-list {
	width: 170px;
	overflow: hidden;
}
#navi-list.yoko {
	width: 690px;
}

#navi-list ul {
	list-style-type: none;
	margin: 0 10px 0 10px;
	padding: 0;
}
#navi-list li {
	float: left;
}
#navi-list li a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #ca7;   	/* 一行単位の枠の色指定 */
	background-color: #dc8;    	/* 背景の色 */
}
#navi-list li a:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #ed9;
	background-color: #ed9;
}
/*-------------------------------------------------------
 	03-05 ナビゲーションのスタイル
-------------------------------------------------------- */
.navi-list {
	width: 690px;
	overflow: hidden;
}
.navi-list.yoko {
}

.navi-list ul {
	list-style-type: none;
	margin: 0 10px 0 10px;
	padding: 0;
}
.navi-list li {
	float: left;
}
.navi-list li a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #ca7;   	/* 一行単位の枠の色指定 */
	background-color: #dc8;    	/* 背景の色 */
}
.navi-list li a:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #ed9;
	background-color: #ed9;
}

/*-------------------------------------------------------
 	03-06 ｻﾌﾞナビゲーションのリストスタイル
-------------------------------------------------------- */
#side-bar {
	position: relative;
	width: 170px;
	float: left;
	padding: 10px 0;
}
#side-bar p{
	margin-bottom: 10px;
}
#side-bar ul{
	padding: 10px 0;
}
#side-bar li{
	width: 130px;
/*	margin-top: 5px;				行間のサイズ */
	padding: 0 0 0 11px;
	line-height: 15px;
	font-size:small;
	font-weight: normal;
	color: #252525;
/*	background-color: #dfcfbf;   	1行の空きを含む */
	list-style: none;
}
#side-bar li a{					/* 通常の色指定 */
	background-color: #dfcfbf;  /*	文字の部分 */
	display: block;
}
#side-bar li a:hover{			/*	カーソル指定の色指定　*/
	background-color: #F7D9D9; 
	background-position: 13px 50%;
}
/*-------------------------------------------------------
 	6.0-3 ｻﾌﾞナビゲーションのリストスタイル
-------------------------------------------------------- */
#side-menu {
	position: relative;
	width: 170px;
	float: left;
	padding: 10px 0;
}

#side-menu p{
	margin-bottom: 10px;
}
#sidebar ul{
	padding: 10px 0;
}	
#side-menu li{
	width: 130px;			/*	1行の大きさ */
/*	margin-top: 5px;			行間のサイズ */
	padding: 0 0 0 11px;    /*	左端をずらす*/
	line-height: 10px;		/* 	1行の高さ */
	font-size:small;
	font-weight: normal;
	color: #252525;
/*	background-color: #dfcfbf; */
	list-style: none; 		/* 	先ドットなし指定*/
}
#side-menu li a{
	display: block;
	padding: 8px 5px 8px 30px;	/*　ﾎﾞｯｸｽの高さ(追加分）　*/
/*	background-color: #dfcfbf;  /*	文字の部分 */
	background: #dfcfbf url("../images/ic_arrow_red.gif") no-repeat 10px 50%; /*　通常　イメージ　*/
}
#side-menu li a:hover{
	background: #F7D9D9 url("../images/ic_arrow_red.gif") no-repeat 10px 50%; /*　マウス選択　イメージ　*/
/*	background-position: 13px 50%; */
}
#side-menu li.home a,
#side-menu li.home a:hover{
	background: #dfcfbf url("../images/snav_dec_01.gif") no-repeat 10px 50%; /*　マウス選択　イメージ　*/
	color:#252525;				/* 文字の色指定　*/
}
/*-------------------------------------------------------
 	6.0-4 ｻﾌﾞナビゲーションのリストスタイル
-------------------------------------------------------- */
#side-navi {
	position: relative;
	width: 170px;
	padding: 10px 0;
	float: left;
}
#side-navi p{
	margin-bottom: 10px;
}
#side-navi ul {
	padding: 10px 0;
}
#side-navi li {
	width: 130px;			/*	1行の大きさ */
/*	margin-top: 5px;			行間のサイズ */
	padding: 0 0 0 11px;    /*	左端をずらす*/
	line-height: 10px;		/* 	1行の高さ */
	font-size:small;
	font-weight: normal;
	color: #252525;
/*	background-color: #dfcfbf; */
	list-style: none; 		/* 	先ドットなし指定*/
}
#side-navi li a {
	display: block;
	padding: 8px 5px 8px 30px;	/*　ﾎﾞｯｸｽの高さ(追加分）　*/
/*	background-color: #dfcfbf;  /*	文字の部分の背景色 */
	border-bottom:1px solid #DCDCDC;
	background: #dfcfbf url("../images/bg_menulist.gif") no-repeat 10px 50%; /*　通常　イメージ　*/
}
#side-navi li a:hover {
	background: #F7D9D9 url("../images/ic_arrow_red.gif") no-repeat 10px 50%; /*　マウス選択　イメージ　*/
	color: #FF0000;				/* 文字の色指定　*/
}
#side-navi li.home a,
#side-navi li.home a:hover{
	background: #dfcfbf url("../images/snav_dec_01.gif") no-repeat 10px 50%; /*　マウス選択　イメージ　*/
	color:#252525;				/* 文字の色指定　*/
}
/*-------------------------------------------------------
		6.8 行間に罫線を引く 
-------------------------------------------------------- */
.outlineNote{
	color: #2F2120;
}
.outlineNote span{
	line-height: 2em;
	padding-bottom: 0.4em;
	border-bottom: 1px dotted #2F2120;
}
/*-------------------------------------------------------
		6.8-3 行間に罫線を引く(ピンクの線付）
-------------------------------------------------------- */
.outlinePinkNote{
	color: #2F2120;
}
.outlinePinkNote span{
	line-height: 2em;
	padding-bottom: 0.4em;
	border-bottom: 1px dotted #2F2120;
	background-image: url("../images/park_blog_linePink.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}
/*-------------------------------------------------------
		6.8-4 行間に罫線を引く(青の線付）
-------------------------------------------------------- */
.outlineBlueNote{
	color: #2F2120;
}
.outlineBlueNote span{
	line-height: 2em;
	padding-bottom: 0.4em;
	border-bottom: 1px dotted #2F2120;
	background-image: url("../images/park_blog_lineBlue.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}
/*-------------------------------------------------------
		6.9 ﾃｷｽﾄを左右に振り付けアクセントをつける 
-------------------------------------------------------- */
.event69 p span{
	position: relative;
	display: block;
}
.columnLeft  { text-align: left;}
.columnRight { text-align: right;}
/*-------------------------------------------------------
		9.0-2 テーブルの基本装飾 
-------------------------------------------------------- */
.tbl_902 {
	margin-left:50px;
	width:  420px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
	text-align:  center;
}
/*-------------------------------------------------------
		9.0-3 テーブルの基本装飾 
-------------------------------------------------------- */
.tbl_903 {
	margin-left:50px;
	width:  420px;
	text-align:  center;
	border-collapse: collapse;
	border:  2px #cc0000 solid;			/* 赤線　*/
}
.tbl_903 th{
	border:  2px #003399 solid;			/*　青線　*/		
}
.tbl_903 td{
	border:  2px #009900 solid;			/*　緑線　*/		
}
/*-------------------------------------------------------
		9.0-5 テーブルの基本装飾 
-------------------------------------------------------- */
.tbl_905 {
	margin-left:50px;
	width:  420px;
	text-align:  center;
	border-collapse: separate;
	border-spacing:5px;
	border:  2px #cc0000 solid;			/* 赤線　*/
}
.tbl_905 th{
	border:  2px #003399 solid;			/*　青線　*/		
}
.tbl_905 td{
	border:  2px #009900 solid;			/*　緑線　*/		
}
/*-------------------------------------------------------
	05-10 cssでテーブルのデザインを整える
-------------------------------------------------------- */
.info_911{
	margin: 0;
}
.tbl_911{
	width: 690px;
	margin: 0 0 15px 0;					/*　下端(確認ボタン)から15pxずらす　*/
	border: 2px solid #2B2B35;			/*　外枠の黒色　*/
	background-color: #808080;			/*　背景色の指定　*/
	border-collapse: collapse;			/*　テーブルの枠線なし　*/
}
.tbl_911 th{
	padding: 10px;						/* 文字の位置をずらす  */
	border: 1px solid #2B2B35;			/* TH部のボックス指定　*/
	color: #FFFFFF;
	vertical-align: top;
	text-align: center;					/*　文字は中央　*/
}
.tbl_911 td{
	padding: 10px;						/* 文字の位置をずらす  */
	border: 1px solid #2B2B35;			/* TD部のボックス指定　*/
	color: #FFFFFF;
	vertical-align: top;
	text-align: left;					/*　文字は左端　*/
}
.info_911 p.attention{
	margin: 0 0 10px 0;					/*　フッター部との空きの　*/
}

.entryField{
	padding: 4px;						/* 入力テキストの余白域　*/
	background-image: url("../images/fes_event_textboxBg.gif");
	background-repeat: repeat-x;
	background-position: left top;
	border: 0;
}
input#entryName1,
input#entryName2{
	margin: 0 15px 0 5px;
}
select#entryPref{
	margin: 0 0 5px 0;
}

select#entryPref optgroup{
	font-style: normal;
}
select#entryPref optgroup.odd{
	background-color: #666666;
	color: #FFFFFF;
}
select#entryPref optgroup.even{
	background-color: #CCCCCC;
	color: #333333;
}
select#entryPref optgroup option{
	padding: 0 0 0 1em;
}

.entryEvent{
}
.entryEvent li{
	margin: 0 0 10px 0;
	list-style-type: none;
}
.entryEvent li span{
	padding: 0 0 0 15px;
	color: #0000FF;
	font-size: 79%;
}
.entryEvent li del{
	padding: 0 0 0 25px;
	color: #2B2B35;
}

.entrySubmit{
	margin: 0 0 15px 0;
	text-align: center;
}
/*-------------------------------------------------------
 	05-013.　CSSを使った実装（ストライプテーブル） 
-------------------------------------------------------- */
#tbl_411{
	width: 600px;
	float: left;
	margin: 10px 0 0 35px;
}
#tbl_411 tr{
	height:30px;					/* ｾﾙの高さ　*/			
	background-color: #99CCFF;		/* 水色　*/
}
#tbl_411 tr:nth-child(even){
	background-color:#C0C0C0;		/* 灰色　*/
}
#tbl_411 th{
	width:120px;					/*ｾﾙのサイズ幅*/
	text-align:center;
	color:white;
	background-color:maroon;		/* 栗色　*/		
}
#tbl_411 th:nth-child(odd){
	background-color:orange;		/* オレンジ色　*/
}
#tbl_411 td{
	text-align: right;
	padding:  0 10px 0 20px;
	font-size: small;
}
#tbl_411 td.left{
	text-align: left;
}
#tbl_411 td.center{
	text-align: center;
}
/*-------------------------------------------------------
	05-03 テーブルを使ってカレンダーのデザイン
-------------------------------------------------------- */
.info_921{
	width: 193px;
	margin: 0 0 20px 100px;
	border: 1px solid #000000;
}
.info_921 h4{
	margin: 0 0 5px 0;
	padding: 3px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 82%;
	text-align: center;
}

.info_921 dl{
	width: 181px;
	margin: 0 6px 4px 6px;
}
.info_921 dt{
	clear: both;
	float: left;
	width: 5em;
	line-height: 1.4;
}
.info_921 dd{
	float: left;
	width: 7em;
	line-height: 1.4;
}

.tbl_921{
	width: 185px;
	margin: 0 auto 10px auto;
	border-collapse: separate;
	border-spacing: 2px;
}
.tbl_921 caption{
	table-caption: top;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
}
.tbl_921 th{
	padding: 2px;
	background-color: #CCCCCC;
	text-align: center;
	font-size: 90%;
	font-weight: normal;
}
.tbl_921 td{
	padding: 2px;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 90%;
}
.tbl_921 td del{
	display: block;
	background-image: url("../images/cafe_line_del.gif");
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.sun{ color: #990000;}
.sat{ color: #003399;}
.holiday{ color: #990000;}
/*-------------------------------------------------------
	05-04 テーブルの長い部分にスクロールバーを付ける
-------------------------------------------------------- */
.tbl_931{
	clear: both;
	width: 650px;
	margin: 0 0 15px 50px;
}
.tbl_931 table{
	float: left;
	width: 380px;
	margin: 0 0 0 15px;
	border-collapse: collapse;
}
.tbl_931 table thead{
	display: block;
	width: 100%;
}
.tbl_931 table thead th{
	width: 180px;
	padding: 5px;
	border: 1px solid #999999;
	background-color: #FFC100;
	font-size: 82%;
	font-weight: normal;
	text-align: center;
}
.tbl_931 table tbody{
	display: block;
	width: 100%;
	height: 240px;
	overflow: auto;
}
.tbl_931 table td{
	padding: 5px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-size: 82%;
	text-align: left;
}
.tbl_931 table td.item{ width: 180px;}
.tbl_931 table td.price{ width: 164px;}
.tbl_931 p.kome{
	float: right;
	width: 285px;
	text-indent: -1em;
	padding-left: 1em;	
}
*html .tbl_931 {margin: 0 0 15px 20px;}			/*for IE6 hack*/
*html .tbl_931 table tbody{						/*for IE6 hack*/
	overflow: visible;
	height: auto;
}
*:first-child + html .tbl_931 table tbody{		/*for IE7 hack*/
	height: auto;
}

/*-------------------------------------------------------
	05-05 セルから飛び出したような表現でテーブルの一列を目立たさせる
-------------------------------------------------------- */
.tbl_941{
	width: 690px;
	margin: 0 0 15px 15px;
	border-collapse: separate;
	border-spacing: 1px;
}
*html .tbl_941{ 	/*for IE6 hack*/
	margin: 0 0 15px 0;
}
.tbl_941 th{
	padding: 10px;
	vertical-align: middle;
	font-size: 90%;
	font-weight: normal;
}
.tbl_941 th.planListRow{
	background-color: #FFC100;
	text-align: left;
}
.tbl_941 th.planListCol{
	background-color: #FFFFFF;
	text-align: center;
	color: #00A6BF;
}
.tbl_941 tr.title th{
	padding: 30px 10px 15px 10px;
	background-image: url("../images/cafe_css_adjust.gif");
	background-repeat: repeat-x;
	background-position: left top;
}
.tbl_941 tr.title th.planListPickup{
	width: 226px;
	text-align: center;
	color: #FFDE00;
	background-image: url("../images/cafe_bg_pickupHead.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
.tbl_941 tr.price th{
	padding: 15px 10px 30px 10px;
	background-image: url("../images/cafe_css_adjust.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}

.tbl_941 td{
	background-color: #FFFFFF;
	text-align: center;
	font-size: 82%;
}
.tbl_941 .planListPickup{
	width: 226px;
	background-color: #00A6BF;
	color: #FFFFFF;
	text-align: center;
}
.tbl_941 tr.price td{
	padding: 15px 0 30px 15px;
	font-size: 140%;
	background-image: url("../images/cafe_css_adjust.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}
.tbl_941 tr.price td.planListPickup{
	background-image: url("../images/cafe_bg_pickupFoot.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*-------------------------------------------------------
	05-06 1ピクセルのボーダーを使い立体感のあるテーブルをつくる
-------------------------------------------------------- */
.tbl_950{
	margin: 0 0 0 50px;
	width: 498px;
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #FF9900;
	color: #2F2120;
	font-size: 82%;
}
.tbl_950 th{
	padding: 7px;
	font-weight: normal;
	border-top: 1px solid #FFEBA7;
	border-left: 1px solid #FFEBA7;
	background-color: #FFCC33;
	vertical-align: top;
}
.tbl_950 td{
	padding: 7px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF; 
	background-color: #FFF293;
	vertical-align: top;
}
/*-------------------------------------------------------
	9.5-1 1ピクセルのボーダーを使い立体感のあるテーブルをつくる
	border-spacingで枠線を指定している
	border-top　-leftの線は必要がない
-------------------------------------------------------- */
.tbl_951{
	margin: 0 0 0 50px;
	width: 498px;
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;			/* 枠線の太さを指定 */
	background-color: #FF9900;
	color: #2F2120;
	font-size: 82%;
}
.tbl_951 th{
	padding: 7px;
	font-weight: normal;
	background-color: #FFCC33;
	vertical-align: top;
}
.tbl_951 td{
	padding: 7px;
	background-color: #FFF293;
	vertical-align: top;
}
/*-------------------------------------------------------
	9.5-2 1ピクセルのボーダーを使い立体感のあるテーブルをつくる
-------------------------------------------------------- */
.tbl_952{
	margin: 0 0 0 50px;
	width: 498px;
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #000080;
	color: #2F2120;
	font-size: 82%;
}
.tbl_952 th{
	padding: 7px;
	font-weight: normal;
	background-color: #ffffff;
	vertical-align: top;
}
.tbl_952 td{
	padding: 7px;
	background-color: #ffffff;
	vertical-align: top;
}
/*-------------------------------------------------------
	9.5-3 枠線なしのテーブルををつくる
-------------------------------------------------------- */
.tbl_953{
	margin: 0 0 0 50px;
	width: 498px;
	border: 0;
	border-collapse: separate;
/*	border-spacing: 1px;
	background-color: #000080;
*/	color: #2F2120;
}
.tbl_953 th{
	padding: 7px;
	font-weight: normal;
	background-color: #ffffff;
	vertical-align: top;
}
.tbl_953 td{
	padding: 7px;
	background-color: #ffffff;
	vertical-align: top;
}
/*---------------------------------------------
	05-07 テーブル(table要素）を使ってのデザイン
--------------------------------------------- */
.title_961{
	width:600px;
	color: #ffffff;
 	font-size:18px;
 	text-indent: 1em;
	background-color: #000000;
	border: solid black;
	-webkit-box-shadow: 5px 5px 3px #dbdbe4;	/* Safari */
	box-shadow: 5px 5px 3px #888888;
	margin-bottom: 20px;
}

.tbl_961{
	width:600px;
	border-collapse: collapse;
	line-height: 1.2;
}
.tbl_961 tr{
	height: 30px;
}
.tbl_961 th{
	width: 100px;
	text-align:center;
    background: #e6e6fa;
    border-top:dotted 2px #bbb;
    border-bottom: dotted 2px #bbb;
    border-right: dotted 1px #ccc;
}
.tbl_961 td{
	padding:10px 20px ;
    width:480px;
    border-width: 2px 0px;
    border-color: #aaa;
    border-style: dotted;
}
/*---------------------------------------------
 	05-08 定義型ﾘｽﾄ（dl要素）の子要素にテーブル（table要素）を使う
---------------------------------------------- */
.info_971{
	float:left;
	width:680px;
}
.info_971 dt{
	clear: both;
	float: left;
	margin:0;
	width: 680px;
	font-size: 110%;
	font-weight: bold; /* 太字 */
	padding: 20px 0 10px 5px;
/*	background-image: url("../images/line.jpg");
*/	background-repeat: no-repeat;
	background-position: left top;
}
.info_971 dt span{
	clear: both;
	color: #0066CC;
}
.info_971 dd{
	float: left;
	width: 690px;
	padding: 5px 0 40px 0px;
}
.info_971 dd h2{
	padding: 5px 0 5px 0;
	color: #800000;
	font-size: 1.25em;
}
.info_971 dd p{
	float: left;
	width: 600px;
	padding: 5px 0 5px 50px;
}
.info_971 dd p.title{
	width: 600px;
	color: #ffffff;
	font-size: 16px;
	background-color: #008080;
	border: solid #008080;
	-webkit-box-shadow: 5px 5px 3px #008080; /* Safari */
	box-shadow: 5px 5px 3px #888888;
}
.info_971 dd a{
	float: left;
	padding: 5px 20px 5px 30px;
}
.info_971 dd ul{
	float: left;
	margin:0;
	list-style-type: none;		/* ﾒﾆｭｰ部のドット表示なし */
}
.info_971 dd li{
	margin:0;
	font-size:small;
}
.info_971:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
/*-------------------------------------------------------
 	9.7-1 定義型ﾘｽﾄ（dl要素）の子要素にテーブル（table要素）を使う
-------------------------------------------------------- */
.tbl_971{
	margin:0 0 0 35px;
	width: 600px;
	border-collapse: collapse;
	line-height: 1.2;
}

.tbl_971 tr{
	height: 30px;
}
.tbl_971 th{
	width: 100px;
	text-align:center;
    background: #e6e6fa;
    border-top:dotted 2px #bbb;
    border-bottom: dotted 2px #bbb;
    border-right: dotted 1px #ccc;
}

.tbl_971 td{
	padding:10px 20px ;
    width:480px;
    border-width: 2px 0px;
    border-color: #aaa;
    border-style: dotted;
}
/*-------------------------------------------------------
	9.7-2 テーブルの長い部分にスクロールバーを付ける
-------------------------------------------------------- */
.tbl_972{
	float: left;
	width: 380px;
	border-collapse: collapse;
}
.tbl_972 thead{
	display: block;
	width: 100%;
}
.tbl_972 thead th{
	width: 180px;
	padding: 5px;
	border: 1px solid #999999;
	background-color: #FFC100;
	font-size: 82%;
	font-weight: normal;
	text-align: center;
}
.tbl_972 tbody{
	display: block;
	width: 100%;						   	
	height: 180px;						/* 表示する長さ */
	overflow: auto;
}
*html .tbl_972 tbody{					/*for IE6 hack*/
						
	overflow: visible;
	height: auto;
}
*:first-child + html .tbl_972 tbody{	/*for IE7 hack*/
	height: auto;
}

.tbl_972 td{
	padding: 5px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-size: 82%;
	text-align: left;
}

/*.item{ width: 180px;}
.price{ width: 164px;}
.kome{
	float: right;
	width: 285px;
	text-indent: -1em;
	padding-left: 1em;	
}

*/
/*----------------------------------------------
	05-09 ﾘｽﾄ（ul要素）の子要素にテーブル（table要素）を使う
---------------------------------------------- */
.info_981{
	height: 300px;
	overflow: auto;
}
.info_981 li{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	line-height: 1.2;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url("../images/inc_line_horizon.gif");
}
.info_981 li img{
	float: left;
	width:50px;
	height:50px;
	margin: 0 7px 0 0;
	overflow: hidden;
}
.info_981 li a:hover img{
	-ms-filter: "alpha( opacity=85 )";	/*for IE8*/
	filter: alpha(opacity=85); 			/*for IE6、E*/
	opacity: 0.85;
}
.info_981:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
/*-------------------------------------------------------
	9.8-2 ﾘｽﾄ（ul要素）の子要素にテーブル（table要素）を使う
-------------------------------------------------------- */
/* infoNewsList */
.info_982{}
.info_982 li{
	padding: 25px 20px 20px 0;
	list-style-type: none;
	line-height: 1.2;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url("../images/line.jpg");
}
.info_982 li p.title{
	font-size: 110%;
	color:red;
	font-weight: bold; 				/* 太字 */
	padding: 10px 20px 10px 5px;
	text-indent: 3em;
	background-image: url("../images/bg_menulist.gif");
	background-repeat: no-repeat;
	background-position: 20px 10px;
}
.info_982 li p{
	padding: 10px 0 10px 45px;
}

.info_982:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
/*-------------------------------------------------------
	9.8-3 テーブルの長い部分にスクロールバーを付ける
-------------------------------------------------------- */
/* option */
.tbl_983{
	float: left;
	width: 380px;
	border-collapse: collapse;
}
.tbl_983 thead{
	display: block;
	width: 100%;
}
.tbl_983 thead th{
	width: 180px;
	padding: 5px;
	border: 1px solid #999999;
	background-color: #FFC100;
	font-size: 82%;
	font-weight: normal;
	text-align: center;
}
.tbl_983 tbody{
	display: block;
	width: 100%;						   	
	height: 500px;						/* 表示する長さ */
	overflow: auto;
}
*html .tbl_983 tbody{					/*for IE6 hack*/						
	overflow: visible;
	height: auto;
}
*:first-child + html .tbl_983 tbody{	/*for IE7 hack*/
	height: auto;
}

.tbl_983 td{
	padding: 5px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-size: 82%;
	text-align: left;
}
/*-------------------------------------------------------
	05-11 横罫線（hr要素）を使う
-------------------------------------------------------- */
p.title_991{
	font-size: 110%;
	font-weight: bold; /* 太字　　　　*/
	padding: 10px 20px 10px 5px;
	text-indent: 3em;
	background-image: url("../images/bg_title.png");
	background-repeat: no-repeat;
	background-position: 20px 3px;
}
p.data_991{
	padding: 10px 0 10px 45px;
}

p.title_992{
	font-size: 110%;
	font-weight: bold; /* 太字　　　　*/
	padding: 0 20px 10px 5px;
	text-indent: 3em;
	background-image: url("../images/bg_menulist.gif");
	background-repeat: no-repeat;
	background-position: 20px 3px;
}
p.data_992{
	padding: 10px 0 10px 45px;
}
/*-------------------------------------------------------
	03-15 ページ送りメニュを作る
-------------------------------------------------------- */
#navi_580{
	width:auto;
}
#navi_580 ul{
	margin: 0 0 0 10px;
}
#navi_580 li{
	display: inline;
	list-style-type: none;
	line-height: 1.2;
}
#navi_580 li span.active{
	width: 30px;
	padding: 3px 6px;
	border: 1px solid #2F2120;
	background-color: #2F2120;
	color: #FFFFFF;
}
#navi_580 li a{
	width: 30px;
	text-decoration: none;
	padding: 3px 6px;
	border: 1px solid #2F2120;
}
#navi_580 li a:link    { color: #2F2120; }
#navi_580 li a:visited { color: #2F2120; }
#navi_580 li a:hover   { color: #2F2120; background-color: #8E9D18;}
#navi_580 li a:active  { color: #2F2120; background-color: #8E9D18;}
/*-------------------------------------------------------
	03-16 パンくずﾘｽﾄを作る
-------------------------------------------------------- */
.topic_573{
	width: auto;
	margin: 0 0 15px 20px;
	text-align: left;
}
.topic_573 li{
	display: inline;
	list-style-type: none;
	line-height: 2;
}
.topic_573 li a{
	padding: 0 10px 10px 0;
	background-image: url("../images/cafe_topickPath.gif");
	background-repeat: no-repeat;
	background-position: right center;
}
/*-------------------------------------------------------
  04-05	ナビゲーションの文字スタイル 
-------------------------------------------------------- */
#navi0405 {
	margin: 0 0 10px 0;
}
#navi0405 ul{
	width:  670px;
	height: 240px;
	padding: 8px 0 0 20px;
	background-image: url("../images/head-006.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
#navi0405 li{
	width: 100px;
	height: 60px;
	display: inline;
	font-size: 18px;
	list-style-type: none;
}
#navi0405 a{
	padding: 0 20px 0 15px;
	color: #000080;
	font-weight:bold;
	background-repeat: no-repeat;
}
#navi0405 a:hover   {
	color: #FF0000;
	text-decoration: underline;
}
#navi0405 a:active  {
	color: #FF9900;
	text-decoration: underline;
}
/*-------------------------------------------------------
  04-06	ナビゲーションの文字スタイル
-------------------------------------------------------- */
#navi0406 {
	margin: 0 0 10px 0;
}
#navi0406 ul{
	width:  670px;
	height: 220px;
	padding: 8px 0 0 20px;
	background-image: url("../images/head-009.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 1.0;
}
#navi0406 li{
	display: inline;
	font-size: medium;	
	list-style-type: none;
}
#navi0406 a{
	padding: 0 20px 0 15px;
	height: 60px;
	color: #000080;
	font-weight:bold;
	background-image: url("../images/park_navi_icon.gif");
	background-repeat: no-repeat;
}
#navi0406 a:link    { color: #000080; }
#navi0406 a:visited { color: #000080; }
#navi0406 a:hover   { color: #FF0000; }
#navi0406 a:active  { color: #FF9900; text-decoration: underline;}
#navi0406 li.Home 		a { background-position: 0 0;}
#navi0406 li.Home 		a:hover { background-position: 0 -25px;}
#navi0406 li.About 		a { background-position: 0 -50px;}
#navi0406 li.About 		a:hover { background-position: 0 -75px;}
#navi0406 li.Bbq 		a { background-position: 0 -100px;}
#navi0406 li.Bbq 		a:hover { background-position: 0 -125px;}
#navi0406 li.Access 	a { background-position: 0 -150px;}
#navi0406 li.Access 	a:hover { background-position: 0 -175px;}
#navi0406 li.Blog 		a { background-position: 0 -200px;}
#navi0406 li.Blog 		a:hover { background-position: 0 -225px;}
/*-------------------------------------------------------
  04-07	ナビゲーションの文字スタイル
-------------------------------------------------------- */
#navi0407{
	clear: both;
	width: 690px;
	height: 240px;
	margin: 0 0 5px 0;
	padding: 0 0 6px 0;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url("../images/head-005.jpg");
	border-top: 1px solid #CCCCCC;
}
#navi0407 li{
	float: left;
	width: 170px;
	padding: 0;
	border-right: 1px solid #CCCCCC;
	text-align: center;
	list-style-type: none;
	font-size: small;
}
#navi0407 li.mainNavi01{
	border-left: 1px solid #CCCCCC;
}
#navi0407 li.active{
	padding: 5px 0;
	color: #B6461D;
}
#navi0407 li a{
	display: block;
	padding: 5px 0;
	color: #000080;
	font-size: 14px;
	font-weight:bold;
}
#navi0407 li ul.childNavi03{
	display: none;
}
#navi0407 li.mainNavi03{
	position: relative;
}
#navi0407 li.mainNavi03:hover ul.childNavi03{
	display: block;
	position: absolute;
	z-index: 50;
	background: none;
	left: 30px;
	width: 100px;
	height: auto;
	background: #002162 no-repeat; 
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#navi0407 li.mainNavi03 ul.childNavi03 li{
	float: none;
	width: 120px;
	font-size: small;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

*html #navi0407 li.mainNavi03 a:hover ul.childNavi03{/*for IE6 hack*/
	position: absolute;
	display: block;
	z-index: 2;
	top: 30px;
	left: 0;
	width: 170px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
*html #navi0407 li.mainNavi03 table{/*for IE6 hack*/
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	border-collapse: collapse;
}