@charset "shift_jis";

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.6;
	background: #FFFFFF url(../img/bg.jpg) repeat-x center top;
	text-align: center;
}

body div {
	text-align: left;
}

a { overflow: hidden; margin: 0px; padding: 0px;}
IMG { margin: 0px; padding: 0px;
  left : auto;
}
a img { border:  0;}
a:link { color: #000000; text-decoration: none;}
a:visited { color: #000000; text-decoration: none;}
a:hover { color: #666666; text-decoration: underline;}

#content {
	margin: 0px auto 0px auto;
	background: #FFFFFF;
	width: 800px;
}

#header {
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 65px;
	position: relative;
}

.topheader {
	height: 70px;
}

#header .logo {
	margin: 0px;
	padding: 0px;
	width: 225px;
	height: 60px;
	background: url(../img/logo.gif) no-repeat left top;
	display: block;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	float: left;
}

#header form {
	margin: 24px 21px 0px 0px;
	padding: 0px;
	width: 400px;
	text-align: right;
	font-size: 0px;
	line-height: 0px;
	float: right;
}

#header form span {
	margin: 0px;
	padding: 0px;
	top: 26px;
	right: 275px;
	position: absolute;
}

* html #header form span {
	right: 290px;
}

#header form input.searchinput {
	width: 182px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	border-top: #000000 1px solid;
	border-right: #C6BFA6 1px solid;
	border-bottom: #C6BFA6 1px solid;
	border-left: #000000 1px solid;
}

* html #header form input.searchinput {
	width: 184px;
	height: 20px;
	line-height: 16px;
}

#header form input.searchbt {
	margin: 2px 0px 0px 7px;
	vertical-align: top;
}

#header form p {
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	display: none;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;

}

#site-box {
          width : 752px;
          border: 1px solid #FF9900;
          margin : 5px auto

}

#topimg {
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 120px;
	background: url(../img/topimg.jpg) no-repeat left top;
	display: block;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	clear: both;
}

#maintop {
	margin: 0px;
	padding: 16px 21px 30px 19px;
}

#main {
	margin: 0px;
	padding: 0px 21px 10px 19px;
}

#mainproducts {
	margin: 0px;
	padding: 0px 21px 100px 19px;
}

#left {
	margin: 0px;
	padding: 0px;
	width: 530px;
	float: left;
}

#right {
	margin: 0px;
	padding: 0px;
	width: 200px;
	float: right;
}

/* TOP Page */

.topnavi {
	margin: 0px;
	padding: 0px;
	width: 530px;
	height: 95px;
	background: url(../img/topnavi_bg.jpg) no-repeat center top;
	list-style: none;
	position: relative;
}

.topnavi li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.topnavi li a {
	margin: 0px;
	padding: 0px;
	height: 18px;
	background: url(../img/topnavi_bg.jpg) no-repeat;
	display: block;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	position: absolute;
}

.topnavi li.topnavi01 a {
	width: 134px;
	top: 8px;
	left: 274px;
	background-position: -274px -8px;
}

.topnavi li.topnavi02 a {
	width: 66px;
	top: 28px;
	left: 274px;
	background-position: -274px -28px;
}

.topnavi li.topnavi03 a {
	width: 166px;
	top: 48px;
	left: 274px;
	background-position: -274px -48px;
}

.topnavi li.topnavi01 a:hover {
	background-position: -274px -108px;
}

.topnavi li.topnavi02 a:hover {
	background-position: -274px -128px;
}

.topnavi li.topnavi03 a:hover {
	background-position: -274px -148px;
}


.h1top {
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 12px 10px;
	background: url(../img/h1top.jpg) no-repeat center top;
	color: #908B00;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.4;
}

.h1top a {
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 0px 0px;
	background: url(../img/point_h1top.gif) no-repeat right center;
}

.h1top a:link { color: #908B00; text-decoration: none;}
.h1top a:visited { color: #908B00; text-decoration: none;}
.h1top a:hover { color: #D8D000; text-decoration: none;}

.exp {
	margin: 0px 0px 21px 0px;
	padding: 10px;
	background: #F7F7EF;
	border: #E5E5E5 1px solid;
}

.exp p {
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	line-height: 1.4;
}

.exp a {
	margin: 0px;
	padding: 0px;
	color: #009999;
	font-size: 75%;
	line-height: 1.4;
}

.exp p a {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 1.4;
}

.exp span {
	font-family: Arial;
}

.exp a:link { color: #009999; text-decoration: none;}
.exp a:visited { color: #009999; text-decoration: none;}
.exp a:hover { color: #00CCCC; text-decoration: underline;}

.updatedl {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 200px;
	background: url(../img/update_dl.jpg) repeat-y center top;
}

.updatedl dt {
	margin: 0px;
	padding: 15px 10px 14px 10px;
	background: url(../img/update_dt.jpg) no-repeat center top;
	color: #FF3366;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.4;
}

.updatedl dd {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 12px;
	min-height: 110px;
	height: auto !important;   
    height: 110px;
	background: url(../img/update_dd.jpg) no-repeat center bottom;
}

.updatedl ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.updatedl li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-size: 75%;
	line-height: 1.3;
}

.updatedl li.date {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	color: #FF3366;
}

.mb1l {
	margin-bottom: 1em;
}

.mb2l {
	margin-bottom: 2em;
}

p.pt1l {
	padding-top: 1em;
}

p.pt2l {
	padding-top: 2em;
}

.add {
	padding: 0px 20px 0px 20px;
}

.banner {
	margin: 0px 0px 30px 0px;
	font-size: 75%;
	line-height: 2.0;
}

/* SUB Page */

#tohome {
	margin: 0px;
	padding: 0px 0px 5px 30px;
	background: url(../img/bar_tohome.jpg) no-repeat left top;
	font-size: 75%;
	line-height: 30px;
}

#tohome a:link { color: #FFFFFF; text-decoration: none;}
#tohome a:visited { color: #FFFFFF; text-decoration: none;}
#tohome a:hover { color: #FFFFFF; text-decoration: underline;}


#tohomepd {
	margin: 0px;
	padding: 0px 0px 5px 30px;
	background: url(../img/bar_tohome_pd.jpg) no-repeat left top;
	font-size: 75%;
	line-height: 30px;
}

#tohomepd a:link { color: #FFFFFF; text-decoration: none;}
#tohomepd a:visited { color: #FFFFFF; text-decoration: none;}
#tohomepd a:hover { color: #FFFFFF; text-decoration: underline;}

.h1sub {
	margin: 7px 0px 0px 0px;
	padding: 6px 20px 6px 36px;
	background: url(../img/point_h1sub.gif) no-repeat 19px center;
	font-size: 125%;
	font-weight: normal;
	line-height: 1.3;
	border-bottom: #908B00 1px dotted;
}

.titilepd {
	width: 800px;
	height: 57px;
	background: url(../img/topimg_pd.jpg) no-repeat left top;
	position: relative;
}

.titilepd h1 {
	margin: 0px;
	padding: 0px;
	left: 18px;
	bottom: 1px;
	font-size: 125%;
	font-weight: normal;
	line-height: 1.3;
	position: absolute;
}

.contactpd {
	width: 800px;
	position: relative;
}

.contactpd .bt {
	width: 61px;
	height: 18px;
	background: url(../img/bt_contact.gif) no-repeat left top;
	right: 21px;
	top: 8px;
	display: block;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	position: absolute;
}

.contactpd ul {
	margin: 8px 95px 20px 0px;
	padding: 0px 0px 0px 20px;
	color: #00649E;
	list-style: outside disc;
	float: right;
}

* html .contactpd ul {
	margin-right: 50px;
}

.contactpd li {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: outside disc;
	font-size: 75%;
	line-height: 1.2;
}

.contactpd li span {
	margin-left: 1em;
	color: #000000;
}

.contactpd li dl {
	margin: 0px;
	padding: 0px;
}

*:first-child+html .contactpd li dl {
	margin-top: -1em;
}

* html .contactpd li dl {
	margin-top: -1em;
}

.contactpd li dt {
	margin: 0px;
	padding: 0px;
	width: 5em;
	float: left;
}

.contactpd dd {
	margin: 0px 0px 0px 5em;
	color: #000000;
}

.secdl {
	margin: 21px 0px 0px 0px;
	padding: 0px;
	border-top: #AEAEAE 1px dotted;
}

.secdl dt {
	margin: 0px;
	padding: 8px 0px 8px 0px;
}

.secdl dt span {
	margin: 0px 12px 0px 0px;
	padding: 0px;
	color: #908B00;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.2;
}

.secdl dt span.subdt {
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.5;
}

.secdl dd {
	margin: 0px;
	padding: 0px 10px 0px 11px;
}

.secdl dd a {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 12px;
	background: url(../img/point_h1top.gif) no-repeat left center;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.5;
}

.secdl dd ul {
	margin: 0px 0px 2px 0px;
	padding: 0px;
	list-style: none;
	display: block;
}

.secdl dd li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../img/sec_list.gif) no-repeat left 0.8em;
	list-style: none;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.5;
	text-indent: 8px;
}

.secdl dd a:link { color: #000000; text-decoration: none;}
.secdl dd a:visited { color: #000000; text-decoration: none;}
.secdl dd a:hover { color: #666666; text-decoration: underline;}

.prddtl {
	margin: 0px;
	padding: 0px;
	width: 385px;
	display: block;
	float: left;
}

.prddtr {
	margin: 0px;
	padding: 0px;
	width: 360px;
	display: block;
	float: right;
}

.h2pd {
	margin: 0px 0px 15px 0px;
	padding: 6px 20px 6px 20px;
	background: url(../img/point_h2pd.gif) no-repeat left center;
	color: #E00000;
	font-size: 106%;
	font-weight: normal;
	line-height: 1.3;
	border-bottom: #AEAEAE 1px dotted;
	clear: both;
}

.secpd {
	padding: 0px 15px 45px 10px;
}

.secpd h3 {
	margin: 0px 0px 6px 0px;
	padding: 5px 0px 0px 0px;
	color: #00649E;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.3;
}

.secpd p {
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	line-height: 1.4;
}

.secpd .pdf {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 75%;
	line-height: 1.5;
}

.secpd .pdf a {
	margin: 0px;
	padding: 5px 30px 5px 0px;
	background: url(../img/icon_pdf.gif) no-repeat right center;
}

.secpd ul {
	margin: 0px;
	padding: 0px;
	list-style: inside disc;
}

.secpd li {
	margin: 0px;
	list-style: inside disc;
	font-size: 75%;
	line-height: 1.6;
}

.secpd .pdes {
	margin-bottom: 10px;
}

.secpdtemp1 {
	padding-right: 10px;
}

.secpdtemp2 {
	padding-right: 5px;
}

.secpd .atttemp {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 65%;
	line-height: 1.4;
}

.secpd01l {
	width: 370px;
	float: left;
}

.secpd01r {
	width: 340px;
	float: right;
}

.secpd01r img {
	margin: 0px 0px 0px 5px;
	float: right;
}

.secpd02l {
	width: 190px;
	float: left;
}

.secpd02r {
	width: 545px;
	float: right;
}

.secpd02r ul {
	margin: 0px;
	padding: 0px;
	list-style: inside disc;
}

.secpd02r li {
	margin: 0px;
	list-style: inside disc;
	font-size: 75%;
	line-height: 1.6;
}

.secpd02r img {
	margin: 0px 90px 0px 5px;
	float: right;
}

.secpd03l {
	width: 430px;
	float: left;
}

.secpd03r {
	width: 300px;
	float: right;
}

.secpd03l .att {
	margin: 0px 0px 10px 0px;
	padding: 6px 0px 0px 0px;
	font-size: 65%;
	line-height: 1.4;
}

.secpd03r .att {
	margin: 0px 0px 40px 0px;
	padding: 0px;
	font-size: 65%;
	line-height: 1.4;
}

.secpd04l {
	width: 430px;
	float: left;
}

.secpd04r {
	width: 302px;
	float: right;
}

.secpd04r p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 65%;
	line-height: 1.5;
}

#footer {
	margin: 0px;
	padding: 0px;
	clear: both;
}

.fttop {
	margin: 0px;
	padding: 0px 21px 0px 30px;
}

.ftnavi {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 500px;
	list-style: none;
	float: left;
	display: block;
}

.ftnavi li {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 8px;
	list-style: none;
	background: url(../img/point_ftnavi.gif) no-repeat left center;
	font-size: 70%;
	line-height: 1.2;
	float: left;
}

.ftnavi a:link { color: #00645F; text-decoration: none;}
.ftnavi a:visited { color: #00645F; text-decoration: none;}
.ftnavi a:hover { color: #00A199; text-decoration: none;}

.totop {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 200px;
	float: right;
	font-size: 65%;
	line-height: 1.3;
	text-align: right;
	display: block;
}

.totop a:link { color: #000000; text-decoration: none;}
.totop a:visited { color: #000000; text-decoration: none;}
.totop a:hover { color: #666666; text-decoration: none;}

.copy {
	margin: 2px 0px 0px 0px;
	padding: 15px 21px 15px 19px;
	border-top: #00645F 1px solid;
	color: #585858;
	font-size: 70%;
	line-height: 1.3;
	text-align: right;
	clear: both;
}

.copy a:link { color: #585858; text-decoration: none;}
.copy a:visited { color: #585858; text-decoration: none;}
.copy a:hover { color: #999999; text-decoration: underline;}



.printfix:before {
	content: ".";
	display: block;
	width: 100%;
	height: 0px;
	clear: both;
	visibility: hidden;
	font-size: 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */