@charset "utf-8";

/* ==== 基本スタイル用CSS
*
* ページレイアウト、サイト全般で使用する装飾、etc...
*
==== */


/* ---- htmlタグ再設定 ---- */

body {
	font-size:13px;
	background-color: #D9F1F9;
	background-image:url(../../misc/images/bk.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	color: #444;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/* YUI2 */
select,input,button,textarea,button{font:99% sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*a {
	text-decoration: underline;
}
a:link {
	color:#4A71BF;
}
a:visited {
	color:#663366;
}
a:active {
	color:#FF6600;
}
a:hover {
	color:#FF6600;
	text-decoration: none;
}
*/

h1 img {
	display: block;
	border:0;
}
hr{
	display:none;
}

/* ---- 標準的に使用するクラス ---- */

/* png画像使用部位に付与するクラス（DD_belatedPNG） */
.pngBg {}

/* フロート */
.fltLh{
	float: left;
}
.fltRh{
	float: right;
}
img.fltRh{
	float: right;
	margin: 0 0 15px 10px;
}
img.imgLh {
	margin: 0 5px 5px 0;
}
img.imgRh {
	margin: 0 0 5px 5px;
}

/* テキスト */
.ctr {
	text-align: center;
}

/* 段落ブロック */
.sentence {
	margin-bottom: 40px;
	padding: 0 15px;
}
.sentence .sentence {
	margin-bottom: 20px;
}
.sentence p {
	line-height: 1.5;
	text-indent: 0em;
	margin-bottom: 0.8em;
	padding: 0;
}

.sentence .sentenceBody {
	margin: 0 0 0 10px;
}

/* ---- ページレイアウト ---- */

#allWrap {
	width: 999px;
	margin: 0 auto;
	border-bottom:1px solid #ccc;	
}

/* ---- header ---- */
#headWrap {
	height: 77px;
	position: relative;
	background:#FFFFFF url(../../misc/images/head_bk.jpg) left top no-repeat;
}

/* logo */
#headWrap h1 {
	display: block;
	position: absolute;
	top: 0px;
	left: 20px;
	width: 277px;
	height: 65px;
}

/* ---- 追記ここから ---- */

/* autolanguage btns */
#headAutoLangNavi {
	position: absolute;
	top: 23px;
	left: 553px;
}
#headAutoLangNavi ul li {
	height: 22px;
	float: left;
}

/* ---- 追記ここまで ---- */

/* language btns */
#headLangNavi {
	position: absolute;
	top: 47px;
	/* left: 648px; */
	left: 728px;
}
#headLangNavi ul li {
	height: 22px;
	float: left;
}

/* kaiin */
#headWrap h2 {
	display: block;
	position: absolute;
	top: 25px;
	right: 20px;
	width: 180px;
	height: 30px;
}




/* ---- global menu navi ---- */
#mainNavi {
	height: 50px;
	*font-size:0px;
}
#mainNavi ul {
}
#mainNavi ul li {
	display: block;
	width: 166px;
	height: 46px;
	float: left;
}
#mainNavi ul li.t2 {
	width: 167px;
}

#mainNavi ul li a {
	display: block;
	width: 166px;
	height: 46px;
}
#mainNavi ul li.t2 a {
	width: 167px;
}

#mainNavi p{
	font-size:0px;
	line-height:0px;
}

/* ---- pankuzu ---- */
#pankuz {
	padding: 7px 15px 5px 20px;
	font-size: 90%;
}
#pankuz a {
	color: #666;
	text-decoration: none;
}
#pankuz a:hover {
	text-decoration: underline;
}


/* ---- main area ---- */
#contents {
	width: 959px;
	padding:11px 20px;
	background:#FFFFFF url(../../misc/images/sideline.gif) top left repeat-y;
}

/* ---- login area ---- */

#loginWrapper {
	display: block;
	overflow: hidden;
}
* html #loginWrapper{
	height: 1%;
}

#loginWrapper #login{
	display:block;
	width:250px;
	float:left;
	margin-right: 12px;
}

#login {
	display:block;
	margin-bottom: 10px;
	float:left;
	width: 250px;
}

#login p.up{
}
#login p.desc{
	color:#000000;
	background:url(../../misc/images/lodin_bbk.gif) top left repeat-y;
	height:29px;
	padding: 8px 11px;
}
#login p.down{
	font-size:0px;
}
/*safari size check 用
@media screen and (-webkit-min-device-pixel-ratio:0) { #login p.desc {
	font-size:12px;
}
}
*/

#loginBanner{
	background-image:url(../../misc/images/bg_bnrWide_fcg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	display:block;
	width:697px;
	height:92px;
	float:left;
	margin-bottom: 10px;
}
.img_fcg_top{
	position:absolute;
	left:13px;
	top:17px;
	display:block;
}
.img_fcg_lower01{
	position:absolute;
	left:322px;
	top:14px;
	display:block;
}
.img_fcg_lower02{
	position:absolute;
	left:506px;
	top:14px;
	display:block;
}

/*contentsArea*/
#mainWrapper{
	display: block;
	overflow: hidden;
}
* html #mainWrapper{
	height: 1%;
}


/* sub menu */
#menuArea{
	display: block;
	width:250px;
	margin-right: 12px;
	float: left;
}

#menuArea ul {
}
#menuArea ul li {
	display: block;
	width: 250px;
	height: 53px;
}

#menuArea ul li a {
	display: block;
	width: 250px;
	height: 53px;
	overflow: hidden;
}

#menuArea .submenubox {
	width:240px;
	height:auto;
	padding:5px 0 10px 10px;
	letter-spacing:0;
}

#menuArea .submenubox .menu_title {
	background-color:#E0DCC3;
	padding:5px;
	color:#333;
	font-weight:bold;
}

#menuArea .submenubox .menu_title2 {
	background-color:#E0DCC3;
	padding:5px;
	margin-top:15px;
	color:#333;
	font-weight:bold;	
}

#menuArea .submenubox .banner {
	border:solid 1px #FF8F20;
	padding:5px;
	margin:10px 0 5px 0;
	color:#333;
	font-weight:bold;
}

#menuArea dl {
	margin:15px 0 10px 0;
}

#menuArea dl.list {
	margin:5px 0 0 0;
}


#menuArea dt {
	width:13px;
	clear:both; 	
	float:left;
}
#menuArea dd {
	height:auto;
	overflow:hidden;
	margin-bottom:8px;
	padding:1px 0 0 0;
}

#menuArea dl.sub {
	margin:0 0 0 15px;
}
#menuArea dd.sub {
	width:200px;
	padding:0 0 0 2px;
	margin-bottom:3px;	
}

/* bannarArea */
#menuArea .bannerArea {
	margin:5px 9px 5px 7px;
	text-align:center;
}

#menuArea .bannerArea p {
	margin-top:6px;
}


/* index Area */
/*Whats new*/
#indexArea{
	display:block;
	width:697px;
	float:left;
	overflow: hidden;
	padding-bottom: 10px;
	line-height:0;
	zoom:1;
}
* html #indexArea{
	height: 1%;
}

#idxWhatArea {
	display:block;
	width:340px;
	float:left;
	margin-right: 17px;
	overflow: hidden;
}
* html #idxWhatArea{
	height: 1%;
}
#idxWhatArea h2 {
	zoom: 1;
}
#topWhat {
	background-image:url(../../misc/images/idx_what_side.gif);
	background-repeat:repeat-y;
	background-position: 0 100%;
	padding: 0 10px 10px 13px;
	line-height: 140%;
}
#idxWhatArea a {
	text-decoration: none;
	color:#666;
}
#idxWhatArea a:hover {
	text-decoration: none;
	color: #F60;
}
#idxWhatArea dl {
	display: block;
	zoom: 1;
	padding: 5px 0;
}
#idxWhatArea dl dt {
	padding: 8px 0;
	float: left;
	background:url(../../misc/images/idx_what_line.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

html>/**/body #idxWhatArea dl dt {
	padding: 7px 0 5px 0\9;
	float: left\9;
	background:url(../../misc/images/idx_what_line.gif)\9;
	background-position:top left\9;
	background-repeat:no-repeat\9;
}

#idxWhatArea dl dd {
	margin: 0px 1px 5px 5.5em;
	padding: 6px 0;
	background-position:top left;
	_background-position:bottom left;
	background-repeat:no-repeat;
}

html>/**/body #idxWhatArea dl dd {
	padding: 7px 0\9;
	background-position:bottom left\9;
	background-repeat:no-repeat\9;
}




/*safari only
@media screen and (-webkit-min-device-pixel-ratio:0) { #idxWhatArea dl dd {
	margin: 0px 1px 5px 5.5em;
}
}
*/
/*firefox調整*/
html:not([lang*=""]) #idxWhatArea dl dd {
	background:url(../../misc/images/idx_what_line.gif);
}
#idxWhatArea h2 {
	*font-size:0px;
}
h2.idxWhatAreabtn {
	text-align:right;
}

/*　#idxOtherAreaにてインデックス右側のエリア全体を包括*/
#idxOtherArea {
	display:block;
	width:340px;
	float:left;
	overflow: hidden;
}
* html #idxOtherArea{
	height: 1%;
}

/*プレスリリース*/
#idxPressArea {
	display:block;
	width:340px;
	margin-bottom:17px;
	float:left;
	overflow: hidden;
}
* html #idxPressArea{
	height: 1%;
}
#idxPressArea h2 {
	zoom: 1;
}
#topPress {
	background-image:url(../../misc/images/idx_press_side.gif);
	background-repeat:repeat-y;
	background-position: 0 100%;
	padding: 0 10px 10px 13px;
	line-height: 140%;
}
#idxPressArea a {
	text-decoration: none;
	color:#666;
}
#idxPressArea a:hover {
	text-decoration: none;
	color: #F60;
}
#idxPressArea dl {
	display: block;
	zoom: 1;
	padding: 5px 0;
}
#idxPressArea dl dt {
	padding: 7px 0;
	float: left;
	background:url(../../misc/images/idx_press_line.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#idxPressArea dl dd {
	margin: 0px 1px 5px 5.5em;
	padding: 6px 0;
	background-position:top left;
	background-repeat:no-repeat;
}
/*firefox調整*/
html:not([lang*=""]) #idxPressArea dl dd {
	background:url(../../misc/images/idx_press_line.gif);
}
#idxPressArea h2 {
	*font-size:0px;
}
h2.idxPressAreabtn {
	text-align:right;
}

/*行政からのお知らせ*/
#idxInfoArea {
	display:block;
	width:340px;
	float:left;
	overflow: hidden;
	line-height: normal;
}
* html #idxInfoArea{
	height: 1%;
}
#idxInfoArea h2 {
	zoom: 1;
}
#topInfo {
	background-image:url(../../misc/images/idx_info_side.gif);
	background-repeat:repeat-y;
	background-position: 0 100%;
	padding: 0 10px 10px 13px;
	line-height: 140%;
}
#idxInfoArea a {
	text-decoration: none;
	color:#666;
}
#idxInfoArea a:hover {
	text-decoration: none;
	color: #F60;
}
#idxInfoArea dl {
	display: block;
	zoom: 1;
	padding: 5px 0;
}
#idxInfoArea dl:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}
#idxInfoArea dl dt {
	padding: 7px 0;
	float: left;
	background:url(../../misc/images/idx_info_line.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#idxInfoArea dl dd {
	margin: 0px 1px 5px 5.5em;
	padding: 6px 0;
	background-position:top left;
	background-repeat:no-repeat;
}
/*firefox調整*/
html:not([lang*=""]) #idxInfoArea dl dd {
	background:url(../../misc/images/idx_info_line.gif);
}
#idxInfoArea h2 {
	*font-size:0px;
}
h2.idxInfoAreabtn {
	text-align:right;
}
h2.indexDown{
	width: 340px;
}

/* ---- footer ---- */
#footWrap {
	clear: both;
	position: relative;
	height: 60px;

}

/* navi */
ul#footNavi {
	display: block;
	position: absolute;
	top: 10px;
	left: 2px;
	width: 350px;
}
ul#footNavi li {
	float: left;
	padding: 0 17px 0 0;
	line-height: 0;
}
ul#footNavi li a {
	line-height: normal;
}

/* copyright */
p#copyRight {
	position: absolute;
	top: 45px;
	right: 293px;
	font-size: 12px;
}

/* pageTop */
p#pageTop {
	position: absolute;
	top: 10px;
	left: 863px;
}

/* footLine */
p#footLine {
	position: absolute;
	top: 25px;
	left: 0px;
}

/* google analytics */
#gglAnlys {
	position: absolute;
	top: -100px;
	visibility: hidden;
}

/* 段落ブロック */
.sentence2 {
	margin-bottom: 40px;
	padding: 0px 0px;
}
.sentence2 .sentence {
	margin-bottom: 20px;
}
.sentence2 p {
	line-height: 1.8;
	text-indent: 0em;
	margin-bottom: 1.8em;
	padding: 0;
}

.sentence2 .sentenceBody {
	margin: 0 18px 0 18px;
}

/* 注釈 */
p.notes {
 padding-left: 1em;
 text-indent: -1.5em;
}

/* 共通：中央寄せ */
.center{
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	text-align: center;
}

/* 共通：図解枠 */

#sig {
	display: block;
	margin: 0 16px;
	padding: 0;
}
div#sig .title{
}



/* clearfix */
/* テキストレイアウトが複雑に混在する時に利用 */
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;
}
.clearfix {
	display:inline-block;
	min-height:1%;
}
/* FOR MAC IE \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display:block;
}
/* END OF FOR MAC IE */

/* 共通：回り込み画像用ラッパー */
div#picWrapper{
	display:block;
	padding:0;
	overflow: hidden;
	margin-left: 10px;
}
* html div#picWrapper {  
     height: 1%;  
}
/* img 回り込み */
#pic {
	margin-top:5px;
	overflow: hidden;
}
* html img#pic {  
     height: 1%;  
}

/* 共通：画像用ドロップシャドウ */

 
.shadow img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -5px; /* 画像を上へ移動 */
    padding:0; /* 画像枠 */
    background: #ffffe0; /* paddingを設定した場合の背景色 */
}


/* ---- 会員情報エリア（ログイン後） ---- */
#members {width:959px;margin:15px auto;}
#membContent {
	background-image: url(../../misc/images/memb_bk_all.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	padding: 5px 0 16px 9px;
	overflow: hidden;
	position: relative;
	margin-top:-3px;
}
* html #membContent {
	height: 1%;
}

#membControll {
	width: 225px;
	float: left;
}

#membControll h2 {
	line-height: 20px;
	background-image: url(../../misc/images/memb_bk_name.gif);
	background-repeat: repeat-x;
	background-position: 0px 100%;
	margin: 0 0 15px;
}

#membControll h2 em {
	font-weight: bold;
}

#membControll ul li {
	margin: 0 0 15px;
}
#membControll ul li a {
	color: #333;
	text-decoration: none;
	line-height: 16px;
	background-image: url(../../misc/images/memb_icn_plus.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding: 0 0 0 18px;
}
#membControll ul li a:hover {
	color: #F60;
}

#membInfoblock {
	margin: 0 0 0 240px;
	font-size: 12px;
	width: 699px;
}

#membLogout {
	position: absolute;
	left: 8px;
	bottom: 24px;
}

/* タブメニュー */
#membTabbedPanels {
	float: none;
}

#membTabbedPanels ul.TabbedPanelsTabGroup {
	display: block;
	height: 33px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#membTabbedPanels ul.TabbedPanelsTabGroup li {
	display: block;
	/*position: absolute;*/
	/*float: none;*/
	text-indent: -999px;
	margin: 0;
	padding: 0;
	width: 140px;
	height: 32px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#membTabbedPanels li.TabbedPanelsTab {
	vertical-align: top;
}
#membTabbedPanels ul.TabbedPanelsTabGroup  .TabbedPanelsTabHover {
	background-position: 0 -40px;
}
#membTabbedPanels ul.TabbedPanelsTabGroup li.TabbedPanelsTabSelected {
	background-position: 0 -40px;
}

#membTabbedPanels ul li#memnv01 {
	background-image: url(../../misc/images/memb_navi_news.jpg);
}
#membTabbedPanels ul li#memnv02 {
	background-image: url(../../misc/images/memb_navi_jimukyoku.jpg);
}
#membTabbedPanels ul li#memnv03 {
	background-image: url(../../misc/images/memb_navi_iinkai.jpg);
}
#membTabbedPanels ul li#memnv04 {
	width: 139px;
	background-image: url(../../misc/images/memb_navi_bukai.jpg);
}
#membTabbedPanels ul li#memnv05 {
	background-image: url(../../misc/images/memb_navi_fa.jpg);
}


#membTabbedPanels .TabbedPanelsContentGroup {
	width: 699px;
	padding: 0;
	margin: 0;
	border: 0 none;
	background-image: url(../../misc/images/memb_bk_tabsctt.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	height: 138px;
	clear: none;
}
#membTabbedPanels .TabbedPanelsContent {
	margin: 0;
	padding: 24px 0 0 12px;
}
#membTabbedPanels #memCtt01.TabbedPanelsContent {
	padding: 15px 15px 0 12px;
}


#membTabbedPanels .TabbedPanelsContent dl {
}
#membTabbedPanels .TabbedPanelsContent dl:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;
}
* html #membTabbedPanels .TabbedPanelsContent dl {
	height: 1%;
}
#membTabbedPanels .TabbedPanelsContent dt {
	padding: 0 2px 3px;
	float: left;
	border-bottom: 1px solid #EEE4BC;
}
#membTabbedPanels .TabbedPanelsContent dd {
	padding: 0 2px 3px;
	margin: 0 0 12px 5.5em;
	border-bottom: 1px solid #EEE4BC;
}

#memCtt01 .listBtn {
	text-align: right;
}

#membTabbedPanels ul.buttons {
	line-height: 0;
}
#membTabbedPanels ul.buttons li {
	display: block;
	float: left;
	height: 46px;
	width: 170px;
}
#membTabbedPanels ul.buttons li a {
	line-height: normal;
}