@charset "utf-8";

/*====================================================================================================
 Normalize
====================================================================================================*/

/* All Contents */
a img {
	border: 0;
}

a {
	color: #3333FF;
	text-decoration: underline;
}

a:visited {
	color: #3333FF;
}

a:hover {
	color: #3333FF;
}

a:active {
	color: #3333FF;
}

a.oldlaw {
	color: #3333FF;
	text-decoration: underline;
}

a.oldlaw:visited {
	color: #3333FF;
}

a.oldlaw:hover {
	color: #3333FF;
}

a.oldlaw:active {
	color: #3333FF;
}

/*====================================================================================================
 Resetting
====================================================================================================*/

/* All Contents */
body {
	margin: 0;
	font-family: "MS PGothic","ＭＳ Ｐゴシック","Osaka","Meiryo","メイリオ",sans-serif;
	font-weight: normal;
	background: #FFFFFF;
	color: #000000;
}

/* Template */
html > body div#header img,
html > body div#gNavi img,
html > body div#moveTop img,
html > body div#footer img {
	vertical-align: bottom;
} /* IE8, Modern browser */ 

noscript.jsAlert,
div.blockskip,
div#header,
div#gNavi,
div#moveTop,
div#footer {
	margin: 0;
	font-family: "MS PGothic","ＭＳ Ｐゴシック","Osaka","Meiryo","メイリオ",sans-serif;
	font-size: 100%;
	font-weight: normal;
	background: #FFFFFF;
	color: #000000;
	line-height: 1.4;
	text-align: center;
}

noscript.jsAlert,
div.blockskip,
div#header,
div#gNavi,
div#moveTop,
div#footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	line-height: 1.4;
	text-align: left;
}

/*====================================================================================================
 Clearfix
====================================================================================================*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}

div#moveTop:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

div#moveTop {
	zoom: 1;
}

/*====================================================================================================
 No script
====================================================================================================*/
noscript.jsAlert {
	margin: 1em 0;
	background-color: #FFFFFF;
	text-align: center;
}

/*====================================================================================================
 Blockskip
====================================================================================================*/
div.blockskip {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
	z-index: 9999;
}

div.blockskip a {
	display: block;
	width: 100%;
	height: 2px;
	margin: -2px 0 0 0;
	padding: 0;
	background-color: #333333;
	border-bottom: 2px solid #00a1e9;
	color: #FFFFFF;
	cursor: default;    
	font-size: 1px;    
	line-height: 0;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
}

div.blockskip a:hover {
	text-decoration: underline;
}

div.blockskip a.show {
	height: 1em;
	margin-top: 0;
	padding: 5px 0;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 100%;
	line-height: 1;
}

/*====================================================================================================
 Header
====================================================================================================*/
div#header {
	position: relative;
	width: 100%;
	text-align: center;
}

div#header div.inner {
	width: 980px;
	margin: auto;
	text-align: left;
}

div#header div.inner p.logo {
	float: left;
	width: 116px;
	margin: 0;
}

div#header div.inner ul.head_menu {
	float: right;
	margin: 35px 0 8px 0;
	list-style: none;
}

div#header div.inner ul.head_menu li {
	float: left;
	margin: 0 0 0 10px;
	border-left: 1px dotted #CCCCCC;
}

div#header div.inner ul.head_menu li.menu_help {
	margin-top: 2px;
	padding: 1px 0 0 33px;
	background: url(../images/head_menu_help.gif) no-repeat 10px center;
	border: none
}

div#header div.inner ul.head_menu li.menu_contact {
	margin-top: 2px;
	padding: 1px 0 0 33px;
	background: url(../images/head_menu_contact.gif) no-repeat 10px center;
}

div#header div.inner ul.head_menu li.menu_sitemap {
	margin-top: 2px;
	padding: 1px 0 0 33px;
	background: url(../images/head_menu_sitemap.gif) no-repeat 10px center;
}

div#header div.inner ul.head_menu li.menu_fontsize {
	padding-left: 31px;
	background: url(../images/head_menu_font.gif) no-repeat 10px center;
	border-left-style: solid;
	line-height: 1em;
}

div#header div.inner ul.head_menu li.menu_fontsize dl {
	margin-bottom: 0;
	height: 24px;
}

div#header div.inner ul.head_menu li.menu_fontsize dl dt {
	float: left;
	width: 59px;
	margin: 0 5px 0 0;
}

div#header div.inner ul.head_menu li.menu_fontsize dl dd {
	display: block;
	height: 24px;
	margin: 0;
}

div#header div.inner ul.head_menu li.menu_fontsize dl dd ul {
	width: 250px;
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}

div#header div.inner ul.head_menu li.menu_fontsize dl dd ul li {
	float: left;
	width: 62px;
	margin-left: 0;
	border: none;
}

/*====================================================================================================
 Global navigation
====================================================================================================*/
div#gNavi {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 2px;
	background: url(../images/gnavi_bg.gif) repeat-x 0 0;
	text-align: center;
}
 
div#gNavi ul {
	width: 980px;
	margin: auto;
	padding-left: 0;
	text-align: left;
}

div#gNavi ul li {
	float: left;
	width: 196px;
	margin: 0;
	list-style: none;
}


div#gNavi ul.laws li:nth-of-type(1) {
//	background-color: #7FB016;
}

div#gNavi ul.egov li:nth-of-type(2) {
	background-color: #35A0DE;
}

div#gNavi ul.procedure li:nth-of-type(3) {
	background-color: #F27318;
}

div#gNavi ul.public li:nth-of-type(4) {
	background-color: #978268;
}

div#gNavi ul.faq li:nth-of-type(5) {
	background-color: #464dC5;
}

div#gNavi ul li img {
	vertical-align: auto!important;
}

*:first-child+html div#gNavi ul li img{
	vertical-align: bottom!important;
} /* IE7 */ 

/*====================================================================================================
 Top of Page
====================================================================================================*/
div#moveTop {
	width: 100%;
	padding-top: 20px;
	border-bottom: 4px solid #333666;
	text-align: center;
}

div#moveTop p {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

div#moveTop a {
	float: right;
	display: block;
	padding: 5px 20px 5px 10px;
	background: #333666 url(../images/cmn_icon_moveTop.gif) no-repeat 95% 0.4em;
	color: #FFFFFF;
}

div#moveTop a:hover {
	text-decoration: underline;
}


/*====================================================================================================
 Footer
====================================================================================================*/
div#footer {
	clear: both;
	position: relative;
	width: 100%;
	padding: 10px 0 10px 0;
	background-color: #F5F5F5;
	border-top: 1px solid #C1C1C1;
	text-align: center;
}

div#footer ul.footMenu {
	width: 980px;
	margin: 0 auto;
	list-style: none;
}

div#footer ul.footMenu li {
	display: inline;
	border-left: 1px dotted #CCCCCC;
	margin: 0 0 0 10px;
	padding-left: 10px;
}

div#footer ul.footMenu li:first-child {
	border-left: none;
}

div#footer p.copyright {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
}


/*====================================================================================================
 Parts
====================================================================================================*/
img.popup {
	margin: 0 2px 0 5px;
	vertical-align: middle!important;
}

/*====================================================================================================
 ヘッダ
====================================================================================================*/
.headGuidance {
	font-family: "MS PGothic","ＭＳ Ｐゴシック","Osaka","Meiryo","メイリオ",sans-serif;
}