@charset "Shift_JIS";
/* =======================================
body
======================================= */
body {
	color: #000000;
	text-align:center;
	background-image:url(image/bg.jpg);
	background-position:center top;
	background-repeat:repeat-y;
}


/* =======================================
base layout
======================================= */
#container {
	margin:0 auto;
	text-align:left;
	padding:0;
	background-image:url(image/bg_head_s.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
body.home #container {
	background-image:url(image/bg_head.jpg);
}
body.headtype1 #container {
	background-image:url(image/bg_head_s2.jpg);
}
body.no-menu #container {
	background-image:url(image/bg_head_nomenu.jpg);
}
 #globalnavi {
	height:160px;
}
body.home #globalnavi {
	/*height:280px;*/
	/*height:210px;*/
	height:250px;
}
body.topVisit #globalnavi {
	height:250px;
}
body.headtype1 #globalnavi {
	height:80px;
}
body.no-menu #header {
	margin-bottom:20px;
}

/*タイトル用背景画像*/
#globalnavi {
	background-position:0 39px;
	background-repeat:no-repeat;
}

body.home #globalnavi {
	background-image:url(image/hp_top_01.jpg);
}
body.bg1 #globalnavi {
	background-image:url(image/hp_top_01.jpg);
}
body.bg2 #globalnavi {
	background-image:url(image/hp_top_02.jpg);
}
body.bg3 #globalnavi {
	background-image:url(image/hp_top_03.jpg);
}
body.bg4 #globalnavi {
	background-image:url(image/hp_top_04.jpg);
}
body.bg5 #globalnavi {
	background-image:url(image/hp_top_05.jpg);
}
body.bg6 #globalnavi {
	background-image:url(image/hp_top_06.jpg);
}
body.bg7 #globalnavi {
	background-image:url(image/hp_top_07.jpg);
}
body.bg8 #globalnavi {
	background-image:url(image/hp_top_08.jpg);
}
body.bg9 #globalnavi {
	background-image:url(image/hp_top_09.jpg);
}
body.bg10 #globalnavi {
	background-image:url(image/hp_top_10.jpg);
}
/* トップページのランダム画像が追加になる場合は、↑に次のスタイルを追加
body.bgN #globalnavi {
	background-image:url(image/hp_top_N.jpg);
}
	※Nは連番の数字
*/


body.topGuide #globalnavi {
	background-image:url(image/title_guide.jpg);
}
body.topOrg #globalnavi,
body.info #globalnavi {
	background-image:url(image/title_topOrg.jpg);
}
body.topVisit #globalnavi {
	background-image:url(image/title_visit.jpg);
}

body.topics #globalnavi {
	background-image:url(image/title_topics.jpg);
}
body.event #globalnavi {
	background-image:url(image/title_event.jpg);
}
body.event-calendar #globalnavi {
	background-image:url(image/title_event-calendar.jpg);
}
body.download #globalnavi {
	background-image:url(image/title_download.jpg);
}
body.faq #globalnavi {
	background-image:url(image/title_faq.jpg);
}
body.shisetsu #globalnavi {
	background-image:url(image/title_shisetsu.jpg);
}
body.soudan #globalnavi {
	background-image:url(image/title_soudan.jpg);
}
body.emergency #globalnavi {
	background-image:url(image/title_emergency.jpg);
}
body.topBiz #globalnavi {
	background-image:url(image/title_biz.jpg);
}
body.topCity #globalnavi {
	background-image:url(image/title_shisei.jpg);
}
body.guide #globalnavi {
	background-image:url(image/title_kakusyu.jpg);
}
body.emergencymail #globalnavi {
	background-image:url(image/title_emergencymail.jpg);
}
body#enquete #globalnavi {
	background-image:url(image/title_enquete.jpg);
}

/*---------------------------*/
#contents {
	margin:0 auto;
	padding-bottom:20px;
	width:980px;
}

/*layout-1col*/
body.layout-1col {}
body.layout-1col #main_contents {
	float:none;
	width:100%;
}
body.layout-1col #left_menu {
	display:none;
}
/*layout-2col*/
body.layout-2col {}
body.layout-2col #main_contents {
	float:right;
	width:727px;
}
body.layout-2col #left_menu {
	float:left;
	width:223px;
}
/*layout-3col*/
body.layout-3col {}
body.layout-3col #main_contents {
	float:right;
	width:727px;
}
body.layout-3col #left_menu {
	float:left;
	width:223px;
}
body.layout-3col #center_main {
	float:left;
	width:475px;
}
body.layout-3col #right_menu {
	float:right;
	width:223px;
}


/*left-type1*/
body.left-type1 #left_menu {
	background-image:url(image/bg_side.jpg);
}

/*sub_main*/
#sub_main {
	clear:both;
	padding-top:20px;
}

/* =======================================
common parts
======================================= */
.pagetop {
	text-align:right;
}
/*------------------------------------
a style
-------------------------------------*/
a {
	color:#0066CC;
	text-decoration:none;
}
a:hover {
	color:#0099CC;
	text-decoration:underline;
}

a.pdf {
	background-image:url(image/icon_pdf.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:3px 0 3px 23px;
}
a.word {
	background-image:url(image/icon_word.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:3px 0 3px 23px;
}
a.excel {
	background-image:url(image/icon_excel.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:3px 0 3px 23px;
}
a.file {
	background-image:url(image/icon_file.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:3px 0 3px 23px;
}

.morelink {
	text-align:right;
	font-size:0.8em;
	border-top:1px solid #DDDDDD;
	padding-top:5px;
	padding-bottom:20px; /* 201203追加 */
}
.morelink a {
	background-image:url(image/icon01.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding:0 0 5px 10px;
	color:#000000;
	text-decoration:none;
}
.morelink a:hover {
	text-decoration:underline;
}

/* =======================================
header 全ページ共通
======================================= */
#header {
	padding:16px 0 0px 0;
	margin:0 auto;
	width:980px;
	position:relative;
}
#header h1 {
	float:left;
	width:162px;
}
#header #h-right {
	/*float:right;*/
	position:absolute;
	top:16px;
	right:0;
	width:433px;
}
#header ul {
	list-style:none;
	margin:0;
	padding:0;
}

#header .fontsize {
	/*float:left;*/
	position:absolute;
	top:0;
	left:0;
	width:190px;
	margin-bottom:14px;
}
#header .fontsize li {
	float:left;
	font-size:xx-small;
	line-height:1;
	margin-right:8px;
}
#header .h-navi {
	/*float:left;*/
	position:absolute;
	top:0;
	right:0;
	margin-right:10px;
	margin-bottom:14px;
}
#header .h-navi li {
	float:left;
	font-size:xx-small;
	line-height:1;
	margin-left:14px;
}
#header .search {
	/*clear:both;
	float:right;*/
	position:absolute;
	top:41px;
	right:0;
	margin-right:3px;
}
#header .search form,
#header .search input,
#header .search div {
	margin:0;
	padding:0;
}
#header .search input.inputtxt {
	border:1px solid #CCCCCC;
	padding:3px;
	width:180px;
	height:18px;
	margin:0;
	vertical-align:top;
}
.submitbutton {
	background-image:url(image/h_search_btn.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:52px;
	height:22px;
	border:0;
	text-indent:-9999px;
	cursor:pointer;
	vertical-align:top;
}
#header .search label img {
	margin-right:7px;
	vertical-align:middle;
}
/* =======================================
gnavi
======================================= */
#globalnavi {
	clear:both;
	margin:0 auto;
	width:980px;
}
#globalnavi ul {
	margin:0;
	list-style:none;
}
#globalnavi li {
	float:left;
	height:63px;
}
#globalnavi li a {
	display:block;
	text-indent:-9999px;
	height:63px;
	overflow:hidden;
	background-image:url(image/gnavi.png);
	background-repeat:no-repeat;
}

#globalnavi li#gnavi1 a {
	width:170px;
	background-position:0 0;
}
#globalnavi li#gnavi1 a:hover {
	background-position:0 -63px;
}
#globalnavi li#gnavi2 a {
	width:162px;
	background-position:-170px 0;
}
#globalnavi li#gnavi2 a:hover {
	background-position:-170px -63px;
}
#globalnavi li#gnavi3 a {
	width:159px;
	background-position:-332px 0;
}
#globalnavi li#gnavi3 a:hover {
	background-position:-332px -63px;
}
#globalnavi li#gnavi4 a {
	width:158px;
	background-position:-491px 0;
}
#globalnavi li#gnavi4 a:hover {
	background-position:-491px -63px;
}
#globalnavi li#gnavi5 a {
	width:162px;
	background-position:-649px 0;
}
#globalnavi li#gnavi5 a:hover {
	background-position:-649px -63px;
}
#globalnavi li#gnavi6 a {
	width:169px;
	background-position:-811px 0;
}
#globalnavi li#gnavi6 a:hover {
	background-position:-811px -63px;
}

/*--------------------------------------------*/
/*プルダウン用*/
/*--------------------------------------------*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {}
.sf-menu {}
.sf-menu ul {
	position:		absolute;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	position:		relative;
	z-index:		99999;	/* 2013/12/04 IE7以前のブラウザでメニューが後ろに隠れるバグ回避 */
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0;
	z-index:10000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {}

/*** SKIN ***/
.sf-menu {}
.sf-menu li li a {
	padding:3px 0px 3px 3px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#000000;
}
.sf-menu li {}
.sf-menu li ul {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
.sf-menu li li {
	background:#FFFFFF;
	border-bottom:1px dotted #CCCCCC;
}
.sf-menu li li.last {
	background:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}

.sf-menu ul li a:hover {
	background:		#EEEEEE;
	outline:		0;
	color:#003399;
}

/*--------------------------------------------*/
#globalnavi .subnavi {
	visibility:hidden;
}

#globalnavi .subnavi li {
	float:none;
	height:auto;
	font-size:0.8em;
	line-height: 1.8;
}
#globalnavi .subnavi li a {
	display:block;
	background-image:none;
	text-indent:0px;
	width:auto;
	height:auto;
	overflow:auto;
	text-decoration:inherit;
}
#globalnavi .subnavi li a:hover {
	background-image:none;
}
/*プルダウン表示位置*/
#globalnavi .sf-menu li#gnavi2 ul {
	top:51px;
}
#globalnavi .sf-menu li#gnavi3 ul {
	top:58px;
}
#globalnavi .sf-menu li#gnavi4 ul {
	top:58px;
}
#globalnavi .sf-menu li#gnavi5 ul {
	top:55px;
}
#globalnavi .sf-menu li#gnavi6 ul {
	top:49px;
}




/* =======================================
breadCrumb
======================================= */
#breadCrumb {
	background-image:url(image/bg_bread.jpg);
	padding:3px 10px;
	margin:0 0 20px 0;
}
#breadCrumb li {
	display:inline;
	font-size:0.8em;
	line-height:1.4;
}
#breadCrumb li a {
	background-image:url(image/icon_pan.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:15px;
	color:#0066CC;
	text-decoration:none;
}
#breadCrumb li a:hover {
	color:#0066CC;
	text-decoration:underline;
}

/* =======================================
footer
======================================= */


#footer {
	clear:both;
	background-color:#0066CC;
	background-image:url(image/bg_foot.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
}
#footer .inner {
	padding:0 0 10px 0;
	margin:0 auto;
	width:980px;
}

#footer .address {
	font-size:0.8em;
	line-height:1.3;
	color:#FFFFFF;
	font-style:normal;
	margin-bottom:5px;
}
#footer .address strong {
	font-size:1.2em;
	font-weight:bold;
}
#footer #copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.3;
	color:#FFFFFF;
}
#footer a {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* =======================================
left_menu
======================================= */
#left_menu {
	padding:5px;
}

#left_menu .side-block ul {
	list-style:none;
	margin-bottom:10px; /* margin-bottom:20px; */
}
#left_menu .side-block li {
	list-style:none;
	background-image:url(image/icon01.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	margin-bottom:5px;
	font-size:0.9em;
	line-height:1.4;
}


body.left-type1 #left_menu .side-block {
	padding:10px 0;
}
body.left-type1 #left_menu .side-block h2 {
	font-size:1.1em;
	font-weight:bold;
	color:#666666;
	margin-bottom:10px;
	border-bottom:1px dotted #DDDDDD;
	padding-bottom:5px;
}
body.left-type1 #left_menu .side-block h3 {
	background-image:url(image/subt_bg2.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:1.1em;
	line-height:1.4;
	color:#000000;
	font-weight:normal;
	margin:0 0px 5px 0px;
	padding:2px 10px 7px 15px;
	clear:both;
}



body.left-type2 #left_menu .side-block h2 {
	font-size:1.1em;
	font-weight:normal;
	color:#333333;
	background-image:url(image/side_tit_bg1.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:0px 0px 7px 6px;
	margin:0 0 10px 0;
}
body.left-type2 #left_menu .side-block h2 span {
	display:block;
	border-left:3px solid #0066CC;
	padding:3px 0 0 5px;
}
body.left-type2 #left_menu .side-block li {
	border-bottom:1px solid #EEEEEE;
	/*margin-bottom:5px;
	padding-bottom:5px;*/
	margin:0;
	background-position:3px;
}
body.left-type2 #left_menu .side-block li a {
	display:block;
	padding:3px;
}

/* =======================================
左メニューのプルダウン
======================================= */
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:223px;
}
.sf-vertical, .sf-vertical li li {
	width:150px;
	/*サブメニューの幅を決めない場合は以下
	width:auto;
	white-space:nowrap;
	*/
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	200px;  /*match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {  } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {  } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	 /* arrow hovers for modern browsers*/
}


body.left-type2 #left_menu .side-block .sf-vertical li ul {
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:0;
}
body.left-type2 #left_menu .side-block .sf-vertical li li {
	border-bottom:1px solid #EEEEEE;
	margin:0;
	padding:0;
}

body.left-type2 #left_menu .side-block .sf-vertical li li {
	background-color:#FFFFFF;
	border-bottom:1px dotted #CCCCCC;
	background-image:none;
}
body.left-type2 #left_menu .side-block .sf-vertical li li.last {
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}
body.left-type2 #left_menu .side-block .sf-vertical li a {
	color:#0066CC;
	text-decoration:none;
}
body.left-type2 #left_menu .side-block .sf-vertical li a:hover {
	color:#0099CC;
	text-decoration:underline;
}
body.left-type2 #left_menu .side-block .sf-vertical li li a {
	background-image:url(image/icon01.gif);
	background-position:5px 7px;
	background-repeat:no-repeat;
	padding:3px 5px 3px 15px;
}

body.left-type2 #left_menu .side-block .sf-vertical li li a:hover {
	background-color:		#EEEEEE;
	outline:		0;
}