@charset "Shift_JIS";
/*----------------------------------------------------------

	common.css

	- default
	- body
	- link
	- clearfix
	- container
	- header
	- top menu
	- footer

-----------------------------------------------------------*/

/*----------------------------------------------------------
	default
-----------------------------------------------------------*/
#header_container dl, #header_container dt, #header_container dd, #header_container th, #header_container td, #header_container ul, #header_container ol, #header_container li,
#header_container h1, #header_container h2, #header_container h3, #header_container h4, #header_container h5, #header_container h6, #header_container p, #header_container form ,
#footer_container dl, #footer_container dt, #footer_container dd, #footer_container th, #footer_container td, #footer_container ul, #footer_container ol, #footer_container li,
#footer_container h1, #footer_container h2, #footer_container h3, #footer_container h4, #footer_container h5, #footer_container h6, #footer_container p, #footer_container form {
	margin: 0;
	padding: 0;
}

#header_container h1, #header_container h2, #header_container h3, #header_container h4, #header_container h5, #header_container h6, #header_container strong, #header_container em, #header_container p ,
#footer_container h1, #footer_container h2, #footer_container h3, #footer_container h4, #footer_container h5, #footer_container h6, #footer_container strong, #footer_container em, #footer_container p {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

#header_container th ,
#footer_container th {
	text-align: left;
	font-weight: normal;
}

#header_container li ,
#footer_container li {
	list-style: none;
	vertical-align: bottom;
}

#header_container li img ,
#footer_container li img {
	vertical-align: top;
}

#header_container img, #header_container table ,
#footer_container img, #footer_container table {
	border: 0;
}

#header_container hr ,
#footer_container hr {
	display: none;
}

/*----------------------------------------------------------
	body
-----------------------------------------------------------*/
#header_container ,
#footer_container {
	color: #333333;
	font-size:12px;
	line-height:100% !important;
	font-family:
		"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",
		"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",
		sans-serif;
}

/*----------------------------------------------------------
	link
-----------------------------------------------------------*/
#header_container a:link,#header_container a:visited,
#footer a:link,#footer a:visited,
#footer_container a:link,#footer_container a:visited{
	text-decoration:none;
}
#header_container a:hover,#header_container a:active,
#footer a:hover,#footer a:active,
#footer_container a:hover,#footer_container a:active{
	text-decoration:underline;
}

#header_container .gray ,
#footer_container .gray {
color:#999999 !important;
}

/*----------------------------------------------------------
	clearfix
-----------------------------------------------------------*/
#header_container .clearfix:after ,
#footer_container .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
	font-size: 0.1px;
	line-height: 0.1px;
}

#header_container .clearfix ,
#footer_container .clearfix {
	display: inline-block;
	position: relative; /* DW */
}

/* Hides from IE-mac \*/
#header_container .clearfix ,
#footer_container .clearfix {
	display: block; 
}
/* End hide from IE-mac */

#header_container:after ,
#header:after,
#header #top_menu ul:after,
#header .searchFlame:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
	font-size: 0.1px;
	line-height: 0.1px;
}
#footer:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
	font-size: 0.1px;
	line-height: 0.1px;
	overflow:hidden;
}

/*----------------------------------------------------------
	container
-----------------------------------------------------------*/
html,body{
	width:100%;
}

*:first-child+html body {position:relative;}
#header_container_wrap {
	height: 129px;
	background:url(/images/cmn_bg04.jpg) 0 121px repeat-x;
	margin-bottom:-8px;
}

#header_container{
	width:auto;
	min-width:917px;
	background:url(/images/cmn_bg01.jpg) left top repeat-x;
	margin-bottom:8px;
}

#footer_container{
	width:auto;
	min-width:917px;
}

/*----------------------------------------------------------
	header
-----------------------------------------------------------*/
#header{
	width:923px;
	margin:0 0 0 35px;
}

#header #header_logo{
	float:left;
	height: 70px;
	background:url(/images/kyoceramita_logo.gif) left top no-repeat;
	margin-left:-17px;

}

#header #header_logo p {
	float: left;
}

#header #header_navi{
	float: right;
	width: 390px;
	text-align: right;
	margin-top: 10px;
}

#header #header_navi #statement {
	margin: 0 3px 4px 0;
}

#header #header_navi #header_navi_navi{
	float: left;
	width: 185px;
	margin-top: 5px;
}

#header #header_navi ul{
	float:right;
}

#header #header_navi ul li{
	float:left;
}

#header #header_navi .searchFlame {
	width:188px;
	height:25px;
	float:right;
	position:relative;
	background:url(/images/cmn_header_search_bg01.gif) left top no-repeat;
}


#header #header_navi .searchFlame .searchtext {
	position: absolute;
	float:none;
	top: 0;
	left:0;
	width: 155px !important;
	height: 25px;
	border: none;
	background:none;
}
#header #header_navi .searchFlame .searchtext #search {
	width: 145px !important;
	height:25px !important;
	border: none;
	background:none;
	font-size: 12px !important;
	font-weight: normal !important;
	line-height: 190% !important;
	margin:0 0 0 10px !important;
	padding:0 !important;
	vertical-align:bottom !important;

	font-family:
		"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",
		"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",
		sans-serif;
}

#header .searchbtn {
	position: absolute;
	top: 0;
	left: 152px;
	width: 36px;
	height: 25px;
}



/*----------------------------------------------------------
	top menu
-----------------------------------------------------------*/
#top_menu{
	width:952px;
	margin:0 0 0 37px !important;
}

#top_menu ul{
	width:950px;
	min-height:51px;
}

#top_menu ul li{
	float:left;
	background:url(/images/cmn_header_bg01.gif) left top no-repeat;
	margin: 12px 0 0;
	padding: 0 10px 0 !important;
	padding: 0 10px 9px\9 !important;
}

#top_menu ul li a{
	text-decoration:underline;
	display: block;
	height:auto !important;
	color:#000000 !important;
	font-weight:bold !important;
	line-height:1.1em !important;
	/*padding:10px 10px 5px !important;*/
	padding-top:10px !important;
	padding-right:10px !important;
	padding-bottom:5px !important;
	padding-left:10px !important;
}
#index #top_menu ul li.navi_index a,
#news #top_menu ul li.navi_news a,
#products #top_menu ul li.navi_products a,
#solution #top_menu ul li.navi_solution a,
#support #top_menu ul li.navi_support a,
#download #top_menu ul li.navi_download a,
#company #top_menu ul li.navi_company a {
	border-bottom: 2px solid #C00000;
}



/*----------------------------------------------------------
	footer
-----------------------------------------------------------*/
#footer{
	width:auto;
	min-width:917px;
	background:#000000;
}
#footer #footer_con{
	width:867px;
	margin:0 0 0 50px;
}

#footer #footerNavi{
float:left;
width:460px;
}
#footer #copyright{
	float:right;
	width:400px;
	text-align:right;
}
#footer #footerNavi ul{
	margin: 0;
	padding: 0;
	margin-top:3px;
	line-height:100%;
	font-size: 86%;
	list-style: none;
}
#footer #footerNavi ul li{
	float:left;
	padding:3px 0 5px
}
#footer #footerNavi ul li a{
	color:#FFFFFF;
	margin-right:0.5em;
	padding-left:0.5em;
	border-left:solid 1px #ffffff;
}
#footer #footerNavi ul li.first a{
	padding-left:0;
	border-left:none;
}
#footer #copyright p{
	line-height:100%;
	text-align:right;
	margin: 0;
	padding: 0;
}