@charset "utf-8";

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

	Common

================================ */
body {
	background: url(/images/top_bg01.png) no-repeat 50% 0;
}

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

	Header

================================ */
#header {
	width: 1000px;
	height: 87px;
}
#header .logo {
	top: 39px;
}
#header #toInquiryLink {
	top: 18px;
}

/* #searchBox
-------------------------------- */
#searchBox {
	top: 10px;
	right: 0;
}

/* #headerNavi
-------------------------------- */
#headerNavi {
	position: absolute;
	top: 48px;
	right: 0;
}
#headerNavi li {
	float: left;
	line-height: 1.0;
}
#headerNavi li + li {
	margin-left: 19px;
	padding-left: 19px;
	background: url(/images/header_bg01.gif) no-repeat 0 1px;
}

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

	#mainVisual

=================================*/
#mainVisual {
	position: relative;
	/*overflow: hidden;*/
	max-width: 1352px;
	height: 341px;
	margin: 0 auto;
}
/* No Script */
#mainVisual .noScriptContents {
	position: relative;
	margin-top: -341px;
}
#mainVisual .noScriptContents a {
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 341px;
	background: url(/images/main_bn01.png) no-repeat 50% 0;
	text-indent: -9999px;
	outline: none;
}
#mainVisual .noScriptContents a:hover {
	background-position: 50% -341px;
}
/* loading */
#mainVisual #loading {
	position: absolute;
	width: 128px;
	height: 15px;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -64px;
}

/* #visualList
-------------------------------- */
#visualList {
	position: relative;
	width: 100%;
	height: 341px;
	margin: 0 auto;
}
#visualList li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 341px;
	z-index: 1;
}
#visualList li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	outline: none;
}
#visualList li#visual01 a {
	background: url(/images/main_bn01.png) no-repeat 50% 0;
	background: url(/images/main_bn01.png) no-repeat 49.9% 0\9;
}
#visualList li#visual02 a {
	background: url(/images/main_bn02.png) no-repeat 50% 0;
	background: url(/images/main_bn02.png) no-repeat 49.9% 0\9;
}
#visualList li#visual03 a {
	background: url(/images/main_bn03.png) no-repeat 50% 0;
	background: url(/images/main_bn03.png) no-repeat 49.9% 0\9;
}
#visualList li#visual04 a {
	background: url(/images/main_bn04.png) no-repeat 50% 0;
	background: url(/images/main_bn04.png) no-repeat 49.9% 0\9;
}
#visualList li#visual05 a {
	background: url(/images/main_bn05.png) no-repeat 50% 0;
	background: url(/images/main_bn05.png) no-repeat 49.9% 0\9;
}
#visualList li a:hover {
	background-position: 50% -341px !important;
	background-position: 49.9% -341px\9 !important;
}
/*
#visualList li img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -676px;
}
*/
#visualList .current {
	display: block !important;
	z-index: 1000;
}

/* slicer */
#mainVisual #slicerBox {
	position: relative;
	overflow: hidden;
	height: 341px;
	margin-top: -341px;
}
#mainVisual .slicer {
	/*display: none;*/
	position:absolute;
	top: 0;
	left: 0;
	z-index: 3000;
	overflow: hidden;
}
#mainVisual .slicer img {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 3000;
}

/* #visualNavi
-------------------------------- */
#visualNavi {
	width: 996px;
	height: 95px;
	margin: 20px auto 0;
	padding: 0 2px 2px;
	background: url(/images/navi_bg01.png) no-repeat 0 0;
}
#visualNavi li {
	float: left;
}
#visualNavi li a {
	overflow:hidden;
	display: block;
	width: 199px;
	height: 0;
	padding: 92px 0 0 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#visualNavi li.selected a {
	background-position: 0 -92px;
}
/* navi01 */
#visualNavi #navi01 a {background-image: url(/images/navi_bt01.png);}
/* navi02 */
#visualNavi #navi02 a {background-image: url(/images/navi_bt02.png);}
/* navi03 */
#visualNavi #navi03 a {background-image: url(/images/navi_bt03.png);}
/* navi04 */
#visualNavi #navi04 a {background-image: url(/images/navi_bt04.png);}
/* navi05 */
#visualNavi #navi05 a {width:200px;background-image: url(/images/navi_bt05.png);}

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

	#searchColumn

=================================*/
#searchColumn {
	clear: both;
	width: 1000px;
	height: 85px;
	margin: 14px auto 0;
	background: url(/images/top_bg02.png) no-repeat 0 0;
}
/* link setting */
#searchColumn a:link {color: #dddddd;text-decoration: underline;}
#searchColumn a:visited {color: #dddddd;}
#searchColumn a:hover {color:#dddddd;text-decoration: none;}
#searchColumn a:active {color:#dddddd;}

/* toDetailLink */
#searchColumn .toDetailLink li {
	margin: 5px 0 0 0;
	padding: 0 0 0 11px;
	background: url(/images/top_ic01.gif) no-repeat 0 0.2em;
	font-size: 14px;
	line-height: 1.2;
}
#searchColumn .toDetailLink li:first-child {
	margin-top: 0;
}

/* searchBox */
#searchColumn > .searchBox {
	float: left;
	width: 699px;
	padding: 10px 0;
}
#searchColumn > .searchBox .headBlock {
	float: left;
	padding: 4px 15px 0 13px;
}
#searchColumn > .searchBox .contentBlock {
	padding: 6px 5px 0 17px;
	overflow: hidden;
	*zoom: 1;
}
#searchColumn > .searchBox .contentBlock .productsSearch {
	float: left;
	padding: 0 15px 0 0;
}
#searchColumn > .searchBox .contentBlock .productsSearch > dt {
	margin: 0 0 9px 0;
	font-size: 0;
}
#searchColumn > .searchBox .contentBlock .productsSearch > dd .input {
	float: left;
	width: 210px;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	margin-right: 7px;
	border: none;
	background: url(/images/top_bg03.gif) no-repeat 0 0;
	vertical-align: middle;
}
#searchColumn > .searchBox .contentBlock .productsSearch > dd .btn {
	float: left;
}
#searchColumn > .searchBox .contentBlock .toDetailLink {
	margin: 18px 0 0 0;
	overflow: hidden;
	*zoom: 1;
}

/* infoBox */
#searchColumn > .infoBox {
	float: right;
	width: 300px;
	padding: 10px 0;
}
#searchColumn > .infoBox .headBlock {
	float: left;
	padding: 4px 12px 0 10px;
}
#searchColumn > .infoBox .contentBlock {
	padding: 4px 5px 0 17px;
	overflow: hidden;
	*zoom: 1;
}


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

	#linkColumn

=================================*/
#linkColumn {
	clear: both;
	width: 1000px;
	margin: 40px auto 0;
	background: url(/images/top_bg05.gif) no-repeat 0 0;
}
#linkColumn .col {
	float: left;
	width: 320px;
}
#linkColumn .col + .col {
	margin-left: 20px;
}
#linkColumn .figureColumn {
	margin-top: 15px;
}
#linkColumn .figureColumn .left {
	margin-right: 15px;
}
#linkColumn .newsList {
	overflow: hidden;
	margin-top: -13px;
}
#linkColumn .newsList dt {
	padding: 7px 20px 0;
	margin-top: 6px;
	background: url(/common/images/com_hr01.gif) repeat-x 0 0;
}
#linkColumn .newsList dt .date {
	margin-right: 8px;
	font-weight: bold;
}
#linkColumn .newsList dd {
	margin-top: 3px;
	padding: 0 20px;
}
#linkColumn .newsList dd img {
	margin-left: 6px;
	vertical-align: middle;
}

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

	#linkColumn2

=================================*/
#linkColumn2 {
	width: 1000px;
	margin: 5px auto 0;
	height: 30px
}
#linkColumn2 .col {
	float: left;
	width: 320px;
}
#linkColumn2 .col + .col {
	margin-left: 20px;
}
#linkColumn2 .figureColumn {
	margin-top: 15px;
}
#linkColumn2 .figureColumn .left {
	margin-right: 15px;
}
#linkColumn2 .newsList {
	overflow: hidden;
	margin-top: -13px;
}
#linkColumn2 .newsList dt {
	padding: 7px 20px 0;
	margin-top: 6px;
	background: url(/common/images/com_hr01.gif) repeat-x 0 0;
}
#linkColumn2 .newsList dt .date {
	margin-right: 8px;
	font-weight: bold;
}
#linkColumn2 .newsList dd {
	margin-top: 3px;
	padding: 0 20px;
}
#linkColumn2 .newsList dd img {
	margin-left: 6px;
	vertical-align: middle;
}

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

	#btnList

=================================*/
#btnList {
	clear: both;
	width: 1000px;
	margin: 45px auto 0;
	padding-top: 25px;
	background: url(/images/top_bg04.gif) no-repeat 50% 0;
}
#btnList ul {
	overflow: hidden;
	margin-right: -21px;
}
#btnList li {
	float: left;
	margin: 3px 21px 0 0;
}
#btnList li.inquiry {
	margin: 0 18px 0 0;
}

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

	Footer Container

================================ */
#footerContainer .pageTop {
	width: 1000px;
}

/* #footerNavi
-------------------------------- */
/* #footerNaviColumn */
#footerNaviColumn {
	width: 1000px;
}
#footerNaviColumn .sizeL {width: 240px;}
#footerNaviColumn .sizeM {width: 185px;}
#footerNaviColumn .sizeS {width: 155px;}

/* #footerGroupNavi
-------------------------------- */
#footerGroupNavi dl {
	width: 1000px;
}

/* #footer
-------------------------------- */
#footer {
	width: 1000px;
}

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

	clearfix

=================================*/
#headerNavi:after,
#visualNavi:after,
#searchColumn:after,
#searchColumn > .searchBox:after,
#searchColumn > .searchBox .contentBlock:after,
#searchColumn > .searchBox .contentBlock .productsSearch > dd:after,
#linkColumn:after,
#footerNaviColumn:after,
#footer .footerLink:after {
	content: "";
	display: block;
	clear: both;
}

/* For IE 6/7 */
#headerNavi,
#visualNavi,
#searchColumn,
#searchColumn > .searchBox,
#searchColumn > .searchBox .contentBlock,
#searchColumn > .searchBox .contentBlock .productsSearch > dd,
#linkColumn,
#footerNaviColumn,
#footer .footerLink {
	zoom: 1;
}