@charset "UTF-8";

/*------------------------------------------------------------------------------
	Client Name - Global Class CSS
	URL: http://www.city.iwata.shizuoka.jp/
	Date: 2010-09-25
	Copyright (C) Iwata City All Rights Reserved.
------------------------------------------------------------------------------*/

/*==============================================================
	各カテゴリーの背景画像
===============================================================*/
body{background:url(../img/bg/bg_index_local.png) repeat-x;}
body#home{background:url(../img/bg/bg_index_home2.png) repeat-x;}
body.shimin{background:url(../img/bg/bg_index_shimin.png) repeat-x;}
body.jigyosha{background:url(../img/bg/bg_index_jigyosha.png) repeat-x;}
body.shisei{background:url(../img/bg/bg_index_shisei.png) repeat-x;}
body.midokoro{background:url(../img/bg/bg_index_midokoro.png) repeat-x;} 
body.kinkyu{background:url(../img/bg/bg_index_kinkyu.png) repeat-x;} 


/*==============================================================
	h1:ページタイトル
===============================================================*/

h1#firstTitle{
	height:58px;
	font-weight:bold;
	font-size:160%;
	line-height:1.1;
	padding:40px 0 0 30px;
	font-family:"ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../img/title/ti_local.png) no-repeat;
	}
* h1#firstTitle{
	font-size:180%;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic","メイリオ", Meiryo, Osaka,  sans-serif;
	font-weight:normal;
	}	
body.kinkyu h1#firstTitle{
	color:#fff;
	padding-left:85px;
	}
body.shimin h1#firstTitle{background:url(../img/title/ti_shimin.png) no-repeat;}
body.jigyosha h1#firstTitle{background:url(../img/title/ti_jigyosha.png) no-repeat;}
body.shisei h1#firstTitle{background:url(../img/title/ti_shisei.png) no-repeat;}
body.midokoro h1#firstTitle{background:url(../img/title/ti_midokoro.png) no-repeat;}
body.shisetsu h1#firstTitle{background:url(../img/title/ti_shisetsu.png) no-repeat;}
body.soudan h1#firstTitle{background:url(../img/title/ti_soudan.png) no-repeat;}
body.kakuka h1#firstTitle{background:url(../img/title/ti_kakuka.png) no-repeat;}
body.shichou h1#firstTitle{background:url(../img/title/ti_shichou.png) no-repeat;}
body.kinkyu h1#firstTitle{background:url(../img/title/ti_kinkyu.png) no-repeat;}
body.shoubou h1#firstTitle{background:url(../img/title/ti_shoubou.png) no-repeat;}
body.bousai h1#firstTitle{background:url(../img/title/ti_bousai.png) no-repeat;}
body.bouhan h1#firstTitle{background:url(../img/title/ti_bouhan.png) no-repeat;}
body.blog h1#firstTitle{background:url(../img/title/ti_blog.png) no-repeat;}
body.shigikai h1#firstTitle{background:url(../img/title/ti_shigikai.png) no-repeat;}
body.medicalcare h1#firstTitle{background:url(../img/title/ti_medicalcare.png) no-repeat;}

h1#pageTitle{
	margin-bottom:20px;
	font-weight:bold;
	font-size:150%;
	line-height:1.1;
	padding:25px 0 15px 30px;
	font-family:"ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border:1px solid #d0e1e6;
		background:url(../img/title/ti_pageTitle_local.png) repeat-x #fafafa;
}
body.shimin h1#pageTitle{
			border:1px solid #d0e1e6;
		background:url(../img/title/ti_pageTitle_shimin.png) repeat-x #fafafa;}
body.jigyosha h1#pageTitle,
body.kinkyu h1#pageTitle{
			border:1px solid #e7cbc7;
			background:url(../img/title/ti_pageTitle_jigyosha.png) repeat-x #fafafa;}
body.shisei h1#pageTitle{
			border:1px solid #d3e2b4;
			background:url(../img/title/ti_pageTitle_shisei.png) repeat-x #fafafa;}
body.midokoro h1#pageTitle{
			border:1px solid #e1d8c8;
			background:url(../img/title/ti_pageTitle_midokoro.png) repeat-x #fafafa;}



/*==============================================================
	タグ
===============================================================*/

div#main p,
div#main ol,
div#main ul,
div#main dl{
	margin-bottom:1.5em;
	line-height:1.5;
}

/*==============================================================
	汎用クラス
===============================================================*/

/* .toTop : 先頭へ戻る */
div#main p.toTop{
	margin-top:1.5em;
	text-align:right;
}

/* .section : セクション
----------------------------------------------------*/

div#main .section{margin-bottom:1.5em;}

/* ul : 基本リスト
----------------------------------------------------*/
.section ul.list01 {
	padding-left:10px;
}
.section ul.list01 li{
	padding:3px 0 3px 20px;
	background:url(../img/ico/ico_gray.png) no-repeat 0 0.5em;
}
body.shimin .section ul.list01 li{
	background:url(../img/ico/ico_blue.png) no-repeat 0 0.5em;
}
body.jigyosha .section ul.list01 li,
body.kinkyu .section ul.list01 li{
	background:url(../img/ico/ico_red.png) no-repeat 0 0.5em;
}
body.shisei .section ul.list01 li{
	background:url(../img/ico/ico_green.png) no-repeat 0 0.5em;
}
body.midokoro .section ul.list01 li{
	background:url(../img/ico/ico_brown.png) no-repeat 0 0.5em;
}

/* li : 基本テーブル
----------------------------------------------------*/

div#main table{
	margin-bottom:1em;}

body.shimin .section table{
	border:1px solid #c7dbe1;}
body.jigyosha .section table{
	border:1px solid #e6cfce;}
body.shisei .section table{
	border:1px solid #d3e2b4;}
body.midokoro .section table{
	border:1px solid #e7dfd3;}
	
	
div#main table thead th{
	background:#99b0c2;
	color:#fff;
}

body.shimin div#main table thead th{
	background:#759fbd;
	border-bottom:double 3px #c7dbe1;}
body.jigyosha div#main table thead th,
body.kinkyu div#main table thead th{
	background:#bb635f;
	border-bottom:double 3px #e6cfce;}
body.shisei div#main table thead th{
	background:#93ba47;
	border-bottom:double 3px #d3e2b4;}
body.midokoro div#main table thead th{
	background:#ad9469;
	border-bottom:double 3px #e7dfd3;}

body.shimin .section th,
body.shimin .section td{
	border:1px solid #c7dbe1;}
body.jigyosha .section th,
body.kinkyu .section th,
body.jigyosha .section td,
body.kinkyu .section td{
	border:1px solid #e6cfce;}
body.shisei .section th,
body.shisei .section td{
	border:1px solid #d3e2b4;}
body.midokoro .section th,
body.midokoro .section td{
	border:1px solid #e7dfd3;}



	div#main table th,
	div#main table  td{
			line-height:1.5;}
			
			
			
/*  floating : 回り込み関係
----------------------------------------------------*/

.floatL{
	float:left;
	font-size:90%;
}
.floatR{
	float:right;
	text-align:right;
	font-size:90%;
}

img.floatL{
	margin-right:15px;
	margin-bottom:15px;
}
img.floatR{
	margin-left:15px;
	margin-bottom:15px;
}

p.floatL img{
	margin-right:15px;
	margin-bottom:5px;
}
p.floatR img{
	margin-left:15px;
	margin-bottom:5px;
}
table.tblR{
	float:right;
	width:450px;
}

.clearL{clear:left;}
.clearR{clear:right;}
.clearB{clear:both;}

/*  align : 行揃え関係
----------------------------------------------------*/

.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}
.alignM{vertical-align:middle;}

.section strong{
	font-weight:bold;
}
.section em{
	color:#b45454;
}


/*  h : 見出し
----------------------------------------------------*/
.section h2{
	font-size:120%;
	font-weight:bold;
	padding:18px 20px 0 30px;
	margin-bottom:1em;
	height:33px;
	color:#5f5f5f;
	background:url(../img/title/ti_h2_gray.png) no-repeat;
}

body.shimin .section h2{
	background:url(../img/title/ti_h2_blue.png) no-repeat;}
body.jigyosha .section h2{
	background:url(../img/title/ti_h2_red.png) no-repeat;}
body.shisei .section h2{
	background:url(../img/title/ti_h2_green.png) no-repeat;}
body.midokoro .section h2{
	background:url(../img/title/ti_h2_brown.png) no-repeat;}
body.kinkyu .section h2{
	background:url(../img/title/ti_h2_kinkyu.png) no-repeat;}

.section h3{
	clear:both;
	padding:10px 20px 10px 10px;
	min-height:21px;
	height:auto !important;
	height:21px;
	margin-bottom:1em;
	font-size:120%;
	font-weight:bold;
	color:#5f5f5f;
	line-height:1.2;
	border-bottom:1px dotted #ccc;
	background:url(../img/title/ti_h3_gray.png) no-repeat;
}

body.shimin .section h3{
	background:url(../img/title/ti_h3_blue.png) no-repeat;}
body.jigyosha .section h3,
body.kinkyu .section h3{
	background:url(../img/title/ti_h3_red.png) no-repeat;}
body.shisei .section h3{
	background:url(../img/title/ti_h3_green.png) no-repeat;}
body.midokoro .section h3{
	background:url(../img/title/ti_h3_brown.png) no-repeat;}


.section h4{
	clear:both;
	padding:5px 20px 10px 10px;
	margin-bottom:1em;
	font-size:120%;
	font-weight:bold;
	color:#5f5f5f;
	border-left:5px solid #a2acb4;
	background:url(../img/ico/ico_dot_gray.gif) repeat-x left bottom;
	line-height:1.3;
}

.section h5{
	padding:3px 20px 3px 10px;
	margin-bottom:1em;
	font-size:120%;
	font-weight:bold;
	color:#5f5f5f;
	border-left:5px solid #a2acb4;
}

.atte{
	clear:both;
	padding:15px 15px 0 15px;
	border:3px double #d3dce2;
	background:#f8fcfd;
	margin-bottom:15px;
}

.section p{
	margin-left:8px;
}

.queBox{
	position:relative;
	width:690px;
	margin:20px 0;
	padding-bottom:15px;
	background:url(../img/bg/bg_que_btm.png) no-repeat left bottom;
}
.queBox h2{
	padding:0;
	margin-bottom:0 !important;
}
.queBox h3{
	margin:0 0 5px 0;
	padding:15px 0 5px 5px;
	font-weight:bold;
	color:#d57c79;
	min-height:15px;
	height:auto !important;
	height:auto;
	background:url(../img/bg/bg_dot_gray.png) repeat-x left bottom;
}
.queBox form{
	padding:0 35px 0;
	background:url(../img/bg/bg_que_cen.png) repeat-y left top;
	padding: 0 35px 8px 35px;
}

.queBox form p input #que02,
.queBox form p input #que03{
	margin-left:15px;
}

.queBox form p{
	font-size:100%;
	margin-bottom:5px !important;
	padding:0 10px 0 0;

}
.queBox p#message{
	padding-top:10px;
}
.queBox textarea{
	width:430px;
	margin-bottom:15px;
}
.queBox #quebtn{
	position:absolute;
	right:100px;
	bottom:25px;
	bottom: 80px;
}
table.phoBox,
table.phoBox th,
table.phoBox td{
	border:none !important;
}

#main .pdfLink{
	padding:3px 0 3px 25px;
	background:url(../img/ico/ico_pdf_s.png) no-repeat 0 0 !important;
}
#main .docLink{
	padding:3px 0 3px 25px;
	background:url(../img/ico/ico_word_s.png) no-repeat 0 0 !important;
}
#main .xlsLink{
	padding:3px 0 3px 25px;
	background:url(../img/ico/ico_xls_s.png) no-repeat 0 0 !important;
}

#main #pdfInfo{
	padding:10px;
	background: #fff4f4;
	border:3px double #fedada;
}
#main #pdfInfo p{
	margin-bottom:0;
}

/*  ul.socialBtn : ソーシャルメディアボタン 2012.01.30
----------------------------------------------------*/
ul.socialBtn{
	margin-bottom: 0;
	padding: 3px 0 3px 3px;
	list-style: none;
	background-image: url(/shared/img/bg_social.png);
}

ul.socialBtn li{
	margin-right: 5px;
	float: left;
}

/*--EOF-----------------------------------------------------------------------*/