﻿/* 全体設定
 -------------------------------------------------------------------- */
body {
margin:0;
padding:0;
color:#333333;
font-size:smaller;
background-color:#DDDDDD;
font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}
a {
text-decoration:none;
color:#333333;
}
a:hover {
color:#0066FF;
}
h1 {
	font-size: 10px;
}
.sitemap
{
	font-size: 12px;
	background-color: #DEDFDE;
	padding: 10px;
	text-align: center;
	width: 760px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 20px;
}

/* 背景 */
#pagebody {
width:850px;
background:url(../img/back.gif) repeat-y;
margin:0;
_margin-top:-65px;
padding:0;
}
#pagebody:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


/* ヘッダー
 -------------------------------------------------------------------- */
#header {
background:url(../img/header.gif) no-repeat;
width:850px;
height:90px;
margin-top:-13px;
_margin-top:0px;
font-size:13px;
}
#header h1 {
position:absolute;
top:5px;
_top:20px;
left:20px;
}

/* トップナビ
 -------------------------------------------------------------------- */
#headnavi {
list-style:none;
}

#navi1 a,#navi2 a,#navi3 a,#navi4 a,#navi5 a,#navi6 a,#navi7 a {
display:block;
text-indent:-9999px;
overflow:hidden;
position:absolute;
}
#navi1 a {
background:url(../img/nv1off.gif);
width:63px;
height:18px;
top:61px;
left:84px;
}
#navi1 a:hover {
background:url(../img/nv1on.gif);
}
#home #navi1 a {
background:url(../img/nv1on.gif);
}

#navi2 a {
background:url(../img/nv2off.gif);
width:48px;
height:18px;
top:61px;
left:149px;
}
#navi2 a:hover {
background:url(../img/nv2on.gif);
}
#new #navi2 a {
background:url(../img/nv2on.gif);
}

#navi3 a {
background:url(../img/nv3off.gif);
width:60px;
height:18px;
top:61px;
left:199px;
}
#navi3 a:hover {
background:url(../img/nv3on.gif);
}
#product #navi3 a {
background:url(../img/nv3on.gif);
}

#navi4 a {
background:url(../img/nv4off.gif);
width:103px;
height:18px;
top:61px;
left:261px;
}
#navi4 a:hover {
background:url(../img/nv4on.gif);
}
#sales #navi4 a {
background:url(../img/nv4on.gif);
}

#navi5 a {
background:url(../img/nv5off.gif);
width:64px;
height:18px;
top:61px;
left:366px;
}
#navi5 a:hover {
background:url(../img/nv5on.gif);
}
#company #navi5 a {
background:url(../img/nv5on.gif);
}

#navi6 a {
background:url(../img/nv6off.gif);
width:92px;
height:18px;
top:61px;
left:432px;
}
#navi6 a:hover {
background:url(../img/nv6on.gif);
}
#gallery #navi6 a {
background:url(../img/nv6on.gif);
}

#navi7 a {
background:url(../img/nv7off.gif);
width:92px;
height:18px;
top:61px;
left:526px;
}
#navi7 a:hover {
background:url(../img/nv7on.gif);
}
#contact #navi7 a {
background:url(../img/nv7on.gif);
}


/* 各言語リンク
 -------------------------------------------------------------------- */
#langnavi {
list-style:none;
}
#langnavi li a {
display:block;
text-indent:-9999px;
overflow:hidden;
position:absolute;
}
#langnavi .en a {
background:url(../img/lang_en.gif);
width:47px;
height:17px;
top:55px;
left:665px;
}
#langnavi .zh a {
background:url(../img/lang_zh.gif);
width:27px;
height:16px;
top:55px;
left:720px;
}

/* サイドナビ
 -------------------------------------------------------------------- */
#sidenavi {
float:left;
width:179px;
height:420px;
padding:0;
margin-top:-10px;
_margin-top:0px;
margin-left:-30px;
background:url(../img/menu_foot.gif) 40px bottom no-repeat;
}
#smenu {
list-style:none;
display:block;
}
#smenu .shead {
background:url(../img/menu_head.gif);
width:179px;
height:45px;
}
#smenu .smenu_a1 {
background:url(../img/menu_a1.gif);
width:179px;
height:45px;
}
#smenu .smenu_a2 {
background:url(../img/menu_a2.gif);
width:179px;
height:45px;
}
#smenu .smenu_s1 {
background:url(../img/menu_s1.gif);
width:179px;
height:45px;
}
#smenu .smenu_s2 {
background:url(../img/menu_s2.gif);
width:179px;
height:44px;
}
.smenu_a1 a, .smenu_a2 a {
width:140px;
margin-left:40px;
}
.smenu_s1 a, .smenu_s2 a {
width:125px;
margin-left:58px;
display:block;
}

/* トップページコンテンツ
 -------------------------------------------------------------------- */
#home #content {
float:left;
width:800px;
}
#home #main {
float:left;
width:615px;
background:url(../img/dot.gif) right repeat-y;
}
#home #sub {
	float:left;
	width:180px;
	text-align: center;
}
#topimg {
margin-left:19px;
}

/* ニュース */
#news {
width:590px;
margin-top:5px;
}
#news img {
margin-left:15px;
}
#news ul {
list-style:none;
margin-top:-5px;
}
#news li {
border-bottom:#0099FF 1px solid;
margin:5px 0 5px 0;
padding:4px;
width:550px;
}
#news dt {
width:5em;
}
#news .oshirase {
background:url(../img/i_oshirase.gif) left top no-repeat;
}
#news .release {
background:url(../img/i_release.gif) left top no-repeat;
}
#news .new01 {
background:url(../img/i_new01.gif) left top no-repeat;
}
#new #news li {
width:530px;
}
#new #news ul {
margin-left:-40px;
_margin-left:0px;
}

/* メインリンク */
#top_link {
margin-left:15px;
}
#top_frame {
width:289px;
background:url(../img/frame_s_top.gif) top no-repeat;
padding:0;
_margin-bottom:9px;
}
#top_frame p {
background:url(../img/frame_s_bot.gif) bottom no-repeat;
padding:8px;
margin:0 0 12px 0;
_margin:0px;
font-size:smaller;
line-height:1.3em;
}
.link_title {
margin:0;
}
.link_img {
margin:2px;
float:right;
}

/* サブコンテンツ */
#sub img {
margin:5px 0 0 8px;
}
#souritsu {
text-align:center;
color:#003366;
font-weight:bold;
margin:5px 0 0 20px;
}

/* カレンダー */
.close A {
width:60px;
height:18px;
display:block;
border:#003366 1px solid;
color:#FFFFFF;
background-color:#336699;
text-align:center;
text-decoration:none;
margin-top:10px;
padding:4px;
}

.close A:hover {
background-color:#999999;
color:#FFFFFF;
}


/* ページ内部
 -------------------------------------------------------------------- */
#contents {
float:left;
width:600px;
padding:10px 10px 40px 10px;
margin-left:58px;
_margin-left:10px;
}
.contents_text {
margin:0 60px 20px 15px;
line-height:1.5em;
}

/* コンテンツ枠 */
#page_frame {
width:503px;
background:url(../img/frame_m_top.gif) top no-repeat;
padding:0;
margin-left:14px;
_margin-bottom:9px;
}
#page_frame p {
background:url(../img/frame_m_bot.gif) bottom no-repeat;
padding:10px;
margin:0 0 20px 0;
_margin:0px;
line-height:1.3em;
}
.page_title {
margin:5px;
}
.page_img {
margin:5px;
float:right;
}

/* News
 -------------------------------------------------------------------- */
#new #news {
margin-left:10px;
}

/* 取扱製品
 -------------------------------------------------------------------- */
.pro_under {
width:480px;
border-top:#0099CC 1px solid;
text-indent:1.5em;
padding-top:5px;
display:block;
}
.pro_under a {
text-decoration:none;
color:#333333;
}
.pro_under a:hover {
color:#0066FF;
}
.jrc_table {
margin-left:10px;
width:510px;
}
.jrc_table td {
font-size:80%;
}
.jrc_line {
border-bottom:#0099CC 1px solid;
padding-top:15px;
}
.jrc_line b {
color:#0066CC;
}
.saw_table td {
font-size:80%;
}
.saw_table b {
color:#0066CC;
}
.saw_sct {
margin-left:40px;
margin-top:-10px;
_margin-top:-20px;
}

/* 販売ネットワーク
 -------------------------------------------------------------------- */
.sale_table {
font-size:95%;
margin-left:30px;
line-height:1.3em;
}
.sale_table a {
color:#0066CC;
text-decoration:none;
font-weight:bold;
}
.sale_table a:hover {
color:#999999;
}
.sale_line {
border-top:#0099CC 1px solid;
}

/* 会社概要
 -------------------------------------------------------------------- */
.his_table {
font-size:95%;
}
.company_table {
font-size:95%;
margin-left:30px;
line-height:1.4em;
}
.company_table a {
color:#0066CC;
text-decoration:none;
}
.company_table a:hover {
color:#999999;
}
.company_line {
border-top:#0099CC 1px solid;
margin:10px 0px 8px -10px;
}
.company_table ul {
margin-left:-20px;
_margin-left:20px;
}

/* 広告ギャラリー
 -------------------------------------------------------------------- */
.ad {
margin:8px;
width:130px;
height:200px;
float:left;
}
.gal_under {
border-top:#0099CC 1px solid;
padding-top:2px;
margin-top:8px;
display:block;
}
.gal_img {
margin:8px 8px 0px 8px;
}

/* お問い合わせ
 -------------------------------------------------------------------- */
.cont_tel {
margin:12px;
}
.cont_tel b {
color:#0066CC;
}
#contact #page_frame p {
line-height:2.5em;
}
#contact #page_frame b {
line-height:1.2em;
}
#contact #page_frame span {
line-height:1.2em;
}
/* フッター
 -------------------------------------------------------------------- */
#footer {
background:url(../img/footer.gif) no-repeat;
width:850px;
height:50px;
}
#footer #list {
text-align:right;
padding-right:60px;
}
#home #footer {
background:url(../img/footer.gif) no-repeat bottom;
width:850px;
height:30px;
}

/* サイドナビSafari用
 -------------------------------------------------------------------- */
#sidenavi {
font-size:11px;
}
#sidenavi {
font-size:12px;#
}
/* カレンダーSafari用
 -------------------------------------------------------------------- */
.close {
font-size:11px;
}
.close {
font-size:10px;#
}
/* News Safari用
 -------------------------------------------------------------------- */
#news dt {
margin-left:5em;
}
#news dt {
margin-left:4em;#
_margin-left:1em;
}
#news dd {
margin-left:12em;
margin-top: -2em;
}
#news dd {
margin-left:9.5em;#
_margin-left:6em;
margin-top: -1.2em;
_margin-top: -1em;
}
/* 追加CSS
 -------------------------------------------------------------------- */
 .box-01 {
	font-size:12px;
#
; 	border: 1px solid #CCC;
	margin: 20px;
	padding: 10px;
}

