@charset "UTF-8";

/*===== CONTENTS ===========================================

	1: Container
	2: Blockskip
	3: Header
		3-1: Logo
		3-2: Menu
	4: Global navi
	5: Content
		5-1: Main contents
		5-2: Side navi
	6: Page navi
	7: Footer navi
	8: Footer

==========================================================*/


/* 1: Container
==========================================================*/
div#container {
	clear: both;
	width: 100%;
	margin: 0 auto;
	font-size: 82%;
	line-height: 1.4;
	text-align: left;
}


/* 2: 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;
}


/* 3: Header
==========================================================*/
div#header {
	position: relative;
	width: 980px;
	margin: auto;
}

div#header p.logo {
	float: left;
	width: 116px;
}

div#header ul.head_menu {
	float: right;
	margin: 35px 0 8px 0;
	list-style: none;
}

div#header ul.head_menu li {
	float: left;
	margin-left: 10px;
	border-left: 1px dotted #CCCCCC;
}

div#header ul.head_menu li.menu_help {
	margin-top: 2px;
	padding: 1px 0 0 33px;
	background: url(../../img/pcm/head_menu_help.gif) no-repeat 10px center;
	border: none
}

div#header ul.head_menu li.menu_contact {
	margin-top: 2px;
	padding: 1px 0 0 33px;
	background: url(../../img/pcm/head_menu_contact.gif) no-repeat 10px center;
}

div#header ul.head_menu li.menu_sitemap {
	margin-top: 2px;
	padding: 1px 0 0 33px;
	background: url(../../img/pcm/head_menu_sitemap.gif) no-repeat 10px center;
}

div#header ul.head_menu li.menu_fontsize {
	padding-left: 31px;
	background: url(../../img/pcm/head_menu_font.gif) no-repeat 10px center;
	border-left-style: solid;
	line-height: 1em;
}

*:first-child+html div#header ul.head_menu li.menu_fontsize {
	width: 250px;
}/* IE7 */

div#header ul.head_menu li.menu_fontsize dl {
	height: 24px;
}

div#header ul.head_menu li.menu_fontsize dl dt {
	float: left;
	width: 59px;
	margin: 0 5px 0 0;
}

*:first-child+html div#header ul.head_menu li.menu_fontsize dl dt {
	font-size: 14px;
	line-height: 26px;
}/* IE7 */

div#header ul.head_menu li.menu_fontsize dl dd {
	display: block;
	height: 24px;
}

div#header ul.head_menu li.menu_fontsize dl dd ul {
	width: 250px;
	list-style: none;
}

*:first-child+html div#header ul.head_menu li.menu_fontsize dl dd ul {
	width: 186px;
	font-size: 14px;
	line-height: 26px;
}/* IE7 */

div#header ul.head_menu li.menu_fontsize dl dd ul li {
	float: left;
	width: 62px;
	margin-left: 0;
	border: none;
}


/* 4: Global navigation
==========================================================*/
div#gNavi {
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 2px;
	background: #333666 url(../../img/pcm/gnavi_bg.gif) repeat-x left bottom;
}
 
div#gNavi ul {
	width: 980px;
	margin: auto;
}

div#gNavi ul li {
	float: left;
	width: 196px;
	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 */ 


/* 5: Topic path
==========================================================*/
div#topicPath {
	clear: both;
	background: url(../../img/pcm/cmn_bg_topicpath.gif) repeat-x left bottom;
	margin-bottom: 20px;
}

div#topicPath p {
	margin: 0;
	padding: 3px 0 8px 35px;
	background: url(../../img/pcm/cmn_icon_topicpath.gif) no-repeat 8px 0.1em;
}


/* 5: Contents
==========================================================*/
div#contentsArea {
	clear: both;
	width: 980px;
	margin: auto;
}


/* 5-1: Main contents
==========================================================*/
div#contentsArea div#main {
	float: right;
	width: 706px;
}


/* 5-2: Side navi
========================================================*/
div#sideNavi {
	float: left;
	width: 248px;
	display: inline;
	margin-right: 26px;
}


/* 6: page navi
==========================================================*/
div#pageTop {
	width: 100%;
	padding-top: 20px;
	border-bottom: 4px solid #333666;
}

div#pageTop p {
	width: 980px;
	margin: 0 auto;
}

div#pageTop a {
	float: right;
	display: block;
	padding: 5px 20px 5px 10px;
	background: #333666 url(../../img/pcm/cmn_icon_pagetop.gif) no-repeat 95% 0.4em;
	color: #FFFFFF;
}

div#pageTop a:hover {
	text-decoration: underline;
}


/* 7: Footer navi
==========================================================*/
div#footNavi {
	width: 100%;
	padding: 20px 0;
	background: url(../../img/pcm/footNavi_bg.gif) repeat-x left top;
}

div#footNavi div.inner {
	width: 980px;
	margin: auto;
}

div#footNavi div.inner p.headIcon {
	margin-bottom: 0.5em;
	padding-left: 20px;
	background: url(../../img/pcm/cmn_icon_head3.gif) no-repeat left 0.2em;
}

div#footNavi div.inner div.clmBox01 {
	float: left;
	width: 280px;
	margin: 0 40px 0 20px;
}

div#footNavi div.inner div.clmBox02 {
	float: left;
	width: 280px;
	margin: 0 40px 0 0;
}

div#footNavi div.inner div.clmBox03 {
	float: left;
	width: 280px;
	margin: 0 0 0 20px;
}

div#footNavi div.inner div.clmBox01 ul,
div#footNavi div.inner div.clmBox01 ul ul,
div#footNavi div.inner div.clmBox02 ul,
div#footNavi div.inner div.clmBox02 ul ul,
div#footNavi div.inner div.clmBox03 ul,
div#footNavi div.inner div.clmBox03 ul ul {
	list-style: none;
}

div#footNavi div.inner div.clmBox01 ul li,
div#footNavi div.inner div.clmBox02 ul li,
div#footNavi div.inner div.clmBox03 ul li {
	padding-left: 20px;
	background: url(../../img/pcm/cmn_icon_arrow01.gif) no-repeat left 0.3em;
}

div#footNavi div.inner div.clmBox01 ul li li,
div#footNavi div.inner div.clmBox02 ul li li,
div#footNavi div.inner div.clmBox03 ul li li {
	padding-left: 13px;
	background: url(../../img/pcm/cmn_icon_arrow03.gif) no-repeat 3px 0.4em;
}


/* 8: 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-left: 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;
}