﻿@charset "UTF-8";

@import "reset.css";
@import "basic.css";

.red { color:#e60012;}

h1 {
	position:absolute;
	top:26px;
	left:0;
	}

body {
	background:#363636 url(/tecnica/common/img/bg.jpg) center top no-repeat;
	text-align:center;
	}

#container {
	margin:0 auto;
	padding:0 8px;
	width:960px;
	text-align:left;
	background:#1c1c1c url(/tecnica/common/img/container_bg.jpg) center top repeat-x;
	}

.nameDist {
	font-size:0;
	line-height:0;
	}


/* header ---------------------------------------------*/
#header {
	position:relative;
	height:135px;
	background-color:#000;
	}
ul#glNavi {
	position:absolute;
	top:88px;
	left:0;
	}
ul#subNavi {
	position:absolute;
	top:37px;
	left:600px;
	}
ul#header h1 {
	position:absolute;
	top:19px;
	left:0;
	}
#header li {
	float:left;
	}


/* section ---------------------------------------------*/
div#section {
	width:960px;
	height:38px;
	background:url(/tecnica/common/img/pankuzu_bg.jpg) left top no-repeat;
	}
ul#pankuzu {
	padding:12px 2px 8px 10px;
	float:left;
	}
ul#pankuzu li {
	padding-right:5px;
	float:left;
	color:#fff;
	font-size:0.85em;
	}
ul#pankuzu li a {
	color:#ee7700;
	text-decoration:underline;
	margin-right:5px;
	}
ul#pankuzu li a:hover {
	color:#fff;
	text-decoration:none;
	}
#section .floatL {
	width:748px;
	}
#section .floatR {
	width:204px;
	}


/* rightArea ---------------------------------------------*/
.floatR ul.banner li {
	display:block;
	width:204px;	
	height:165px;
	margin-bottom:8px;
	}
.floatR li#catalog dl {
	float:left;
	position:relative;
	}
.floatR li#catalog dt {
	position:absolute;
	top:0;
	left:0;
	}
.floatR li#catalog dd#normal {
	position:absolute;
	top:83px;
	left:15px;
	}
.floatR li#catalog dd#high {
	position:absolute;
	top:113px;
	left:15px;
	}
div#lcNaviBtm {
	width:204px;
	margin-bottom:8px;
	padding-bottom:8px;
	background:url(/tecnica/common/img/lcnavi_bottom.gif) left bottom no-repeat;
	}
dl#lcNavi {
	width:204px;
	background:url(/tecnica/common/img/lcnavi_bg.gif) left top repeat-y;
	}

dl#lcNavi dt {
	padding-bottom:5px;
	text-align:center;
	}
dl#lcNavi dd {
	margin-left:7px;
	padding:11px 2px 9px 7px;
	background:url(/tecnica/common/img/lcnavi_btn.gif) left top no-repeat;
	}
dl#lcNavi dd a {
	display:block;
	width:160px;
	padding-left:20px;
	line-height:1.5;
	}
dl#lcNavi dd a:hover {
	color:#ee7700;
	text-decoration:underline;
	}
dl#lcNavi span.onColor {
	padding-left:20px;
	color:#ee7700;
	text-decoration:none;
	line-height:1.5;
	}


/* footer ---------------------------------------------*/
div#footer {
	margin:0 auto;
	width:976px;
	height:146px;
	padding-top:14px;
	background-color:#1c1c1c;
	text-align:left;
	}
div#footer a#top {
	display:block;
	width:74px;
	height:35px;
	margin-left:846px;
	background:#1c1c1c url(/tecnica/common/img/btn_pagetop.gif) 0 0 no-repeat;
	text-align:left;
	padding-top:1px;
	padding-left:36px;
	line-height:36px;
	}
div#footnavi {
	overflow:hidden;
	width:976px;
	text-align:center;
	border-top:solid 1px #363636;
	padding-top:30px;
	text-align:center;
	}
div#footnavi ul {
	position:relative;
	display:inline;
	float:left;
	left:50%;
	padding-bottom:11px;
	}
div#footnavi li {
	position:relative;
	float:left;
	right:50%;
	margin-right:14px;
	padding-left:8px;
	background:url(/tecnica/common/img/icon01.gif) left center no-repeat;
	}
html>/**/body div#footnavi li { padding-top:1px; }
html:first-child div#footnavi li { padding-top:0; }

div#footnavi p#footInfo {
	clear:both;
	width:976px;
	text-align:center;
	color:#a6a6a6;
	font-size:0.85em;
	font-style:normal;
	letter-spacing:1px;
	}








