@charset "UTF-8";
/* CSS Document */

@import 'common.css';


body{
	background:repeat-x top url(../img/top/header_back_top.gif);
}

#contents{
	padding:0px 0px 20px;
	
}

/*----------------------------------------*/
/*コンテンツナビ*/
/*----------------------------------------*/
#content_navi{
	height:220px;
}
#content_navi .wrapper{
	margin:10px 0;
	background:repeat-y 262px top url(../img/top/separate_line.gif);
}

#content_navi dl{
	float:left;
}

/*ラプチャーディスクとは*/
#content_navi dl#cn_about{
	width:283px;
	background:no-repeat left 24px url(../img/top/cn_cotentimg_about.gif);
	
}
#content_navi #cn_about dt{
	height:149px;
}
#content_navi #cn_about dt a{
	display:block;
	background:no-repeat url(../img/top/cn_dt_about.gif);
	width:222px;
	height:24px;
	text-indent:-9999em;
}

#content_navi #cn_about li{
	float:left;
	padding-right:12px;
}
#content_navi #cn_about li a{
	display:block;
	background:no-repeat top url(../img/top/cn_bt_about.gif);
	width:73px;
	height:25px;
	text-indent:-9999em;
}

#content_navi #cn_about li.bt1 a{
	background-position:left top;
}
#content_navi #cn_about li.bt1 a:hover{
	background-position:left bottom;
}

#content_navi #cn_about li.bt2 a{
	background-position:-85px top;
}
#content_navi #cn_about li.bt2 a:hover{
	background-position:-85px bottom;
}

#content_navi #cn_about li.bt3 a{
	background-position:-170px top;
}
#content_navi #cn_about li.bt3 a:hover{
	background-position:-170px bottom;
}


/*製品一覧*/
#content_navi dl#cn_products{
	width:275px;
	background:no-repeat left 24px url(../img/top/cn_cotentimg_about-02.gif);
	
}

#content_navi #cn_products dt{
	height:149px;
}
#content_navi #cn_products dt a{
	display:block;
	background:no-repeat url(../img/top/cn_dt_products.gif);
	width:70px;
	height:24px;	
	text-indent:-9999em;
}

#content_navi #cn_products li{
	width:110px;
	margin:0 auto;
}
#content_navi #cn_products li a{
	display:block;
	background:no-repeat top url(../img/top/cn_bt_products.gif);
	width:73px;
	height:25px;
	text-indent:-9999em;
}
#content_navi #cn_products li a:hover{
	background-position:bottom;
}

/*見積データ作成*/
#content_navi dl#cn_mitumori{
	width:242px;
	background:no-repeat left 24px url(../img/top/cn_cotentimg_mitumori.gif);
	
}

#content_navi #cn_mitumori dt{
	height:149px;
}
#content_navi #cn_mitumori dt a{
	display:block;
	background:no-repeat url(../img/top/cn_dt_mitsumori.gif);
	width:112px;
	height:24px;
	text-indent:-9999em;
}

#content_navi #cn_mitumori li{
	float:left;
}
#content_navi #cn_mitumori li a{
	display:block;
	background:no-repeat top url(../img/top/cn_bt_mitumori.gif);
	height:25px;
	text-indent:-9999em;
}

#content_navi #cn_mitumori li.bt1{
	padding-right:9px;
}
#content_navi #cn_mitumori li.bt1 a{
	width:123px;
	background-position:left top;
}
#content_navi #cn_mitumori li.bt1 a:hover{
	background-position:left bottom;
}

#content_navi #cn_mitumori li.bt2 a{
	width:110px;
	background-position:right top;
}
#content_navi #cn_mitumori li.bt2 a:hover{
	background-position:right bottom;
}


/*----------------------------------------*/
/*メイン*/
/*----------------------------------------*/
#main{
	position:relative;
	padding-left:222px;
}

#main #image_rapture{
	position:absolute;
	top:0px;
	left:-75px;
}
.ie6 #main #image_rapture{
	left:-297px;
}

/*----------------------------------------*/
/*はじめに*/
/*----------------------------------------*/
#hajimeni{
	margin-bottom:20px;	
}

#hajimeni h2{
	background:no-repeat left top url(../img/top/h3_hajimeni.gif);
	height:19px;
	text-indent:-9999em;
}

.ie6 #hajimeni p{
	float:left;
}

#hajimeni #movie{
	float:right;
	padding-left:10px;
	padding-bottom:10px;
}


/*----------------------------------------*/
/*バナー*/
/*----------------------------------------*/
.banner{
	margin-bottom:20px;
}

/*----------------------------------------*/
/*ラプチャーディスクとは*/
/*----------------------------------------*/
#navi_about h2{
	background:no-repeat left top url(../img/top/h3_about.gif);
	height:20px;
	text-indent:-9999em;
}

#navi_about ul li{
	float:left;
}
#navi_about ul li a{
	display:block;
	background:no-repeat top url(../img/top/navi_about.gif);
	text-indent:-9999em;
	height:100px;
}

#navi_about ul li.bt1 a{
	width:177px;
	background-position:left top;
}
#navi_about ul li.bt1 a:hover{
	background-position:left bottom;
}

#navi_about ul li.bt2 a{
	width:210px;
	background-position:-177px top;
}
#navi_about ul li.bt2 a:hover{
	background-position:-177px bottom;
}

#navi_about ul li.bt3 a{
	width:189px;
	background-position:-387px top;
}
#navi_about ul li.bt3 a:hover{
	background-position:-387px bottom;
}