/*
---------------------------------------------------------------------
	各ページ共通
---------------------------------------------------------------------
*/

body,html			{
					color: #434343;
					background: url(./img/share/background.jpg) top repeat-x;
					background-color: #e5dfa0;
					margin: 0;
					height: 100%;
					font-family: 'ＭＳ Ｐゴシック',sans-serif;
					line-height: 15px;
					}

table		 		{ 
					border-collapse: collapse;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					border: 1px;
					color: #666666;
					}


a:link, a:visited 	{
					text-decoration: underline;
					color: #478811;
					}
					
a:hover			 	{
					color: #fc1954;
					text-decoration: underline;
					}

a:focus 			{
					outline:none;	/*--リンクをクリックした時の破線を消す。Firefoxのみ有効--*/
					}
					
a 					{
					text-decoration: none;
					}
					
a img 				{
					border-style: none;
					}

img					{
					border: 0px;
					}
					
h1 					{
					margin:0px;
					font-size:75%;
					font-weight:normal;
					color:#707070;
					vertical-align:middle;
					}

.kintou				{
					text-justify: distribute;	/*--均等割り付け--*/
					text-align: justify;
					}
					
p.hide 				{
					display:none;
					} 

ol{
					line-height:20px; /*行間指定*/
}

/*
---------------------------------------------------------------------
	ページレイアウト（各ページ共通）
---------------------------------------------------------------------
*/

.inner 				{
					margin:0 10px;
					}




#outer 				{	/*--両端の影のサイズ--*/
					margin: 0 auto;
					width: 790px;
					}
					
html>body #outer	{/* 両端の影 IE6以外に適用 */
					background-image:url(./img/share/bg.png);
					}
					
*html body #outer	{/* 両端の影 IE6以下に適用 */
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/share/bg.png', sizingMethod='scale');
					}

#wrapper	 		{
					width: 780px;	/*--ページ表示部分最大幅です。--*/
					height:100%;
					margin: 0px auto;	/*--ブラウザfirefoxでセンター揃えさせる。--*/
					background-color:#ffffff;
					}

#header				{
					width: 100%;
					height: 4px;
					font-size: 0px;
					background-image:url(img/share/header_image.gif);
					}

#footer				{
					width: 100%;
					height: 70px;
					text-align: center;	
					background-image:url(img/share/footer_image.gif);
					}

#top_head			{
					width: 760px;
					height: 15px;
					text-align: center;
					background-color:#ffffff;
					}

#sub_head			{
					width: 760px;
					height: 45px;
					background-color:#ffffff;
					font-size: 0px;
					line-height: 0px;
					}

#head_left			{
					width: 250px;
					height: 45px;
					float: left;
					background-color:#ffffff;
					}

#head_right			{
					width: 350px;
					height: 45px;
					float: right;
					background-color:#ffffff;
					}
					
#menu_head			{
					width: 780px;
					height: 57px;
					clear: both;
					background-color:#ffffff;
					}
					
#footer_up			{
					width: 760px;
					height: 55px;
					margin: 0px auto;
					text-align: center;	
					}

#footer_down		{
					width: 760px;
					height: 15px;
					margin: 0px auto;
					text-align: center;
					font-size: 75%;
					color: #ffffff;
					}

#footer_left		{
					width: 400px;
					float: left;
					text-align: left;
					}

#footer_right		{
					width: 180px;
					height:15px;
					float: right;
					}
					
.spacer_5 			{
					margin: 0 auto;
					width: 760px;
					height:5px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}

.spacer_10 			{
					margin: 0 auto;
					width: 760px;
					height:10px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}
					
.spacer_20 			{
					margin: 0 auto;
					width: 760px;
					height:20px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}
					
.spacer_30 			{
					margin: 0 auto;
					width: 760px;
					height:30px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}
					
.spacer_10f			{
					clear: both;	/*--floatを解除--*/
					margin: 0 auto;
					width: 760px;
					height:10px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}

.spacer_20f			{
					clear: both;	/*--floatを解除--*/
					margin: 0 auto;
					width: 760px;
					height:20px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}

#guide				{
					margin: 0 auto;
					text-align: left;
					font-size: 75%;
					}

.back				{
					margin: 0 auto;
					width: 100%;
					text-align: right;
					font-size: 75%;
					}

.page_top			{
					margin: 0 auto;
					width: 100%;
					text-align: right;
					font-size: 75%;
					}

.box				{
					font-weight: bold;
					color: #478811;
					font-size: 75%;
					}

/*
---------------------------------------------------------------------
	写真風にするCSS
---------------------------------------------------------------------
*/

.photo 				{
					text-align: center;
					border-top: solid 1px silver;
					border-left: solid 1px silver;
					border-bottom: solid 1px gray;
					border-right: solid 1px gray;
					background-color: white;
					padding: 6px;
					}

.photo_spacer		{
					margin: 0 auto;
					width: 200px;
					height:5px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}

.photo_com			{
					text-align: center;
					font-size: 75%;
					}

/*
---------------------------------------------------------------------
	更新履歴（update.php用）
---------------------------------------------------------------------
*/

.update_message		{
					width:330px;
					margin: 0px auto;
					}

.update_now			{
					width:330px;
					font-size:75%;
					font-family: "ＭＳ Ｐゴシック", sans-serif;
					}

.update_com			{
					width:330px;
					font-size:75%;
					font-family: "ＭＳ Ｐゴシック", sans-serif;
					}


/*
---------------------------------------------------------------------
	ページレイアウト（トップページ）
---------------------------------------------------------------------
*/

#main_body			{
					width: 760px;
					height:100%;
					font-size: 0px;
					line-height: 0px;
					background-color:#ffffff;
					}

#main_body_left		{
					width: 555px;
					float: left;
					background-color:#ffffff;
					}

#left_in_left		{
					width: 195px;
					float: left;
					background-color:#ffffff;
					}
					
#left_top_link		{
					width: 195px;
					background-color:#ffffff;
					margin: 0px auto;
					font-size: 0px;
					line-height: 0px;
					}
					
#left_body_link		{
					width: 193px;
					border-style: solid;
					border-width: 0px 1px;
					border-color: #d1d1d1;
					background-color:#ffffff;
					margin: 0px auto;
					}

#left_foot_link	{
					width: 195px;
					background-color:#ffffff;
					margin: 0px auto;
					font-size: 0px;
					line-height: 0px;
					}

#left_in_right		{
					width: 350px;
					float: right;
					}

#main_body_right	{
					width: 195px;
					float: right;
					}
					
#main_body_top		{
					width: 350px;
					margin: 0px auto;
					font-size: 0px;
					line-height: 0px;
					}

#main_body_rireki	{
					width: 348px;
					border-style: solid;
					border-width: 0px 1px;
					border-color: #d1d1d1;
					margin: 0px auto;
					}
					
#main_body_foot		{
					width: 350px;
					margin: 0px auto;
					font-size: 0px;
					line-height: 0px;
					}

#tuika_top			{
					width: 350px;
					margin: 0px auto;
					font-size: 0px;
					line-height: 0px;
					}
					
.tuika_body			{
					width: 348px;
					border-style: solid;
					border-width: 0px 1px;
					border-color: #d1d1d1;
					margin: 0px auto;
					background-color: ffff00;
					}

.tuika_foot			{
					width: 350px;
					margin: 0px auto;
					font-size: 0px;
					line-height: 0px;
					}

.tuika_wrap			{
					width: 320px;
					margin: 0px auto;
					}

.tuika_left 		{
					width :150;
					float: left;
					margin-top: 7px;
					margin-bottom: 3px;
					text-align: center;
					font-size: 75%;
					}

.tuika_right		{
					width : 170;
					float: right;
					text-align: left;
					font-size: 75%;
					}

.top_ul				{
					margin: 0 0 0 2em;
					padding: 0px;
					margin-top: 7px;
					margin-bottom: 3px;
					}

#top_other_link		{
					text-align: right;
					font-size: 65%;
					margin: 0px 10px 0px 0px;
					}

#qr_code			{
					text-align: center;
					border-color: #000000;
					border-style: solid;
					border-width: 1px;
					}
					
#qr_code_com		{
					text-align: center;
					font-size: 75%;
					margin-top: 5px;
					margin-bottom: 3px;
					}

#admin				{
					margin: 0 auto;
					text-align: center;
					font-size: 65%;
					}

/*
---------------------------------------------------------------------
	ページレイアウト（会社概要）
---------------------------------------------------------------------
*/

#about_us_left		{
					width: 395px;
					float: left;
					background-color:#ffffff;
					}

#about_us_right		{
					width: 355px;
					float: right;
					background-color:#ffffff;
					}


/*
---------------------------------------------------------------------
	ページレイアウト（ご契約流れ）
---------------------------------------------------------------------
*/

#flow_wrap			{
					width: 630px;
					margin: 0 auto;
					}

#flow_left			{
					width: 400px;
					float: left;
					margin: 0 auto;
					font-size: 75%;
					text-align: justify;	/*--IE以外の均等割付適用--*/
					text-justify:distribute;	/*--IE用の均等割付適用--*/
					}

#flow_right			{
					width: 200px;
					float: right;
					margin: 0 auto;
					}

/*
---------------------------------------------------------------------
	ページレイアウト（賃貸物件）
---------------------------------------------------------------------
*/

#syousai_wrap		{
					width: 760px;
					margin: 0 auto;
					}

#syousai_left		{
					width: 314px;
					float: left;
					margin: 0 auto;
					}

#syousai_right		{
					width: 436px;
					float: right;
					margin: 0 auto;
					}

table.syousai		{
				    border-top:1px solid #3a720b;
				    border-left:1px solid #3a720b;
				    border-collapse:collapse;
				    border-spacing:0;
				    background-color:#ffffff;
				    empty-cells:show;
				    width: 100%;
					}

.syousai th			{
				    border-right:1px solid #3a720b;
				    border-bottom:1px solid #3a720b;
				    color:#3a720b;
				    background-color:#a7d581;
				    background-position:left top;
				    padding:0.5em 0.5em;
				    text-align:left;
				    width: 100px;
					}
					
.syousai td			{
				    border-right:1px solid #3a720b;
				    border-bottom:1px solid #3a720b;
				    padding:0.5em 0.5em;
				    text-align: left;
				    height: 40px;
					}
		

table.pub_table		{
				    border-top:1px solid #3a720b;
				    border-left:1px solid #3a720b;
				    border-collapse:collapse;
				    border-spacing:0;
				    background-color:#ffffff;
				    empty-cells:show;
				    width: 760px;
					}

.pub_table th		{
				    border-right:1px solid #3a720b;
				    border-bottom:1px solid #3a720b;
				    color:#3a720b;
				    background-color:#a7d581;
				    background-position:left top;
				    padding:0.3em 0.5em;
				    text-align:center;
					}
					
.pub_table td		{
				    border-right:1px solid #3a720b;
				    border-bottom:1px solid #3a720b;
				    padding:0.3em 0.5em;
				    text-align: center;
					}

.tintai_title		{
					color: #478811; /* 賃貸物件ページ、タイトルの色 */
					margin: 0 auto;
					text-align: center;
					height: 20px;
					}
					
/*
---------------------------------------------------------------------
	ページレイアウト（売買物件）
---------------------------------------------------------------------
*/

table.baibai		{
				    border-top:1px solid #478811;
				    border-left:1px solid #478811;
				    border-collapse:collapse;
				    border-spacing:0;
				    background-color:#ffffff;
				    empty-cells:show;
				    width: 100%;
					}

.baibai th			{
				    border-right:1px solid #478811;
				    border-bottom:1px solid #478811;
				    color:#3f7c0b;
				    background-color:#a7d581;
				    background-position:left top;
				    padding:0.3em 0.5em;
				    text-align:center;
					}
					
.baibai td			{
				    border-right:1px solid #478811;
				    border-bottom:1px solid #478811;
				    padding:0.3em 0.5em;
				    text-align: center;
					}
					
.red				{
					color: #ff0000;
					font-weight: bold;
					}

/*
---------------------------------------------------------------------
	ページレイアウト（売買物件詳細）
---------------------------------------------------------------------
*/

#detail_title		{
					color: #ff0000;
					margin: 0 auto;
					text-align: center;
					}

#detail_photo		{
					width: 664px;
					margin: 0 auto;
					text-align: center;
					}

#detail_wrap		{
					width: 500px;
					margin: 0 auto;
					}

#detail_left		{
					width: 250px;
					float: left;
					margin: 0 auto;
					}

#detail_right		{
					width: 250px;
					float: right;
					margin: 0 auto;
					}

.detail_ul			{
					margin: 0 0 0 2em;
					padding: 0px;
					margin-top: 7px;
					margin-bottom: 3px;
					line-height: 20px;
					font-size: 75%;
					}

#detail_contact		{
					text-align: center;
					margin: 0 auto;
					font-size: 75%;
					}

#detail_wrap2		{
					width: 640px;
					margin: 0 auto;
					}

.detail_left2		{
					width: 314px;
					float: left;
					margin: 0 auto;
					}

.detail_right2		{
					width: 314px;
					float: right;
					margin: 0 auto;
					}

/*
---------------------------------------------------------------------
	ページレイアウト（月極駐車場）
---------------------------------------------------------------------
*/

table.tukigime		{
				    border-top:1px solid #478811;
				    border-left:1px solid #478811;
				    border-collapse:collapse;
				    border-spacing:0;
				    background-color:#ffffff;
				    empty-cells:show;
				    width: 100%;
					}

.tukigime th		{
				    border-right:1px solid #478811;
				    border-bottom:1px solid #478811;
				    color:#3f7c0b;
				    background-color:#a7d581;
				    background-position:left top;
				    padding:0.3em 0.5em;
				    text-align:center;
					}
					
.tukigime td		{
				    border-right:1px solid #478811;
				    border-bottom:1px solid #478811;
				    padding:0.3em 0.5em;
				    text-align: center;
					}

.tukigime_left		{
					width: 375px;
					float: left;
					background-color:#ffffff;
					}

.tukigime_right		{
					width: 375px;
					float: right;
					background-color:#ffffff;					
					}
					


/*
---------------------------------------------------------------------
	ページレイアウト（五島市までのアクセス）
---------------------------------------------------------------------
*/

#access_w700		{
					width: 700px;
					margin: 0 auto;
					}

#access_wrap		{
					width: 700px;
					margin: 0 auto;
					}

#access_left		{
					width: 345px;
					float: left;
					margin: 0 auto;
					}

#access_right		{
					width: 345px;
					float: right;
					margin: 0 auto;
					}
					
.access_char_title	{
					font-size: 75%;
					font-weight: bold;
					}

.access_ul			{
					margin: 0 0 0 2em;
					padding: 0px;
					margin-top: 7px;
					margin-bottom: 3px;
					line-height: 20px;
					font-size: 75%;
					}

/*
---------------------------------------------------------------------
	ページレイアウト（お問い合わせ）
---------------------------------------------------------------------
*/

#mail_form			{
					margin: 0 auto;
					width: 700px;
					font-size: 75%;
					}

.spacer_10f_cs		{
					clear: both;
					margin: 0 auto;
					width: 650px;       /*--#strongの幅に合わせる--*/
					height:20px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}
					
#mail_left			{
					width: 100px;
					float: left;
					margin: 0 auto;
					}

#mail_right			{
					width: 600px;
					float: right;
					margin: 0 auto;
					}

/*
---------------------------------------------------------------------
	ページレイアウト（展示会）
---------------------------------------------------------------------
*/

#tenzikai_wrap2		{
					width: 640px;
					margin: 0 auto;
					}

.tenzikai_left2		{
					width: 314px;
					float: left;
					margin: 0 auto;
					}

.tenzikai_right2	{
					width: 314px;
					float: right;
					margin: 0 auto;
					}

/*
---------------------------------------------------------------------
	ページレイアウト（不動産の有効活用）
---------------------------------------------------------------------
*/

.katuyou_kintou		{
					width: 650px;
					text-justify: distribute;	/*--均等割り付け--*/
					text-align: justify;
					font-size: 75%;
					margin: 0 auto;
					}

.katuyou_sub_title	{
					font-weight: bold;
					font-size: 75%;
					color: #478811;
					}
					
#katuyou_detail		{
					width: 650px;
					margin: 0 auto;
					}


/*
---------------------------------------------------------------------
	当サイトについて
---------------------------------------------------------------------
*/

#about_site_wrap	{
					width: 640px;
					margin: 0 auto;
					font-size: 75%;
					}

.sub_title			{
					font-weight: bold;
					color: #478811;
					}

/*
---------------------------------------------------------------------
	プライバシポリシー
---------------------------------------------------------------------
*/

#privacy_wrap		{
					width: 640px;
					margin: 0 auto;
					font-size: 75%;
					}

/*
---------------------------------------------------------------------
	相互リンク集
---------------------------------------------------------------------
*/

#link_kibou			{
					width: 500px;
					margin: 0 auto;
					font-size: 75%;
					}
					
.links				{
					width: 640px;
					margin: 0 auto;
					font-size: 75%;
					}
					
/*
---------------------------------------------------------------------
	ページレイアウト（空き家情報）
---------------------------------------------------------------------
*/

#akiya				{
					width: 500px;
					margin: 0 auto;
					font-size: 75%;
					text-align: left;
					}
					
/*
---------------------------------------------------------------------
	ページレイアウト（五島市FAQ）
---------------------------------------------------------------------
*/

#faq				{
					width: 650px;
					margin: 0 auto;
					font-size: 75%;
					}

.faq_ans			{
					width: 400px;
					text-justify: distribute;
					text-align: justify;
					color:#000000;
					}

/*
---------------------------------------------------------------------
	ページレイアウト（お問い合わせフォーム・ご予約フォーム）
---------------------------------------------------------------------
*/

.mail_text75
		{
		text-align: center;
		width: 580px;
		}
		
.mail_text_color
		{
		color: #fff;
		}

#mail_table
		{
		width: 560px;
		font-size: 75%;
		margin-bottom: 1em;
		padding: 5px;
		border: 2px solid #4a8b14;
		margin-left: 15px;
		}

#mail_table th
		{
		padding: 7px 7px;
		width: 180px;
		text-align: right;
		background: #4a8b14;
		}

#mail_table td
		{
		width: 380px;
		padding: 7px 15px;
		}

#strong
		{
		font-weight: bold;
		}

/*
---------------------------------------------------------------------
	ページレイアウト（賃貸操作管理者ページ）
---------------------------------------------------------------------
*/

.admin_font			{
					font-size: 75%;
					width: 600px;
					margin: 0 auto;
					text-align: center;
					}

table.admin_table	{
				    border-top:1px solid #96814a;
				    border-left:1px solid #96814a;
				    border-collapse:collapse;
				    border-spacing:0;
				    background-color:#ffffff;
				    empty-cells:show;
				    width: 100%;
					}

.admin_table th		{
				    border-right:1px solid #96814a;
				    border-bottom:1px solid #96814a;
				    color:#96814a;
				    background-color:#eee0ba;
				    background-position:left top;
				    padding:0.3em 0.5em;
				    text-align:center;
					}
					
.admin_table td		{
				    border-right:1px solid #96814a;
				    border-bottom:1px solid #96814a;
				    padding:0.3em 0.5em;
				    text-align: left;
					}
					
table.admin_table2	{
				    border-top:1px solid #96814a;
				    border-left:1px solid #96814a;
				    border-collapse:collapse;
				    border-spacing:0;
				    background-color:#ffffff;
				    empty-cells:show;
				    width: 100%;
					}

.admin_table2 th	{
				    border-right:1px solid #96814a;
				    border-bottom:1px solid #96814a;
				    color:#96814a;
				    background-color:#eee0ba;
				    background-position:left top;
				    padding:0.3em 0.5em;
				    text-align:center;
					}
					
.admin_table2 td	{
				    border-right:1px solid #96814a;
				    border-bottom:1px solid #96814a;
				    padding:0.3em 0.5em;
				    text-align: center;
					}


					
#output_menu		{
					width: 650px;
					font-size: 75%;
					text-align: center;
					margin: 0 auto;
					}
					
.admin_ok			{
					font-size: 75%;
					margin: 0 auto;
					text-align: center;
					color: #0068b7;
					}

.admin_err			{
					font-size: 75%;
					margin: 0 auto;
					text-align: center;
					color: #ff0000;
					}

/*
---------------------------------------------------------------------
	ナビゲーション指定（各ページごとに設定）
---------------------------------------------------------------------
*/



#menu ul 		{
				list-style: none;
				margin: 0px;
				padding: 0px;
				}

#menu ul li 	{
				float:left;
				font-size:1px;
				display:inline;
				}

#menu ul li a 	{
				height: 57px;
				display: block;
				text-decoration: none;
				text-indent: -9999px;
				}


#navi1 a 		{
				width: 99px;
				height: 57px;
				display: block;
				background: url(./img/share/main_navi1.gif) top left no-repeat;
				}

#navi2 a 		{
				width: 97px;
				height: 57px;
				display: block;
				background: url(./img/share/main_navi2.gif) top left no-repeat;
				}

#navi3 a 		{
				width: 97px;
				height: 57px;
				display: block;
				background: url(./img/share/main_navi3.gif) top left no-repeat;
				}

#navi4 a 		{
				width: 97px;
				height: 57px;
				display: block;
				background: url(./img/share/main_navi4.gif) top left no-repeat;
				}

#navi5 a 		{
				width: 97px;
				height: 57px;
				display: block;
				background: url(./img/share/main_navi5.gif) top left no-repeat;
				}

#navi6 a 		{
				width: 97px;
				height: 57px;
				display: block;
				background: url(./img/share/main_navi6.gif) top left no-repeat;
				}

#navi7 a 		{
				width: 97px;
				height: 57px;
				display: block;
				background: url(./img/share/main_navi7.gif) top left no-repeat;
				}

#navi8 a 		{
				width: 99px;
				height: 57px;
				display: block;
				background: url(./img/share/main_navi8.gif) top left no-repeat;
				}


#menu li a:hover { background-repeat:no-repeat; background-position:0 -57px;}

/*
---------------------------------------------------------------------
	ナビゲーション指定（別ページ時の反転用）
---------------------------------------------------------------------
*/

#id1 #navi1 a 	{
				width: 99px;
				height: 57px;
				background-repeat:no-repeat;
				background-position:0 -57px;
				}

#id2 #navi2 a 	{
				width: 97px;
				height: 57px;
				background-repeat:no-repeat;
				background-position:0 -57px;
				}

#id3 #navi3 a 	{
				width: 97px;
				height: 57px;
				background-repeat:no-repeat;
				background-position:0 -57px;
				}

#id4 #navi4 a 	{
				width: 97px;
				height: 57px;
				background-repeat:no-repeat;
				background-position:0 -57px;
				}

#id5 #navi5 a 	{
				width: 97px;
				height: 57px;
				background-repeat:no-repeat;
				background-position:0 -57px;
				}

#id6 #navi6 a 	{
				width: 97px;
				height: 57px;
				background-repeat:no-repeat;
				background-position:0 -57px;
				}

#id7 #navi7 a 	{
				width: 97px;
				height: 57px;
				background-repeat:no-repeat;
				background-position:0 -57px;
				}

#id8 #navi8 a 	{
				width: 99px;
				height: 57px;
				background-repeat:no-repeat;
				background-position:0 -57px;
				}