@import url("sub-style.css");

@charset "Shift_Jis";

/* ////// 全体の設定 ////// */
* {
	margin:0; padding:0;
	font-family :"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}

body {
	margin: 0; padding: 0;
	color: #333333;
	font-size:90%; ;
	text-align: center;
	scrollbar-base-color:#F7F8F1;
	scrollbar-shadow-color:#cccccc;
	scrollbar-darkshadow-color:#999999;
}

	a { text-decoration: none; }
	a:link		{color: #005599;text-decoration: underline;}
	a:visited	{color: #005599;text-decoration: underline;}
	a:hover		{color: #6699bb; text-decoration: underline;}
	a:active	{color: #6699bb;text-decoration: underline;}

img { border: none; margin: 0; padding: 0;}
hr { clear:both;visibility:hidden; margin: 0;}
td,th{vertical-align: top;}
div,p,h1,h2,h3,h4,h5,h6,ul{margin: 0;padding: 0;}


/* ////// ページの設定 ////// */
#index { position: relative; }
/*トピックス表示ファイル*/
#topix { text-align: left; }

/* ////// ベースレイアウト部分 ////// */
#base-waku{
	margin:0 auto; padding:0;text-align: center;
	position: relative;
}

#base-bottom{
	margin:0 auto; padding:0;text-align: center;width: 750px;
}
/* ////// ヘッダー部分 ////// */
#header {
	position: relative;margin:0 auto; padding:0;
	width:770px;height: 85px;text-align: left;
	background: url(image/common/back_header.gif) no-repeat left top;
}
#header #catch {
	width: 580px;margin: 0;padding: 7px 0 0 10px;float: left;
	font-size: 0.9em;height: 23px;font-weight: normal;color: #ffffff;
}
 
#header #sab-navi{
	margin: 4px 0;padding: 0;float: left;
	font-size: 1em; width: 170px;color: #ffffff;text-align: right;
}
	#sab-navi ul{text-align: left;padding: 0;margin: 0;}
	#sab-navi li{
		float: left;list-style: none;padding: 0 5px;margin: 0;
	}
	#sab-navi li a {
		display:block;padding: 0;font-size: 3px;
		width: 21px;height: 21px;text-decoration: none;
	}

/*	#sab-navi li a#standard {text-indent: -9999px;background: url(image/common/fontsize_normal_1.gif) no-repeat left top;}
	#sab-navi li a#fontsize-big {text-indent: -9999px;background: url(image/common/fontsize_big_1.gif) no-repeat left top;}
*/
	#sab-navi li a:hover#standard{text-indent: -9999px;background: url(image/common/fontsize_normal_2.gif) no-repeat left top;}
	#sab-navi li a:hover#fontsize-big {text-indent: -9999px;background: url(image/common/fontsize_big_2.gif) no-repeat left top;}
/*	#sab-navi li a#standard-2{text-indent: -9999px;background: url(image/common/fontsize_normal_2.gif) no-repeat left top;}
	#sab-navi li a#fontsize-big-2 {text-indent: -9999px;background: url(image/common/fontsize_big_2.gif) no-repeat left top;}
*/
#header #header-logo{position: relative; clear: both;padding-top: 10px;}
#header #header-logo a{
	display: block;text-indent: -9999px;text-decoration: none;
	width: 330px;height:35px; font-size: 3px;margin: 0 20px 0;
	background: url(image/common/logo.gif) no-repeat left top;
}

#header-tel{
	position: absolute;
	display: block;text-indent: -9999px;text-decoration: none;
	background: url(image/common/tel.gif) no-repeat left top;
	top:38px;left: 550px;width: 200px;height: 40px;
	}

/* ////// ナビ部分 ////// */
#base-navi{
	margin:0 auto; padding:0;
	width:782px;text-align: left;
	background: url(image/common/back_base_navi.gif) no-repeat left top;
}
/* ナビ */
#navi { 
	margin:0 auto; padding:0;
	width:770px;text-align: left;min-height:1px;　/* IE 7対策 */
}
	#navi:after {
		content:".";display:block;height:0px;clear:both;visibility:hidden;
	}
	#navi ul {padding: 3px 0 0 52px;
	}
	#navi li {
		list-style: none; margin: 0; padding: 0;
		float: left;text-align: center;
	}
	
	#navi li a {
	display:block;width: 95px;font-size:3px;height: 31px;
	text-decoration: none;padding: 0; margin: 0;text-indent: -9999px;
	}
	
	#navi li a.home   {background: url(image/navi/navi_top1.gif) no-repeat left bottom;}
	#navi li a.topix  {background: url(image/navi/navi_topix2.gif) no-repeat left bottom;}
	#navi li a.office {background: url(image/navi/navi_office1.gif) no-repeat left bottom;}
	#navi li a.member {background: url(image/navi/navi_member1.gif) no-repeat left bottom;}
	#navi li a.price   {background: url(image/navi/navi_price1.gif) no-repeat left bottom;}
	#navi li a.access   {background: url(image/navi/navi_access1.gif) no-repeat left bottom;}
	#navi li a.link   {background: url(image/navi/navi_link1.gif) no-repeat left bottom;}

	#navi li a:hover,
	#navi li a#now { background-position: left top;}

/* ////// メイン記事部分 ////// */

#base-main {
	margin:0 auto; padding: 0;
	width:782px;text-align: left;
	background: url(image/common/back_base_main.gif) repeat-y left top;
}

#base-bottom {
	margin:0 auto; padding: 0;
	width:782px;height: 16px;text-align: left;
	background: url(image/common/back_base_bottom.gif) repeat-y left top;
}

#main {
	margin:0 auto;padding: 10px 0 0; width: 770px;text-align: left;
	background: url(image/common/back_main_top.gif) no-repeat left top;
}

/* ////// フッター部分 ////// */

/*フッター*/
#footer {
	clear:both; color: #555555;text-align: right;
	margin:5px auto 0; padding: 8px 20px 0 0;font-size: 0.8em;width: 750px;height: 54px;
	background: url(image/common/back_base_footer.gif) no-repeat left top;
	color: #ffffff;line-height: 1.4;
	}
#footer-log {font-size: 1.2em;}
#footer-log a {color: #ffffff;text-decoration: none;}
#footer-log a:hover {color: #ffffff;text-decoration: underline;}

/* ////// パンクズリスト ////// */ 
#pankuzu{ text-align: right;font-size: 0.9em;margin: 0;padding-bottom: 0;color: #666666;}

/* ////// ページのトップへ ////// */ 
#pagetop {
	clear: both;padding-left: 412px; 
	background: url(image/common/pagetop.gif) no-repeat right top;
	}
	#pagetop a{
		display:block;font-size:3px;height: 19px;width: 133px;margin-top: 10px ;
		text-decoration: none;padding: 0; text-indent: -9999px;
	}

/* ////// トップレイアウト ////// */
#toppage {
	clear:both;text-align: left;margin: 0 0 0 10px;padding-bottom: 10px; width: 750px;
	background: url(image/common/back_toppage3.jpg) no-repeat left top;
	min-height:1px;　/* IE 7対策 */
}
	/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
	#toppage:after {
		content:".";display:block;height:0px;clear:both;visibility:hidden;
	}

#top-catch {
	display: block;text-indent: -9999px;text-decoration: none;
	height:125px; font-size: 3px;
}

#top-left{
	float: left;margin: 0;padding: 0;width: 230px;
	padding-top: 110px;
	}
#top-main{float: left;margin: 0  0 0 15px;;padding: 0 ;width:500px; }
#top-center{
	float: left;margin: 0;padding: 0;width: 205px;
	}
#top-right{
	float: left;padding: 0;width: 280px;margin-left: 15px; 
	}

#title-top-bengo  {background: url(image/title/title2.gif) no-repeat right top;}
#title-top-access {background: url(image/title/title1.gif) no-repeat right top;}
#title-top-info   {background: url(image/title/title4.gif) no-repeat right top;}

#member-top{padding: 0;margin-left: 10px;}
	#member-top li {
		list-style: none; margin: 0; padding: 12px 0 2px 0px;
		float: left;text-align: center;width: 180px;border-bottom: 1px dotted #cccccc;
		font-size: 1.1em;font-weight: bold;font-family: "ＭＳ ゴシック";color: #555555;
	}

/*トップ左部*/
#top-add{
	width: 200px;height: 135px;padding: 20px 0 0 30px;
	background: url(image/common/top_add.gif) no-repeat right top;
}
	#top-add #toppage-log{
		display: block;text-indent: -9999px;text-decoration: none;
		height:28px; font-size: 3px;
	}
.top-bana{margin: 8px 0 0;text-align: center;}

/*トップ右部*/
/*トップお知らせ情報*/
#top-info-iframe{margin: 0 0 5px;}

/*トップお知らせ情報 インラインフレーム内*/
#top-info{
	margin: 0; padding: 0;width: 480px;text-align: left;
}
	#top-info dl{margin: 0 5px;padding: 0;font-size: 1em;text-align: left;}
	#top-info dt{
		float: left;width: 100px;padding: 0 0 0 20px ;margin: 0;
		background: url(http://www.omotemachi.com/image/common/mark1.gif) no-repeat 5px center;
	}
	#top-info dd{
			float: left;width: 373px;
			margin-bottom: 6px ;padding: 0;
			}

/* ////// 下層レイアウト ////// */
#kasou {
	clear:both;text-align: left;margin: 0 0 0 25px;padding-bottom: 10px; width: 720px;
	line-height: 1.3;
	min-height:1px;　/* IE 7対策 */
}
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#kasou:after {
	content:".";display:block;height:0px;clear:both;visibility:hidden;
}

#kasou-content{line-height: 1.5;}
#kasou-content ul{margin-left: 40px;}


/* ////// トピックス表示ページレイアウト ////// */
#topix-content{width: 650px;line-height: 1.5;margin-left: 20px;}
	.topix-day{
		font-weight: bold;border-bottom: 1px solid #cccccc;margin-bottom: 5px;
		background: url(image/common/mark1.gif) no-repeat 2px center;
		padding-left: 15px;
		}
/* ////// メンバー紹介ページレイアウト ////// */
#member-menu{
	border: 3px double #aaaaaa;line-height: 1;float: right;width: 150px;
	background-color: #f0f0f0;
	}
	#member-menu:after {
		content:".";display:block;height:0px;clear:both;visibility:hidden;
	}
	#member-menu ul {padding: 5px; margin: 0;
	}
	#member-menu li {
		list-style: none; margin: 0; padding: 0 0 0 3px;
		text-align: left;
	}
	
	#member-menu li a {
		text-decoration: none;padding: 8px 0 5px 5px; margin: 0;display: block;
		border-top: 1px dotted #cccccc;width: 130px;font-weight: bold;
		}
	#member-menu li a.member-top {
		text-decoration: none;padding: 8px 0 5px 5px; margin: 0;display: block;
		width: 130px;border: 0px;font-weight: bold;
		}

.member-waku{line-height: 1.3;float: left;width: 550px;}
	.member-waku:after {
		content:".";display:block;height:0px;clear:both;visibility:hidden;
	}
	.member-waku .member-name{
		font-weight: bold;font-size: 1.8em;display: block;padding-left: 5px;
		color: #333333;
		}
	.member-waku .member-kana{font-weight: normal;font-size: 0.6em;text-align: right;}
	.member-waku dl{padding: 5px 0;clear: both;font-size: 1em;}
	.member-waku dt{
		list-style: none; margin: 0; padding: 0 0 0 32px;color: #666666;
		float: left;text-align: left;width: 105px;font-weight: bold;
		background: url(image/common/mark1.gif) no-repeat 20px 3px;
		}
	.member-waku dd{float: left;margin-left: 3px;width: 410px;}

/* お知らせ*/
#info-page{text-align: right;font-size: 0.9em;margin: 0 15px;}
.info-box{
	clear: both;margin: 5px 15px 20px;
	zoom: 100%;
	min-height:1px;　/* IE 7対策 */
}
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.info-box:after {
	content:".";display:block;height:0px;clear:both;visibility:hidden;
}
	.info-title{background-color:#922D17;padding: 5px 10px;margin-bottom: 10px;color: #ffffff;font-size: 1em;}
	.info-title img{vertical-align: middle;padding: 3px 0;}
	.info-img{float: right;margin: 0 0 10px 10px;padding: 3px; border: 1px solid #cccccc;}
	.info-date{font-size: 0.9em;font-weight: normal;}
	.info-link{
		background: url(image/common/mark1.gif) no-repeat left center;
		font-weight: normal;margin: 5px 0 0 10px;padding-left: 20px;
	}
	#info-btn-waku{text-align: center;margin-top: 20px;clear: both;}