@charset "UTF-8";

/* CSS Document */
/******************************************************************
# トップページ

  last update 2010.04.09 yasuda
******************************************************************/




/******************************************************************
#main_con
******************************************************************/
.main_con {
	width: 860px;
	margin: 0 0 0 20px;
}

.main_con div.main_l {
	float: left;
	width: 550px;
	margin: 15px 0 0 0;
}

/* 導入部分 */
div.intro {
	width: 550px;
}
div.intro p.intro_img {
	float: left;
	width: 205px;
}
div.intro div.intro_con {
	float: right;
	width: 345px;
}

/* 輸入住宅に〜ボタン */
p.info {
	width: 550px;
	height: 50px;
}   
p.info a {
	width: 550px;
	height: 50px;
	background: url(../../img/top/info.jpg) no-repeat left top;
} 
p.info,
p.info a:hover {
	background: url(../../img/top/info_f2.jpg) no-repeat left top;
}

/* バナー〜ボタン */
	/*
p.info_banner {
	overflow:hidden
	margin:-2px 0 0 -2px;
	width: 549px;
	height: 153px;
	width: 547px;
	height: 151px;
	border: 1px solid #FF9999;
}
	*/	

p.info_banner a {
	width: 549px;
	height: 153px;
	background: url(../../img/top/banner.jpg) no-repeat left top;
}

p.info_banner,
p.info_banner a:hover {
	background: url(../../img/top/banner_f2.jpg) no-repeat left top;
}

/* BLOG〜ボタン */
p.info_a {
	width: 180px;
	height: 70px;
}   
p.info_a a {
	width: 180px;
	height: 70px;
	background: url(../../img/top/info_a.gif) no-repeat left top;
} 
p.info_a,
p.info_a a:hover {
	background: url(../../img/top/info_a_f2.gif) no-repeat left top;
}

/* リフォームスクール〜ボタン */
p.info_b {
	width: 180px;
	height: 70px;
}   
p.info_b a {
	width: 180px;
	height: 70px;
	background: url(../../img/top/info_b.gif) no-repeat left top;
} 
p.info_b,
p.info_b a:hover {
	background: url(../../img/top/info_b_f2.gif) no-repeat left top;
}

/* 相談会〜ボタン */
p.info_c {
	width: 180px;
	height: 70px;
}   
p.info_c a {
	width: 180px;
	height: 70px;
	background: url(../../img/top/info_c.gif) no-repeat left top;
} 
p.info_c,
p.info_c a:hover {
	background: url(../../img/top/info_c_f2.gif) no-repeat left top;
}
/* 壁塗り体験会〜ボタン */
p.info_d {
	width: 180px;
	height: 70px;
}   
p.info_d a {
	width: 180px;
	height: 70px;
	background: url(../../img/top/info_d.gif) no-repeat left top;
} 
p.info_d,
p.info_d a:hover {
	background: url(../../img/top/info_d_f2.gif) no-repeat left top;
}
/* リフォームフェア〜ボタン */
p.info_e {
	width: 180px;
	height: 70px;
}   
p.info_e a {
	width: 180px;
	height: 70px;
	background: url(../../img/top/info_e.gif) no-repeat left top;
} 
p.info_e,
p.info_e a:hover {
	background: url(../../img/top/info_e_f2.gif) no-repeat left top;
}
/* 輸入壁紙〜ボタン */
p.info_f {
	width: 180px;
	height: 70px;
}   
p.info_f a {
	width: 180px;
	height: 70px;
	background: url(../../img/top/info_f.gif) no-repeat left top;
} 
p.info_f,
p.info_f a:hover {
	background: url(../../img/top/info_f_f2.gif) no-repeat left top;
}

/* イベント情報 */
div.event_info {
	width: 550px;
	height: 104px;
	background: url(../../img/top/event.jpg) no-repeat left top;
}
div.event_info div.event_box {
	overflow: auto;
	height: 104px;
	margin: 0 0 0 100px;
}
div.event_info div.event_box table tr th,
div.event_info div.event_box table tr td {
	vertical-align: top;
}
div.event_info div.event_box table tr th {
	font-weight: normal;
}

div.region_correspondence{
	width: 550px;
}
div.region_correspondence div.l_con{
	width:108px;
}
div.region_correspondence div.r_con{
	width:442px;
}
div.region_correspondence div.r_con p.title{
	width:442px;
	height:30px;
	background:url(../../img/top/region_refix.gif) no-repeat top left;
}
div.region_correspondence div.r_con p.caption{
	width:432px;
}

/******************************************************************/
/* 2011.7.8　中村追加 */
#wrapper .event_info a:link {
	color: #339999;
}

#wrapper .event_info a:visited {
	color: #0A5C5C;
}
/******************************************************************/

   
/*----- メイン右側 -----*/   
.main_con div.main_r {
	float: right;
	width: 290px;	
	margin: 15px 0 0 0;
}

.main_con div.main_r ul li a {
	width: 290px;
	height: 65px;
}

/* a */
.main_con div.main_r ul li.top_menu_a {
	width: 290px;
	height: 70px;
}
.main_con div.main_r ul li.top_menu_a a {
	background: url(../../img/top/top_menu_a.jpg) no-repeat left top;
}
.main_con div.main_r ul li.top_menu_a,
.main_con div.main_r ul li.top_menu_a a:hover {
	background: url(../../img/top/top_menu_a_f2.jpg) no-repeat left top;
}

/* b */
.main_con div.main_r ul li.top_menu_b {
	width: 290px;
	height: 65px;
}
.main_con div.main_r ul li.top_menu_b a {
	background: url(../../img/top/top_menu_b.jpg) no-repeat left top;
}
.main_con div.main_r ul li.top_menu_b,
.main_con div.main_r ul li.top_menu_b a:hover {
	background: url(../../img/top/top_menu_b_f2.jpg) no-repeat left top;
}

/* c */
.main_con div.main_r ul li.top_menu_c {
	width: 290px;
	height: 65px;
}
.main_con div.main_r ul li.top_menu_c a {
	background: url(../../img/top/top_menu_c.jpg) no-repeat left top;
}
.main_con div.main_r ul li.top_menu_c,
.main_con div.main_r ul li.top_menu_c a:hover {
	background: url(../../img/top/top_menu_c_f2.jpg) no-repeat left top;
}

/* d */
.main_con div.main_r ul li.top_menu_d {
	width: 290px;
	height: 70px;
}
.main_con div.main_r ul li.top_menu_d a {
	background: url(../../img/top/top_menu_d.jpg) no-repeat left top;
}
.main_con div.main_r ul li.top_menu_d,
.main_con div.main_r ul li.top_menu_d a:hover {
	background: url(../../img/top/top_menu_d_f2.jpg) no-repeat left top;
}

/* e */
.main_con div.main_r ul li.top_menu_e {
	float: left;
	width: 150px;
	height: 50px;
}
.main_con div.main_r ul li.top_menu_e a {
	width: 140px;
	height: 40px;
	background: url(../../img/top/top_menu_e.jpg) no-repeat left top;
}
.main_con div.main_r ul li.top_menu_e,
.main_con div.main_r ul li.top_menu_e a:hover {
	background: url(../../img/top/top_menu_e_f2.jpg) no-repeat left top;
}

/* f */
.main_con div.main_r ul li.top_menu_f {
	float: left;
	width: 140px;
	height: 50px;
}
.main_con div.main_r ul li.top_menu_f a {
	width: 140px;
	height: 40px;
	background: url(../../img/top/top_menu_f.jpg) no-repeat left top;
}
.main_con div.main_r ul li.top_menu_f,
.main_con div.main_r ul li.top_menu_f a:hover {
	background: url(../../img/top/top_menu_f_f2.jpg) no-repeat left top;
}

/* g */
.main_con div.main_r ul li.top_menu_g {
	clear: both;
	width: 290px;
	height: 60px;
}
.main_con div.main_r ul li.top_menu_g a {
	width: 290px;
	height: 50px;
	background: url(../../img/top/top_menu_g.jpg) no-repeat left top;
}
.main_con div.main_r ul li.top_menu_g,
.main_con div.main_r ul li.top_menu_g a:hover {
	background: url(../../img/top/top_menu_g_f2.jpg) no-repeat left top;
}

/* h */
.main_con div.main_r ul li.top_menu_h {
	clear: both;
	width: 290px;
	height: 75px;
}
.main_con div.main_r ul li.top_menu_h a {
	width: 290px;
	height: 55px;
	background: url(../../img/top/top_menu_h.jpg) no-repeat left top;
}
.main_con div.main_r ul li.top_menu_h,
.main_con div.main_r ul li.top_menu_h a:hover {
	background: url(../../img/top/top_menu_h_f2.jpg) no-repeat left top;
}

/* h2 */
.main_con div.main_r ul li.top_menu_h2 {
	clear: both;
	width: 290px;
	height: 99px;
}
.main_con div.main_r ul li.top_menu_h2 a {
	width: 290px;
	height: 79px;
	background: url(../../img/top/top_menu_h2.gif) no-repeat left top;
}
.main_con div.main_r ul li.top_menu_h2,
.main_con div.main_r ul li.top_menu_h2 a:hover {
	background: url(../../img/top/top_menu_h2_f2.gif) no-repeat left top;
}

/* i */
.main_con div.main_r ul li.top_menu_i {
	float: left;
	width: 140px;
	height: 50px;
}
.main_con div.main_r ul li.top_menu_i a {
	width: 140px;
	height: 40px;
	background: url(../../img/top/top_menu_i.jpg) no-repeat left top;
}
.main_con div.main_r ul li.top_menu_i,
.main_con div.main_r ul li.top_menu_i a:hover {
	background: url(../../img/top/top_menu_i_f2.jpg) no-repeat left top;
}