@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:#424242;background:#f7f7f6;}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: #c99b52; }
a:link,
a:visited { text-decoration: none; }
a:hover,
a:active  { text-decoration: underline; }

/*	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; }
.emphasis { color: #ea5715; }
.annotation { color: #767676; }

input,
select,
textarea {
	color: #424242;
	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%;
	background: url(./images/bg-container.jpg) repeat-x 50% 100px;
	text-align: left;
	}
* html div#container { height: 100%; }
body > #container { height: auto; }

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

/*	03. Breadcrumbs
-----------------------------------------------------------------------------*/
div#breadcrumbs {
	width: 100%;
	height: 55px;
	background: url(./images/bg-breadcrumbs-bar.gif) repeat-x 50% 0;
	}

	div#breadcrumbs ul {
		position: relative;
		width: 935px;
		margin: 0 auto;
		padding-left: 25px;
		}

/*	04. Content
-----------------------------------------------------------------------------*/
div.content-outer,
div.catch-content { width: 100%; }

div.catch-content { height: 401px; }

	div.content,
	div.catch-content-inner {
		position: relative;
		width: 960px;
		margin: 0 auto;
		padding-bottom: 180px;
		}

	div.catch-content-inner { padding-bottom: 0; }

/*	05. Footer
-----------------------------------------------------------------------------*/
div#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 180px;
	background: #f7f7f6 url(./images/bg-footer.jpg) repeat-x 50% 0;
	}

	div#footer-inner {
		position: relative;
		width: 950px;
		height: 170px;
		margin: 0 auto;
		padding-bottom: 10px;
		}


/*
-----------------------------------------------------------------------------
[Header]
=============================================================================
/*	01. Site Logo
-----------------------------------------------------------------------------*/
div#header #site-title {
	position: absolute;
	top: 15px;
	left: 295px;
	width: 650px;
	background: url(./images/img-top-leaf.gif) 100% 0 no-repeat;
	height: 40px;
	}
div#header #site-title h1 {
	width: 625px;
	font-size: 9px;
	line-height: 1.3em;
	letter-spacing: -0.1em;
	color: #a27078;
	}
div#header #site-title img {
	position: absolute;
	top: 0px;
	left: 630px;
display: none;
	}
	
div#header #logo {
	position: absolute;
	top: 23px;
	left: 7px;
	width: 175px;
	height: 55px;
	}

/*	02. Global Menu
-----------------------------------------------------------------------------*/
div#header ul#global-menu {
	position: absolute;
	top: 45px;
	right: 0;
	height: 37px;
	}

	div#header ul#global-menu li {
		display: inline;
		padding-left: 5px;
		}


		div#header ul#global-menu li.selected {
			}

		div#header ul#global-menu li a img {
			margin-top: 12px;
			height: 25px;
			}

		div#header ul#global-menu li a {
			position: relative;
			}
		div#header ul#global-menu li a img.global-menu-selected {
			position: absolute;
			left: 0;
			display: none;
			}
		

/*
-----------------------------------------------------------------------------
[Breadcrumbs]
=============================================================================
/*	01. Breadcrumbs
-----------------------------------------------------------------------------*/
div#breadcrumbs ul li {
	float: left;
	margin-right: 8px;
	font-size: 93%;
	line-height: 55px;
	}

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

	div#breadcrumbs ul li span { display: none; }


/*
-----------------------------------------------------------------------------
[Content]
=============================================================================
/*	01. Headline Strings
-----------------------------------------------------------------------------*/
h2#top-headline {
	position: relative;
	width: 960px;
	height: 94px;
	margin: 0 auto;
	}

	h2#top-headline img { margin: 25px 0 0 20px; }


/*
-----------------------------------------------------------------------------
[Footer]
=============================================================================
/*	01. Footer Link
-----------------------------------------------------------------------------*/
/* フッタのリンク */
div#footer-inner ul#footer-link { width: 640px; }

	div#footer-inner ul#footer-link li {
		display: inline;
		padding-right: 25px;
		line-height: 35px;
		vertical-align: middle;
		}

div#footer-inner a { color: #424242; }
	div#footer-inner ul#footer-link li a:link,
	div#footer-inner ul#footer-link li a:visited { text-decoration: none; }
	div#footer-inner ul#footer-link li a:hover,
	div#footer-inner ul#footer-link li a:active  { text-decoration: underline; }


/*	02. Contact
-----------------------------------------------------------------------------*/
/* お問い合わせ */
div#footer-inner ul.contact {
	width: 275px;
	margin: 30px 0 10px;
	}

/*	03. Goto Top Nav
-----------------------------------------------------------------------------*/
/* このサイトのトップへ */
div#goto-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 310px;
	height: 35px;
	text-align: right;
	line-height: 35px;
	vertical-align: middle;
	}

/*	04. Address
-----------------------------------------------------------------------------*/
div#padder {
	position: absolute;
	top: 35px;
	right: 0;
	width: 400px;
	margin-top: 30px;
	text-align: right;
	}

	/* 株式会社アルファホーム */
	div#padder h3 {
		height: 38px;
		text-align: right;
		}

	/* 住所・電話・ファックス */
	div#padder p {
		padding-bottom: 20px;
		color: #424242;
		line-height: 1.4;
		}
		div#padder span.address { font-size: 85%; }
		div#padder span.tel {
			font-size: 24px;
			font-weight: bold;
			letter-spacing: -0.05em;
			}

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


/*
-----------------------------------------------------------------------------
[Other]
=============================================================================*/
div.hr {
	width: 960px;
	height: 7px;
	background: url(./images/hr.gif) no-repeat 0 0;
	}

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 12px 0 0;
	background: url(./images/img-anchor.gif) no-repeat 100% 50%;
	}

a.pdf-link {
	display: inline;
	padding: 0 12px 0 0;
	background: url(./images/img-pdf.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 12px 0 0;
		}
	a.external-link span.bg-r { background: url(./images/img-anchor.gif) no-repeat 100% 50%; }
	a.pdf-link      span.bg-r { background: url(./images/img-pdf.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;
	}

/* gallery short code */
.gallery {
	margin-bottom: 10px;
	}
.gallery-item {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.gallery-caption {
	display: none;
	}
	
	
/* IE6 透過PNG対応 */
.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }