@charset "UTF-8";

/*
  Summary: Base Layout
  Created: 2008-02-27
  Last update: 2008-02-27 by Garyu
  Target Pages
  	/ index.php (HOME)
  
  Site URL: http://www.town.kasuya.fukuoka.jp/
  File name: home.css (/css/home.css)
  Author: Garyu @ CGFM LLC.
  Copyright: (c) 2008 Town of Kasuya
  
*/

/*
----------------------------------------------------------------------------- 
[1] layout
[2] main
[2-1] topics
[2-2] life_event
[2-3] guide
[3] side_menu_left
[4] side_menu_right
[5] footer_banner
[99] other
----------------------------------------------------------------------------- */

/*
----------------------------------------------------------------------------- 
[1] layout
----------------------------------------------------------------------------- */
#contents{
	position:relative;
	padding:0;
}
	div#header h1{
		margin:0;
	}
	div.box_left{
		display:block;
		float:left;
		width:623px;
		overflow:hidden;
	}
		div.box_left div.box_left{
			display:block;
			float:left;
			width:170px;
			overflow:hidden;
		}
		#contents_box{
			display:block;
			float:right;
			/*
			position:absolute;
			top:8px; left:170px;
			*/
			width:452px;
			overflow:hidden;
		}
	div.box_right{
		display:block;
		float:right;
		width:166px;
		overflow:hidden;
	}

#footer_menu{
 clear:both;
}


/*
----------------------------------------------------------------------------- 
[2] main
----------------------------------------------------------------------------- */
#contents #main h2{
/* reset */
	margin:0;
	padding:0;
	border:0;
	background:none;
	font-size:1em;
	font-weight:normal;
	color:#333;
}
#contents #main h3{
/* reset */
	margin:0;
	padding:0;
	border:0;
	background:none;
	font-size:1em;
	font-weight:normal;
	color:#333;
}


#contents ul, #contents ol{
	margin:0;
}

/*
-------------------------------------- 
[2-1] topics
-------------------------------------- */
/* topic */
#topic{
	margin-bottom:5px;
	border:1px solid #ccc;
	border-top:0;
}
	#topic h2{
	}
	#topic ul{
		padding:3px;
		/*
		height:198px;
		overflow: auto;
		*/
	}
	#topic ul li{
		margin-bottom:0.2em;
		list-style:none;
		padding:0 0 2px 30px;		

	}
	#topic ul li.newLi{
		background: url(../img/top/newlist.gif) no-repeat 0px 0px;
	}
	#topic ul li{
		background:url(../resource/img/common/icon_arrow1.gif) 10px 2px no-repeat;
	}
	
/*
-------------------------------------- 
[2-2] life_event
-------------------------------------- */
#contents #main h2#h2_life_event{
	background:url(../img/top/bg_h_guide_1.gif) 0 1px repeat-x;
}

#life_event {
	margin-bottom:5px;
	height:286px;
	margin:0 auto;	padding:4px 0 0 8px;
	border:1px solid #ccc;
	border-top:0;
	text-align:center;
}
	#life_event ul{
	
	}
		#life_event ul li{
			display:block;
			width:108px;
			float:left;
		}

/*
-------------------------------------- 
[2-3] guide
-------------------------------------- */
#contents #main h2#h2_guide{
	background:url(../img/top/bg_h_guide_1.gif) 0 0 repeat-x;
}

#guide{
	padding:15px 10px 0 10px;
	border:1px solid #ccc;
	border-top:0;
}
					
	#contents #main #guide h3{
		margin-top:0em;
		clear:both;
		background:url(../img/top/bg_h_guide_2.gif) left top repeat-x;
	}

	#guide ul{
		margin-top:0.5em;
		margin-bottom:0em;
		padding-bottom:20px;
	}
		#guide ul li{
			display:inline;
			padding:0 5px;
			line-height:1.6em;
			white-space: nowrap;
			border-right:1px solid #999;
		}
			#guide ul li a{
				
			}


/*
----------------------------------------------------------------------------- 
[3] side_menu_left
----------------------------------------------------------------------------- */
#home #contents #main div.box_left h2,
#home #contents #main div.box_right h2{
	margin-bottom:5px; 
}
#home #contents #main div.box_left h2.h2_btn a{
	display:block;
	padding:5px 0 3px 14px;
	/*height:20px;*/
	font-size:1em;
	background:url(../img/top/bg_midashi_2.gif) top left no-repeat;
}

.box{
	width:160px;
	margin:0 0 5px 0;
	overflow:hidden; /* for Win IE5.x~6 */
	clear: both;	 /* for Mac IE5.x */
}
	#home #contents #main div.box h2{
		margin-bottom:0; padding:5px 0 3px 14px;
		font-size:1.0em;
		background:url(../img/top/bg_midashi_1.gif) top left no-repeat;
	}
	.box ul,
	.box .p_box{
		padding:5px 1px 5px 2px;
		border:1px solid #ccc;
		border-top:0;
	}
		#home .box ul li{
			margin-bottom:0.15em;
			list-style:none;
			line-height:1.4em;
			padding:0 0 0 17px;
			background:url(../resource/img/common/icon_arrow2.gif) 0 0.32em no-repeat;
		}
	
	#home #contents #main div.box p{
		margin:0;
		padding:0px 0 10px 10px;
	}
	.box p.p_box{
		padding:5px 1px 5px 15px;
	}


.qrcode{
	text-align:center;
}
	.qrcode span{
		text-align:center;
	}
		.qrcode span img{
			border:1px solid #666;
			margin:5px 0;
		}

/*
----------------------------------------------------------------------------- 
[4] side_menu_right
----------------------------------------------------------------------------- */

.box_koho{
	float: left;
	padding:0;
}
	.box_koho div{
		text-align:center;
		font-size:0.9em;
		padding:5px 1px 5px 2px;
		border:1px solid #ccc;
		border-top:0;

	}
		.box_koho div h3{
			font-weight:bold;
		}
	.box_koho div ul{
		padding:0;
		border:0;
	}
		#home .box_koho div ul li{
			display:inline;
			padding:0 3px 0 4px;
			line-height:1.6em;
			white-space: nowrap;
			border-right:1px solid #999;
			background:none;
		}
			div.box_koho div ul li a{
				
			}

/*
----------------------------------------------------------------------------- 
[5] footer_banner
----------------------------------------------------------------------------- */

#banner_box{
	margin-top:-5px;
	padding:0px 5px 10px 5px;
}
	#banner_box img{
		margin:4px;
	}


/*
----------------------------------------------------------------------------- 
[99] other
----------------------------------------------------------------------------- */