@charset "UTF-8";
/* CSS Document */

/* ========basic======== */
html {
	overflow-y: scroll;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 82%;
	color: #333333;
	line-height: 1.4;
	background: #f5f4e7;
	margin: 0;
	padding: 0;
	text-align: center;
}

br {
   letter-spacing:normal;
}

a {
   color:#be0e0a;
   text-decoration:none;
}

a:visited {
   color:#f53935;
   text-decoration:none;
}

a:hover {
   color:#f53935;
   text-decoration:underline;
}

a:active {
   color:#f53935;
}

img {
   border:0;
   vertical-align:bottom;
}

p,h1,h2,h4,h5,h6 {
   margin:0;
}

p.small {
  font-size: 85%;
  color:#666666;
  line-height:1.3;
}

p.address {
  font-size: 90%;
  color:#000000;
  line-height:1.3;
}

p.copyright {
  font-size: 77%;
  line-height:1.3;
}

p.mid {
  font-weight: bold;
  line-height:1.3;
  margin-bottom: 13px;
}

p.icon {
  padding-left: 20px;
  margin-top: 20px;
  background: url(../images/ico_circle.gif) 0 0 no-repeat;
}

p.back {
  padding: 10px 10px 15px 20px;
  margin-top: 20px;
  background-color: #f5f4e7;
  border-top:1px;
  border-top-color:#CCCCCC;
  border-top-style:solid;
}

h1 {
  padding:0;
}

h2 {
  margin-top: 0;
  margin-bottom: 20px;
  height: 50px;
  padding:0 0 0 10px;
  font-size: 130%;
  background: url(../images/bg_title01.jpg) no-repeat;
  
}

h2.single {
  margin-bottom: 5px;
  height: 50px;
  padding:15px 0 0 10px;
  font-size: 130%;
  background: url(../images/bg_title01.jpg) no-repeat;
  
}
.sub {
  font-size: 12px;
  color:#777777;
}

.subTitle {
  font-size: 11px;
}

.padTop5 {
   padding-top: 5px;
}

/*
p.small a, a:visited {
   color: #666666;
   text-decoration:none;

}

p.small a:hover, a:active {
   color: #f53935;
   text-decoration:underline;

}
*/

/* ========header======== */
#topheader { 
	width: 100%;
	margin:0 auto;
	padding: 0;
	height: 290px;
	background: url(../../images/bg_topheader.jpg) 0 0 repeat-x;
}

#header { 
	width: 100%;
	margin:0 auto;
	padding: 0;
	height: 143px;
	background: url(../images/bg_header.jpg) 0 0 repeat-x;
}

#header_inner {
	width: 800px;
	margin:0 auto;
	padding: 0;
	position:relative;
}

#sub_navi {
  padding: 0;
  position:absolute;
  right: 0;
  top: -30px;
  
}
/* ========footer======== */

#footer {
  width: 100%;
  height: 126px;
  margin: 0 auto;
  padding: 20px 0 0 0;
  background: url(../images/bg_footer.jpg) 0 0 repeat-x;
}
#footer_inner {
  width: 800px;
  margin: 0 auto;
  position:relative;
  text-align: left;
}

#copyright {
    margin-top: -15px;
	padding: 0;
	position:absolute;
	right: 0;
}

/* ========menu======== */
#topright .menu {

}
#topright ul {
   margin:0;
   padding:0;
}

#topright li {
   display:inline;
   margin:0;
   padding:20px;
   list-style-type:none;
   background:url(../images/arrow_g.gif) 0 50% no-repeat;
}

#topright li a {
   color:#222222;
   text-decoration:none;
}

#topright li a:hover {
   color:#76a605;
   text-decoration:underline;
}


/* ========mainContent======== */
#mainContent {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background: #f5f4e7;
	text-align: center;
	position:relative;
}
	
.clear { clear:both;
}  
.clear hr { display:none;
}

#path {
	padding: 10px 0 0;
	position:absolute;
	margin: 0;
	width: 800px;
	height: 30px;
	left: 0;
	top: 0;
	text-align:left;
	background: url(../images/header_shadow.jpg) 0 0 no-repeat;
}

#path a {
    color: #666666;
    text-decoration: none;
}  

#path a:hover, a:active {
    color: #dcb901;
    text-decoration: underline;
} 



.list {
	margin: 5px 0 0 40px;
	padding: 0;
}


#pagetitle {
	margin: 0 0 15px;
	padding: 0;
}

/* ========content======== */

#content {
	margin: 50px 0 20px;
	padding: 0;
	width:575px;
	float:right;
}

#box_top {
   margin:0;
   padding: 20px 0 0;
   background:url(../images/boxtop.gif) top no-repeat;
}

#box_p {
   margin:0;
   padding:0 20px;
   background:url(../images/box.gif) top repeat-y;
   text-align: left;
}

#box_bottom {
   padding:0;
   height: 50px;
   background:url(../images/boxbottom.gif) bottom no-repeat;
}

#box_top p.category {
   text-align:left;
   margin:0;
}

.l-flat {
   float : left;
   margin: 0 20px 20px 0;
}



/* ========sidebar======== */

#sidebar {
	width: 195px;
	float: left;
	margin: 50px 0 10px;
	padding: 0;
}

#side_box_top {
   margin:0 auto;
   padding: 20px 0 0;
   background:url(../images/side_boxtop.gif) top no-repeat;
}

#side_box_p {
   margin:0;
   padding:0;
   background:url(../images/side_box.gif) top repeat-y;
   text-align: left;
}

#side_box_bottom {
   padding:0;
   height: 50px;
   background:url(../images/side_boxbottom.gif) bottom no-repeat;
}

#side_box_p ul {
   margin: 0;
   padding: 0;
   text-align: left;
}

#side_box_p li {
   padding:10px 0px 10px 20px;
   margin: 0 10px;
   list-style-type:none;
   background:url(../images/arrow.gif) 0 10px no-repeat;
   font-size: 12px;
   line-height:1.2;
   border-bottom:1px;
   border-bottom-color:#bfbfbf;
   border-bottom-style: dashed;
}

#side_box_p li.on {
   background:url(../images/arrow.gif) 0 10px no-repeat;
   color: #d8ad00;
   font-weight: bold;
}

#side_box_p li.on02 {
  background:url(../images/arrow02.gif) 0 10px no-repeat;
  border: none;
  /padding-bottom: 10px;
}

#side_box_p .onFont {
   color: #d8ad00;
}

#side_box_p a {
   color: #50460f;
}

#side_box_p a:hover, a:active {
   color: #dcb901;
}

#side_box_p li.sub {
   padding:10px 0px 10px 11px;
   margin: 0 10px 0 25px;
   list-style-type:none;
   background:url(../images/ico_tri01.gif) 0 13px no-repeat;
   line-height:1.3;
   color: #d8ad00;
   border-bottom: none;
   /margin-left: 0;
   /margin-top: 10px;
   /padding:10px 0px 0 11px;
}

#side_box_p li.subOn {
   padding:10px 0px 5px 11px;
   margin: 0 10px 0 25px;
   list-style-type:none;
   background:url(../images/ico_tri02.gif) 0 14px no-repeat;
   line-height:1.3;
   border-bottom: none;
   /margin-left: 0;
   /margin-top: 10px;
   /padding:10px 0px 0 11px;
}

#side_box_p li.sub02 {
   padding:5px 0px 5px 10px;
   margin: 0 15px 0 35px;
   background: url(../images/ico_circle_s.gif) 0 10px no-repeat;
   font-size: 11px;
   line-height:1.2;
   border-bottom: none;
   /margin-left: 0;
   /padding:5px 0px 0 10px;
}

#side_box_p li.border {
   border-top:1px;
   border-top-color:#bfbfbf;
   border-top-style: dashed;
}

#side_box_p li.noBorder {
   border-bottom: none;
}


/* ========top page======== */

#inner_box_top {
   width: 535px;
   margin:0 auto;
   padding: 10px 0 0;
   background: #454540 url(../../images/inner_top.gif) top no-repeat;
   text-align: left;
}

#inner_box_p h3{
   text-align:left;
   font-size:120%;
   margin: 0;
   padding: 5px 20px 0 20px;
   color:#ffffff;
   background: url(../../images/inner.gif) top repeat-y;
}

#inner_box_bottom {
   padding:0;
   height: 25px;
   background:url(../../images/inner_bottom.gif) bottom no-repeat;
}

/* ========pagetop======== */

#totop{
   position:relative;
   height: 25px;
   text-align: right;
}

#totop p{
   position:absolute;
   margin:0;
   right: 0;
}


/* ========table======== */

#tableBox {
	width: 515px;
	margin: 10px 0 0 20px;
	padding: 0;
}

#tableBox .data {
    width: 515px;
	border-collapse: collapse;
	border-spacing: 0;
}

/*
.ta_table, x:-moz-broken {
    width: 773px;
	margin-left: 1px;
}/* Fx 3.0 以降に適用される */

/*
*:first-child+html .ta_table {
    width: 774px;
	margin-left: 0;
}/* IE7に適用される */


#tableBox th, td {
    margin: 0;
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px;
	border: 1px solid #cfcfcf;
	font-size: 85%;
}

#tableBox th {
    width: 100%;
	font-size: 91%;
	font-weight: bold;
	color: #cb9e01;
	border-bottom: 3px solid #cfcfcf;
	vertical-align: bottom;
}

#tableBox td.fill {
    width: 120px;
	background-color: #f5f4e7;
	font-weight: bold;
}

.padLeft30 {
	padding-left: 30px;
}

#tableBox td.fill02 {
    width: 50%;
	background-color: #f5f4e7;
	font-weight: bold;

}

.indent {
    padding-left: 40px;
}

/* ========tab======== */


#tab {
    width:auto;
    height:23px;
    background-image:url(../../product/images/bg_tab.gif);
    background-repeat:repeat-x;
    margin: 0 0 20px 0;
	padding-left:7px;
    display:block;
}

#tab a {
    color: #685c17;
}

#tab a:hover, a:active{
    color: #dcb901;
}


.tabOn {
    width:70px;
    height:18px;
    background-image:url(../../product/images/bg_tab_on.gif);
    background-repeat:no-repeat;
    margin:0px 0px 0px 8px;
    padding-top:5px;
    float:left;
    text-align:center;
    font-weight:bold;
    font-size:85%;
	color: #d8ad00;
}
.tabOff {
    width:70px;
    height:18px;
    background-image:url(../../product/images/bg_tab_off.gif);
    background-repeat:no-repeat;
    margin:0px 0px 0px 8px;
    padding-top:5px;
    float:left;
    text-align:center;
    font-weight:bold;
    font-size:85%;
}

#tabTop {
	padding: 0;
	margin: 0;
}

#tabTop li {
	list-style-type: none;
	display: inline;
	padding: 0;
}
#tab_area {
	background: url(../../product/images/bg_tab_line.gif) repeat-y;
	padding: 20px 10px;
	border-bottom: 1px solid #cfcfcf;
}

#tabTop a:hover, a:active,
#tab_area a:hover, a:active {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.productlist {
	background: url(../../product/images/bg_txt_frame.gif) top left no-repeat;
	height: 53px;
	margin-bottom: 3px;
	position: relative;
	border: 1px solid #d7d6d0;
	line-height: 53px;
	padding-left: 15px;
	font-weight: bold;
}
.productlist_btn_l {
	position: absolute;
	left: 300px;
	top: 14px;
}
.productlist_btn_r {
	position: absolute;
	left: 408px;
	top: 14px;
}

#siteMap  {
  padding: 0 30px;
  margin: 0;
}

.dashed {
  padding: 0 0 10px 20px;
  margin:10px 0 10px 0;
  border-bottom: #CCCCCC dashed 1px;
  background:url(../images/arrow03.gif) 0 3px no-repeat;
}

#siteMap a {
   color: #50460f;
}

#siteMap a:hover, a:active {
   color: #dcb901;
}

#siteMap p.category {
   color: #50460f;
   padding:0px 0px 0px 10px;
   margin: 0 0 5px 10px;
   list-style-type:none;
   background: url(../images/ico_tri01.gif) 0 5px no-repeat;
}

#siteMap ul{
   padding:5px 0 5px 0;
   margin: 0 0 0 20px;
   border-bottom: #CCCCCC dashed 1px;
}


#siteMap ul.backcolor {
   padding:5px 0 5px 0;
   margin: 0 0 0 20px;
   border-bottom: #CCCCCC dashed 1px;
   background-color: #f5f4e7
}

#siteMap li {
   display:inline;
   padding-left: 15px;
   margin: 0;
   list-style-type:none;
   background:url(../images/ico_tri01.gif) 5px 5px no-repeat;
   position: relative; 
}

#siteMap li.about {
	display:inline;
	padding:0px 0px 0px 10px;
	margin: 0 20px;
	background:url(../images/ico_tri01.gif) 0 5px no-repeat;
	position: absolute;
	left: 550px;
}

#siteMap li.msds {
	display:inline;
	padding:0px 0px 0px 10px;
	margin: 0 20px;
	background:url(../images/ico_tri01.gif) 0 5px no-repeat;
	position: absolute;
	left: 620px;
}

#contact  {
  padding: 0 30px;
  margin: 0;
}