@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

/*==================================================
	全体/共有
==================================================*/
html,body {
	width: 100%;
	height: 100%;
}
body {
	background: url(../img/body_bg.gif) repeat-y center top #fff;
	color: #4d4d4d;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,メイリオ,Meiryo,Osaka,sans-serif;
	text-align: center;
	behavior: url("../js/csshover3.htc");
}
html>body body { font-size: 12px; }

img { vertical-align: top; }

input,textarea { font-family: Verdana,"ＭＳ Ｐゴシック",Osaka,メイリオ,Meiryo,sans-serif; font-size: 12px; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

h3 { margin-bottom: 0.8em; }

ul,ol { list-style: none; }

/*--------------------------------------------------
	フォントサイズ
--------------------------------------------------*/
.fs15 { font-size: 15px; }
.fs14 { font-size: 120%; }
.fs11 { font-size: 11px; }
.fs10 { font-size: 80%; }

/*--------------------------------------------------
	フォント装飾
--------------------------------------------------*/
.normal { font-weight: normal !important; }
.bold { font-weight: bold; }

strong { font-weight: bold; }

em {
	color: #FF0000;
	font-weight: bold;
	font-style: normal;
}

.red { color: #ff1919; }

/*--------------------------------------------------
	リンク
--------------------------------------------------*/
a img { border: none; }

a { overflow: hidden; text-decoration: none; }
a:link { color: #4d4d4d; }
a:visited { color: #4d4d4d; }
a:hover { text-decoration: underline; }
a:active { color: #4d4d4d; }

/*--------------------------------------------------
	位置
--------------------------------------------------*/
.alnR { text-align: right !important; }
.alnC { text-align: center !important; }
.alnL { text-align: left !important; }

.fltR { float: right; }
.fltL { float: left; }

/*--------------------------------------------------
	float解除
--------------------------------------------------*/
.clear { overflow: hidden; }
* html .clear { display: inline-block; }

.both { clear: both; }

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

/*--------------------------------------------------
	ロールオーバー
--------------------------------------------------*/
.rollover a { display: block; }
.rollover a:hover { background-color: transparent; }
.rollover a:hover img { visibility: hidden; }

.stay { background-color: transparent; }
.stay img { visibility: hidden; }

/*--------------------------------------------------
	余白
--------------------------------------------------*/
.mg0 { margin: 0 !important; }

.mgT0 { margin-top: 0 !important; }
.mgT10 { margin-top: 10px !important; }
.mgT15 { margin-top: 15px !important; }
.mgT20 { margin-top: 20px !important; }
.mgT25 { margin-top: 25px !important; }

.mgR30 { margin-right: 30px !important; }

.mgB0 { margin-bottom: 0 !important; }
.mgB10 { margin-bottom: 10px !important; }
.mgB30 { margin-bottom: 30px !important; }

.mgL8 { margin-left: 8px !important;}
.mgL30 { margin-left: 30px !important; }
.mgL93 { margin-left: 93px !important; }

.mgLR12 {
	margin-left: 12px !important;
	margin-right: 12px !important;
}

.pdR15 { padding-right: 15px !important; }

.pdB30 { padding-bottom: 30px !important; }
.pdB150 { padding-bottom: 150px !important; }

.pdL10 { padding-left: 10px !important; }
.pdL35 { padding-left: 35px !important; }

/*--------------------------------------------------
	線
--------------------------------------------------*/
.bdr { border: 1px solid #4d4d4d; }

.btmBdr {
	margin-bottom: 15px !important;
	padding-bottom: 11px !important;
	border-bottom: 2px solid #e9e9e9;
}

/*==================================================
	レイアウト
==================================================*/
#wrap {
	position: relative;
	margin: 0 auto;
	width: 850px;
}
#head {
	overflow: hidden;
	display: block !important;
	display: inline-block;
	padding-top: 11px;
}
#footer {
	clear: both;
	padding-bottom: 5px;
}

/*==================================================
	#head
==================================================*/
/*--------------------------------------------------
	サイトロゴ
--------------------------------------------------*/


#head .logo {
	margin: 0 0 11px 20px;
	float: left;
	width: 500px;
	height: 43px;
	position: relative;
	 }
#head .logo .logo01 {
	display: block;
	height: 43px;
	width: 47px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-indent: -9999px;
	background: url(../img/meiden-logo.jpg) no-repeat;
}
#head .logo .logo02 {
	text-indent: -9999px;
	display: block;
	height: 28px;
	width: 279px;
	position: absolute;
	left: 47px;
	bottom: 0px;
	background: url(../img/site_logo.gif) no-repeat;
}


h1 {
	display: block;
	width: 500px;
	height: 43px;
	text-indent: 55px;
	font-weight: normal;
	text-align: left;
}
	
/*--------------------------------------------------
	ヘッダナビ
--------------------------------------------------*/
div.headNavi {
	display: inline;
	float: right;
	margin-right: 10px;
	text-align: right;
}
div.headNavi p {
	float: right;
	margin-bottom: 12px;
	padding-left: 15px;
	background: url(../img/icon_arrow_blue01.gif) no-repeat 0 3px;
	line-height: 1.2;
}
div.headNavi ul {
	clear: both;
	float: right;
	margin-top: 30px;
}
div.headNavi li { float: left; }

/*--------------------------------------------------
	グローバルナビ
--------------------------------------------------*/
ul.gNavi {
	height: 45px;
	background: url(../img/gnavi_bg.gif) repeat-x;
	clear: both;
}
ul.gNavi li {
	display: inline;
	float: left;
}
li.n01 { margin-left: 32px; width: 87px; background: url(../img/gnavi_01_s.gif) no-repeat; }
li.n02 { margin-left: 19px; width: 160px; background: url(../img/gnavi_02_s.gif) no-repeat; }
li.n03 { margin-left: 30px; width: 148px; background: url(../img/gnavi_03_s.gif) no-repeat; }
li.n04 { margin-left: 27px; width: 192px; background: url(../img/gnavi_04_s.gif) no-repeat; }
li.n05 { margin-left: 23px; width: 105px; background: url(../img/gnavi_05_s.gif) no-repeat; }

li.n01 a:hover { background: url(../img/gnavi_01_o.gif) no-repeat; }
li.n02 a:hover { background: url(../img/gnavi_02_o.gif) no-repeat; }
li.n03 a:hover { background: url(../img/gnavi_03_o.gif) no-repeat; }
li.n04 a:hover { background: url(../img/gnavi_04_o.gif) no-repeat; }
li.n05 a:hover { background: url(../img/gnavi_05_o.gif) no-repeat; }
#contents2 { clear: both; }

/*--------------------------------------------------
	パンくず
--------------------------------------------------*/
.pankuzu {
	width: 654px;
	height: 1em;
	margin: 0 auto;
	clear: both;
	padding-bottom: 15px;
}
.pankuzu li {
	display: inline;
	float: left;
	font-size: 80%;
}

.pankuzu li.here { font-weight: bold; }

#contents3 div.mainColumn .pankuzu { width: 484px;}
/*==================================================
	#contents2	2カラム
==================================================*/
#contents2 div.mainColumn {
	float: left;
	padding: 18px 0 20px;
	width: 679px;
	border-right: 2px solid #e9e9e9;
}
#contents2 div.rightColumn {
	float: right;
	padding: 18px 0 20px;
	width: 169px;
}
#contents2 div.mainColumn p {
	margin: 0 13px 0 12px;
	line-height: 1.4;
	text-align: left;
}
#contents3 { clear: both; }


/*==================================================
	#contents3	3カラム
==================================================*/
#contents3 div.leftColumn {
	display: inline;
	float: left;
	margin-left: -680px;
	width: 169px;
	padding-top: 18px;
}
#contents3 div.mainColumn {
	display: inline;
	float: left;
	margin-left: 169px;
	width: 508px;
	padding: 18px 0 10px;
	border-right: 2px solid #e9e9e9;
	border-left: 2px solid #e9e9e9;
}
#contents3 div.rightColumn {
	float: right;
	width: 169px;
	padding-top: 18px;
}
#contents3 div.mainColumn p {
	padding: 0 12px;
	line-height: 1.4;
	text-align: left;
}

/*==================================================
	サイドバー
==================================================*/
/*--------------------------------------------------
	明電セラミックスは明電舎の子会社です
--------------------------------------------------*/
p.sideComp {
	display: block;
	margin: 0 auto 5px;
	width: 162px;
	height: 175px;
	background: url(../img/side_img01_o.jpg) no-repeat;
}

/*--------------------------------------------------
	各種技術登録
--------------------------------------------------*/
div.sideTech {
	display: block;
	position: relative;
	margin: 0 auto 5px;
	width: 162px;
	height: 171px;
	background: url(../img/side_img02.gif) no-repeat;
}
p.kokudo {
	position: absolute;
	top: 110px;
	left: 9px;
}
p.shizuoka {
	position: absolute;
	top: 140px;
	left: 9px;
}

/*--------------------------------------------------
	お問い合わせ
--------------------------------------------------*/
div.sideCont {
	margin: 0 auto 5px;
	position: relative;
	display: block;
	width: 162px;
	height: 214px;
}
div.sideCont .inner {
	background: url(../img/side_cont_bg.gif) repeat-y;
	padding: 0 2px;
}

div.sideCont .inner .formBox {
	background: url(../img/side_cont_01_on.gif) no-repeat;
	height: 80px;
	width: 158px;
}
.sideCont .inner .formBox a {
	display: block;
	height: 80px;
}

div.sideCont .inner .sampleBox {
	background: url(../img/side_cont_02_on.gif) no-repeat;
	height: 50px;
	width: 158px;
}
.sideCont .inner .sampleBox a {
	display: block;
	height: 50px;
}
div.sideCont .inner a:hover img { visibility: hidden; }
div.sideCont .inner a:hover { background-color:transparent; }

/*--------------------------------------------------
	各種ダウンロード
--------------------------------------------------*/
div.sideDown {
	margin: 0 auto 5px;
	position: relative;
	display: block;
	width: 162px;
	height: 196px;
}
div.sideDown .inner {
	background: #e5e6e6;
	padding: 0 2px;
}

div.sideDown .inner a {
	display: block;
	height: 50px;
}

div.sideDown .inner .catalogueBox {	background: url(../img/side_down_01_on.gif) no-repeat;	height: 50px;}
div.sideDown .inner .zumenBox { background: url(../img/side_down_02_on.gif) no-repeat;	height: 50px;}
div.sideDown .inner .boltBox { background: url(../img/side_down_03_on.gif) no-repeat;	height: 50px;}
div.sideDown .inner a:hover img { visibility: hidden; }
div.sideDown .inner a:hover { background-color:transparent; }

/*--------------------------------------------------
	よくあるご質問
--------------------------------------------------*/
p.sideFaq {
	margin: 0 auto;
	display: block;
	width: 162px;
	height: 32px;
	background: url(../img/side_img05_o.gif) no-repeat;
}

/*==================================================
	#footer
==================================================*/
/*--------------------------------------------------
	フッタナビ その1
--------------------------------------------------*/
ul.fNavi01 {
	height: 45px;
	background: url(../img/fnavi_bg.gif) repeat-x;
}
ul.fNavi01 li {
	display: inline;
	line-height: 45px;
}

/*--------------------------------------------------
	フッタナビ その2
--------------------------------------------------*/
ul.fNavi02 {
	display: inline;
	float: left;
	clear: both;
	margin: 15px 0 20px 15px;
	text-align: left;
}
ul.fNavi02 li {
	display: inline;
	font-size: 10px;
}

/*--------------------------------------------------
	コピーライト
--------------------------------------------------*/
#footer p {
	display: inline;
	float: right;
	margin: 15px 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
