/* カレカ リニューアル index*/


/* 全体基本設定 */
* {
	margin:0;
	padding:0;
}

img {
    border: none;
	margin:0;
	padding:0;
}

body {
	background:url(../images/bg_02.gif) top repeat-x;
	margin:0;
	padding:0;
}

/* float時高さ0回避（適宜使用） */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*////////////////////////////////////////*/
/* デザイン */
#wrapper {
	width:965px;
	margin:0 auto 0 auto;
}

/* ヘッダー */
#wrapper #header {
	width:965px;
	background:url(../images/common_header.jpg) no-repeat;
	height:30px;
}
	#wrapper #header h1 {
		width:215px;
		height:30px;
		float:left;
	}
	#wrapper #header div.top-bt {
		width:256px;
		height:30px;
		display:block;
		float:right;
	}

/* メニュー */
#wrapper #navi ul {
	width:965px;
	height:40px;
	list-style:none;
	overflow:hidden;
}
	#wrapper #navi li {
		float:left;
		height:40px;
		list-style:none;
	}
	#wrapper #navi li img.bar {
		height:40px;
		vertical-align:top;
	}
	#wrapper #navi li a {
		display:block;
		text-indent:-9999px;
		overflow:hidden;
	}
		/* HOME */
		#wrapper  #navi ul li a.home {
			background:url(../images/common_menu_home.gif) no-repeat 0 0;
			width:122px;
			height:40px;
		}
		#wrapper #navi ul li a.home-current,
		#wrapper #navi ul li a:hover.home {
			background:url(../images/common_menu_home.gif) no-repeat 0 -40px;
			width:122px;
			height:40px;
		}
		/* さまざまな用途に */
		#wrapper #navi ul li a.use {
			background:url(../images/common_menu_use.gif) no-repeat 0 0;
			width:143px;
			height:40px;
		}
		#wrapper #navi ul li a.use-current,
		#wrapper #navi ul li a:hover.use {
			background:url(../images/common_menu_use.gif) no-repeat 0 -40px;
			width:143px;
			height:40px;
		}
		/* 導入事例 */
		#wrapper #navi ul li a.case {
			background:url(../images/common_menu_case.gif) no-repeat 0 0;
			width:88px;
			height:40px;
		}
		#wrapper #navi ul li a.case-current,
		#wrapper #navi ul li a:hover.case {
			background:url(../images/common_menu_case.gif) no-repeat 0 -40px;
			width:88px;
			height:40px;
		}
		/* バリエーション */
		#wrapper #navi ul li a.variation {
			background:url(../images/common_menu_variation.gif) no-repeat 0 0;
			width:126px;
			height:40px;
		}
		#wrapper #navi ul li a.variation-current,
		#wrapper #navi ul li a:hover.variation {
			background:url(../images/common_menu_variation.gif) no-repeat 0 -40px;
			width:126px;
			height:40px;
		}
		/* 製品一覧 */
		#wrapper #navi ul li a.list {
			background:url(../images/common_menu_list.gif) no-repeat 0 0;
			width:95px;
			height:40px;
		}
		#wrapper #navi ul li a.list-current,
		#wrapper #navi ul li a:hover.list {
			background:url(../images/common_menu_list.gif) no-repeat 0 -40px;
			width:95px;
			height:40px;
		}

/*////////////////////////////////////////////////*/
#wrapper #main {
	clear:both;
}
	#wrapper #main img.top-img {
		vertical-align: top;
	}


/*////////////////////////////////////////////////*/
#wrapper #footer {
	margin:0 auto 50px auto;
}