﻿/* common design */
body		{
		margin: 0 auto;
		text-align: center;
		font-family: Arial, sans-serif;
		}
#container	{
		width: 855px;
		margin-left: auto;
		margin-right: auto;
		background-color: #ffffff;
		text-align: left;
		border: 1px solid #cccccc;
		}
img		{
		border: 0;
		}
.center		{
		text-align: center;
		}
.left		{
		text-align: left;
		}
.right		{
		text-align: right;
		}
.red		{
		color: #ff0000;
		}
table		{
		border-collapse: collapse;
		}
hr		{
		border: 0 none; 
		height: 1px; 
		color: #EAEAEA;
		background-color: #EAEAEA;
		}
clear		{
		clear: both;
		}
floatleft	{
		float: left;
		}
floatright	{
		float: right;
		}

/* header design */
h1		{
		margin: 0;
		float: left;
		display: inline;
		}
#header		{
		margin-bottom: 20px;
		}
#header p	{
		margin: 0;
		font-size: 13px;
		float: right;
		text-align: right;
		display: inline;
		color: #666666;
		}
#header strong	{
		padding-right: 20px;
		}

/* topnavi design */

#topnavi		{
		margin-top:10px;
		clear: both;
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #000000;
		margin-bottom: 5px;
		}
#topnavi ul	{
		margin: 0;
		padding: 0;
		padding-left: 10px;
		font-size: 12px;

		list-style-type: none;
		}
#topnavi li	{
		display: inline;
		margin: 0;
		}
#topnavi li a	{
		float: right;
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 5px 10px;
		border-right: 2px solid #ffffff;
		color: #333333;
		background-image: url(images/menudl.png);
		background-repeat: repeat;
		background-position: top;
		}
#topnavi li a:visited{
		color: #333333;
		}
#topnavi li a:hover, #navi li.selected a{
		background: #dedede; 
		}

/* contents design */
#contents	{
		float: right;
		width: 610px;
		color: #666666;
		margin-bottom: 10px;
		}
h2		{
		margin: 0;
		}
div.index	{
		text-align: center;
		margin: 30px 0 10px 0;
		}
#contents p	{
		margin: 10px;
		line-height: 130%;
		font-size: 14px;
		}
#home table	{
		border-collapse: separate;
		border-spacing: 10px 5px;
		}
#home td	{
		color: #666666;
		width: 300px;
		vertical-align: top;
		background-image: url(images/hometd.png);
		background-repeat: repeat-x;
		background-position: top;
		padding: 5px;
		border: 1px solid #cccccc;
		}
#home img	{
		margin-right: 10px;
		}
#home img.hp	{
		padding-left: 10px;
		}
#home div.hindex	{
		font-size: 14px;
		border-bottom: 5px solid #dedede;
		margin: 5px;
		font-weight: bold;
		}
#home div.htext	{
		font-size: 13px;
		}
#sozai th, #bottomsozai th, #shiage th, #touroku th	{
		background-color: #F7F7F7;
		border-bottom: 1px solid #EAEAEA;
		border-right: 1px solid #EAEAEA;
		font-weight: lighter;
		padding: 3px;
		}
#sozai th, #bottomsozai th, #touroku th	{
		font-size: 14px;
		width: 120px;
		}
#sozai td, #bottomsozai td, #shiage td, #touroku td	{
		border-bottom: 1px solid #EAEAEA;
		font-size: 13px;
		text-align: left;
		padding: 3px;
		color: #666666;
		}
#bottomsozai td	{
		border-right: 1px solid #EAEAEA;
		}
#shiage	th	{
		font-size: 13px;
		}
#shiage th.tshiage	{
		width: 70px;
		}
div.data	{
		padding: 5px;
		margin: 0 10px 5px 10px;
		float: right;
		border: 1px solid #DDDDDD;
		font-size: 13px;
		width: 210px;
		}
div.data img	{
		border: 1px solid #cccccc;
		float: left;
		margin-right: 5px;
		}

#companyinfo table, #machine table, #works table, #sozai table, #shiage table, #touroku table	{
		width: 605px;
		color: #333333;
		border: 1px solid #EAEAEA;
		}
#bottomsozai table	{
		width: 605px;
		color: #333333;
		border-left: 1px solid #EAEAEA;
		border-right: 1px solid #EAEAEA;
		border-bottom: 1px solid #EAEAEA;
		}
#companyinfo th	{
		width: 180px;
		font-weight: lighter;
		text-align: center;
		padding: 3px;
		background-color: #F7F7F7;
		font-size: 14px;
		border-bottom: 1px solid #EAEAEA;
		border-right: 1px solid #EAEAEA;
		}
#companyinfo td	{
		width: 425px;
		font-size: 14px;
		color: #666666;
		border-bottom: 1px solid #EAEAEA;
		padding: 3px 3px 3px 10px;
		}
#privacy dl	{
		margin: 0;
		padding: 0;
		font-size: 13px;
		line-height: 120%;
		}
#privacy dt	{
		font-weight: bold;
		color: #666666;
		}
#privacy dt, #privacy dd	{
		margin-right: 10px;
		color: #878787;
		}
#privacy dd	{
		margin-bottom: 5px;
		}
#machine th	{
		font-weight: lighter;
		text-align: center;
		padding: 3px;
		background-color: #F7F7F7;
		font-size: 14px;
		border-bottom: 1px solid #EAEAEA;
		border-right: 1px solid #EAEAEA;
		}
#machine td	{
		font-size: 14px;
		color: #666666;
		border-bottom: 1px solid #EAEAEA;
		border-right: 1px solid #EAEAEA;
		padding: 3px 3px 3px 10px;
		}
#works th	{
		width: 90px;
		border-bottom: 1px solid #EAEAEA;
		padding: 3px;
		}
#works th img	{
		width: 90px;
		height: 60px;
		}
#works td	{
		width: 215px;
		font-size: 13px;
		color: #666666;
		border-bottom: 1px solid #EAEAEA;
		border-right: 1px solid #EAEAEA;
		padding: 3px;
		}
#works a:visited, #home a:visited, #home li a, #works a, #hplists a, a	{
		color: #9999ff;
		}
#home a		{
		text-decoration: none;
		}
#home a:hover	{
		text-decoration: underline;
		}
#home ul	{
		margin: 0;
		padding: 0;
		}
#home li	{
		list-style-type: none;
		margin: 0;
		padding: 5px 10px;
		font-size: 13px;
		}

/* menu design */
#menu		{
		margin-left: 5px;
		float: left;
		width: 210px;
		border: 1px solid #ededed; /* デザイン用 */
		}
#menu dl	{
		width: 100%;
		margin: 0 0 16px 0;
		padding: 20px 0 16px 0;
		background-image: url(images/menudl.png);
		background-repeat: repeat;
		background-position: top;
		}
#menu dt	{
		width: 200px;
		margin: 0 0 10px 15px;
		padding-left: 5px;
		font-size: 15px;
		border-left: 5px solid #DEDEDE;
		}
#menu dd	{
		width: 200px;
		margin: 0;
		padding: 5px;
		text-indent: 20px;
		font-size: 14px;
		}
#menu a, #footer a		{
		color: #000000;
		text-decoration: none;
		}
#menu a:hover	{
		text-decoration: underline;
		}
#menu ul	{
		margin:0;
		padding: 0;
		line-height: 100%;
		}
#menu li	{
		font-size: 14px;
		margin:0;
		padding: 0;
		list-style-type: none;
		}
#menu li.newstop{
		height: 31px;
		background-image: url(images/newstop.png);
		background-repeat: no-repeat;
		}
#menu li.newsmiddle	{
		background-image: url(images/newsmiddle.png);
		padding: 5px 15px 0 15px;
		color: #666666;
		font-size: 13px;
		line-height: 120%;
		}
#menu li.newsbottom	{
		height: 17px;
		background-image: url(images/newsbottom.png);
		}

/* topnavi design */

#bottomnavi		{
		padding:10px 0;
		clear: both;
		font-size: 13px;
		text-align: center;
		border-top: 1px solid #ededed;
		border-bottom: 1px solid #000000;
		}
#bottomnavi a	{
		color: #666666;
		padding: 0 10px;
		}
#bottomnavi a:hover	{
		background-color: #ededed;
		}

#hplists td	{
		padding: 0 3px 5px 3px;
		font-size: 13px;
		line-height: 130%;
		border-bottom: 1px solid #EAEAEA;
		}
#hplists td.pic	{
		width: 100px;
		}
#hplists td.text	{
		width: 500px;
		vertical-align: top;
		}
#hplists img.border	{
		width: 100px;
		height: 75px;
		border: 1px solid #dedede;
		}
#hplists .shoukai{
		color: #666666;
		}
div.divborder	{
		border: 1px solid #eaeaea;
		padding: 10px;
		margin: 10px 5px;
		}
/* footer design */
#footer		{
		clear: both;
		padding: 20px 0 0 0 ;
		font-size: 13px;
		}
div.designedby	{
		text-align: center;
		font-size: 13px;
		color: #666666;
		}
div.designedby a	{
		text-decoration: none;
		color: #666666;
		}
div.designedby a:hover{
		text-decoration: underline;
		}