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

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

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


a:link, a:visited 	{
					text-decoration: underline;
					color: #00a0e9;
					}
					
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; /*行間指定*/
					}

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

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

.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: left;
					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%;
					}

/*
---------------------------------------------------------------------
	写真風にする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%;
					}

.photo_com_a		{
					text-align: center;
					font-size: 75%;
					color: blue;
					}

/*
---------------------------------------------------------------------
	更新履歴（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: 290px;
					margin: 0px auto;
					}

#tuika_left 		{
					width :155;
					float: left;
					}

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

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


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

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

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

/*
---------------------------------------------------------------------
	ページレイアウト（会社特徴）
---------------------------------------------------------------------
*/

#aspect_intro		{
					margin: 0 auto;
					text-align: justify;	/*--IE以外の均等割付適用--*/
					text-justify:distribute;	/*--IE用の均等割付適用--*/
					font-size: 75%;
					width: 660px;
					}
					
#aspect_wrap		{
					width: 630px;
					margin: 0 auto;
					}
					
#strong				{
					margin: 0 auto;
					text-align: justify;	/*--IE以外の均等割付適用--*/
					text-justify:distribute;	/*--IE用の均等割付適用--*/
					font-size: 75%;
					width: 430px;
					}
					
#aspect_left		{
					width: 430px;
					float: left;
					margin: 0 auto;
					}

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

.spacer_20_as		{
					margin: 0 auto;
					width: 430px;       /*--#strongの幅に合わせる--*/
					height:20px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}
					
/*
---------------------------------------------------------------------
	ページレイアウト（施工事例）
---------------------------------------------------------------------
*/

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

#example_link		{
					margin: 0 auto;
					text-align: center;
					font-size: 75%;
					width: 660px;
					}
					
#example_wrap		{
					width: 640px;
					margin: 0 auto;
					}

.example_left		{
					width: 320px;
					float: left;
					margin: 0 auto;
					}

.example_right		{
					width: 300px;
					float: right;
					margin: 0 auto;
					}

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

.example_left_in	{
					width: 164px;
					float: left;
					margin: 0 auto;
					}

.example_right_in	{
					width: 150px;
					float: right;
					margin: 0 auto;
}

.example_genba		{
					font-weight: bold;
					font-size: 90%;
}

.example_naiyou		{
					font-size: 120%;
					font-size: 75%;
}

.spacer_10_ex		{
					margin: 0 auto;
					width: 660px;       /*--#施工事例写真の幅に合わせる--*/
					height:10px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}

.spacer_20_ex		{
					margin: 0 auto;
					width: 660px;       /*--#施工事例写真の幅に合わせる--*/
					height:20px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}

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

/*
---------------------------------------------------------------------
	ページレイアウト（施工事例 - 各事例詳細ページ）
---------------------------------------------------------------------
*/

.example_sub_title	{
					font-weight: bold;
					color: #6699ff;
					font-size: 75%; 
					}

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

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

.example_right2		{
					width: 314px;
					float: right;
					margin: 0 auto;
					}
					
.spacer_10s_ex		{
					margin: 0 auto;
					width: 300px;       /*--#施工事例写真の幅に合わせる--*/
					height:10px;
					background-color:#ffffff;
					overflow: hidden;	/*--IE6で小さい高さを指定する時のバグ対処--*/
					}

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

#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;
					}

/*
---------------------------------------------------------------------
	ページレイアウト（リフォームお見積もり依頼）
---------------------------------------------------------------------
*/

#r_plan				{
					margin: 0 auto;
					width: 550px;
					font-size: 75%;;
					}

/*
---------------------------------------------------------------------
	ページレイアウト（新築お見積もり依頼）
---------------------------------------------------------------------
*/

#n_plan				{
					margin: 0 auto;
					width: 600px;
					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;
					}

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

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

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

#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%;
					}

/*
---------------------------------------------------------------------
	お勧め新築プラン
---------------------------------------------------------------------
*/

.osusume			{
					width: 720px;
					margin: 0px auto;
					}

.osusume_wrap		{
					width: 720px;
					margin: 0 auto;
					}

.osusume_left		{
					width: 355px;
					float: left;
					margin: 0 auto;
					}

.osusume_right		{
					width: 355px;
					float: right;
					margin: 0 auto;
					}

.osusume_ul			{
					margin: 0 0 0 2em;
					padding: 0px;
					margin-top: 7px;
					margin-bottom: 3px;
					line-height: 20px;
					font-size: 75%;
					}
					
.osusume_com		{
					width: 600px;
					margin: 0 auto;
					font-size: 75%;
					text-justify: distribute;	/*--均等割り付け--*/
					text-align: justify;
					}

/*
---------------------------------------------------------------------
	リフォームで減税・補助・融資
---------------------------------------------------------------------
*/

#genzei_reform_wrap {
					width: 640px;
					margin: 0 auto;
					font-size: 75%;
					}
					
#genzei_top_com		{
					font-size: 75%;
					text-align: center;
					}
					
#genzei_bottom_com	{
					text-align: center;
					}

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



#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;
				}