@charset "utf-8";

/* =========================================================
■Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }

hr  { display: none; }

/*- list -*/
li { list-style:none; }

/*- images -*/
img { vertical-align:bottom; }

/* =========================================================
■body
========================================================= */
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	background-image: url(../img/main_bg/company_bg_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color:#555;
	font-size:12px;
	font-family:Verdana,sans-serif;
	line-height:150%;
	text-align: center;
}

h1 {	text-align: center;}



/* =========================================================
■グローバルナビ
========================================================= */
/*グローバルナビ*/
#grobal-navi { /*float: right;*/ overflow:hidden; width: 900px; height: 55px; margin: 0 auto; padding: 0; }
#grobal-navi li { /*float: left;*/ display:inline; }
#grobal-navi li a { /*text-decoration:none;*/ display:block;	float:left; overflow:hidden; height:55px; text-indent:-99999px; }
	#navi-showroom { margin: 0; padding: 0; }
		#navi-showroom a { display:block; width: 180px; height: 55px; background: url(../img/navi/menu.png) no-repeat 0 0; }
		#navi-showroom a:hover,#showroom #navi-showroom a { background-position: 0 -55px; }
	#navi-factory { margin: 0; padding: 0; }
		#navi-factory a { display:block; width: 180px; height: 55px; background: url(../img/navi/menu.png) no-repeat -180px 0; }
		#navi-factory a:hover,#factory #navi-factory a { background-position: -180px -55px; }
	#navi-stock { margin: 0; padding: 0; }
		#navi-stock a { display:block; width: 180px; height: 55px; background: url(../img/navi/menu.png) no-repeat -360px 0; }
		#navi-stock a:hover,#stock #navi-stock a { background-position: -360px -55px; }
	#navi-company { margin: 0; padding: 0; }
		#navi-company a { display:block; width: 180px; height: 55px; background: url(../img/navi/menu.png) no-repeat -540px 0; }
		#navi-company a:hover,#company #navi-company a { background-position: -540px -55px; }
	#navi-access { margin: 0; padding: 0; }
		#navi-access a { display:block; width: 180px; height: 55px; background: url(../img/navi/menu.png) no-repeat -720px 0; }
		#navi-access a:hover,#access #navi-access a { background-position: -720px -55px; }
/*clearfix*/
.clearfix { zoom: 1;/*for IE 5.5-7*/ }
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0; clear: both; visibility: hidden; }






/* =========================================================
■container
========================================================= */
div#container {
	overflow:hidden;
	margin:0 auto;
	width:910px;
	text-align:left;
	background-color: transparent;
	background-image: url(../img/co_bg_03.png);
	background-repeat: no-repeat;
	background-position: center top;
}



/* =========================================================
■header
========================================================= */
/*-- breadCrumbBlock --*/

#utilityArea ul#PanKuzuBlock{
	float:left;
	overflow:hidden;
	padding:10px 0 0 20px;
	width:300px;
	text-indent:-10px;
}

#utilityArea ul#PanKuzuBlock li{
	display:inline;
	margin:0 0 0 0;
	padding:0 5px 0 10px;
	font-family:"lr oSVbN", "MS PGothic", sans-serif;
	/*\*/
	overflow:hidden;
	/**/
}

#utilityArea div#DateBlock{
	float:right;
	width:150px;
	padding:10px 0 0 0;
	font-size: 10px;
	color: #009999;
	}









/* =========================================================
■wrapper
========================================================= */
div#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div#wrapper {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html div#wrapper { height: 1%; }
div#wrapper { display: block; }
/* End hide from IE-mac */





/* =========================================================
■content
========================================================= */
div#content {
	float: right;
	width: 590px;
	margin:10px 35px 0 0;
	}

div#content p { margin: 0 1em 1em 1em;}

div#content h2{
	clear:both;
	font-size:16px;
	margin:/*40px*/5px 0 20px 5px;
}
div#content h2 .small {
	font-size: 12px;
}


div#content h3{
	clear:both;
	margin:25px 0 20px 0;
	padding:0 0 5px 12px;
	min-height:17px;
	font-size:14px;
	background:transparent url(../img/co_h3_01.gif) left bottom no-repeat;
	line-height:125%;
	_font-size:112%;/* IE6 */
}

div#content h4{
	clear:both;
	margin:25px 0 20px 0;
	padding:2px 0 0 20px;
	min-height:19px;
	font-size:12px;
	background:transparent url(../img/co_ic_03.gif) left 0.2em no-repeat;
	_font-size:103%;/* IE6 */
	_height:19px;/* IE6 */
}

/*-- リード文 --*/
.Lead {	margin: 30px 0 0 0;}

/*-- スペース --*/
.img_space {	margin: 30px 0 30px 0;}


/*-- List --*/
ul.list_01{	margin-bottom:10px;}

ul.list_01 li{
	padding:0 0 2px 20px;
	background:transparent url(../img/co_ic_05.gif) left 0.3em no-repeat;
	_background:transparent url(../img/co_ic_05.gif) left 0.25em no-repeat;/* IE6 */
	_height:1%;/* IE6 */
	}

/*-- 計算式 --*/
.waku{
	padding:8px;
	background:url(../img/co_bg_11.gif) left top repeat-y;
}
table#table-01 {
	width: 100%;
}
table th,td{
background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #66CCCC;
}
table#table-01 th {
	padding: 5px;
	font-weight: normal;
	color: #2980c3;
}
table#table-01 td {    padding: 5px;}

table .right {
	text-align: right;
	float: right;
}
table .red {
	color: #FF00FF;
	font-size: 10px;
}
table .small {
	font-size: 10px;
	line-height: 110%;
	color: #66aaaa;
}

table .bg {
	background-color: #ECE9D8;
}

.waku .center {
	text-align: center;
}


/*-- pageTop --*/

#pageTopArea{
	clear:both;
	padding:30px 0 0 0;
	width:590px;
	height:34px;
}

#pageTopArea a{
	display:block;
	overflow:hidden;
	margin:0 0 0 480px;
	width:92px;
	height:14px;
	text-indent:-9999px;
	background-image: url(../img/co_bt_01.png);
	background-repeat: no-repeat;
	background-position: 0 -86px;
}

#pageTopArea a:hover{
	background-position: 0 -101px;
}


/*-- ３列表示 --*/
.box_3clm_2{
	width: 385px;
	margin: 0 0 0 100px;
}

.box_3clm_left p,
.box_3clm_right p,
.box_3clm_2 p{
	margin: 10px;
}

.box_3_img01{	margin:10px 0 25px 0;	text-align: center;}


.box_3clm_left{
	float: left;
	width: 180px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	background-image: url(../img/interview/koe_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 290px;
}

.box_3clm_right{
	float: right;
	width: 180px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	background-image: url(../img/interview/koe_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 290px;
}


/* tableType_03 */
table.tableType_03{
	width:590px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;	
	vertical-align:middle;
	font-size:12px;
}

table.tableType_03 th.bottomBorder,
table.tableType_03 td.bottomBorder{
	background-image:none;
}

table.tableType_03 th{
	padding:10px;
	border-bottom:1px solid #ddd;	
	background:url(../img/co_bg_07.gif) left top no-repeat #e5f0f8;
}

table.tableType_03 td{
	padding:10px 10px 10px 20px;
	border-bottom:1px solid #ddd;	
}


/*-- 2ndTop thumbnail Image --*/
html dl.thumbImgLeft{
	height:1%;
	margin-bottom: 40px;
}

dl.thumbImgLeft:after{
	display:block;
	clear:both;
	height:0px;
	content:"";
}

dl.thumbImgLeft dt{
	float:left;
	width:155px;
}

dl.thumbImgLeft dt a{
	outline:none;
}

dl.thumbImgLeft dt img{
	margin:0 0 5px 10px;
}

dl.thumbImgLeft dd{
	float:right;
	width:435px;
}

dl.thumbImgLeft dd p{
	margin-top:0 !important;
}

/*-- 2ndTop h2 List --*/
.h2List{
	zoom:1;
}

.h2List:after{
	display:block;
	clear:both;
	height:0px;
	content:"";
}

.h2List .h2bg{
	height:54px;
	margin: 0 ;
	padding:0;
	background-image: url(../img/h2_index.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
.h2List h2{
	padding-top: 20px;
	font-size: 16px;
}



.twoColumn{
	width:288px;
}

/*-- h2ListImg,h2ListTxt --*/
div.h2List div.twoColumn p.h2ListImg{
	float:left;
}

div.h2List div.twoColumn p.h2ListTxt{
	float:right;
	width:170px;
}
/*-- float --*/
div#content .floatLeft{
	float:left;
	margin:0;
	_display:inline;/* IE6 */
}

div#content .floatRight{
	float:right;
	margin:0;
	_display:inline;/* IE6 */
}


/*-- インタビューの詳細ボタン --*/
#Interview ul{
	float:right;
	margin-right:15px;
}

#Interview ul li{
	overflow:hidden;
	margin-bottom:4px;
	width:150px;
	height:32px;
}

#Interview ul li a{
	display:block;
	padding:8px 15px 0 32px;
	min-height:32px;
	font-size:12px;
	line-height:130%;
	color:#555;
	text-decoration:none;
	background:transparent url(../img/interview/bg_14.gif) left top no-repeat;
	_height:32px;/* IE6 */
}

#Interview ul li a:hover{
	color:#28b;
	text-decoration:underline;
	background-position:0 -32px;
}


/*-- お問い合わせ　送信ボタン --*/
.c_submitBlock{
	position:relative;
	margin:30px 0 0 0;
	height:37px;
	text-align:center;
}

.c_submitBlock input.btnLeft{
	position:absolute;
	left:0;
	bottom:0;
}

.c_submitBlock input.btnRight{
	position:absolute;
	right:0;
	bottom:0;
}



.textR {	text-align: right;}
.textL {	text-align: left;}
.textC {	text-align: center;}




/* =========================================================
■sidebar
========================================================= */
div#sidebar {
	float: left;
	margin:10px 0 0 15px;
	width:230px;
	_display:inline;/* IE6 */
	}


div#actionLinkBlock{ margin:0 !important; }


/*-- actionLinkBlock --*/

div#actionLinkBlock{
	margin:30px 0 0 0;
	padding:13px 0 0 0;
	min-height:500px;
	background:#fff url(../img/sa_bg_02.png) center top no-repeat;
	}
	
div#actionLinkBlock p#bt_01 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_01.png) left top no-repeat;}
div#actionLinkBlock p#bt_01 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_02 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_02.png) left top no-repeat;}
div#actionLinkBlock p#bt_02 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_03 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_03.png) left top no-repeat;}
div#actionLinkBlock p#bt_03 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_04 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_04.png) left top no-repeat;}
div#actionLinkBlock p#bt_04 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_05 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_05.png) left top no-repeat;}
div#actionLinkBlock p#bt_05 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_06 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_06.png) left top no-repeat;}
div#actionLinkBlock p#bt_06 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_07 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_07.png) left top no-repeat;}
div#actionLinkBlock p#bt_07 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_08 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_08.png) left top no-repeat;}
div#actionLinkBlock p#bt_08 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_09 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_09.png) left top no-repeat;}
div#actionLinkBlock p#bt_09 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_10 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_10.png) left top no-repeat;}
div#actionLinkBlock p#bt_10 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_11 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_11.png) left top no-repeat;}
div#actionLinkBlock p#bt_11 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_12 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_12.png) left top no-repeat;}
div#actionLinkBlock p#bt_12 a:hover{	background-position: 0 -43px;}


div#actionLinkBlock p#bt_13 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_13.png) left top no-repeat;}
div#actionLinkBlock p#bt_13 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_14 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_14.png) left top no-repeat;}
div#actionLinkBlock p#bt_14 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_15 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_15.png) left top no-repeat;}
div#actionLinkBlock p#bt_15 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_16 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_16.png) left top no-repeat;}
div#actionLinkBlock p#bt_16 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_17 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_17.png) left top no-repeat;}
div#actionLinkBlock p#bt_17 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_18 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_18.png) left top no-repeat;}
div#actionLinkBlock p#bt_18 a:hover{	background-position: 0 -43px;}

div#actionLinkBlock p#bt_19 a{
	display:block;
	overflow:hidden;
	margin:0 0 8px 13px;
	width:202px;
	height:42px;
	text-indent:-9999px;
	background: url(../img/navi/bt_19.png) left top no-repeat;}
div#actionLinkBlock p#bt_19 a:hover{	background-position: 0 -43px;}










/*-- BannerSection --*/

div#actionLinkBlock ul{	margin:0 0 0 9px;	}
div#actionLinkBlock ul li{ margin:0 0 10px 0; }








/*----------------------------------------
	footer
----------------------------------------*/

#footer{
	width:100%;
	background-image: url(../img/ft_bg_01.gif);
	background-position: left top;
}


/*-- footer navigation --*/

#footerNvArea{
	position:relative;
	margin:0 auto 0 auto;
	width:900px;
	height:110px;
	text-align:left;
}

#footerNvArea ul{
	padding:15px 0 0 30px;
}

#footerNvArea ul li{
	display:inline;
}

#footerNvArea ul li a{
	display:block;
	float:left;
	overflow:hidden;
	height:19px;
	text-indent:-9999px;
	background:transparent url(../img/ft_bt_01.gif) no-repeat scroll left top;
}


/*-- footer logo and copyright --*/

#footerNvArea p#companyNameArea{
	position:absolute;
	top:20px;
	right:30px;
	width:250px;
	height:14px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
	}

#footerNvArea p#copyrightArea{
	position:absolute;
	top:45px;
	right:30px;
	width:300px;
	height:7px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
}