@charset "shift_jis";

/*==================================================================================*/
/* 画面表示用ページレイアウト	Print.css											*/
/*==================================================================================*/
/*-----------------------------------------------------------------------------------
	印刷時非表示用　print_hide
-----------------------------------------------------------------------------------*/
div.print_hide
{
	display: none;
	margin: 0px;
	padding: 0px;
}
/*-----------------------------------------------------------------------------------
	bodyタグ
-----------------------------------------------------------------------------------*/
body
{
/*	width: 780px;
*/
	width: 100%;
}

/*-----------------------------------------------------------------------------------
	ヘッダ
-----------------------------------------------------------------------------------*/
.sms div.header
{
/*	width: 760px;
*/
	width: 100%;
	text-align: left;
}
/*-----------------------------------------------------------------------------------
	フッタ
-----------------------------------------------------------------------------------*/
.sms div.footer
{
/*	width: 760px;
*/
	width: 100%;
	position: relative;
	clear: both;
	page-break-before: avoid;
}

/*-----------------------------------------------------------------------------------
	コンテナ
-----------------------------------------------------------------------------------*/
.sms div.container
{
/*
	width: 776px;
*/
	width: 100%;
	margin: 0px 2px 0px 2px;
	text-align : left;
	position: relative;
}
.container:after
{
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}

/*-----------------------------------------------------------------------------------
	３段組み（トップページ用）
-----------------------------------------------------------------------------------*/
.sms div.maincol
{
	width: 409px;
	margin-left: 2px;
	margin-right: 2px;
	position: relative;
	left: 0;
	float: left;
	clear: right;
}

.sms div.subcol_left
{
	width: 173px;
	position: relative;
	left: 0px;
	float: left;
	clear: left;
}

.sms div.subcol_right
{
	width: 173px;
	position: relative;
	left: 0;
	float: left;
	clear: right;
}

/*-----------------------------------------------------------------------------------
	２段組み（インデックスページ用）
-----------------------------------------------------------------------------------*/
.sms div.maincol_idx
{
/*	width: 582px;
*/
	width: 100%;
	margin-right: 3px;
	color: #000000;
	text-align:left;
	position: relative;
	left: 0%;
	float: left;
	clear: left;
}

.sms div.subcol_idx
{
/*	width: 173px;
*/
	width: 100%;
	position: relative;
	left: 0px;
	float: left;
	clear: right;
}

.sms div.kubun_list_category_title_bg
{
	background-position: left;
}

/*-----------------------------------------------------------------------------------
	段組み無し（コンテンツページ用）
-----------------------------------------------------------------------------------*/
.sms div.maincol_con
{
/*	width: 776px;
*/
/*	width: 756px;
*/
	width: 100%;
	color: #000000;
	text-align:left;
	position: relative;
	left: 0%;
	float: left;
	clear: left;
}
.sms div.subcol_con
{
	width: 0px;
	position: relative;
	left: 0px;
	float: left;
	clear: right;
}
/*-----------------------------------------------------------------------------------
	トップバナー　topimg
-----------------------------------------------------------------------------------*/
div.topimg
{
/*	width: 760px;
*/
	width: 100%;
}

/*-----------------------------------------------------------------------------------
	メニューバー　menubar
-----------------------------------------------------------------------------------*/
div.menubar00
{
/*	width: 760px;
*/
	width: 100%;
}

div.menubar
{
/*	width: 760px;
*/
	width: 100%;
}
.menubar img
{
	margin: 0px -3px 0px 0px;
	padding: 0;
}

/*---コンテンツページ--------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------
	コンテンツページ見出し
-----------------------------------------------------------------------------------*/
.con_title
{
	width: 100%;
	background-image: url("../top_images/common_title_p.jpg");
}
.contents h2
{
	width: 100%;
	background-image: url("../top_images/h2_bg_p.jpg");
}
.contents h3
{
	width: 100%;
}
.contents h4
{
	width: 100%;
}

/*-----------------------------------------------------------------------------------
	お問い合わせ　inquiry
-----------------------------------------------------------------------------------*/
h1.inquiry_title
{
	width: 100%;
	background: transparent url(../top_images/inquiry_title_bg_p.jpg) no-repeat bottom;
}

/*---トップページ------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------
	ピックアップ　pickup
-----------------------------------------------------------------------------------*/
div.pickup_title
{
	width: 100%;
}
.pickup_title img
{
	width: 100%;
}
div.pickup_frame
{
	width: 100%;
	background-image: url("../top_images/pickup_frame_bg_p.jpg");
	background-repeat: repeat-y;
}
div.pickup_frame_bottom
{
	width: 100%;
	background-image: url("../top_images/pickup_frame_bottom_p.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
}
div.pickup_img
{
	width: 100%;
}
.pickup_img img
{
	width: 100%;
}
.pickup_link img
{
	width: 100%;
}

/*-----------------------------------------------------------------------------------
	title_short
-----------------------------------------------------------------------------------*/
div.title_short
{
	width: 100%;
}
h1.title_short
{
	width: 100%;
}
.title_short img
{
	width: 100%;
}

/*-----------------------------------------------------------------------------------
	サイドニュー　sidemenu
-----------------------------------------------------------------------------------*/
h1.sidemenu_title
{
	width: 100%;
}
div.sidemenu_frame
{
	width: 100%;
}

/*-----------------------------------------------------------------------------------
	人口情報　population
-----------------------------------------------------------------------------------*/
h1.population_title
{
	width: 100%;
}
div.population_frame
{
	width: 100%;
}
/*-----------------------------------------------------------------------------------
	個別サイドバナー　bulitin_banner
-----------------------------------------------------------------------------------*/
div.bulitin_banner
{
	width: 100%;
}
.bulitin_banner img
{
	width: 100%;
}

div.case_frame_list
{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px;
	width: 100%;
}
div.case_02
{
	float:left;
	display:block;
	position:relative;
	width:24%;
	text-align: center;
}