/*
# http://www.nittokoshin.co.jp/
# Copyright 2005 NITTO KOSHIN CO.,LTD.
*/


div.header {
    position: relative;
    float: left;
    text-align: left;
    width: 800px;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    border: none;
}
	table#MainMenu {
	    border-style: solid;
	    border-width: 0px 0px 3px 0px;
	    border-color: #0000ff;
	}
	table#MainMenu tbody tr td a img {
	    border: none;
	}
	/* ==== サブメニュー ==== */
	div.submenu {
	    /*border: solid 1px #ff0000;*/
	    margin: 8px 0px 0px 20px;
	    padding: 0px;
	}


div.bodyarea {
    position: relative;
    /*  clear: both; */
    float: left;
    width: 800px;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    text-align: left;
    /*border: solid 2px #000000;*/
}


	/* トピックス */
	table#topics {
	    margin: 0px 0px 4px 0px;
	}
	td#topics1 {
	    text-align: center;
	    width: 200px;
	}
	td#topics2 {
	    text-align: center;
	    width: 300px;
	}
	td#topics3 {
	    text-align: right;
	}
        div#topic-title {
	    white-space: nowrap;
	    font-size: small;
	    margin: 0px 0px 4px 0px;
	    padding: 2px;
	    border-style: solid;
	    border-width: 1px;
	    border-color: black;
	}
	div#topic-image {
	    margin: 0px 16px 16px 0px;
	    float: left;
	}
        #topic-image img {
	    vertical-align: middle;
	}
        div#topic-dashed {
	    text-align: left;
	    font-size: x-small;
	    padding: 0px 4px 4px 4px;
	    border-style: dashed;
	    border-width: 2px;
	    margin: 0px 4px 4px 4px;
	}
        div#topic-solid {
	    text-align: left;
	    font-size: x-small;
	    padding: 4px 4px 4px 4px;
	    border-style: solid;
	    border-width: 2px;
	}
        div#topic-section {
	    margin: 6px 0px 0px 0px;
	    font-size: small;
	}
        div#topic-body {
	}

	/* ==== 製品情報 ==== */
	table.TopicProduct {
	    margin: 0px 0px 10px 0px;
	    padding: 0px;
	}
	table.TopicProduct td {
	    vertical-align:top;
	    padding: 0px 0px 10px 0px;
	    /*border: solid 1px #0000ff; */
	}
	table.TopicProduct img {
	     border: none 0px #000000;
	  /*float: left; */
	}
	div#infor-caption {
	    text-align: left;
	    letter-spacing: 1em;
	    font-family: sans-serif;
	    font-size: large;
	    font-weight: bold;
	    color: blue;
	    padding: 4px 4px 4px 4px;
	    margin: 0px 0px 0px 0px;
	    border: solid 2px blue;
	    width: 100%;
	}
	div#infor-title {
	}
	div#infor-body {
	}
	div#infor-body img {
	    /*border: solid 3px #ff00ff;*/
	    float: left;
	}
	div#infor-body dl {
	     /*border: solid 3px #ff00ff;*/
	     width: 100%;
	}
	div#infor-body dl dt {
	     /*border: solid 1px #00ff00;*/
	     text-align: left;
	     width: 100%;
	}
	#infor-body dl dt a {
	    color: #000000;
	    background-color: #ffffff;
		/* width:100%; */
	   /*text-decoration: none;*/
	}
	#infor-body dl dt a:link {
	    color: #000000;
	}
	#infor-body dl dt a:visited {
	    color: #000000;
	}
	#infor-body dl dt a:hover {
	    background-color: #eeeeee;
	    text-decoration: underline;
	}
	#infor-body dl dt a:active {
	    color: #000000;
	}

/* ==== 製品情報 ==== */
div.ProductIndex {
    position: relative;
    float: left;
    width: 800px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    /*  border: solid 1px #00ff00;*/
}
	div.ProductIndex td  {
	    vertical-align: top;
	}
	div.ProductIndex dl  {
	    margin-left: 49px;
	    /*border: solid 1px #0000ff;*/
	}
	div.ProductIndex img  {
	    border-style: none;
	}
	div.ProductIndex div#prosec1   {
	    width: 500px;
	    font-size: 1.2em;
	    font-weight: bold;
	    letter-spacing: 0.5em;
	    margin: 10px 0px 4px 0px;
	    background-color: #ddffdd;
	    border-top: 1px solid #eeffee;
	    border-left: 1px solid #eeffee;
	    border-right: 1px solid #669966;
	    border-bottom: 1px solid #669966;
	    padding: 5px 3px 3px 0.5em;
	}
	div.ProductIndex span#prosec2   {
	    width: 10em;
	    /*font-size: 1.2em;*/
	    font-weight: bold;
	    /*letter-spacing: 0.5em;*/
	    margin: 0px 0px 0px 1em;
	    background-color: #ddddff;
	    border-top: 1px solid #eeeeff;
	    border-left: 1px solid #eeeeff;
	    border-right: 1px solid #666699;
	    border-bottom: 1px solid #666699;
	    padding: 2px 2px 2px 2px;
	}
	div.ProductIndex span#prosec3   {
	    width: 6.5em;
	    /*font-size: 1.2em;*/
	    font-weight: bold;
	    /*letter-spacing: 0.5em;*/
	    margin: 0px 0px 0px 1em;
	    background-color: #ffffdd;
	    border-top: 1px solid #fffeef;
	    border-left: 1px solid #fffeef;
	    border-right: 1px solid #999966;
	    border-bottom: 1px solid #999966;
	    padding: 2px 2px 2px 2px;
	}
	div.ProductIndex td#product_button img {
	    float: left;
	}



/* ==== 会社案内 ==== */
div.company {
    position: relative;
    float: left;
    width: 800px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    /* border: solid;*/
}
	div.company h2 {
	    clear: both;
	    color: black;
	    margin: 0em 0px 0px 0px;
	    text-align: left;
	    padding: 0px;
	    font-size: 120%;
	}


/* ==== ニュース ==== */
div.news {
    position: relative;
    float: left;
    width: 800px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}


/* ==== 環境情報 ==== */
div.theenviron {
    position: relative;
    float: left;
    width: 800px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

	div.theenviron div#theenviron_caption {
	    border-left: 1em solid #88ffcc;
	    border-bottom: 2px solid #88ffcc;
	    padding: 0px 0px 2px 0.5em;
	    margin: 0px 0px 4px 0px;
	    width: 10em;
	}
	div.theenviron img {
	    border-style: none;
	}
	div.theenviron div#theenviron_declare {
	    border: 1px solid #000000;
	    margin: 1ex 0em 1ex 3em;
	    padding: 2ex 2em 2ex 2em;
	    width: 600px;
	    text-align: left;
	}
	div.theenviron div#theenviron_sengen {
	    font-size: 200%;
	    text-align: center;
	    letter-spacing: 1.5em;
	    margin-bottom: 1ex;
	}
	div.theenviron div#theenviron_rinen {
	    font-size: 150%;
	    text-align: center;
	    letter-spacing: 0.5em;
	    margin-bottom: 1ex;
	}
	div.theenviron div#theenviron_body {
	    margin-bottom: 1ex;
	}
	div.theenviron div#theenviron_hoshin {
	    font-size: 150%;
	    text-align: center;
	    letter-spacing: 1em;
	    margin-bottom: 1ex;
	}
	div.theenviron ol#theenviron_list {
	    margin-right: 2em;
	}
	#theenviron_list li {
	    margin-bottom: 2ex;
	}
	#theenviron_list li li {
	    list-style: none;
	    margin-bottom: 0ex;
	}
	div.theenviron div#theenviron_body2 {
	    margin-left: 2em;
	    margin-right: 2em;
	    margin-bottom: 2ex;
	}
	div.theenviron div#theenviron_date {
	    text-align: right;
	    margin-right: 4em;
	}
	div.theenviron div#theenviron_company {
	    text-align: right;
	    font-size: 140%;
	    margin-top: 1ex;
	    margin-right: 4em;
	}
	div.theenviron div#theenviron_president {
	    font-size: 90%;
	    text-align: right;
	    margin-right: 4em;
	}


/* ==== サイトマップ ==== */
div.sitemap {
    position: relative;
    float: left;
    width: 800px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}


/* ==== 製品情報カタログ ==== */
div.catalog {
    position: relative;
    float: left;
    width: 800px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    /* border: solid;*/
}
	div.catalog div#CatalogCap  {
	    width: 500px;
	    font-size: 1.2em;
	    font-weight: bold;
	    letter-spacing: 0.5em;
	    background-color: #ddddff;
	    border-top: 2px solid #eeeeff;
	    border-left: 2px solid #eeeeff;
	    border-right: 2px solid #666699;
	    border-bottom: 2px solid #666699;
	    margin: 0px 0px 4px 0px;
	    padding: 5px 3px 3px 0.5em;
	}
	div.catalog div#CatalogImg {
	    float: right;
	    margin: 0px 0px 0px 45px;
	    padding: 0px;
	    border: none;
	}
	#CatalogImg img {
	    border: 1px solid #000000;
	    margin-bottom: 4px;
	}
	div.catalog div#midashi {
	    color: #000099;
	    text-indent: 1em;
	    font-size: 1.3em;
	    font-weight: bold;
	    letter-spacing: 0.1em;
	}
	div.catalog dl#Gaiyo {
	}
	#Gaiyo dt {
	    border-left: 1em solid #666699;
	    border-bottom: 2px solid #666699;
	    padding: 0px 0px 2px 0.5em;
	    margin: 0px 0px 4px 0px;
	    width: 10em;
	}
	div.catalog dl#Katashiki {
	}
	#Katashiki dt {
	    border-left: 1em solid #666699;
	    border-bottom: 2px solid #666699;
	    padding: 0px 0px 2px 0.5em;
	    margin: 0px 0px 4px 0px;
	    width: 10em;
	}
	div.catalog dl#Tokucho {
	}
	#Tokucho dt {
	    border-left: 1em solid #666699;
	    border-bottom: 2px solid #666699;
	    padding: 0px 0px 2px 0.5em;
	    margin: 0px 0px 4px 0px;
	    width: 10em;
	}
	#Tokucho dd {
	    margin-bottom: 1ex;
	}
	div.catalog dl#Shiyo {
	}
	#Shiyo dt {
	    border-left: 1em solid #666699;
	    border-bottom: 2px solid #666699;
	    padding: 0px 0px 2px 0.5em;
	    margin: 0px 0px 4px 0px;
	    width: 10em;
	}
	div.catalog dl#OptShiyo {
	}
	#OptShiyo dt {
	    border-left: 1em solid #666699;
	    border-bottom: 2px solid #666699;
	    padding: 0px 0px 2px 0.5em;
	    margin: 0px 0px 4px 0px;
	    width: 10em;
	}
	div.catalog dl#Other {
	    width: 600px;
	}
	#Other dt {
	    border-left: 1em solid #666699;
	    border-bottom: 2px solid #666699;
	    padding: 0px 0px 2px 0.5em;
	    margin: 0px 0px 4px 0px;
	    width: 16em;
	}
	#Other dd {
	    margin-bottom: 1ex;
	}


	div.catalog div#ClearRight {
	/*    clear: right;*/
	text-align: center;
	    border: 1px solid #ff0000;
	}


/* ==== 製品情報関連 ==== */
div.relation {
    position: relative;
    float: left;
    width: 800px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
	div.relation hr {
	    width: 80%;
	}
	div.relation table {
	    font-size: smaller;
	}
	div.relation td {
	    vertical-align: top;
	}
	div.relation dl {
	    text-indent: 1em;
	}
	div.relation dt {
	    font-weight: bold;
	}
	div.relation dd {
	    text-indent: -1em;
	}


/* ==== メディア ==== */
div.media {
    position: relative;
    float: left;
    width: 800px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

	div.media div#media_about {
	    border-left: 1em solid #ffdd00;
	    border-bottom: 2px solid #ffdd00;
	    padding: 0px 0px 2px 0.5em;
	    margin: 0px 0px 4px 0px;
	    width: 10em;
	}


/* ==== アクセス ==== */
div.access {
    position: relative;
    float: left;
    width: 800px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

	div.access div#access_caption {
	    border-left: 1em solid #00dd00;
	    border-bottom: 2px solid #00dd00;
	    padding: 0px 0px 2px 0.5em;
	    margin: 0px 0px 4px 0px;
	    width: 10em;
	}
	div.access img {
	    border-style: none;
	}





table.standard { border: solid 1px #ffffff; }
table.standard tbody th {
    background-color: #cccccc;
    border: solid 1px #ffffff;
    text-align: right;
    vertical-align: top;
}
table.standard tbody td { background-color: #eeeeee; border: solid 1px #ffffff; }


div.footer {
    position: static;
    clear: both;
    float: left;
    width: 800px;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 20px 0px;
    background: #ffffff;
    border-style: solid;
    border-width: 2px 0px 0px 0px;
    border-color: #0000ff;
}
	div.footer img {
	    float:right;
	    border: none 0px #000000;
	}
	div.footer div#counter img {
	    float: left;
	    border: none 0px #000000;
	}



/* ------------------------------------------------------------------------- */
body {
margin: 0px 10px;
padding: 0px;
background: #ffffff;
color: #000000;
text-align: center;
}


a:link { color: #003399; }
a:visited { color: #660099; }
a:active { color: #cc3300; }