@charset "shift_jis";

html {
	height: 100%;
}
body{
	height: 100%;
	margin: 0px;
	pading: 0px;
	background-color:#161616;
	text-align:center;
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","メイリオ", Meiryo, Verdana, sans-serif;
}

ul,ol,li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,p{
	margin: 0px;
	padding: 0px;
	font-weight:normal;
}

a {
	color: #8fa8d2;
}

div#clear {
	clear: both;
}

div#bgWrapper {
	width:1028px;
	background: url(../img/bg.gif) repeat-y ;
	margin:0px auto;
	text-align:center;
	pading: 0px;
}

div#header {
	width:1024px;
	margin:0px auto;
	text-align: center;
	pading: 0px;
}

div#headerTop {
	height:50px;
	width:1024px;
	margin:0px auto;
	text-align: center;
	pading: 0px;

}

img#meikoMark {
	float: left;
}

div#meikoTop {
	float: right;
	width:270px;
	height: 50px;
	text-align: center;
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","メイリオ", Meiryo, Verdana, sans-serif;
	color:#c0c0c0;
	position:relative; top: 10px;
}

div#headerTitle {
	clear: both;
	width: 1024px;
	height: 74px;
	background: url(../img/top_header.jpg) no-repeat ;
	text-align:left;
}
div#headerTitle p {
	font:bold 14px "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#c0c0c0;
	position:relative; top:10px; left:10px;
}
div#headerTitle h1 {
	font:bold 36px "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	position:relative; top:18px; left:10px;
}
div#headerTitle a:link {text-decoration:none;color:#ffffff;}
div#headerTitle a:visited {text-decoration:none;color:#ffffff;}
div#headerTitle a:hover {text-decoration:underline;color:#c0c0c0;}
div#headerTitle a:active {text-decoration:underline;color:#c0c0c0;}

div.container {
	width: 1024px;
	margin: 0px;
	padding: 0px;
}

div.container.product {
	height: 1500px;
}

div.container.sample {
	height: 3500px;
}

div.container.spec {
	height: 1500px;
}


div.container.companyInfo {
	height: 1500px;
}

div.container.contact {
	height: 1500px;
}



div#headerBottom {
	height: 210px;
	position: relative; top: 75px;
}
div#headerBottom h2 {
	font:bold 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","メイリオ", Meiryo, Verdana, sans-serif;
	color:#c0c0c0;
}

div#headerBottom h3 p strong {
	font:16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","メイリオ", Meiryo, Verdana, sans-serif;
	color:#c0c0c0;
}


div#contents {
	float: right;
	width: 790px;
	margin: 0px;
	padding: 0px;
	position:relative; top: 10px; left: 0px;
	font:bold 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","メイリオ", Meiryo, Verdana, sans-serif;
	color:#c0c0c0 ;
}

div#footer {
	clear : both;
	width: 1024px;
	height:30px;
	margin: 0px auto;
	padding-top: 10px;
	background: url(../img/footer.gif) no-repeat;
	text-align:center;
	font: bold 16px 'Times New Roman';
	color: #c0c0c0;

}

ul#top_menu {
	background-image	:url(../img/top_menu_bg.gif);
	width				:1024px;
	height				:43px;
}
ul#top_menu a,
ul#top_menu li p{ background-image:url(../img/top_menu.gif); }

ul#top_menu li.top_menu_index a { background-position : 0 0; }
ul#top_menu li.top_menu_sample a { background-position : -188px 0; }
ul#top_menu li.top_menu_company a { background-position : -376px 0; }
ul#top_menu li.top_menu_contact a { background-position : -564px 0; }

ul#top_menu li.location_bar			{ left:  32px; }
ul#top_menu li.location_bar.index	{ left:  32px; }
ul#top_menu li.location_bar.sample	{ left:  212px; }
ul#top_menu li.location_bar.company	{ left:408px; }
ul#top_menu li.location_bar.contact	{ left:600px; }
ul#top_menu li a,
ul#top_menu li p
{
	width				:188px;
}

ul#top_menu li a,
ul#top_menu li p
{
	float				:left;
	height				:0pt;
	margin				:0 2px 0 0;
	padding-top			:25px;
	overflow			:hidden;
}

ul#top_menu li.location_bar
{
	clear				:both;
	font-size			:1px;
	width				:140px;
	height				:5px;
	position			:relative;
	top					:8px;
}

div#cntHdTop { 
	width: 745px;
	height: 3px; 
	margin: 0px auto;
	background: url(../img/side_menu_top.gif) repeat-x; 
	
}
div#cntHdMid { 
	width: 745px;
	background: url(../img/side_menu_middle.gif) repeat; 
	font:bold 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","メイリオ", Meiryo, Verdana, sans-serif;
	text-align: center;
	color: #c0c0c0;
	margin: 0px auto;
	padding: 2px 0 0 0;
	
}
div#cntHdBtm { 
	width: 745px;
	height: 3px; 
	margin: 0px auto;
	background: url(../img/side_menu_bottom.gif) repeat-x ; 
}


div#cntHdMid h2 p {
	font:bold 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","メイリオ", Meiryo, Verdana, sans-serif;
}

div#sideMenu {
	float: left;
	width: 224px;
	margin: 0px;
	padding: 0px;
	position:relative; top: 10px; left: 0px;

}

div#sideMenuBtn {
	width: 200px;
	margin: 20px auto;
	padding: 0px;
}

div#menuHeaderTop { 
	width: 200px;
	height: 3px; 
	margin: 0px auto;
	padding: 0px;
	background: url(../img/side_menu_top.gif) repeat-x; 
}
div#menuHeaderMid { 
	width: 200px;
	margin: 0px auto;
	padding: 0px;
	background: url(../img/side_menu_middle.gif) repeat; 
	font:bold 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","メイリオ", Meiryo, Verdana, sans-serif;
	text-align: center;
	color: #c0c0c0;
	padding: 2px 0 0 0;
}
div#menuHeaderBtm { 
	width: 200px;
	height: 3px; 
	margin: 0px auto;
	padding: 0px;
	background: url(../img/side_menu_bottom.gif) repeat-x ; 
}



div#menuButton { 
	width: 175px;
	margin: 10px auto;
	padding: 0;
	background-color: #2c2c2c;
	color: #c0c0c0;
}


p#menuButtonTitle {
	margin:  0;
	padding: 12px 0;
	font:bold 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","メイリオ", Meiryo, Verdana, sans-serif;
	color: #c0c0c0;
	text-align: center;

}

p#menuButtonTitleSelected {
	margin:  0;
	padding: 12px 0;
	font:bold 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","メイリオ", Meiryo, Verdana, sans-serif;
	color: #8fa8d2;
	text-align: center;
}

div#menuButton a{text-decoration:none}
div#menuButton a:link p{border: 2px ridge #3e3e3e;}
div#menuButton a:visited p{border: 2px ridge #3e3e3e;}
div#menuButton a:hover p{border: 2px ridge #808080;}
div#menuButton a:active p{border: 2px ridge #808080;}

div.subSideMenu {
	width:150px;
	height: 10px;
	margin: 0px auto;
	padding: 0px 0px 10px 36px;
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","メイリオ", Meiryo, Verdana, sans-serif;
	text-align: left;

}
div.subSideMenu a{text-decoration:none; color: #8fa8d2;}
div.subSideMenu a:hover {text-decoration:underline; color: #8fa8d2;}
div.subSideMenu a:active {text-decoration:underline; color: #8fa8d2;}