@charset "utf-8";

/*
Site Name: 
Description: layout
*/

/* base layout
----------------------------------------- */
#container{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#header{
	width: 950px;
	height: 67px;
	margin: 15px auto 0 auto;
	overflow: hidden;
	text-align: left;
	background-image: url(../img/css/header_bg.gif);
	background-position: right 24px;
	background-repeat: no-repeat;
}

#topicpath{
	width: 950px;
	margin: 0 auto;
}

#content{
	clear: both;
	width: 950px;
	margin: 0 auto 30px auto;
	text-align: left;
	zoom: 1;
	overflow: hidden;
}

#main{
	float: right;
	clear: right;
	width: 730px;
	overflow: hidden;
}

#sub{
	float: left;
	clear: left;
	width: 200px;
	overflow: hidden;
	margin-top: 20px;
}
#main2{
	width: 760px;
	float: left;
}
#sub2{
	width: 160px;
	float: right;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	margin-top: 25px;
}

#main #main-left{
	float: left;
	clear: left;
	width: 510px;
	overflow: hidden;
}

#main #main-right{
	float: right;
	clear: right;
	width: 200px;
	overflow: hidden;
}

/* contents layout
----------------------------------------- */
#main #main-left #tabContent{
	width: 510px;
	background-image: url(../img/css/tabContent_top_bg.gif);
	background-position: left 50px;
	background-repeat: no-repeat;
	margin-bottom: 16px;
}

#main #main-left #tabContent #tabBoxIndex,
#main #main-left .article{	
	background-image: url(../img/css/tabBox_body_bg.gif) !important;
	background-position: left top;
	background-repeat: repeat-y;
	overflow: hidden;
}

#main #main-left #tabBoxIndex .tabBox{
	background-image: url(../img/css/tabBoxIndex_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 20px 12px 20px;
}

#main #main-left .article{
	_width: 510px;
	height: 175px;
	padding: 0 20px 0px 20px;
	overflow: hidden;
	clear: both;
	font-size: 14px;
}

#main #main-left #blogger-article{
	width: 510px;
	height: 72px;
	overflow: hidden;
	background-image: url(../img/css/asahikawa_blogger_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#main #main-left #past-article{
	width: 510px;
	height: 67px;
	overflow: hidden;
	background-image: url(../img/css/past-article_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#main #main-left #menuContent{
	background-image: url(../img/css/menuContent_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	overflow: hidden;
	height:223px;
}

#main #main-left #town-search{
	width: 510px;
	height: 79px;
	overflow: hidden;
	background-image: url(../img/css/town_search_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#main #main-right .twitter-article{
	float: right;
	width: 180px;
	_width: 200px;
	background-image: url(../img/css/twitter-article_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 0 10px;
}

#sub .twitter-article{
	float: left;
	width: 180px;
	_width: 200px;
	background-image: url(../img/css/twitter-article_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 0 10px;
}

#main .twitter-foot{
	float: right;
	width: 200px;
	height: 77px;
	overflow: hidden;
	margin-bottom: 16px;
}

#sub .twitter-foot{
	float: left;
	width: 200px;
	height: 77px;
	overflow: hidden;
	margin-bottom: 16px;
}

#main #asa-ashika{
	background-image: url(../img/css/twitter_asa_kankou.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#main #asahikawa-news{
	background-image: url(../img/css/asahikawa_news_foot_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#sub #asahikawa-news{
	background-image: url(../img/css/asahikawa_news_foot_bg.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

#sub .article{
	padding-bottom: 18px;
	margin-bottom: 12px;
	background-image: url(../img/css/sub_foot.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#sub .article #shop-article{
	_width: 200px;
	font-size: 88%;
	background-image: url(../img/css/twitter-article_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-bottom: 8px;
}

#footer-article{
	_width: 950px;
	margin-top: 25px;
	padding-bottom: 30px;
	background-image: url(../img/css/footer_foot_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}

#main #main-left #tabContent .tabBox{
	font-size: 88%;
}

/* tabBox
----------------------------------------- */
#main #main-left #topicsBOX,
#main #main-left #blogBOX,
#main #main-left #newsBOX,
#main #main-left #evevtBOX,
#main #main-left #newinfoBOX{
	height: 260px;
}

#main #main-left #leisureBOX,
#main #main-left #gourmetBOX,
#main #main-left #shopBOX,
#main #main-left #existenceBOX,
#main #main-left #workBOX{
	height: 185px;
}