@charset "utf-8";
/*
=============================================================================
style.css
=============================================================================
Theme Name: にいがたＥＶ・ＰＨＶタウン
Theme URI: 
Description: にいがたＥＶ・ＰＨＶタウンのオリジナルテーマ
Version: 1.0
Structure:
	[Reset]
		00. Yahoo UI Library: Reset CSS, Fonts CSS
		01. HTML, Body, Anchor
		02. Heading, Form
		99. Others
			99-01. Inline-level Elements
			99-02. Block-level Elements
			99-03. For IE - Page Zoom
	[Main Layout]
		01. Container
		02. Header
		03. Breadcrumbs
		04. Content
		  04-01. Menu
		  04-02. Wrapper
		  04-03. Main Content
		05. Footer
	[Header]
		01. Site Name
		02. Niigata Prefecture Logo
	[Breadcrumbs]
		01. Breadcrumbs
		02. Search Form
	[Content]
		01. Menu
		02. Goto Top Nav
		03. Content Bottom Link
	[Footer]
		01. Address
	[Common Page]
		01. Site Announcement(404,system maintenance)
		02. Noscript Message
	[Clearfix]
	[Other]
*/

/*
-----------------------------------------------------------------------------
[Reset]
=============================================================================
/*	00. Yahoo UI Library: Reset CSS, Fonts CSS
-----------------------------------------------------------------------------
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#808080;background:#f7f8f9;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* font-size reference:
	 77% = 10px		100% = 13px		124% = 16px		147% = 19px		170% = 22px		193% = 25px
	 85% = 11px		108% = 14px		131% = 17px		154% = 20px		177% = 23px		200% = 26px
	 93% = 12px		116% = 15px		139% = 18px		162% = 21px		185% = 24px
*/
body{font:13px/1.231 "Lucida Grande",Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","ＭＳ Ｐゴシック",sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*	01. HTML, Body, Anchor
-----------------------------------------------------------------------------*/
html {
	height: 100%;
	overflow-y: scroll;
	}

body {
	height: 100%;
	background: url(./images/bg-body.gif) repeat-x 0 0;
	line-height: 1.4;
	text-align: center;
	}

a { color: #187ddd; }
a:link,
a:visited { text-decoration: underline; }
a:hover,
a:active  { text-decoration: none; }

/*	02. Heading, Form
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { line-height: 1.0; }

legend { display: none; }
label { cursor: pointer; }

/*	99. Others
-----------------------------------------------------------------------------*/
/*  99-01. Inline-level Elements
	-------------------------------------------------------------------------*/
img { vertical-align: top; }
object { outline: none; }
strong { font-weight: bold; }

input,
select,
textarea {
	color: #808080;
	font-family: "Lucida Grande",Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","ＭＳ Ｐゴシック",sans-serif;
/*\*//*/
	font-family: "\30D2\30E9\30AE\30CE\20ProN","HiraKakuProN-W3","\30D2\30E9\30AE\30CE\20Pro","HiraKakuPro-W3","Osaka";
/**/
	}

/*  99-02. Block-level Elements
	-------------------------------------------------------------------------*/
hr {
	display: none;
	height: 0;
	border: none;
	line-height: 0;
	overflow: hidden;
	}

/*  99-03. For IE
	-------------------------------------------------------------------------*/
/* For IE7 Page Zoom */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }


/*
-----------------------------------------------------------------------------
[Main Layout]
=============================================================================
/*	01. Container
-----------------------------------------------------------------------------*/
div#container {
	position: relative;
	width: 100%;
	min-height: 100%;
	text-align: left;
	}
* html div#container { height: 100%; }
body > #container { height: auto; }

/*	02. Header
-----------------------------------------------------------------------------*/
div#header {
	position: relative;
	width: 950px;
	height: 105px;
	background: url(./images/bg-header.gif) no-repeat 100% 28px;
	margin: 0 auto;
	}

/*	03. Breadcrumbs
-----------------------------------------------------------------------------*/
div#breadcrumbs {
	position: relative;
	width: 960px;
	margin: 0 auto 20px;
	}

/*	04. Content
-----------------------------------------------------------------------------*/
div.content {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 220px;
	}

	/*	04-01. Menu
	-------------------------------------------------------------------------*/
	div#menu {
		float: left;
		width: 200px;
		margin-bottom: 25px;
		padding-left: 5px;
		}

	/*	04-02. Wrapper
	-------------------------------------------------------------------------*/
	div.wrapper {
		float: right;
		width: 750px;
		margin-bottom: 25px;
		padding-right: 5px;
		}

	/*	04-03. Main Content
	-------------------------------------------------------------------------*/
	div#main-content {
		position: relative;
		float: left;
		width: 550px;
		}

/*	05. Footer
-----------------------------------------------------------------------------*/
div#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 220px;
	margin: 0 auto;
	background: url(./images/bg-footer.gif) repeat 50% 0;
	text-align: center;
	}


/*
-----------------------------------------------------------------------------
[Header]
=============================================================================
/*	01. Site Logo
-----------------------------------------------------------------------------*/
div#header h1 {
	position: absolute;
	top: 17px;
	left: 0;
	width: 360px;
	height: 80px;
	}

/*	02. Niigata Prefecture Logo
-----------------------------------------------------------------------------*/
div#header h2 {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 80px;
	height: 40px;
	}


/*
-----------------------------------------------------------------------------
[Breadcrumbs] - パン屑リスト -
=============================================================================
/*	01. Breadcrumbs
-----------------------------------------------------------------------------*/
div#breadcrumbs ul {
	width: 770px;
	margin-left: 5px;
	padding-top: 0.25em;
	overflow: hidden;
	}

	div#breadcrumbs ul li {
		float: left;
		margin-right: 9px;
		}

		div#breadcrumbs ul li a {
			display: block;
			padding-right: 20px;
			background: url(./images/bg-breadcrumbs.gif) 100% 50% no-repeat;
			overflow: hidden;
			}
			div#breadcrumbs ul li a:focus { outline: none; }

		/* 現在のページ */
		div#breadcrumbs ul li.current-page { font-weight: bold; }

		/* 「>」は画像に置換え */
		div#breadcrumbs ul li span { display: none; }

/*	02. Search Form
-----------------------------------------------------------------------------*/
/* サイト内検索フォーム */
div#breadcrumbs form input {
	position: absolute;
	top: 0;
	}

	/* 入力エリア */
	div#breadcrumbs form input#s {
		left: 785px;
		width: 120px;
		padding: 3px 2px;
		border: 1px solid #aaa;
		background-color: #fff;
		}
		div#breadcrumbs form input#s:focus { outline: none; }

	/* 検索ボタン */
	div#breadcrumbs form input#searchsubmit {
		right: 5px;
		width: 37px;
		height: 23px;
		border: none;
		font-size: 93%;
		text-align: center;
		cursor: pointer;
		overflow: hidden;
		}


/*
-----------------------------------------------------------------------------
[Content]
=============================================================================
/*	01. Headline
-----------------------------------------------------------------------------*/
/* 見出し */
div#menu h3 {
	width: 177px;
	height: 30px;
	margin-bottom: 13px;
	}

/*	02. Menu List
-----------------------------------------------------------------------------*/
/* メニューリスト */
div#menu ul#menu-list { width: 175px; }

	div#menu ul#menu-list li {
		position: relative;
		width: 175px;
		margin-bottom: 10px;
		}

		/* リストのリンク要素 */
		div#menu ul#menu-list li a {
			display: block;
			width: 175px;
			padding-top: 17px;
			background: url(./images/bg-white_box-top.gif) no-repeat 0 0;
			color: #5ec662;
			font-size: 108%;
			font-weight: bold;
			line-height: 1.1;
			text-decoration: none;
			}

			div#menu ul#menu-list li a span {
				display: block;
				width: 125px;
				padding: 0 40px 17px 10px;
				background: url(./images/bg-white_box-bottom.gif) no-repeat 0 100%;
				cursor: pointer;
				}

		/* 選択中のメニュー */
		div#menu ul#menu-list li.selected a {
			background-image: url(./images/bg-green_box-175-top.gif);
			color: #fff;
			}

			div#menu ul#menu-list li.selected a span { background-image: url(./images/bg-green_box-175-bottom.gif); }
	
		/* リスト内アイコン */
		div#menu ul#menu-list li img {
			position: absolute;
			top: 50%;
			right: 5px;
			width: 35px;
			height: 35px;
			margin-top: -18px;
			}
	
/*	02. Goto Top Nav
-----------------------------------------------------------------------------*/
/* このサイトのトップへ */
div#goto-top {
	width: 88px;
	height: 24px;
	margin: 0 auto 18px;
	font-size: 93%;
	text-align: center;
	}
	div#goto-top a { outline: none; }
		div#goto-top a img {
			width: 88px;
			height: 24px;
			}

/*	03. Content Bottom Link
-----------------------------------------------------------------------------*/
/* フッタ上部のリンク */
div#content-bottom-link {
	padding-top: 30px;
	background: url(./images/hr-car_and_plug-950.gif) no-repeat 50% 0;
	text-align: center;
	}

	div#content-bottom-link ul { margin-left: 20px; }

		div#content-bottom-link ul li {
			display: inline;
			padding: 0.2em 22px;
			background: url(./images/bg-listmarker2.gif) no-repeat 0 50%;
			font-size: 93%;
			}


/*
-----------------------------------------------------------------------------
[Footer]
=============================================================================
/*	01. Address
-----------------------------------------------------------------------------*/
div#footer-inner {
	position: relative;
	width: 950px;
	height: 210px;
	margin: 0 auto;
	padding-bottom: 10px;
	}

	div#padder {
		position: absolute;
		left: 0;
		bottom: 10px;
		width: 950px;
		text-align: center;
		}

		/* 新潟県 産業労働観光部 産業振興課 新エネルギー開発室 */
		div#padder h3 {
			margin-bottom: 10px;
			padding-bottom: 13px;
			background: url(./images/hr-footer.gif) no-repeat 50% 100%;
			font-size: 139%;
			font-weight: bold;
			}

		/* 住所・電話・ファックス */
		div#padder p {
			padding-bottom: 20px;
			font-weight: bold;
			line-height: 1.6;
			}

		/* コピーライト */
		div#padder address { font-size: 85%; }


/*
-----------------------------------------------------------------------------
[Other]
=============================================================================*/
a.inner-link {
	display: inline;
	padding: 0 0 0 20px;
	background: url(./images/bg-listmarker2.gif) no-repeat 0 50%;
	}

a.external-link {
	display: inline;
	padding: 0 22px 0 0;
	background: url(./images/bg-listmarker7.gif) no-repeat 100% 50%;
	}

/* IE6,7において、インライン要素への背景画像指定が不正表示されることへの対処 */
a.inline-bg-fix {
	padding: 0 !important;
	background: none !important;
	}
	a.inline-bg-fix span.bg-l { margin-right: -0.2em; }
	a.inline-bg-fix span.bg-r {
		margin-left: -0.2em;
		padding: 0 22px 0 0;
		background: url(./images/bg-listmarker7.gif) no-repeat 100% 50%;
		}

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

.clear {
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	}

.overflow_hidden { overflow: hidden; }

.float-l { float: left; }
.float-r { float: right; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.bold { font-weight: bold; }
.large { font-size: larger; }
.small { font-size: smaller; }

.hidden { display: none; }

.section {
	clear: both;
	padding-bottom: 20px;
	}

.section-half {
	clear: both;
	padding-bottom: 10px;
	}

.indent {
	clear: both;
	margin-left: 20px;
	}

/* IE6 透過PNG対応 */
.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }