@charset "UTF-8";

@import url(reset.css);



/* =====================================================================
*	font adjustment
*
*	84% = 10px		117% = 14px		150% = 18px
*	91% = 11px		125% = 15px		167% = 20px
*	100% = 12px		134% = 16px		183% = 22px
*
*	200% = 24px		208% = 25px
* =================================================================== */
/* =====================================================================
*	Copyright (c) 2009, Yahoo! Inc. All rights reserved.
*	Code licensed under the BSD License:
*	http://developer.yahoo.net/yui/license.txt
*	version: 2.7.0
* =================================================================== */

body {
		font: 12px/1.4 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
		*font-size: 75%; /* for IE6/7 */
		*font: x-small; /* for IE Quirks Mode */
		color: #666;
		text-align:center;
		background: #fff url(../images/common/bg_page.jpg) repeat-x 0 50px;
}

/*Basic Style*/
a:link		{ color:#006699; text-decoration:underline; }
a:visited	{ color:#9977bb; text-decoration:underline; }
a:hover		{ text-decoration:none; }
a:active	{ color:#006699; text-decoration:underline; }




/* =====================================================================
*
*    Whole Style
*
* =================================================================== */
#page_wrap { /* トップページ */
		background: #fff url(../images/common/bg_page.jpg) repeat-x 0 50px;
		text-align:center;
	
}
		#page_wrap #page_area {
			width: 802px;
			background: url(../images/common/gnav_bg.jpg) no-repeat 0 300px;
			margin: 0 auto;
			padding-bottom: 100px;
			text-align: left;
		}
								#page_wrap #page_area #page_container #header_wrap #mainimg_wrap{
									clear: both;
									width: 800px;
									height: 250px;
									background: url(../images/common/main_img.jpg) no-repeat;
									text-indent:-9999px;
									display: block;
								}
						
				
#subpage_wrap { /* サブページ */
		background: #fff url(../images/contents/bg_page.jpg) repeat-x 0 50px;
		text-align:center;
	
}
		#subpage_wrap #page_area {
			width: 802px;
			background: url(../images/common/gnav_bg.jpg) no-repeat 0 170px;
			margin: 0 auto;
			padding-bottom: 100px;
			text-align: left;
		}
								#subpage_wrap #page_area #page_container #header_wrap #mainimg_wrap{
									clear: both;
									width: 800px;
									height: 120px;
									background: url(../images/contents/main_img.jpg) no-repeat;
									text-indent:-9999px;
									display: block;
								}
								
		
				#page_container {
					width: 800px;
					margin: 0 auto;
				}



/* =====================================================================
*	
*	Header
*	
* =================================================================== */
#header_wrap {
	width: 800px;
}

#header_wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#header_wrap {
	zoom: 1;
} /* IE */

		#header_wrap #logo_wrap {
					float: left;
					width: 595px;
					height: 50px;
		}

				#header_wrap #logo_wrap #logo_area {
					width: 595px;
					height: 50px;
				}
				
				#header_wrap #logo_wrap #logo_area:after {
					content: ".";
					display: block;
					height: 0;
					clear: both;
					visibility: hidden;
				}
				
				#header_wrap #logo_wrap #logo_are {
					zoom: 1;
				} /* IE */
				
						#header_wrap #logo_wrap #logo_area h1 {
							float: left;
							width: 128px;
							height: 35px;
							padding-top: 8px;
						}
						
						#header_wrap #logo_wrap #logo_area h2 {
							float: right;
							width: 457px;
							height: 35px;
							font-size: 91%;
							*font-size: xx-small; /* for IE6/7 */
							font-weight: normal;
							padding-top: 15px;
						}
						html>/**/body #header_wrap #logo_wrap #logo_area h2 { /* for IE8 */
							font-size /*\**/: xx-small\9;
				}
				
				
#header_wrap #subnav_wrap {
	float:left;
	width:205px;
	height:50px;
}

		#header_wrap #subnav_wrap ul {
			padding:20px 0 0;
		}
		#header_wrap #subnav_wrap ul:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
				
		#header_wrap #subnav_wrap ul ul {
			zoom: 1;
		} /* IE */

			
			#header_wrap #subnav_wrap ul li {
				float: left;
				list-style: none inside;
				display: inline;
			}
			
					/* ---------------------------------
					*    トップページへ戻る
					*/
					#header_wrap #subnav_wrap ul li #subnav_top {
						width: 100px;
						height: 11px;
						
					}
							#header_wrap #subnav_wrap ul li #subnav_top a {
								width: 70px;
								height: 11px;
								background: transparent;
								margin-left: 30px;
								display: block;
								overflow: hidden;
							}
							#header_wrap #subnav_wrap ul li #subnav_top a:hover		{ background: transparent url(../images/common/subnav_top_on.gif) no-repeat; }
							#header_wrap #subnav_wrap ul li #subnav_top a:hover img	{ visibility: hidden; }
		
					/* ---------------------------------
					*    お問い合わせ
					*/
					#header_wrap #subnav_wrap ul li #subnav_inquiry {
						width: 105px;
						height: 11px;
						
					}
							#header_wrap #subnav_wrap ul li #subnav_inquiry a {
								width: 75px;
								height: 11px;
								background: transparent;
								margin-left: 30px;
								display: block;
								overflow: hidden;
							}
							#header_wrap #subnav_wrap ul li #subnav_inquiry a:hover		{ background: transparent url(../images/common/subnav_inquiry_on.gif) no-repeat; }
							#header_wrap #subnav_wrap ul li #subnav_inquiry a:hover img	{ visibility: hidden; }	
					
		
		#header_wrap #gnav_wrap {
			clear: both;
			width: 800px;
			height: 60px;
		}
		
		#header_wrap #gnav_wrap:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		#header_wrap #gnav_wrap {
			zoom: 1;
		} /* IE */
		
			#header_wrap #gnav_wrap ul li {
				float: left;
				width: 160px;
				height: 60px;
				list-style: none;
			}
			
			/* ---------------------------------
			*    貸し会議室のご案内
			*/
			#header_wrap #gnav_wrap ul li#gnav_conference-hall a 			{ width: 160x; height: 60px; display: block; }
			#header_wrap #gnav_wrap ul li#gnav_conference-hall a:hover		{ background: transparent url(../images/common/gnav_conference-hall_on.jpg) no-repeat; }
			#header_wrap #gnav_wrap ul li#gnav_conference-hall a:hover img	{ visibility: hidden; }
			
			/* ---------------------------------
			*    使用細則
			*/
			#header_wrap #gnav_wrap ul li#gnav_rule a 			{ width: 160x; height: 60px; display: block; }
			#header_wrap #gnav_wrap ul li#gnav_rule a:hover		{ background: transparent url(../images/common/gnav_rule_on.jpg) no-repeat; }
			#header_wrap #gnav_wrap ul li#gnav_rule a:hover img	{ visibility: hidden; }
			
			/* ---------------------------------
			*    申込方法
			*/
			#header_wrap #gnav_wrap ul li#gnav_reservation a 			{ width: 160x; height: 60px; display: block; }
			#header_wrap #gnav_wrap ul li#gnav_reservation a:hover		{ background: transparent url(../images/common/gnav_reservation_on.jpg) no-repeat; }
			#header_wrap #gnav_wrap ul li#gnav_reservation a:hover img	{ visibility: hidden; }
			
			/* ---------------------------------
			*    Q&A
			*/
			#header_wrap #gnav_wrap ul li#gnav_faq a 			{ width: 160x; height: 60px; display: block; }
			#header_wrap #gnav_wrap ul li#gnav_faq a:hover		{ background: transparent url(../images/common/gnav_faq_on.jpg) no-repeat; }
			#header_wrap #gnav_wrap ul li#gnav_faq a:hover img	{ visibility: hidden; }
			
			/* ---------------------------------
			*    会社概要
			*/
			#header_wrap #gnav_wrap ul li#gnav_company a 			{ width: 160x; height: 60px; display: block; }
			#header_wrap #gnav_wrap ul li#gnav_company a:hover		{ background: transparent url(../images/common/gnav_company_on.jpg) no-repeat; }
			#header_wrap #gnav_wrap ul li#gnav_company a:hover img	{ visibility: hidden; }
			
			
			
/* =====================================================================
*	
*	Main
*	
* =================================================================== */
#main_wrap {
	clear: both;
	width: 800px;
}

#main_wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main_wrap {
	zoom: 1;
} /* IE */


/* ---------------------------------------------------------------------
*
*    Contents
*
* --------------------------------------------------------------------- */
	#main_wrap #cont_wrap {
		float: left;
		width: 585px;
	}
	
	#main_wrap #cont_wrap #topicpath_wrap {
		width: 585px;
		padding-top:10px;
	}
	
	#main_wrap #cont_wrap #topicpath_wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
	#main_wrap #cont_wrap #topicpath_wrap {
		zoom: 1;
	} /* IE */
	
			#main_wrap #cont_wrap #topicpath_wrap ul {
			}
			
					#main_wrap #cont_wrap #topicpath_wrap ul li {
						float: left;
						list-style: none;
						font-size:91%;
						*font-size: xx-small; /* for IE6/7 */
						color: #999;
					}
					html>/**/body #main_wrap #cont_wrap #topicpath_wrap ul li { /* for IE8 */
						font-size /*\**/: xx-small\9;
					}
					
							#main_wrap #cont_wrap #topicpath_wrap ul li a{
								background: url(../images/common/arrow_right.gif) no-repeat right center;
								padding-right: 15px;
							}
							#main_wrap #cont_wrap #topicpath_wrap ul li a:link		{ color: #999; text-decoration: underline; }
							#main_wrap #cont_wrap #topicpath_wrap ul li a:visited	{ color: #999; text-decoration: underline; }
							#main_wrap #cont_wrap #topicpath_wrap ul li a:hover		{ color: #999; text-decoration: none; }
							#main_wrap #cont_wrap #topicpath_wrap ul li a:active	{ color: #999; text-decoration: underline; }
							
					
	#main_wrap #cont_wrap #cont_area {
		width: 585px;
		padding-top: 30px;
	}
	




	
/* ---------------------------------------------------------------------
*
*    Side
*
* --------------------------------------------------------------------- */
	#main_wrap #side_wrap {
		float: right;
		width: 195px;
		padding-top:40px;
	}
	
			/* ---------------------------------
			*    貸し会議室のご紹介
			*/
			#main_wrap #side_wrap #hall_list {
				background: #eee;
				margin-bottom: 15px;
			}
			
					#main_wrap #side_wrap #hall_list dl {
						padding-bottom:6px;
					}
					
							#main_wrap #side_wrap #hall_list dl dt {
								padding-bottom:6px;
							}
							
							#main_wrap #side_wrap #hall_list dl dd {
								border-bottom: 1px dotted #ccc;
								padding: 4px 0;
								margin: 0 10px;
							}
							
									/* ---------------------------------
									*    調布
									*/
									#main_wrap #side_wrap #hall_list dl dd#btn_cyofu a				{ width: 175px; height: 55px; display: block; }
									#main_wrap #side_wrap #hall_list dl dd#btn_cyofu a:hover		{ background: transparent url(../images/common/btn_cyofu_on.jpg) no-repeat; }
									#main_wrap #side_wrap #hall_list dl dd#btn_cyofu a:hover img	{ visibility: hidden; }
									
									/* ---------------------------------
									*    立川
									*/
									#main_wrap #side_wrap #hall_list dl dd#btn_tachikawa a 			{ width: 175px; height: 55px; display: block; }
									#main_wrap #side_wrap #hall_list dl dd#btn_tachikawa a:hover		{ background: transparent url(../images/common/btn_tachikawa_on.jpg) no-repeat; }
									#main_wrap #side_wrap #hall_list dl dd#btn_tachikawa a:hover img	{ visibility: hidden; }
									
									/* ---------------------------------
									*    八王子
									*/
									#main_wrap #side_wrap #hall_list dl dd#btn_hachioji a				{ width: 175px; height: 55px; display: block; }
									#main_wrap #side_wrap #hall_list dl dd#btn_hachioji a:hover		{ background: transparent url(../images/common/btn_hachioji_on.jpg) no-repeat; }
									#main_wrap #side_wrap #hall_list dl dd#btn_hachioji a:hover img	{ visibility: hidden; }
									
									/* ---------------------------------
									*    武蔵小杉
									*/
									#main_wrap #side_wrap #hall_list dl dd#btn_musashikosugi a				{ width: 175px; height: 55px; display: block; }
									#main_wrap #side_wrap #hall_list dl dd#btn_musashikosugi a:hover		{ background: transparent url(../images/common/btn_musashikosugi_on.jpg) no-repeat; }
									#main_wrap #side_wrap #hall_list dl dd#btn_musashikosugi a:hover img	{ visibility: hidden; }
									
									/* ---------------------------------
									*    川崎
									*/
									#main_wrap #side_wrap #hall_list dl dd#btn_kawasaki a			{ width: 175px; height: 55px; display: block; }
									#main_wrap #side_wrap #hall_list dl dd#btn_kawasaki a:hover		{ background: transparent url(../images/common/btn_kawasaki_on.jpg) no-repeat; }
									#main_wrap #side_wrap #hall_list dl dd#btn_kawasaki a:hover img	{ visibility: hidden; }
									
									/* ---------------------------------
									*    本八幡
									*/
									#main_wrap #side_wrap #hall_list dl dd#btn_moto-yawata a			{ width: 175px; height: 55px; display: block; }
									#main_wrap #side_wrap #hall_list dl dd#btn_moto-yawata a:hover		{ background: transparent url(../images/common/btn_moto-yawata_on.jpg) no-repeat; }
									#main_wrap #side_wrap #hall_list dl dd#btn_moto-yawata a:hover img	{ visibility: hidden; }
							
					
			/* ---------------------------------
			*    お問い合わせ・ご予約
			*/
			#main_wrap #side_wrap #btn_reservation {
				margin-bottom: 10px;
			}
					#main_wrap #side_wrap #btn_reservation a 			{ width:195px; height:60px; display: block; }
					#main_wrap #side_wrap #btn_reservation a:hover		{ background: transparent url(../images/common/btn_reservation_on.jpg) no-repeat; }
					#main_wrap #side_wrap #btn_reservation a:hover img	{ visibility: hidden; }
			
			/* ---------------------------------
			*    プロジェクターの貸し出し
			*/
			#main_wrap #side_wrap #banner_rental {
				margin-bottom: 10px;
			}
	
			/* ---------------------------------
			*    お問い合わせ先
			*/
			#main_wrap #side_wrap #information_wrap {
				text-align:center;
			}
			
					#main_wrap #side_wrap #information_wrap #txt_mail {
						padding: 10px 0 10px 5px;
					}
							#main_wrap #side_wrap #information_wrap #txt_mail a 			{ width: 186px; height: 16px; display: block; }
							#main_wrap #side_wrap #information_wrap #txt_mail a:hover		{ background: transparent url(../images/common/txt_mail_on.gif) no-repeat; }
							#main_wrap #side_wrap #information_wrap #txt_mail a:hover img	{ visibility: hidden; }
					
					#main_wrap #side_wrap #information_wrap #info_staff {
						background: #eee;
						padding: 5px 0;
					}
	

	
/* =====================================================================
*	
*	Footer
*	
* =================================================================== */
	
#footer_wrap {
	clear: both;
	width: 800px;
	padding: 30px 0 0;
	font-size: 91%;
	*font-size: xx-small; /* for IE6/7 */
	color: #999;
}
html>/**/body #footer_wrap { /* for IE8 */
	font-size /*\**/: xx-small\9;
}

		#footer_wrap #footer_area {
			width: 800px;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			margin-bottom: 15px;
			padding: 20px 0;
		}
		
		#footer_wrap #footer_area:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
			
		#footer_wrap #footer_area {
			zoom: 1;
		} /* IE */
		
				#footer_wrap #footer_area #footernav_wrap{
					float: left;
					width: 700px;
				}
						
						#footer_wrap #footer_area #footernav_wrap ul li {
							float: left;
							list-style: none;
						}
						
						#footer_wrap #footer_area #footernav_wrap ul li a:link		{ color: #999; text-decoration: underline; }
						#footer_wrap #footer_area #footernav_wrap ul li a:visited	{ color: #999; text-decoration: underline; }
						#footer_wrap #footer_area #footernav_wrap ul li a:hover		{ color: #999; text-decoration: none; }
						#footer_wrap #footer_area #footernav_wrap ul li a:active	{ color: #999; text-decoration: underline; }
				
				
				#footer_wrap #footer_area.pagetop { /* ページの先頭へ戻る */
					float: right;
					width: 95px;
				}
		
		#footer_wrap #copyright { /* コピーライト */
			clear: both;
			width: 800px;
		}
				#footer_wrap #copyright p {
					text-align: center;
				}