@import "font.css";
@import "footerSoegaki.css"; /* add 2011/07/21 blog */
@import "colorType_Blue.css"; /* add 2012/11/14 */


/* ※文字色は色別CSSで定義 */
/*A:link			{color:#1F4CA5}*/		/* リンク色:青 */
/*A:visited		{color:#800080}*/		/* ブリンク色:紫 */
/* A:alink			{color:#FF0000} */		/* クリック色:赤 */
/* A:active		{color:red} */				/* 赤 */ 

body
{
    /*  通常の背景と文字色はdefault_body.cssで指定
        独立サイトは*_body.cssで指定
    background-color:#******;
    color:#******;
    */
}

/***********************************************************************************
　 ↓デザイン変更部分 start（各サイト毎にデザイン反映必要）↓
************************************************************************************/

/*-- ヘッダー部分（通常） -------------------------------------- */
#headerAreaDef
{
    width:100%;
    height:100%;
    background:url("../images/top1/header_bg.gif") repeat-x 0px bottom;
    padding-bottom:3px;
}
#header
{
    width:1000px;
    padding:30px 0px 0px;
    margin:0px auto;
    /* add 2012/12/27 uemoto 災害時トップページ切り替え対応 start */
    line-height:75px;
    font-weight:bold;
    font-size:large;
    /* add 2012/12/27 uemoto end */
    position:relative;
}
#header img
{
    float:left;
    padding-top:30px;
}
/* add 2012/12/27 uemoto 災害時トップページ切り替え対応 start */
#header a
{
	text-decoration:none;
}
/* add 2012/12/27 uemoto end */

/* タブメニュー部分 */
#headerTab, #headerTabNon
{
    width:100%;
    margin:0px auto;
    padding:0;
}
.menuTab
{
    width:980px;
    margin: 0px auto 0px auto;
    border-left:solid 1px #D1D1D1;
    border-right:solid 1px #D1D1D1;
    background-color:#FFFFFF;
}
.menuTab img
{
    float:left;
}
#headerTab_line
{
	display:block;
	width:980px;
    border-left:solid 1px #D1D1D1;
    border-right:solid 1px #D1D1D1;
	margin:0 auto;
    overflow:hidden;
}
#tab_line1
{
    background-color:#4B9F35;
	height:4px;
}
#tab_line2
{
    background-color:#D66A35;
	height:4px;
}
#tab_line3
{
    background-color:#2A83A2;
	height:4px;
}
#tab_line4
{
    background-color:#C53D43;
	height:4px;
}
#tab_line5
{
    background-color:#74325C;
	height:4px;
}

/* パン屑リスト部分 */
#pankuzu
{
	margin:0px auto;
	text-align:left;
	font-size:0.75em;
}
#pankuzu .pankuzu-inner
{
	text-align:left;
	padding:7px 0px 10px 20px;
	width:960px;
	margin:0px auto;
}

/* add 2013/09/13 第二階層ヘッダにGoogle検索フォームを表示する start */
/* サイト内検索部分 */
#search 
{
    position: absolute;
    right:0px;
    top:68px;
	font-size:13px;
}
input.searchBox
{
    width:185px;
    float:left;
    margin:0px;
    height:17px;
}
input.btnSearch
{
    float:left;
    margin:0px;
    padding:0px 2px;
}
/* add 2013/09/13 end */

/*全体枠*/
#container
{
	width:940px;
	min-height:650px;
	font-size:0.9em;
	margin:30px auto 0 auto;
	padding-bottom:10px;
	/* ※背景色・文字色は色別CSSで定義 */
	/*background-color:#FFFFF8;*/
}


/*ページタイトル*/
#headerTtl
{
	width:99%;
	margin:3px auto 0 auto;
}
#headerTtl H1
{
	font-size:1.4em;
	font-weight:bold;
	float:left;
	padding:10px 0px 10px 30px;
	text-align:left;
	line-height:1.5em;
}

/*ホーム、戻るボタン*/
#headerTtl .navibtn
{
	width:180px;
	float:right;
	text-align:right;
	padding:10px 20px 10px 0px;
}
#headerTtl .navibtn img
{
	margin:5px 2px 2px 1px;
}

/*コピーライト*/
#copyright
{
    width:100%;
    text-align:center;
    font-size:0.7em;
    padding: 7px 0px;
    margin:0px auto;
    border-top:solid 1px #E6E3DE;
	/* ※背景色・文字色は色別CSSで定義 */
    /*color:#ffffff;
    background-color:#666666;*/
}
#copyright p
{
    width:1000px;
    margin:0px auto;
    text-align:right;
}

/*-- ヘッダー部分（会員） -------------------------------------- */
/*会員機能を使う場合は定義*/
/* add 2012/09/05 会員専用コンテンツ対応 start ******/
/* ヘッダー部分 */
#headerAreaMember
{
}
#headerMember
{
}

/* パン屑リスト部分 */
#pankuzuMember
{
}
#pankuzuMember .pankuzu-innerMember
{
}

/*全体枠*/
#containerMember
{
}

/*ページタイトル*/
#headerTtlMember
{
}
#headerTtlMember H1
{
}

/*ホーム、戻るボタン*/
#headerTtlMember .navibtn
{
}
#headerTtlMember .navibtn img
{
}

/*フッター部分*/
#copyrightMember
{
}

/* 会員専用コンテンツ ログイン中の会員名 */
.memberLoginNameMember
{
	width:95%;
	text-align:right;
    margin:0px auto 0px auto;
    font-size:0.8em;
    white-space:nowrap;
}
.memberLoginName
{
	width:95%;
	text-align:right;
    margin:0px auto 0px auto;
    font-size:0.8em;
    white-space:nowrap;
}
.memberTopLink
{
	text-align:center;
	padding:0px;
    margin:5px auto 5px auto;
    font-size:0.8em;
}

/* add 2012/09/05 end *******************************/


/*-- （独立サイト）五和支所のデザイン start --------------------------------- */
.haikei_24 .mainBg
{
    width:1000px;
    margin:0px auto;
}
#headerAreaDef_24
{
    width:100%;
    height:100%;
}
#header_24
{
    width:1000px;
    height:186px;
    margin:20px auto 0px;
    position:relative;
}
#header_24 #homeLink
{
    position:absolute;
    top:89px;
    right:83px;
    font-size:15px;
    width:285px;
}
#header_24 #homeLink a
{
    text-decoration:none;
    padding:5px 10px 5px 40px;
    display:block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/* 検索エリア */
#header_24 #search 
{
    position: absolute;
    right:82px;
    top:130px;
	font-size:13px;
}
#header_24 input.searchBox
{
    width:248px;
    float:left;
    margin:0px;
    height:17px;
}
#header_24 input.btnSearch
{
    float:left;
    margin:0px;
    padding:0px 2px;
}
/* パン屑リスト部分 */
#pankuzu_24
{
	width:940px;
	margin:0px auto;
	text-align:left;
	font-size:0.75em;
}
#pankuzu_24 .pankuzu-inner_24
{
	text-align:left;
	padding:40px 0px 5px 20px;
}

/*全体枠*/
#container_24
{
	width:940px;
	min-height:650px;
	font-size:0.9em;
	margin:0px auto;
	padding-bottom:10px;
}

/*ページタイトル*/
#headerTtl_24
{
	margin:3px auto 0 auto;
}

#headerTtl_24 H1
{
	font-size:1.4em;
	float:left;
	text-align:left;
    font-weight: bold;
    padding: 10px 0 10px 30px;
    line-height:1.5em;
}

/*ホーム、戻るボタン*/
#headerTtl_24 .navibtn
{
	width:180px;
	float:right;
	text-align:right;
	padding:10px 20px 10px 0px;
}
#headerTtl_171 .navibtn img
{
	margin:5px 2px 2px 1px;
}

/*フッター部分*/
#copyright_24
{
    line-height:30px;
    text-align:right;
    font-size:0.7em;
}
#copyright_24 p
{
    padding: 5px 40px 0px 40px;
    width:920px;
    margin:0px auto;
    border-top:solid 1px #ECECEC;
}

/* （独立サイト）五和支所のデザイン end *******************/

/***********************************************************************************
　 ↑デザイン変更部分 end↑
************************************************************************************/



/***********************************************************************************
　 ↓共通部分 start（基本的に変更する必要なし）↓
************************************************************************************/

/* 各ページ内容部分 */
#cont_body{
	width:890px;
	min-height:510px;
	line-height: 1.8;
	margin: 20px auto 0;
}
#cont_body p
{
	/*margin:5px 5px 5px 5px;*/
}


/* add 2012/10/03 ページ概要のcss設定 start */
/* ページ概要（ヘッダー）の表示領域 */
div.gaiyobun_header
{
	width:100%;
    padding:0px;
    margin:0px auto 20px auto;
}
/* ページ概要（フッター）の表示領域 */
div.gaiyobun_footer
{
	width:100%;
    padding:0px;
    margin:20px auto 0px auto;
}
/* add 2012/10/03 end */


/* カテゴリーグループ リンクメニュー */
.catGroup
{
    width:auto;
    max-width:95%;
    margin: 20px auto 0px auto;
}
.catGroup td
{
    vertical-align:top;
	text-align:left;
	line-height:1.3;
}

/* 分類リンクメニュー */
.bunruiLink
{
    width:100%;
    margin: 0 auto 10px auto;
    padding:7px 0;
	/* ※背景色は色別CSSで定義 */
}
.bunruiLink .menuList
{
    width:95%;
    margin:0 auto 0 auto;
}
.bunruiLink .menuItem
{
    padding: 0px 0px 0px 15px;
    margin-left:2px;
	background:url("../images/g_ya.gif") no-repeat 5px 10px;
	text-align:left;
	vertical-align:top;
	width:17%;
	float:left;
}
.bunruiLink .menuItem2
{
    padding: 0px 0px 0px 15px;
    margin-left:2px;
	background:url("../images/arrow_down.gif") no-repeat 0px 10px;
	text-align:left;
	vertical-align:top;
	width:17%;
	float:left;
}

/* 各ページ一覧部分　大枠 */
#main{
    width:100%;
	margin:0px auto 0px auto;
	padding:0;
}
/* 各ページ詳細基本項目部分 大枠*/
#mainBaseInfo{
    width:95%;
	margin:20px auto 0px auto;
	padding:0;
}
/* 各ページ詳細内容部分 大枠*/
#mainShosai{
    width:95%;
	margin:20px auto 0px auto;
	padding:0;
}
/* 段落エリアのtable */
#mainShosai table{
    width:100%;
}
/* 最終更新日部分 */
.updDate{
	text-align:right;
	margin:5px 10px 5px auto;
	font-size:0.75em;
}
/* 問い合わせ部分 */
#toiawaseInfo{
	text-align:left;
	border:solid 1px #CCCCCC;
	margin:25px auto 0 auto;
	padding: 10px 20px;
	font-size:0.9em;
	display: table;
}
#toiawaseInfo .toiText{
	padding-right:20px;
	display: table-cell;
	vertical-align: middle;
	font-weight:bold;
}
#toiawaseInfo .toiKugiri{
	background-color:#CCCCCC;
	width:1px;
	padding:0;
	display: table-cell;
}
#toiawaseInfo .toiData{
	padding-left:20px;
	display: table-cell;
	vertical-align: middle;
}
 /* IE 7対応（table-cellが認識されないから・・・）*/
*:first-child+html #toiawaseInfo {
	width: 50%;
}
*:first-child+html #toiawaseInfo .toiText {
	display: inline;
	zoom: 1;
}
*:first-child+html #toiawaseInfo .toiKugiri {
	display: inline;
	zoom: 1;
	background:none;
}
*:first-child+html #toiawaseInfo .toiData {
	display: inline;
	zoom: 1;
	border-left:solid 1px #CCCCCC;
}
 /* IE 6対応（table-cellが認識されないから・・・）*/
* html #toiawaseInfo {
	width: 50%;
}
* html #toiawaseInfo .toiText {
	display: inline;
	zoom: 1;
}
* html #toiawaseInfo .toiKugiri {
	display: inline;
	zoom: 1;
	background:none;
}
* html #toiawaseInfo .toiData {
	display: inline;
	zoom: 1;
	border-left:solid 1px #CCCCCC;
}

/*「ページの先頭へ」部分*/
#pagetop
{
	width:1000px;
	margin:25px auto 0 auto;
}
#pagetop a
{
    font-size: 0.8em;
	display: block;
    float: right;
    padding: 10px 15px 10px 35px;
    text-decoration: none;
	
}
#pagetop a:hover
{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/* add 2013/09/04 goto Wysiwygにページの先頭リンクの対応 start */
.pagetop
{
	width:98%;
	margin:5px auto;
	text-align:right;
}
.pagetop a
{
    font-size: 0.8em;
    letter-spacing: 1px;
    text-decoration:none;
	background:url("../images/arrow_up.gif") no-repeat left center;
	padding-left:13px;
}

/* add 2013/09/04 goto end */

/*フッターのホーム、戻るボタン*/
#footerbtn
{
	width:200px;
	float:right;
	text-align:right;
	padding:5px 25px 0px 0px;
}
#footerbtn img
{
	margin:0px 2px 0px 1px;
}


/* テーブルリスト（loc,word_l等で使用） */
/* table2はスマホ版でもPCと同様にtable表示する用（toukei3,nyusatsuで使用） */
TABLE.table1, TABLE.table2{
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}
TABLE.table1 th, TABLE.table2 th{
	/* ※背景色は色別CSSで定義 */
	/*background-color:#fcefca;*/
	text-align:center;
	font-weight:bold;
	padding: 3px;
	border:1px solid #CCCCCC;
	line-height:1.4;
}
TABLE.table1 td, TABLE.table2 td{
	padding: 5px 7px;
	border:1px solid #CCCCCC;
	line-height:1.4;
}
/* フォーム系のテーブルリスト（faq2,bbs,entry等で使用） */
TABLE.formTable
{
	width:95%;
	margin: 0px auto 0px auto;
}
TABLE.formTable th
{
	text-align:left;
	padding:5px 3px 5px 50px;
	width:25%;
}
TABLE.formTable th.hissu,TABLE.formTable th.hissu{
	background-image:url("../images/hissu.gif");
	background-repeat: no-repeat;
	background-position: 5px center;
	text-align:left;
}
TABLE.formTable label
{
	margin:5px 15px 5px 5px;
}

/* 各ページ一覧の絞り込み検索 */
.search{
	width: 100%;
	border:solid 1px #CCCCCC;
	text-align: left;
	margin:0 auto 20px auto;
	padding:10px 0;
	line-height:120%;
	font-size:0.9em;
	vertical-align:middle;
}
.searchText
{
    background:url("../images/searchIcon.gif") no-repeat left 3px;
    border-right:dotted 1px #CCCCCC;
    padding:2px 10px 2px 20px;
    margin-left:10px;
}
.searchItem{
    margin:0 5px 0 10px;
}
.searchItem input{/*キーワード入力枠*/
    width:15%;
}
.searchItem select{/*分類セレクトボックス*/
    width:20%;
}
.searchItem .btn{/*検索ボタン*/
    width:80px;
}
/* 各ページ一覧の絞り込み検索（大きめ枠バージョン faq2,search,shinsei,word_l等） */
.searchBig
{
    padding:20px 0;
    border: 3px solid #CCCCCC;
    font-size: 1em;
}
.searchBig h3
{
    margin:10px 0 0 10px;
}
.searchLbox
{
	width:20%;
	float:left;
	text-align:center;
    padding:4px 0;
}
.searchRbox
{
	width:80%;
	float:right;
}
.searchButton
{
    text-align:center;
    margin:15px auto 10px auto;
}
.searchButton .btn
{
    width:auto;
    height:2.4em;
    margin:0 5px 0 5px;
    padding:2px 10px;
}


/* 各ページ一覧の分類帯 */
.bunruiTtlForSP
{
	display: none;
}

/* 各ページ一覧の件数表示部分 */
.kensu
{
	text-align:right;
	width:99%;
	font-size:0.9em;
	margin:0 auto 5px auto;
}

/* ページ切替 部分****************/
.changePageLink
{
	width:100%;
	font-size:0.8em;
	text-align:center;
	margin-top:15px;
	padding:5px;
}
/* ページ切替　選択中ページ */
.changePageLink span.nowPage
{
	/* ※背景色・文字色は色別CSSで定義 */
    /*background-color:#999999;    
    color:#FFFFFF;*/
    border:solid 1px #999999;
    font-family:'平成角ゴシック',Osaka,sans-serif;
    margin:2px 4px 2px 0px;
    padding:1px;
    text-align:center;
}
/* ページ切替　選択可能ページ */
.changePageLink span.linkPage
{
    border:solid 1px #999999;
   	font-family:'平成角ゴシック',Osaka,sans-serif;
    margin:2px 4px 2px 0px;
    padding:1px;
    text-align:center;
}
.changePageLink span.linkPage a
{
    text-decoration:none;
}
.changePageLink span.linkPage a:hover
{
	/* ※背景色・文字色は色別CSSで定義 */
    /*color:#FFFFFF;
    background-color:#999999;*/
}
/* ページ切替　省略表示 */
.changePageLink span.ryakuPage
{
    border:none 0px;
    font-family:'平成角ゴシック',Osaka,sans-serif;
    margin:2px 4px 2px 0px;
    padding:1px;
    text-align:center;
}
/* ページ切替 end****************/

/* 投稿系ボタン */
.toko
{
	width:100px;
	height:2.4em;
	font-size:1.1em;
	padding:3px;
	margin:0 5px;
}
.indent 
{
	margin: 0px auto 0px auto;
	height:0px;
	padding:0px;
	clear:both;
}

/* 入力チェックエラーメッセージの添え書き */
div.inputErrMsgSoegaki
{
	width:90%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align:left;
	border:0px none;
	/* ※背景色・文字色は色別CSSで定義 */
	/*color:#AF0000;*/
}
/* 入力チェックエラーメッセージ */
div.inputErrMsg
{
	width:90%;
	margin: 0px auto 0px auto;
	padding: 5px 10px;
	text-align:left;
	/* ※背景色・文字色は色別CSSで定義 */
	/*color:#AF0000;
	border:1px solid #AF0000;*/
}

/* IME-MODE 有効 */
input.ime-mode-active 
{
	IME-MODE: active;
}
/* IME-MODE 選択後有効 */
input.ime-mode-inactive 
{
	IME-MODE: inactive;
}
/* IME-MODE 無効 */
input.ime-mode-disabled  
{
	IME-MODE: disabled;
}
/* 認証キーの画像 */
.ninsyoImg img
{
    vertical-align:bottom;
}

/* add 2011/07/28 Weblio start */
/* Weblio用語解説リンク枠 */
div.div_weblio_rws_ah
{
	background-color:#fff;
	border:#c0c0c0 solid 1px;
	margin:20px 17px;
	padding:0 2px 0 2px;
}
/* Weblio問い合わせ先 */
p.p_weblio_toiawase
{
	margin:0;
	padding:1px 0 3px 2px;
	font-size:12px;
}
p.p_weblio_toiawase a
{
	color:#000;
}
/* add 2011/07/28 end */

/* add 2011/08/25 iwashita preview_soegaki start */
/* プレビュー表示タイトル */
span.preview_title
{
	color:#ff0000;
}
/* プレビュー時の添え書き */
span.preview_soegaki
{
	color:#ff0000;
	font-weight:bold;
	margin-left:10px;
	font-size:0.8em;
}
/* add 2011/08/25 iwashita end */


/* upd 2013/07/10 SNSボタン表示調整 start */
/* upd 2013/03/22 各snsボタン分 start */
/* add 2012/09/05 SNSボタン表示対応 */

/* SNSボタン表示 */
.snsbutton
{
    width:65%;
    height:25px;
    margin:0px auto 10px auto;
    text-align:left;
    vertical-align:top;
    padding:0px;
    border:none;
    float:left;
}
.snsbutton li
{
    margin-right:5px;
    margin-top:5px;
    padding-left:3px;
    float:left;    
    height:25px;
}

#fb-root
{
    display:none;
}
/* add 2012/09/05 end
/* upd 2013/03/22 end */
/* upd 2013/07/10 end */

/* add 2012/12/20 SNSコメント欄表示対応 */
.snsComments
{
    width:95%;
    margin:20px auto 0px auto;
    padding:0px;
    border:solid 1px #CCCCCC;
    background-color:#FAF8EF;
}
/* add 2012/12/20 end

/* add 2014/07/16 フッター添え書きの追加 start */
#pdfreader_attention
{
	text-align:left;
	padding:5px 7px 10px 7px;
	border-top:1px dotted #aaaaaa;
	border-bottom:1px dotted #aaaaaa;
}
#pdfreader_attention p
{
	font-weight:bold;
	margin:0px;
}
/* add 2014/07/16 end */

/***********************************************************************************
　 ↑共通部分 end↑
************************************************************************************/

/************************************
* ヘッダーリンク(メインのみ表示)
*************************************/
#headLink
{
    text-align:right;
    line-height:normal;
    font-weight:normal;
    font-size:15px;
    float:right;
    width:600px;
}
#headLink a
{
    text-decoration:underline;
}
#headLink span
{
    padding:0px 0px 0px 28px;
    margin-left:20px;
}
span#panf
{
    background:url("../images/top1/icon_panf.jpg") no-repeat 0px center;
}
span#toi
{
    background:url("../images/top1/icon_toi.jpg") no-repeat 0px center;
}
span#access
{
    background:url("../images/top1/icon_access.jpg") no-repeat 0px center;
}

/************************************
* グローバルナビ(メインのみ表示)
*************************************/
#navi
{
    width:1000px;
    margin:15px auto 0px;
    line-height:normal;
    font-weight:normal;
    font-size:0.9em;
}
#navi .menu
{
    float:left;
    width:250px;
    text-align:center;
    padding:12px 0px;
}
#navi .menu a
{
    display:block;
    border-right:solid 1px #CFCFCF;    
    text-decoration:none;
}
#navi .last a
{
    border:none;
}
#navi1 a
{
    background:url("../images/top1/navi_icon01.png") no-repeat 12px center;
    padding:7px 0px 7px 32px;
}
#navi2 a
{
    background:url("../images/top1/navi_icon02.png") no-repeat 50px 9px;
    padding:7px 0px 7px 30px;
}
#navi3 a
{
    background:url("../images/top1/navi_icon03.png") no-repeat 40px center;
    padding:7px 0px 7px 30px;
}
#navi4 a
{
    background:url("../images/top1/navi_icon04.png") no-repeat 60px 7px;
    padding:7px 0px 7px 27px;
}
#navi5 a
{
    background:url("../images/top1/navi_icon05.png") no-repeat 52px center;
    padding:7px 0px 7px 30px;
}

/************************************
* フッターメニュー(メインのみ表示)
*************************************/
#footerMenu
{
    text-align:center;
    padding:10px 0px;
    border-top:solid 1px #ECECEC;
    border-bottom:solid 1px #ECECEC;
    font-size:0.9em;
}
.haikei #siteinfo
{
	width:100%;
    padding:0px;
    font-size:0.8em;
    line-height:150%;
}
#siteinfoArea
{
	width:980px;
	margin:0 auto;
}
#siteinfoL
{
	width:250px;
	float:left;
	margin:20px 20px 10px 0px;
}
#siteinfoR
{
	float:left;
	margin:20px auto 10px;
	line-height:23px;
}

/************************************
* フッターメニュー(五和支所)
*************************************/
/*「ページの先頭へ」部分*/
.haikei_24 #pagetop
{
    margin:0px auto;
	width:1000px;
}
.haikei_24 #pagetop #pagetopLink
{
    width:940px;
    margin:0px auto;
    padding:40px 0px 20px;
}
.haikei_24 #pagetop a
{
	display: block;
    float: right;
    padding:0px 40px 0px 40px;
    text-decoration: none;
    font-size: 12px;
    width:108px;
    height:69px;
    line-height:75px;
    font-weight:bold;
}
.haikei_24 #footBg
{
    padding-bottom:60px;
}
.haikei_24 #siteinfo
{
    padding:0px;
    font-size:0.8em;
    line-height:150%;
	margin:0 auto;
	width:1000px;
}
#siteinfoArea_24
{
	width:920px;
	margin:0 auto;
}
#siteinfoL_24
{
	width:330px;
	float:left;
	margin:20px 20px 10px 0px;
}
#siteinfoR_24
{
	float:left;
	margin:20px auto 10px;
	line-height:23px;
}