@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,ul,p,form,input,ul,ol,li,dl,dd,dt {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	margin-bottom: 1px;
}


body {
	background: #003300;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
body#toppage {
	padding-top: 100px;
	text-align: center;
}
a:link,a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


img {
	border: none;
}
p {
	line-height: 1.3;
}
#wrapper {
	width: 750px;
	text-align: left;
	background: url(../images/wrap_bg.gif) repeat-y right top;
}
#toppage #wrapper {
	background: #003300;
	border: none;
	margin: 0 auto;
}

#sidebar {
	width: 200px;
	float: left;
	padding: 13px 0 250px 0;
	text-align: center;
}
#sidebar h1 {
	margin-bottom: 13px;
}
#sidebar p.engbtn {
	margin-bottom: 26px;
}
#sidebar li {
	list-style: none;
	margin-bottom: 23px;
}


#contents {
	background: #FFFFCC;
}
#contents h2 {
	padding-top: 12px;
	margin-bottom: 20px;
}
#contents h3,
h3.grntitle {
	margin-bottom: 20px;
	background: #99CC99;
	padding: 4px;
	font-size: 14px;
	clear: both;
	line-height: 1.2;
}


#contents p.lead {
	margin-bottom: 15px;
	font-size: 14px;
}


/* ################################# */

		/*  toppage */

/* ################################# */

#toppage #wrapper {
	position: relative;
	height: 500px;
}
#toppage #wrapper p.topimg1 {
	position: absolute;
	top: 190px;
	left: 26px;
	width: 150px;
	height: 158px;
}
#toppage #wrapper div.topimg2 {
	position: absolute;
	top: 73px;
	left: 201px;
	width: 280px;
	height: 325px;
}

#toppage #wrapper p.topimg3 {
	position: absolute;
	top: 17px;
	left: 483px;
	width: 172px;
	height: 115px;
}

#toppage #wrapper p.topimg4 {
	position: absolute;
	top: 244px;
	left: 485px;
	width: 199px;
	height: 133px;
}
p.toplead {
	text-align: center;
	font-size: 14px;
	color: #FFF;
}
#toppage #global {
	position: absolute;
	top: 500px;
	left: 0px;
	width: 661px;
	width: 661px;
	height: 40px;
	
}
#toppage #global ul {
	width: 661px;
	height: 40px;
}

#toppage li {
	list-style: none;
	float: left;
}

/* ################################# */

		/*  products */

/* ################################# */
.productsline {
	clear: both;
	padding: 0 0 15px 50px;
	background: url(../images/pro_button.gif) no-repeat left top;
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
}
/*------------------------------------*/
.productsline:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.productsline { display: inline-block; }
/* exlude MacIE5 \*/
* html .productsline { height: 1% }
.productsline {display:block;}
/* end MacIE5 */  
/*------------------------------------*/

.productsline p {
	margin-bottom: 10px;
}
.productsline h4 {
	margin-bottom: 10px;
	font: bold 26px Arial, Helvetica, sans-serif;
}

.productsline li {
	list-style: none;
	margin-bottom: 10px;
}


/* ################################# */

		/*  pdf-catalog */

/* ################################# */

.catalogline {
	clear: both;
	padding: 0 0px 15px;
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
}

/*------------------------------------*/
.catalogline:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.catalogline { display: inline-block; }
/* exlude MacIE5 \*/
* html .catalogline { height: 1% }
.catalogline {display:block;}
/* end MacIE5 */  
/*------------------------------------*/

.catalogline h4 {
	font: bold 16px Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.catalogline h4 a {
	padding-right: 24px;
	background: url(../images/icon_pdf.gif) no-repeat right center;
}
a.pdf {
	padding: 2px 22px 2px 0;
	background: url(../images/icon_pdf.gif) no-repeat right center;
}

.catalogline ul {
	margin-bottom: 15px;
}

.catalogline ul li ul {
	margin-left: 10px;
	margin-bottom: 0;
}

.catalogline li {
	margin-bottom: 5px;
	list-style: none;
	font: 12px Arial, Helvetica, sans-serif;
}
.catalogline li ul {
	padding-top: 3px;
}
.catalogline li ul li {
	margin-bottom: 3px;
	list-style: none;
	font-size: 10px;
	padding-left: 8px;
	background: url(../images/icon_list.gif) no-repeat left center;
}
p.pdf {
	float: left;
	width: 200px;
}
.pdf a:hover img {
	opacity: 0.8; /* 0.0～1.0 */
	filter: alpha(opacity=80); /* 0～100 */
}
li.pricepdf {
	margin-left: 10px;
}

.leftpage {
	margin-left: 200px;
	margin-bottom: 15px;
}
/*
.rightpage {
	margin-left: 210px;
}
*/
ul.pagegrn {
	padding-left: 62px;
	background: url(../images/pageicon_1.gif) no-repeat left top;
}
.pagegrn strong {
	color: #638628;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}	

ul.pageorg {
	padding-left: 62px;
	background: url(../images/pageicon_2.gif) no-repeat left top;
}
.pageorg strong {
	color: #D59500;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}	


ul.pageblu {
	padding-left: 62px;
	background: url(../images/pageicon_3.gif) no-repeat left top;
}
.pageblu strong {
	color: #3D72C2;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}	



/* ################################# */

		/*  pricelist */

/* ################################# */

body#price {
	text-align: center;
	background: #003300;
	margin: 20px;
	padding: 0;
}

#mainbody {
	padding: 15px 20px 50px;
	width: 710px;
	margin: 0 auto;
	background: #FFFFCC;
	text-align: left;
}


table.pricelist {
	margin-bottom: 30px;
	border: 1px solid #333;
	border-collapse: collapse;
	width: 710px;
}
.pricelist caption {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
}
.pricelist th,
.pricelist td {
	border: 1px solid #333;
	font-size: 12px;
	padding: 3px 4px;
	line-height: 1.2;
	font-weight: normal;
}
.pricelist th {
	font-size: 10px;
	text-align: center;
}
.pricelist td {
	vertical-align: top;
}

/* ################################# */

		/*  companyprofile */

/* ################################# */
hr {
	margin: 10px 0;
}
.companyprofile caption {
	text-align: left;
	padding-bottom: 4px;
	font-size: 18px;
	font-weight: bold;
}
.companyprofile th,
.companyprofile td {
	line-height: 1.3;
	text-align: left;
	padding: 4px;
	vertical-align: top;
}
.companyprofile th {
	white-space: nowrap;
	width: 1%;
	font-weight: normal;
}
.companyprofile td table td {
	padding: 0;
}


/* ################################# */

		/*  exhibition */

/* ################################# */

#exhibition h3 {
	color: #0033CC;
	font-size: 14px;
	margin-bottom: 10px;
	background: none;
	padding: 0;
}
#exhibition h4 {
	color: #0066FF;
	font-size: 12px;
	margin: 20px 0 5px;
}

/* ################################# */

		/*  information */

/* ################################# */

div.info {
	margin-bottom: 20px;
}
div.info p {
	margin-bottom: 10px;
}
.info .fobjectR {
	text-align: center;
}
table.award {
	margin-bottom: 20px;
}
.award td {
	padding: 0 4px 4px 0;
	font-size: 12px;
	line-height: 1.2;
	vertical-align: top;
}
table.thumbnail {
	margin-bottom: 20px;
}
.thumbnail td {
	vertical-align: top;
	padding: 0 5px;
	line-height: 1.4;
	text-align: center;
}


/* ################################# */

		/*  distribution */

/* ################################# */
.dist-map {
	width: 400px;
	margin-left: 70px;
}	

/* ################################# */

		/*  mail */

/* ################################# */

.mailline {
	clear: both;
	padding: 0 0 15px 50px;
	background: url(../images/pro_button.gif) no-repeat left top;
	margin-bottom: 15px;
}

.mailline h4 {
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: bold;
}




/* ------   atention  ------------------------------------------------*/
.atention05 {
	text-indent: -0.5em;
	padding-left: 0.5em;
	margin-bottom: 5px;
}
.atention10 {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 5px;
}
.atention15 {
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-bottom: 5px;
}


/* ------   margin設定  ----------------------------------------------*/

/* margin-all */
.mgna05 { margin: 5px!important;}
.mgna10 { margin: 10px!important;}
.mgna15 { margin: 15px!important;}
.mgna20 { margin: 20px!important;}
.mgna25 { margin: 25px!important;}
.mgna30 { margin: 30px!important;}

/*　margintop */
.mgnt05 { margin-top: 5px!important;}
.mgnt10 { margin-top: 10px!important;}
.mgnt15 { margin-top: 15px!important;}
.mgnt20 { margin-top: 20px!important;}
.mgnt25 { margin-top: 25px!important;}
.mgnt30 { margin-top: 30px!important;}

/*　margin-right */
.mgnr05 { margin-right: 5px!important;}
.mgnr10 { margin-right: 10px!important;}
.mgnr15 { margin-right: 15px!important;}
.mgnr20 { margin-right: 20px!important;}
.mgnr25 { margin-right: 25px!important;}
.mgnr30 { margin-right: 30px!important;}

/*　margin-bottom */
.mgnb00 { margin-bottom: 0!important;}
.mgnb05 { margin-bottom: 5px!important;}
.mgnb10 { margin-bottom: 10px!important;}
.mgnb15 { margin-bottom: 15px!important;}
.mgnb20 { margin-bottom: 20px!important;}
.mgnb25 { margin-bottom: 25px!important;}
.mgnb30 { margin-bottom: 30px!important;}
.mgnb35 { margin-bottom: 35px!important;}
.mgnb40 { margin-bottom: 40px!important;}
.mgnb45 { margin-bottom: 45px!important;}
.mgnb50 { margin-bottom: 50px!important;}
.mgnb100 { margin-bottom: 100px!important;}
.mgnb200 { margin-bottom: 200px!important;}
.mgnb300 { margin-bottom: 300px!important;}



/*　margin-left */
.mgnl05 { margin-left: 5px!important;}
.mgnl10 { margin-left: 10px!important;}
.mgnl15 { margin-left: 15px!important;}
.mgnl20 { margin-left: 20px!important;}
.mgnl25 { margin-left: 25px!important;}
.mgnl30 { margin-left: 30px!important;}
.mgnl70 { margin-left: 70px!important;}


/* ------   padding設定  ----------------------------------------------*/

/*　padding-all */
.pdna05 { padding: 5px!important;}
.pdna10 { padding: 10px!important;}
.pdna15 { padding: 15px!important;}
.pdna20 { padding: 20px!important;}
.pdna25 { padding: 25px!important;}
.pdna30 { padding: 30px!important;}

/*　padding-top */
.pdnt05 { padding-top: 5px!important;}
.pdnt10 { padding-top: 10px!important;}
.pdnt15 { padding-top: 15px!important;}
.pdnt20 { padding-top: 20px!important;}
.pdnt25 { padding-top: 25px!important;}
.pdnt30 { padding-top: 30px!important;}

/*　padding-right */
.pdnr05 { padding-right: 5px!important;}
.pdnr10 { padding-right: 10px!important;}
.pdnr15 { padding-right: 15px!important;}
.pdnr20 { padding-right: 20px!important;}
.pdnr25 { padding-right: 25px!important;}
.pdnr30 { padding-right: 30px!important;}

/*　padding-bottom */
.pdnb05 { padding-bottom: 5px!important;}
.pdnb10 { padding-bottom: 10px!important;}
.pdnb15 { padding-bottom: 15px!important;}
.pdnb20 { padding-bottom: 20px!important;}
.pdnb25 { padding-bottom: 25px!important;}
.pdnb30 { padding-bottom: 30px!important;}

/*　padding-left */
.pdnl05 { padding-left: 5px!important;}
.pdnl10 { padding-left: 10px!important;}
.pdnl15 { padding-left: 15px!important;}
.pdnl20 { padding-left: 20px!important;}
.pdnl25 { padding-left: 25px!important;}
.pdnl30 { padding-left: 30px!important;}


/* ------   テーブルセル幅設定  -----------------------------------------*/

/*　percent　　*/
.rate10 { width: 10%;}
.rate20 { width: 20%;}
.rate25 { width: 25%;}
.rate30 { width: 30%;}
.rate35 { width: 35%;}
.rate40 { width: 40%;}
.rate45 { width: 45%;}
.rate50 { width: 50%;}
.rate55 { width: 50%;}
.rate60 { width: 60%;}
.rate65 { width: 65%;}
.rate70 { width: 70%;}
.rate75 { width: 75%;}
.rate80 { width: 80%;}
.rate85 { width: 85%;}
.rate90 { width: 90%;}

/*　pixel　　*/
.width100 { width: 100px;}
.width150 { width: 150px;}
.width160 { width: 160px;}
.width200 { width: 200px;}
.width250 { width: 250px;}
.width300 { width: 300px;}

.width350 { width: 350px;}
.width400 { width: 400px;}
.width450 { width: 450px;}
.width500 { width: 500px;}


/* ------   フォント設定  ----------------------------------------------*/

/* font-size　*/
.fs10 { font-size: 10px;}
.fs12 { font-size: 12px;}
.fs14 { font-size: 14px;}
.fs16 { font-size: 16px;}
.fs18 { font-size: 18px;}


/*　color　*/
.f-grn { color:#74AE39;}
.f-red { color:#FF0000;}
.f-blue { color:#4173BE;}

/* ------   位置設定  --------------------------------------------------*/

/* vertical　*/
.aligntop { vertical-align: top!important;}
.alignbottom { vertical-align: bottom!important;}

/* horizontal　*/
.aligncenter { text-align: center!important;}
.alignright { text-align: right!important;}
.alignleft { text-align: left!important;}



/* ------   フロート設定  ----------------------------------------------*/
.clear { clear:both;}

.fobjectR{
	float: right;
	margin: 0 0 10px 10px;
}
.fobjectL {
	float: left;
	margin: 0 10px 10px 0;
}


/*---------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */  
/*---------------------------------------------------------------------*/