/* ベース
-----------------------------------*/


/* 基本配置用
-----------------------------------*/
body {
	background-image:url(../img/index/bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color:#F5F5F5;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #7F7F7F;
	margin:0px;
	padding:0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


/* 基本リンク指定
-----------------------------------*/
a:link {
	font-size: 12px;
	line-height: 18px;
	color: #3399FF;
	text-decoration: underline;
}
a:visited {
	font-size: 12px;
	line-height: 18px;
	color: #3399FF;
	text-decoration: underline;
}
a:hover {
	font-size: 12px;
	line-height: 18px;
	color: #0079F2;
	text-decoration: underline;
}
a:active {
	font-size: 12px;
	line-height: 18px;
	color: #3399FF;
	text-decoration: underline;
}


/* レイアウト*/
/* ヘッダー
-----------------------------------*/
#header{
	width:100%;
	height:141px;
	background-image:url(../img/base/head/bg.gif);
	background-repeat:repeat-x;
}

#header .inner{
	width:900px;
	margin:auto;
	padding-top:27px;
	text-align:left;
}

#header .inner .logo{
	width:212px;
	height:44px;
	float:left;
}

#header .inner .text{
	width:498px;
	height:44px;
	float:left;
}

#header .inner .tel{
	width:190px;
	height:44px;
	text-align:right;
	float:right;
}

/* トップページ */
a.bt_top{
	width:77px;
	height:11px;
	display: block;
	background-image:url(../img/base/head/bt/bt_top.gif);
	background-repeat:no-repeat;
	float:left;
}
a.bt_top:hover{
	background-position:top right;
} 

/* アクセスマップ */
a.bt_map{
	width:84px;
	height:11px;
	display: block;
	background-image:url(../img/base/head/bt/bt_map.gif);
	background-repeat:no-repeat;
	float:left;
}
a.bt_map:hover{
	background-position:top right;
} 

/* 公式サイトへ */
a.bt_info{
	width:109px;
	height:11px;
	display: block;
	background-image:url(../img/base/head/bt/bt_info.gif);
	background-repeat:no-repeat;
	float:left;
}
a.bt_info:hover{
	background-position:top right;
} 



/* メインメニュー
-----------------------------------*/

#header .inner .menu{
	width:900px;
	height:70px;
}

/* bt_01*/
a.bt_01{
	width:179px;
	height:70px;
	display: block;
	background-image:url(../img/base/menu/bt_01.gif);
	float:left;
}
a.bt_01:hover{
	background-position:top right;
} 
a.bt_01_out{
	width:179px;
	height:70px;
	display: block;
	background-image:url(../img/base/menu/bt_01.gif);
	background-position:top right;
	float:left;
}

/* bt_02*/
a.bt_02{
	width:180px;
	height:70px;
	display: block;
	background-image:url(../img/base/menu/bt_02.gif);
	float:left;
}
a.bt_02:hover{
	background-position:top right;
} 
a.bt_02_out{
	width:180px;
	height:70px;
	display: block;
	background-image:url(../img/base/menu/bt_02.gif);
	background-position:top right;
	float:left;
}

/* bt_03*/
a.bt_03{
	width:180px;
	height:70px;
	display: block;
	background-image:url(../img/base/menu/bt_03.gif);
	float:left;
}
a.bt_03:hover{
	background-position:top right;
} 
a.bt_03_out{
	width:180px;
	height:70px;
	display: block;
	background-image:url(../img/base/menu/bt_03.gif);
	background-position:top right;
	float:left;
}

/* bt_04*/
a.bt_04{
	width:180px;
	height:70px;
	display: block;
	background-image:url(../img/base/menu/bt_04.gif);
	float:left;
}
a.bt_04:hover{
	background-position:top right;
} 
a.bt_04_out{
	width:180px;
	height:70px;
	display: block;
	background-image:url(../img/base/menu/bt_04.gif);
	float:left;
	background-position:top right;
}

/* bt_05 */
a.bt_05{
	width:181px;
	height:70px;
	display: block;
	background-image:url(../img/base/menu/bt_05.gif);
	float:left;
}
a.bt_05:hover{
	background-position:top right;
} 
a.bt_05_out{
	width:181px;
	height:70px;
	display: block;
	background-image:url(../img/base/menu/bt_05.gif);
	background-position:top right;
	float:left;
}


/* コンテンツ
-----------------------------------*/
#title{
	width:100%;
	height:120px;
	padding:0px;
	margin:auto;
	background-image:url(../img/title/bg.jpg);
	background-position:top center;
}

#title img{
	width:900px;
	height:120px;
	padding-left:0px;
	text-align:center;
	border-width:0px;
}


/* コンテンツ
-----------------------------------*/
#contents{
	width:100%;
	margin:auto;
	background-image:url(../img/base/contents_bg.gif);
	background-repeat:repeat-x;
}

#contents .inner{
	width:900px;
	text-align:left;
	margin:auto;
}

#contents .inner .left_area{
	width:690px;
	text-align:left;
	float:left;
}

#contents .inner .right_area{
	width:210px;
	text-align:left;
	float:right;
}

/* パンくず */
#contents .inner .pankuzu{
	color:#999999;
	width:672px;
	padding-top:18px;
	padding-left:18px;
	padding-bottom:12px;
	margin:0px;
	background-image:url(../img/base/pankuzu_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

/* メイン */
#main {
	width:675px;
	padding:0px;
}

#main .header{
	width:675px;
	height:6px;
	background-image:url(../img/base/main_header.gif);
	background-repeat:no-repeat;
	padding:0px;
}

#main .body{
	background-image:url(../img/base/main_bg.gif);
	background-repeat:repeat-y;
}

#main .body .inner{
	width:641px;
	margin:auto;
}

#main .footer{
	width:675px;
	height:18px;
	background-image:url(../img/base/main_footer.gif);
	background-repeat:no-repeat;
}


/* 右エリア
-----------------------------------*/

#box{
	width:210px;
	background-image:url(../img/base/bana_area_btm.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:15px;
}

/* ガレージハウスの流れ */
a.bt_flow{
	width:210px;
	height:90px;
	display: block;
	background-image:url(../img/base/bana/flow.gif);
	margin-top:48px;
}
a.bt_flow:hover{
	background-position:top right;
} 

/* プラン例＆価格一覧 */
a.bt_plan{
	width:210px;
	height:90px;
	display: block;
	background-image:url(../img/base/bana/plan.gif);
}
a.bt_plan:hover{
	background-position:top right;
} 

/* お問い合わせ・資料請求 */
a.bt_contact{
	width:210px;
	height:90px;
	display: block;
	background-image:url(../img/base/bana/contact.gif);
}
a.bt_contact:hover{
	background-position:top right;
} 

#info{
	width:190px;
	padding:10px;
	background-image:url(../img/base/info_bg.gif);
	text-align:left;
	font-size:10px;
	line-height:15px;
	color:#646464;
}

#info .title{
	width:180px;
	padding:5px;
	background-color:#FFFFFF;
	font-size:12px;
	margin-bottom:10px;
}


/* ページトップへ
-----------------------------------*/
a.bt_pagetop{
	width:104px;
	height:24px;
	display: block;
	background-image:url(../img/base/bt_pagetop.gif);
}
a.bt_pagetop:hover{
	background-position:top right;
} 

/* フッター
-----------------------------------*/
#footer{
	width:100%;
	background-image:url(../img/base/footer/bg.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#footer .inner{
	padding:45px 0 10px 0;
	width:900px;
	text-align:left;
	margin:auto;
}

/* ｈタグ指定
---------------------------------------------*/
h1 { font-size: 12pt;
     margin: 0;
	 padding: 0;
}
h2 { font-size: 12pt;
     margin: 0;
	 padding: 0;
}	
h3 { font-size: 12pt;
     margin: 0;
	 padding: 0;
}