@charset "utf-8";
/*
Theme Name: 長岡産業活性化協会NAZE ウェブサイト用テーマ act2
Theme URI: http://www.naze.biz/
Description: NAZE 長岡産業活性化協会ウェブサイトの一般公開用に作成したオリジナルテーマ。
Version: 1.0
Author: xe-que
Author URI: http://xe-que.com/
*/

/*
=============================================================================
style.css
=============================================================================
Suggested order by mozilla.org Base Styles (http://www.mozilla.org/css/base/content.css)
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
-----------------------------------------------------------------------------
font-size reference
 *  77% = 10px	 	* 122% = 16px		* 167% = 22px
 *  85% = 11px		* 129% = 17px		* 174% = 23px
 *  92% = 12px		* 136% = 18px		* 182% = 24px
 * 100% = 13px		* 144% = 19px		* 189% = 25px
 * 107% = 14px		* 152% = 20px		* 197% = 26px
 * 114% = 15px		* 159% = 21px
-----------------------------------------------------------------------------
*/


/*
Customized from YUI Library CSS
-----------------------------------------------------------------------------
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,button{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{display:none;}body{font:13px/1.8 "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;*font-size:small;*font:x-small;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* Body Styling
-----------------------------------------------------------------------------*/
body {
	width: 100%;
	background: #fafcfc url(./images/bg-body.gif) 50% 0 repeat-x;
	color: #404040;
	}



/* Element Styling
-----------------------------------------------------------------------------*/
a { text-decoration: none; }
a:link { color: #164773; }
a:visited { color: #164773; }
a:hover { color: #317caa; }
a:active { color: #317caa; }
a img {
	border-style: none;
	border-width: 0px;
	text-decoration: none;
	}

strong, b { font-weight: bold; }
em, i { font-style: oblique; }

blockquote { margin: 1.5em; }

ol,
ul.ds,
ul.cc,
ul.sq,
ul.dc,
ul.lr,
ul.ur,
ul.la,
ul.ua { margin-left: 20px; padding-left: 5px; }
ul.ds li { list-style-type: disc; }			/* ● */
ul.cc li { list-style-type: circle; }		/* ○ */
ul.sq li { list-style-type: square; }		/* ■ */
ol li,
ul.dc li { list-style-type: decimal; }		/* 数字 */
ul.lr li { list-style-type: lower-roman; }	/* ローマ数字小文字 */
ul.ur li { list-style-type: upper-roman; }	/* ローマ数字大文字 */
ul.la li { list-style-type: lower-alpha; }	/* アルファベット小文字 */
ul.ua li { list-style-type: upper-alpha; }	/* アルファベット大文字 */
ol li,
ul li { vertical-align: middle; }


hr { display: none; }

input, textarea, select {
	padding: 2px;
	border: 1px solid #000000;
	font: 85%/1.2 "Lucida Grande", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Osaka", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
/*\*//*/
	font-family: "Lucida Grande", "\30D2\30E9\30AE\30CE\20Pro\20W3", "HiraKakuPro-W3", "Osaka", "Meiryo", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif;
/**/
	}

input:focus, textarea:focus, select:focus {
	outline: none;
	}


/* Container Styling
-----------------------------------------------------------------------------*/
.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	}



/* Header Styling
-----------------------------------------------------------------------------*/
#header {
	position: relative;
	top: 5px;
	width: 908px;
	height: 113px;
	margin: 0 auto 15px;
	background: url(./images/bg-header.gif) 50% 0 no-repeat;
	}


	/* ロゴ */
	#header h1#logo {
		position: absolute;
		top: 20px;
		left: 25px;
		width: 362px;
		height: 41px;
		}
		#header h1#logo a:focus {
			outline: none;
			}


	/* ヘッダーメニュー
	-------------------------------------------------------------------------*/
	#header .menu {
		position: relative;
		top: 58px;
		left: 454px;
		width: 450px;
		}
		#header .menu li {
			display: inline;
			}
			#header .menu li a:link, #header .menu li a:visited {
				position: absolute;
				height: 20px;
				background: url(./images/btn-header-menu.gif) 0 0 no-repeat;
				font-size: 1px;
				text-indent: -9999px;
				overflow: hidden;
				z-index: 10;
				}
				/* HOME */
				#header .menu .home a:link, #header .menu .home a:visited {
					left: 0;
					width: 65px;
					background-position: 0 0;
					}
				#header .menu .home a:hover {
					background-position: 0 -20px;
					}
				#header .menu .home a:active {
					background-position: 0 -19px;
					}
				/* リンク */
				#header .menu .link a:link, #header .menu .link a:visited {
					left: 80px;
					width: 57px;
					background-position: -66px 0;
					}
				#header .menu .link a:hover {
					background-position: -66px -20px;
					}
				#header .menu .link a:active {
					background-position: -66px -19px;
					}
				/* サイトマップ */
				#header .menu .sitemap a:link, #header .menu .sitemap a:visited {
					left: 155px;
					width: 87px;
					background-position: -124px 0;
					}
				#header .menu .sitemap a:hover {
					background-position: -124px -20px;
					}
				#header .menu .sitemap a:active {
					background-position: -124px -19px;
					}
				/* お問い合わせ */
				#header .menu .contact a:link, #header .menu .contact a:visited {
					left: 260px;
					width: 92px;
					background-position: -212px 0;
					}
				#header .menu .contact a:hover {
					background-position: -212px -20px;
					}
				#header .menu .contact a:active {
					background-position: -212px -19px;
					}
				/* ログイン */
				#header .menu .login a:link, #header .menu .login a:visited {
					left: 372px;
					width: 65px;
					background-position: -305px 0;
					}
				#header .menu .login a:hover {
					background-position: -305px -20px;
					}
				#header .menu .login a:active {
					background-position: -305px -19px;
					}


	/* グローバルメニュー
	-------------------------------------------------------------------------*/
	#header .globalmenu {
		position: relative;
		top: 78px;
		left: 35px;
		}
		#header .globalmenu li {
			display: inline;
			}
			#header .globalmenu li a:link, #header .globalmenu li a:visited {
				position: absolute;
				width: 140px;
				height: 29px;
				background: url(./images/btn-global_menu.gif) 0 0 no-repeat;
				font-size: 1px;
				text-indent: -9999px;
				overflow: hidden;
				z-index: 10;
				}
				/* NAZEの紹介 */
				#header .globalmenu .about a:link, #header .globalmenu .about a:visited {
					left: 0;
					background-position: 0 0;
					}
				#header .globalmenu .about a:hover {
					background-position: 0 -58px;
					}
				#header .globalmenu .about a:active {
					background-position: 0 -29px;
					}
				#header .globalmenu .about a#currentmenu {
					background-position: 0 -58px;
					}
				/* お知らせ */
				#header .globalmenu .info a:link, #header .globalmenu .info a:visited {
					left: 140px;
					background-position: -140px 0;
					}
				#header .globalmenu .info a:hover {
					background-position: -140px -58px;
					}
				#header .globalmenu .info a:active {
					background-position: -140px -29px;
					}
				#header .globalmenu .info a#currentmenu {
					background-position: -140px -58px;
					}
				/* イベントカレンダー */
				#header .globalmenu .calendar a:link, #header .globalmenu .calendar a:visited {
					left: 280px;
					background-position: -280px 0;
					}
				#header .globalmenu .calendar a:hover {
					background-position: -280px -58px;
					}
				#header .globalmenu .calendar a:active {
					background-position: -280px -29px;
					}
				#header .globalmenu .calendar a#currentmenu {
					background-position: -280px -58px;
					}
				/* 技術データベース */
				#header .globalmenu .db a:link, #header .globalmenu .db a:visited {
					left: 420px;
					background-position: -420px 0;
					}
				#header .globalmenu .db a:hover {
					background-position: -420px -58px;
					}
				#header .globalmenu .db a:active {
					background-position: -420px -29px;
					}
				#header .globalmenu .db a#currentmenu {
					background-position: -420px -58px;
					}
				/* NAZEスタイル */
				#header .globalmenu .nazestyle a:link, #header .globalmenu .nazestyle a:visited {
					left: 560px;
					background-position: -560px 0;
					}
				#header .globalmenu .nazestyle a:hover {
					background-position: -560px -58px;
					}
				#header .globalmenu .nazestyle a:active {
					background-position: -560px -29px;
					}
				#header .globalmenu .nazestyle a#currentmenu {
					background-position: -560px -58px;
					}
				/* 入会案内 */
				#header .globalmenu .guide a:link, #header .globalmenu .guide a:visited {
					left: 700px;
					background-position: -700px 0;
					}
				#header .globalmenu .guide a:hover {
					background-position: -700px -58px;
					}
				#header .globalmenu .guide a:active {
					background-position: -700px -29px;
					}
				#header .globalmenu .guide a#currentmenu {
					background-position: -700px -58px;
					}



	/* テキストサイズ
	-------------------------------------------------------------------------*/
	body.textsize-s { font-size: 11px; *font-size: x-small; *font: xx-small; }
	body.textsize-m { font-size: 13px; *font-size: small; *font: x-small; }
	body.textsize-l { font-size: 16px; *font-size: medium; *font: medium; }

	#textsize {
		display: none;
		position: absolute;
		top: 5px;
		left: 719px;
		width: 194px;
		height: 32px;
		background: url(./images/bg-textsize.gif) 0 0 no-repeat;
		}
		#textsize li {
			font-size: 1px;
			text-indent: -9999px;
			}
			#textsize li a {
				position: absolute;
				top: 5px;
				width: 19px;
				height: 18px;
				background: url(./images/btn-textsize.gif) 0 0 no-repeat;
				overflow: hidden;
				cursor: pointer;
				z-index: 20;
				}
				/* 小 */
				#textsize #textsize-s a {
					left: 106px;
					background-position: 0 0;
					}
				#textsize #textsize-s a:hover, #textsize #textsize-s a:active {
					background-position: 0 -18px;
					}
				/* 中 */
				#textsize #textsize-m a {
					left: 132px;
					background-position: -19px 0;
					}
				#textsize #textsize-m a:hover, #textsize #textsize-m a:active {
					background-position: -19px -18px;
					}
				/* 大 */
				#textsize #textsize-l a {
					left: 158px;
					background-position: -38px 0;
					}
				#textsize #textsize-l a:hover, #textsize #textsize-l a:active {
					background-position: -38px -18px;
					}


	/* ページの先頭へ
	-------------------------------------------------------------------------*/
	.pagetop {
		margin: 0 25px 5px;
		text-align: right;
		}



/* Footer Styling
-----------------------------------------------------------------------------*/
#footer {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 20px;
	border-top: #b72b2c 3px solid;
	background: url(./images/bg-footer-logo2.gif) 100% 15px no-repeat;
	}

	/* メニューリスト */
	#footer ul {
		margin: 10px 280px 0 0;
		}
		#footer ul li {
			display: inline;
			min-height: 20px;
			margin-right: 15px;
			font-size: 92%;
			line-height: 1.2em;
			}
			#footer ul li a {
				padding-left: 18px;
				background: url(./images/img-link.gif) 0 50% no-repeat;
				}

	/* copyright */
	#footer address {
		padding: 20px 20px 20px 0;
		font-size: 85%;
		}
		#footer address span {
			display: none;
			}



/* Form Styling（Mac IE Hack）
-----------------------------------------------------------------------------*/
form {
/*\*//*/
	font-family: "\30D2\30E9\30AE\30CE\20ProN", "HiraKakuProN-W3", "\30D2\30E9\30AE\30CE\20Pro", "HiraKakuPro-W3", "Osaka";
/**/
	}



/* Various Tags & Classes
-----------------------------------------------------------------------------*/
.clear {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}

.clear-both {
	clear: both;
	}

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

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

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

.red { color: #910003; }
.orange { color: #ff6600; }
.blue { color: #317caa; }
.gray { color: #959595; }

.hide, .hidden { display: none; }

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

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

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

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