@charset "shift-jis";
@import url(default.css); 

/* =====================================================================
*
*   BASIC
*
*	
*	1. Whole Style
*	
*	2. Header
*		2-1. Catch Copy / Language Select
*		2-2. Logo / Text Link
*		2-3. Global Nav / Sub Nav
*
*	3. Main Contents
*
*	4. Footer
*
*
* =================================================================== */


/*Basic Style*/
a:link    { color:#333; text-decoration:underline; }
a:visited { color:#333; text-decoration:underline; }
a:hover   { color:#666;text-decoration:none; }
a:active  { color:#666;text-decoration:underline; }
 
hr.partition { display:none;}
.guidetxt { display:none; }



/* =====================================================================
*
*    1. Whole Style
*
* =================================================================== */

.union {
		width:1000px;
		background:#dad7c8;
		overflow: hidden;
}
		.union .wrap {
				width:990px;
				background:#f5f2e9;
				overflow: hidden;
		}
		
		
		
/* =====================================================================
*
*    2. Header
*
* =================================================================== */

/* ---------------------------------------------------------------------
*
*    2-1. Catch Copy / Language Select
*
* ------------------------------------------------------------------- */

.copy {
		width:990px;
		background:#dad7c8;
		overflow:hidden;
}
.copy:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
}
/*\*/
* html .copy {
		height: 1em;
		overflow: visible;
}
/**/
		.copy #catchcopy {
				float:left;
				width:870px; /*880*/
				padding-left:5px;
				color:#494224;
				font-size:85%;
				font-weight:normal;
		}
		
		.copy #language {
				float:right;
				width:110px;
				background:#666;
				margin:0;
				color:#fff;
				font-size:80%;
				text-align:center;
		}
				.copy #language a:link    { color:#66dd55; text-decoration:none; }
				.copy #language a:visited { color:#66dd55; text-decoration:none; }
				.copy #language a:hover   { color:#66dd55; text-decoration:underline; }
				.copy #language a:active  { color:#66dd55; text-decoration:none; }
				
				
/* ---------------------------------------------------------------------
*
*    2-2. Logo / Text Link
*
* ------------------------------------------------------------------- */

.header_container {
		float:left;
		width:990px;
		padding:0 5px 0 10px;
		overflow:hidden;
		zoom:1;
}

		/* ---------------------------------
		*    Logo
		*/
		.header_container #logo {
				float:left;
				width:59px;
				padding:5px 0 4px;
		}
		.header_container #header_box {
				float:left;
				width:916px;
				padding:10px 0 0;
		}
				.header_container #header_box #link_box {
						width:916px;
						height:20px;
				}
				
						/* ---------------------------------
						*    Text Link
						*/
						.header_container #header_box #link_box #txtlink {
								float:left;
								width:806px; /*811*/
								padding-right:5px;
								font-size:85%;
								text-align:right;
						}
								.header_container #header_box #link_box #txtlink a:link    { color:#003311; text-decoration:none; }
								.header_container #header_box #link_box #txtlink a:visited { color:#003311; text-decoration:none; }
								.header_container #header_box #link_box #txtlink a:hover   { color:#226633; text-decoration:underline; }
								.header_container #header_box #link_box #txtlink a:active  { color:#003311; text-decoration:none; }

						/* ---------------------------------
						*    btn Customer
						*/
						.header_container #header_box #link_box #btn_customer {
								float:left;
								width:105px;
								height:20px;
						}
								.header_container #header_box #link_box #btn_customer a {
										width:105px;
										height:20px;
										display:block;
								}
								.header_container #header_box #link_box #btn_customer a:link {}
								.header_container #header_box #link_box #btn_customer a:visited {}
								.header_container #header_box #link_box #btn_customer a:hover { background:url(/images/index/btn_customer_on.jpg) no-repeat left top; text-indent:-9999px; }
								.header_container #header_box #link_box #btn_customer a:active {}

				/* ---------------------------------
				*    Company Links
				*/
				.header_container #header_box .co_link {
						float:right;
						height:20px;
						margin-top:3px;
				}
				.header_container #header_box .co_link p {
						float:left;
						width:150px;
						height:20px;
						margin-left:5px;
				}
				.header_container #header_box .co_link a {
						width:130px; /*150*/
						_width:150px;
						height:20px;
						padding:0 0 0 20px;
						font-size:90%;
						_font-size:85%;
						display:block;
				}
				*:first-child+html #header_box .co_link a {
						width:130px; /*150*/
						height:20px;
						padding:0 0 0 20px;
						font-size:85%;
						display:block;
				}
				.header_container #header_box .co_link a:link    { background:#aa9955 url(/images/shared/arrow_headlink.gif) no-repeat 10px 7px; color:#fff; text-decoration:none; }
				.header_container #header_box .co_link a:visited { background:#aa9955 url(/images/shared/arrow_headlink.gif) no-repeat 10px 7px; color:#fff; text-decoration:none; }
				.header_container #header_box .co_link a:hover   { background:#ccc088 url(/images/shared/arrow_headlink.gif) no-repeat 10px 7px; color:#fff; text-decoration:none; }
				.header_container #header_box .co_link a:active  { background:#aa9955 url(/images/shared/arrow_headlink.gif) no-repeat 10px 7px; color:#fff; text-decoration:none; }
				

/* ---------------------------------------------------------------------
*
*    2-3. Global Nav / Sub Nav
*
* ------------------------------------------------------------------- */

.nav_box {
		clear:both;
		width:980px;
		_width:990px;
		height:40px;
		padding:0 5px;
}
		.nav_box .gnav {
				width:980px;
				height:35px;
		}
				.nav_box .gnav ul {
						width:980px;
						height:35px;
				}
				
				.nav_box .gnav ul:after {
						content:".";
						display:block;
						height:0;
						clear:both;
						visibility:hidden;
				}
				
				.nav_box .gnav ul {
						zoom:1;
				} /* IE */
				
					.nav_box .gnav li {
						float:left;
						text-indent:-9999px;
						overflow:hidden;
						list-style:none inside;
						display:inline;
				}
				
						/* ---------------------------------
						*    既製品紹介
						*/
						.nav_box .gnav li#gnav_products a {
								width:164px;
								height:35px;
								background:url(/images/shared/gnav.jpg) no-repeat 0 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .gnav li#gnav_products a:hover { background:url(/images/shared/gnav.jpg) no-repeat 0 -35px; }
						
						/* ---------------------------------
						*    施工例
						*/
						.nav_box .gnav li#gnav_portfolio a {
								width:163px;
								height:35px;
								background:url(/images/shared/gnav.jpg) no-repeat -164px 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .gnav li#gnav_portfolio a:hover { background:url(/images/shared/gnav.jpg) no-repeat -164px -35px; }
						
						/* ---------------------------------
						*   カタログ請求
						*/
						.nav_box .gnav li#gnav_catalog a {
								width:163px;
								height:35px;
								background:url(/images/shared/gnav.jpg) no-repeat -327px 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .gnav li#gnav_catalog a:hover { background:url(/images/shared/gnav.jpg) no-repeat -327px -35px; }
						
						/* ---------------------------------
						*   会社案内
						*/
						.nav_box .gnav li#gnav_company a {
								width:163px;
								height:35px;
								background:url(/images/shared/gnav.jpg) no-repeat -490px 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .gnav li#gnav_company a:hover { background:url(/images/shared/gnav.jpg) no-repeat -490px -35px; }
						
						/* ---------------------------------
						*   ショールーム
						*/
						.nav_box .gnav li#gnav_showroom a {
								width:163px;
								height:35px;
								background:url(/images/shared/gnav.jpg) no-repeat -653px 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .gnav li#gnav_showroom a:hover { background:url(/images/shared/gnav.jpg) no-repeat -653px -35px; }
						
						/* ---------------------------------
						*   WEB会員サービス
						*/
						.nav_box .gnav li#gnav_member a {
								width:164px;
								height:35px;
								background:url(/images/shared/gnav.jpg) no-repeat -816px 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .gnav li#gnav_member a:hover { background:url(/images/shared/gnav.jpg) no-repeat -816px -35px; }

						
						
		.nav_box .sub_nav {
				clear:both;
				width:980px;
				height:19px;
		}
				.nav_box .sub_nav ul {
					width:980px;
					height:19px;
					background:#333 url(/images/shared/subnav.gif) no-repeat 0 0;
				}
				
				.nav_box .sub_nav ul:after {
						content:".";
						display:block;
						height:0;
						clear:both;
						visibility:hidden;
				}
				
				.nav_box .sub_nav ul {
						zoom:1;
				} /* IE */
				
					.nav_box .sub_nav li {
							float:left;
							width:163px;
							height:19px;
							list-style:none inside;
							display:inline;
					}
					.nav_box .sub_nav li.first_item {
							float:left;
							width:166px;
							height:19px;
							list-style:none inside;
							display:inline;
					}
					.nav_box .sub_nav li.secound_item {
							float:left;
							width:164px;
							height:19px;
							list-style:none inside;
							display:inline;
					}
					.nav_box .sub_nav li.last_item {
							float:left;
							width:161px;
							height:19px;
							list-style:none inside;
							display:inline;
					}
						
						/* ---------------------------------
						*   ユニオンミュージアム
						*/
						.nav_box .sub_nav li#sub_museum a {
								width:166px;
								height:19px;
								background:url(/images/shared/subnav.gif) no-repeat 0 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .sub_nav li#sub_museum a:hover { background:url(/images/shared/subnav.gif) no-repeat 0 -19px; }
						
						/* ---------------------------------
						*   ホットスポット
						*/
						.nav_box .sub_nav li#sub_hotspot a {
								width:164px;
								height:19px;
								background:url(/images/shared/subnav.gif) no-repeat -166px 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .sub_nav li#sub_hotspot a:hover { background:url(/images/shared/subnav.gif) no-repeat -166px -19px; }
						
						/* ---------------------------------
						*   ロマンテ華麗
						*/
						.nav_box .sub_nav li#sub_romante a {
								width:163px;
								height:19px;
								background:url(/images/shared/subnav.gif) no-repeat -330px 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .sub_nav li#sub_romante a:hover { background:url(/images/shared/subnav.gif) no-repeat -330px -19px; }
						/* ---------------------------------
						*   アトリエユニオン
						*/
						.nav_box .sub_nav li#sub_atelierunion a {
								width:163px;
								height:19px;
								background:url(/images/shared/subnav.gif) no-repeat -493px 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .sub_nav li#sub_atelierunion a:hover { background:url(/images/shared/subnav.gif) no-repeat -493px -19px; }
						/* ---------------------------------
						*   株式会社ユニオン防音
						*/
						.nav_box .sub_nav li#sub_union-bouon a {
								width:163px;
								height:19px;
								background:url(/images/shared/subnav.gif) no-repeat -656px 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .sub_nav li#sub_union-bouon a:hover { background:url(/images/shared/subnav.gif) no-repeat -656px -19px; }
						/* ---------------------------------
						*   ユニオン造形文化財団
						*/
						.nav_box .sub_nav li#sub_uffec a {
								width:161px;
								height:19px;
								background:url(/images/shared/subnav.gif) no-repeat -819px 0;
								text-indent:-9999px;
								overflow:hidden;
								display:block;
						}
						.nav_box .sub_nav li#sub_uffec a:hover { background:url(/images/shared/subnav.gif) no-repeat -819px -19px; }
						



/* =====================================================================
*
*    3. Main Contents
*
* =================================================================== */

.contents_area {
		clear:both;
		padding:0 5px;
}
		.contents_area .main_contents {
				width:980px;
				background:#fff;
				margin-top:5px;
				padding:10px 0 0;
		}
	
/* ---------------------------------
*   Pagetop
*/
.pagetop{
	clear:both;
	width:960px;
	text-align:right;
	margin-top:15px;
}



/* =====================================================================
*
*    4. Footer
*
* =================================================================== */

.footer_area {
		clear:both;
		width:990px;
		background:#e8e6db;
		padding:20px 0 50px;
		text-align:center;
}
		.footer_area p {
				margin:0 0 0.2em;
				font-size:85%;
				_font-size:80%;
		}
		
				/*.footer_area a:link    { color:#003311; text-decoration:underline; }
				.footer_area a:visited { color:#99bbaa; text-decoration:underline; }
				.footer_area a:hover   { color:#226633;text-decoration:none; }
				.footer_area a:active  { color:#003311;text-decoration:underline; }*/

		.footer_area #copyright {
				color:#918249;
		}