@charset "utf-8";
/* ===================================================================
CSS information

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ設定　ハックは最下部に記述
=================================================================== */
#homepage {} /* 公開前に消してください */

/*----------------------------------------------------
	各ページ専用指定
----------------------------------------------------*/

/* #swf Flash周り
-----------------------------------------------*/
#homepage #swf{
	width:950px;
	margin: 0 auto;
	}
	
#homepage #noswf {
	width: 950px;
	height: 428px;
	background: url(../images/home/img_topimage.jpg) no-repeat 0 0;
	margin: 0 auto;
}

/*----------------------------------------------------
	#side
		サイドバー、サブ
----------------------------------------------------*/
#homepage #side {
	width: 220px;
	float: left;
	margin:62px 0 0 20px;
}


/* .bg_rak
-----------------------------------------------*/

#homepage .bg_rak{
	background:url(../images/home/raku_bg.gif) no-repeat 0 0 ;
	height:100%;
	text-align:center;
	margin:17px 0 10px 0;
	}
	
#homepage .bg_rak ul{
	padding:44px 0 0 0 ;
	}

#homepage .bg_rak ul li{
	padding:0 0 12px 0 ;
	}

/* .con_pla
-----------------------------------------------*/

#con_pla{
	background:url(../images/home/bg_pla.gif) no-repeat 0 0;
	padding:140px 0 20px 16px;
	overflow:hidden;
	margin:20px 0 80px 0; 
	}

#con_pla h2{
	text-indent:-9998px;
}

#con_pla .box_tit span.title{
	float:left;
	display:block;
	padding:7px 3px 0 0;
	font-size:15px;
	font-weight:bold;
	}

#con_pla .con_det{
	padding:14px 0 0 0 ;
	overflow:hidden;
	}

#con_pla .con_det .det_pho{
	padding:0 9px 0 0;
	float:left;
	}


#con_pla .con_det .det_txt{
	padding:0 0 0 15px;
	float:left;
	width:280px;
	}

#con_pla .con_det .det_txt p.det_com{
	padding:0 0 30px 0;
	}

#con_pla .box_123{
	padding:80px 0 0 0;
	overflow:hidden;
	}

#con_pla .box_123 .box_pla{
	float:left;
	text-align:center;
	width:217px;
	padding:0 8px 0 0;
	}

#con_pla .box_123 .box_pla p.pla_txt{
	padding:5px 11px 0 19px;
	text-align:left;
	}

#con_pla .box_123 .box_pla p.pla_txt span{
	font-size:11px;
	color:#9d514b;
	}

#con_pla .btn_pla{
	padding: 17px 0 0 0 ;
	text-align:center;
	}

/* #con_mir
-----------------------------------------------*/

#con_mir h3{
	overflow:hidden;
	clear:both;
}

#con_mir h3{
	text-indent:-9998px;
	}
	
#con_mir p.btn_mir{
	text-align:right;
	}
	
#con_mir .poi1{
	background:url(../images/home/img_poi1.jpg) no-repeat 0 0 ;
	overflow: hidden;
	padding:0 0 30px 0 ;
	}
	
#con_mir .poi1 p.poi1_txt{
	padding:180px 473px 0 0 ;
	}

#con_mir .poi2{
	background:url(../images/home/img_poi2.jpg) no-repeat 0 0 ;
	overflow: hidden;
	padding:0 0 40px 0 ;
	}
	
#con_mir .poi2 p.poi2_txt{
	padding: 120px 0 17px 289px ;
	}

#con_mir .poi3{
	background:url(../images/home/img_poi3.jpg) no-repeat 0 0 ;
	float:left;
	width:471px;
	}
	
#con_mir .poi3 p.poi3_txt{
	padding: 154px 0 5px 5px ;
	}

#con_mir .poi4{
	background:url(../images/home/img_poi4.jpg) no-repeat 0 0 ;
	float:left;
	width:464px;
	}
	
#con_mir .poi4 p.poi4_txt{
	padding: 154px 0 5px 23px ;
	}

.btn_pla{
	padding: 45px 0 70px 0 ;
	text-align:center;
	}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/

*:first-child+html #con_pla .box_123{
	padding:70px 0 0 0;
	overflow:hidden;
	}





/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html #con_pla .box_123{
	padding:30px 0;
	overflow:hidden;
	clear:both;
	}


* html #con_pla .box_123 .box_pla{
	float:left;
	text-align:center;
	width:200px;
	padding:0 8px 0 0;
	}
	
* html #con_pla .box_123 .box_pla p.pla_txt{
	padding:5px 11px 0 19px;
	text-align:left;
	}
	
* html #con_pla .btn_pla{
	padding: 10px 0 20px 0 ;
	text-align:center;
	}