@charset "utf-8";

/* 初期化 */
body,
div,form,
h1,h2,h3,h4,h5,h6,p,address,pre,
dl,dt,dd,ul,ol,li {
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
	font-style:normal;
}
body {
	background:#fff;
	color:#555555;
	font:12px/1.5 "MS Pゴシック","ＭＳ Ｐゴシック",sans-serif,verdana,helvetica;
}
html* body {/*Safari + IE5.5-6*/
	font-size:11px;
}
* html body {/*IE5.5-6*/
	font-size:75%;
}
*:first-child+html body {/*IE7*/
	font-size:75%;
}
hr {
	display:none;
}
h1,h2,h3,h4,h5,h6,dt,th,
strong,em {
	font-style:normal;
	font-weight:bold;
}
img {
	margin:0;
	padding:0;
	border:none;
}
table, th, td {
	border-collapse:collapse;
	border-spacing:0;
}
a {
	color:#3333cc;
	text-decoration:underline;
}
input,
select {
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-size: 100%;
}
area {
	cursor: pointer;
}

/* サイト内共通
---------------------------------------------------- */
hr {
	border-top: 1px dotted #999999;
	border-bottom: none;
	height: 1px;
	clear: both;
}
th, td {
	vertical-align: top;
}
strong {
	font-weight: bold;
}
em {
	color: #FF3300;
	font-style: normal;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
span.goto {
	background-image: url(/images/arrow_goto.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 23px;

}
span.recruit {
	background-image: url(/images/arrow_goto_recruit.gif);
}
span.user {
	background-image: url(/images/arrow_goto_user.gif);
}

/* リンク
---------------------------------------------------- */
a:link {
	color: #555555;
}
a:visited {
	color: #555555;
}
a:hover {
	color: #999999;
	text-decoration: none;
}

/* コンテナ
---------------------------------------------------- */
#container {
	width: 840px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

/* 背景なしコンテナ
---------------------------------------------------- */
#container_noback {
	width: 840px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

/* ヘッダ
---------------------------------------------------- */
#header {
	width: 840px;
	height: 53px;
	margin-bottom: 1px;
	border-bottom: 2px solid #333333;
	background-image: url(/images/header_back.gif);
	background-repeat: repeat-x;
}
#header p#pagetop {
	float: left;
	width: 224px;
	height: 53px;
	display: block;
}
/* サブメニュー（Home, サイトマップ） */
#header #sub_menu {
	padding: 33px 5px 0 0;
	height: 20px;
	float: right;
}
#sub_menu ul {
	list-style: none;
}
#sub_menu li {
	font-size: 11px;
	color: #555555;
	float: left;
	margin-left: 7px;
	list-style: none;
}
#sub_menu li.home {
	background-image: url(/images/arrow_top.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
}
#sub_menu li.sitemap {
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
}
#sub_menu li a:link {
	text-decoration: none;
}
#sub_menu li a:visited {
	text-decoration: none;
}
#sub_menu li a:hover {
	text-decoration: underline;
}
#sub_menu li.home a:link,
#sub_menu li.home a:visited,
#sub_menu li.home a:hover,
#sub_menu li.sitemap a:link,
#sub_menu li.sitemap a:visited,
#sub_menu li.sitemap a:hover {
	color: #FFFFFF;
}

/* メインメニュー
---------------------------------------------------- */
#menu {
	width: 840px;
	height: 87px;
	clear: both;
}
#main_menu ul {
	width: 840px;
	height: 32px;
	background: url(/images/mainMenu.jpg) no-repeat top left;
}
#main_menu li {
	float: left;
	list-style: none;
}
#main_menu li a {
	display: block;
	width: 140px;
	height: 32px;
}
#main_menu li a span {
	display: none;
}
#main_menu ul li a:hover,
#main_menu ul li a.current {
	background-image: url(/images/mainMenu.jpg);
	background-repeat: no-repeat;
}
#main_menu ul li.product a:hover {
	background-position: 0px -32px;
}
#main_menu ul li.product a.current {
	background-position: 0px -64px;
}
#main_menu ul li.construction a:hover {
	background-position: -140px -32px;
}
#main_menu ul li.construction a.current {
	background-position: -140px -64px;
}
#main_menu ul li.news a:hover {
	background-position: -280px -32px;
}
#main_menu ul li.news a.current {
	background-position: -280px -64px;
}
#main_menu ul li.company a:hover {
	background-position: -420px -32px;
}
#main_menu ul li.company a.current {
	background-position: -420px -64px;
}
#main_menu ul li.recruit a:hover {
	background-position: -560px -32px;
}
#main_menu ul li.recruit a.current {
	background-position: -560px -64px;
}
#main_menu ul li.contact a:hover {
	background-position: -700px -32px;
}
#main_menu ul li.contact a.current {
	background-position: -700px -64px;
}
#menu_title {
	clear: both;
	width: 840px;
	height: 55px;
}

/* コンテンツ
---------------------------------------------------- */
#contents {
	width: 840px;
	clear: both;
}

/* メインコンテンツ
---------------------------------------------------- */
#main_contents {
	width: 665px;
	margin-top: 10px;
	float: right;
}
#main_construction {
	width: 840px;
	margin-top: 10px;
	float: left;
}

/* 製品情報TOP
---------------------------------------------------- */
#product_top {
	width: 840px;
	margin-top: 10px;
	clear: both;
}

/* ロケーションリンク（パンくずナビ）
---------------------------------------------------- */
#navi {
	font-size: 12px;
}

/* サイドメニュー
---------------------------------------------------- */
#side_menu {
	width: 160px;
	float: left;
	border-top: 10px solid #FFFFFF;
}
#side_menu ul {
	background-color: #ededed;
	width: 148px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	list-style-type: none;
}
#side_menu ul li {
	background-image: url(/images/side_arrow.gif);
	background-repeat: no-repeat;
	line-height: 2.5em;
	padding-left: 13px;
	background-position: 0 9px;
	border-bottom: 1px dotted #999999;
	list-style: none;
}
#side_menu ul li a {
	text-decoration: none;
}
#side_menu ul li.now {
	font-weight: bold;
	background-image: url(/images/side_arrow_now.gif);
}
#side_menu ul li.login {
	background-image: none;
	padding: 5px 0 5px 1px;
	line-height: 1.2em;
	border-bottom: none;
}
#side_menu ul li.login span.mini {
	font-size: 11px;
	padding-left: 2px;
}
#side_menu ul li.login span.mini a {
	text-decoration: underline;
	padding-left: 2px;
}
#side_menu ul li.tech {
	background-image: url(/images/side_tech.gif);
	background-position: 0 8px;
	border-top: 1px dotted #999999;
	padding: 5px 0 5px 19px;
}
#side_menu ul li.faq {
	background-image: url(/images/side_faq.gif);
	background-position: 0 8px;
	border-top: 1px dotted #999999;
	padding: 5px 0 5px 19px;
}
#side_menu ul li.search {
	font-weight: bold;
	background-image: url(/images/side_search.gif);
	background-position: -1px 7px;
	padding: 1px 0 5px 19px;
}
#side_menu ul li.search input.text {
	vertical-align: middle;
	margin-left: -10px;
	width: 95px;
}
#side_menu ul li.search input.button {
	vertical-align: middle;
}
#side_menu ul li.download {
	font-weight: bold;
	background-image: url(/images/side_download.gif);
	background-position: -1px 7px;
	padding: 1px 0 5px 19px;
}
#side_menu ul li ul {
	width: 128px;
	margin: 0;
	padding: 0;
	border: none;
}
#side_menu ul li ul li {
	font-weight: normal;
	background-image: url(/images/side_arrow_sub.gif);
	background-repeat: no-repeat;
	background-position: 18px 7px;
	border-bottom: none;
	line-height: 1.5em;
	margin-left: -18px;
	padding: 2px 0px 2px 30px;
}
#side_menu ul li ul li.now {
	font-weight: bold;
	background-image: url(/images/side_arrow_sub.gif);
}
#side_menu ul li ul li ul {
	width: 108px;
	margin: 0;
	padding: 0;
	border: none;
}
p.catalog a {
	background: url(/images/side_catalog.gif) no-repeat;
	width: 160px;
	height: 70px;
	display: block;
	border-top: 10px solid #FFFFFF;
}
p.catalog span {
	display: none;
}

/* サイドメニュー（カテゴリー別）
---------------------------------------------------- */
#side_menu ul.company li {
	background-image: url(/images/side_company_arrow.gif);
}
#side_menu ul.company li.now {
	background-image: url(/images/side_company_arrow_now.gif);
}
#side_menu ul.recruit li {
	background-image: url(/images/side_recruit_arrow.gif);
}
#side_menu ul.recruit li.now {
	background-image: url(/images/side_recruit_arrow_now.gif);
}
#side_menu ul.news li {
	background-image: url(/images/side_news_arrow.gif);
}
#side_menu ul.news li.now {
	background-image: url(/images/side_news_arrow_now.gif);
}
#side_menu ul.contact li {
	background-image: url(/images/side_contact_arrow.gif);
}
#side_menu ul.contact li.now {
	background-image: url(/images/side_contact_arrow_now.gif);
}

/* このページのトップへ
---------------------------------------------------- */
p.gotop {
	background-image: url(/images/arrow_gotop.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 13px;
	float: right;
	clear: both;
}

/* 元のページへ戻る
---------------------------------------------------- */
p.backto {
	background-image: url(/images/arrow_backto.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 13px;
	float: right;
	clear: both;
}

/* フッター
---------------------------------------------------- */
#footer {
	font-size: 11px;
	border-top: 10px solid #FFFFFF;
	width: 840px;
	height: 28px;
	clear: both;
	background-image: url(/images/footer_back.gif);
	background-repeat: repeat-x;
}
#privacy a {
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	margin-left: 5px;
	padding: 8px 5px 5px 15px;
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
}
#privacy a:hover {
	text-decoration: underline;
}
#copyright {
	color: #FFFFFF;
	padding: 8px 5px 5px 5px;
	float: right;
}