
/* header */
/*----------------------------------------------------------------*/

body {
	background-color: #FFF;
	background-image:url(../img/bg_common_blue.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	font-size: 0pt;
}

header {
	width: 100%;
	line-height: 0%;
	background-color: #FFF;
}

header #header {
	width: 960px;
	padding-top: 20px;
	margin: 0px auto;
}

header #header h1 {
	padding-top: 15px;
	float: left;
}

header #header h1 span {
	padding-top: 5px;
	font-size: 10pt;
	font-weight: normal;
	color: #333;
	line-height: 1.0em;
	display: block;
}

header #header .info {
	float: right;
	text-align: right;
}

header #header .info img {
	margin-top: 6px;
	padding-bottom: 8px;
	margin-left: 1px;
}

header #globalmenu {
	width: 100%;
	height: 72px;
	background-image: url(../img/bg_header-menu.png);
	background-repeat: repeat-x;
	background-position: 50% 0%;
}

header #globalmenu ul {
	width: 960px;
	padding: 0px;
	margin: 0px auto;
}

header #globalmenu ul li {
	width: 160px;
	height: 72px;
	list-style: none;
	float:left;
}

#footstamp {
	width: 960px;
	height: 40px;
	margin: 0px auto;
	text-indent: 280px;
	font-size: 10pt;
	color: #FFF;
	line-height: 40px;
}

#footstamp a {
	color: #FFF;
	text-decoration: none;
}
#footstamp a:hover {
	text-decoration: underline;
}


/* contents - index */
/*----------------------------------------------------------------*/

#index #eyecatch {
	width: 960px;
	margin: 5px auto;
	text-align: center;
}

#contents {
	width: 960px;
	margin: 0px auto;
}

#index #left-item {
	width: 228px;
	margin-right: 5px;
	padding-top: 174px;
	border: 1px solid #CCC;
	background-image: url(../img/bg_index-left_item.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	float: left;
}

#index #left-item ul {
	width: 210px;
	margin: 0px auto 9px auto;
	padding: 37px 0px 0px 0px;
	background-image: url(../img/name_index-left_item.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

#index #left-item li {
	margin: 1px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	background-color: #390;
}

#index #right-contents {
	width: 725px;
	float: left;
}

#index #right-contents #pickup {
	width: 725px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#index #right-contents #pickup img {
	margin-right: 5px;
}

#index #right-contents #pickup img.end {
	margin-right: 0px;
}

/* NEWS */
#index #right-contents #cms {
	width: 486px;
	float: left;
}

#index #right-contents #news-box {
	margin-right: 5px;
	padding: 0;
}

#index #right-contents #news-box p {
	margin: 0;
	padding-right: 6px;
	font-size: 9pt;
	text-align: right;
}

#index #right-contents #news-box p.top {
	height: 35px;
	padding: 1px;
	background-image: url(../img/name_index-center_news.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

#index #right-contents #news-box #news {
	width: 461px;
	padding: 5px 10px 10px 10px;
}

#index #right-contents #news-box #news dt {
	font-size: 9pt;
	font-weight: bold;
	color: #000;
	line-height: 100%;
	margin: 0px;
	padding: 9px 15px 0px 15px;
}

#index #right-contents #news-box #news dd {
	font-size: 9pt;
	color: #333;
	line-height: 1.3em;
	margin: 0px;
	padding: 5px 15px 8px 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#index #right-contents #news-box #news a {
	color: #039;
	text-decoration: underline;
}
#index #right-contents #news-box #news a:hover {
	color: #06C;
	text-decoration: none;
}

/* seminar */
#index #right-contents #seminar-box {
	margin-right: 5px;
	padding: 0;
}

#index #right-contents #seminar-box p {
	margin: 0;
	padding-right: 6px;
	font-size: 9pt;
	text-align: right;
}

#index #right-contents #seminar-box p.top {
	height: 35px;
	padding: 1px;
	background-image: url(../img/name_index-center_seminar.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

#index #right-contents #seminar-box #seminar {
	width: 461px;
	padding: 5px 10px 10px 10px;
}

#index #right-contents #seminar-box #seminar dt {
	font-size: 9pt;
	font-weight: bold;
	color: #000;
	line-height: 100%;
	margin: 0px;
	padding: 9px 15px 0px 15px;
}

#index #right-contents #seminar-box #seminar dd {
	font-size: 9pt;
	color: #333;
	line-height: 1.3em;
	margin: 0px;
	padding: 5px 15px 8px 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#index #right-contents #seminar-box #seminar a {
	color: #039;
	text-decoration: underline;
}
#index #right-contents #seminar-box #seminar a:hover {
	color: #06C;
	text-decoration: none;
}

#index #right-contents #service {
	width: 239px;
	float: left;
}

#index #right-contents #service #menu {
	margin: 0px;
	padding: 42px 0px 0px 0px;
	background-image: url(../img/name_index-right_service.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

#index #right-contents #service #menu li {
	width: 144px;
	height: 74px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 90px;
	font-size: 8pt;
	line-height: 140%;
	list-style: none;
	background-color: #F5F5F5;
}
#index #right-contents #service #menu a {
	color: #333;
	text-decoration: none;
}

#index #right-contents #service #menu h3 {
	font-size: 9pt;
	font-weight: bold;
	color: #039;
	margin-top: 5px;
	margin-bottom: 6px;
}
#index #right-contents #service #menu h3 a {
	color: #039;
	text-decoration: underline;
}
#index #right-contents #service #menu h3 a:hover {
	color: #06C;
	text-decoration: none;
}

#index #right-contents #service #menu li.wholesale {
	background-image: url(../img/menu_top-right_wholesale.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
#index #right-contents #service #menu li.retail {
	background-image: url(../img/menu_top-right_retail.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
#index #right-contents #service #menu li.solution {
	background-image: url(../img/menu_top-right_solution.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
#index #right-contents #menu li.machined {
	background-image: url(../img/menu_top-right_machined.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#index #right-contents #bnr {
	margin: 0px;
	padding: 0px;
}

#index #right-contents #bnr li {
	width: 239px;
	margin-bottom: 5px;
	list-style: none;
}

/* contents other */
/*----------------------------------------------------------------*/

#contents #left-submenu {
	width: 239px;
	padding: 0px 10px;
	float: left;
	background-image: url(../img/bg_left-submenu_green.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

#contents #left-submenu ul {
	padding: 0px 0px 15px 0px;
}

#contents #left-submenu ul.title-company {
	padding-top: 65px;
	background-image: url(../img/name_left-menu_company.png);
	background-repeat: no-repeat;
	background-position: 50% 21px;
}

#contents #left-submenu ul.title-contact {
	padding-top: 65px;
	background-image: url(../img/name_left-menu_contact.png);
	background-repeat: no-repeat;
	background-position: 50% 21px;
}

#contents #left-submenu ul.title-item {
	padding-top: 65px;
	background-image: url(../img/name_left-menu_item.png);
	background-repeat: no-repeat;
	background-position: 50% 21px;
}

#contents #left-submenu ul.title-news {
	padding-top: 65px;
	background-image: url(../img/name_left-menu_news.png);
	background-repeat: no-repeat;
	background-position: 50% 21px;
}

#contents #left-submenu ul.title-seminar {
	padding-top: 65px;
	background-image: url(../img/name_left-menu_seminar.png);
	background-repeat: no-repeat;
	background-position: 50% 21px;
}

#contents #left-submenu ul.title-privacy {
	padding-top: 65px;
	background-image: url(../img/name_left-menu_privacy.png);
	background-repeat: no-repeat;
	background-position: 50% 21px;
}

#contents #left-submenu ul.title-recruit {
	padding-top: 65px;
	background-image: url(../img/name_left-menu_recruit.png);
	background-repeat: no-repeat;
	background-position: 50% 21px;
}

#contents #left-submenu ul.title-service {
	padding-top: 65px;
	background-image: url(../img/name_left-menu_service.png);
	background-repeat: no-repeat;
	background-position: 50% 21px;
}

#contents #left-submenu ul.title-sitemap {
	padding-top: 65px;
	background-image: url(../img/name_left-menu_sitemap.png);
	background-repeat: no-repeat;
	background-position: 50% 21px;
}

#contents #left-submenu li {
	padding: 0px;
	margin-bottom: 2px;
	list-style: none;
}

#contents #left-submenu li.monthly {
	padding: 15px 0px;
	background-color: #FFF;
	border: 2px solid #390;
}

#contents #left-submenu .monthly div {
	padding: 10px 0px 10px 43px;
	font-size: 12pt;
	line-height: 1.0;
	background-image:url(../img/icon_leftmenu-navi_monthly.gif);
	background-repeat: no-repeat;
	background-position: 19px 46%;
	display: block;
}

#contents #left-submenu .monthly div a {
	color: #360;
	text-decoration: none;
}

#contents #left-submenu .monthly div a:hover {
	text-decoration: underline;
}


#other #contents article {
	width: 600px;
	padding: 50px 40px 20px 40px;
	background-image: url(../img/bg_contents_white-a90.png);
	background-repeat: repeat;
	float: right;
}

#other #contents article h2 {
	margin: 0px 0px 35px 0px;
	padding: 0px;
	font-size: 28pt;
	font-weight: normal;
	color: #390;
	line-height: 1.1em;
}

#other #contents article h2.news {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	font-size: 22pt;
	font-weight: normal;
	color: #390;
	line-height: 1.2em;
}

#other #contents article h3 {
	width: 600px;
	margin: 45px 0px 20px 0px;
	padding: 6px 0px;
	font-size: 14pt;
	color: #390;
	line-height: 1.3em;
	text-indent: 25px;
	background-image: url(../img/bg_h3.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	clear: both;
}

#other #contents article h3 a {
	color: #390;
	text-decoration: none;
}

#other #contents article h3 a:hover {
	color: #360;
	text-decoration: underline;
}

#other #contents article h4 {
	width: 570px;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 0px;
	line-height: 1.3em;
	text-indent: 15px;
	font-size: 12pt;
	font-weight: normal;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #690;
	border-left-color: #690;
	color: #390;
	clear: both;
}

#other #contents article h4 a {
	color: #390;
	text-decoration: none;
}

#other #contents article h4 a:hover {
	color: #390;
	text-decoration: underline;
}

#other #contents article p {
	font-size: 10.5pt;
	color: #333;
	line-height: 1.5em;
}

#other #contents article p.small {
	padding-left: 25px;
	padding-right: 25px;
}

#other #contents article p.date {
	font-size: 12pt;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	color: #000;
}

#other #contents article p a.txt-link {
	color: #333;
	text-decoration: none;
}

/* news */

#other #news {
	width: 560px;
	margin: 20px auto;
}

#other #news dt {
	font-size: 9pt;
	font-weight: bold;
	color: #000;
	line-height: 100%;
	margin: 0px;
	padding: 9px 15px 0px 15px;
}

#other #news dd {
	font-size: 9pt;
	color: #333;
	line-height: 1.3em;
	margin: 0px;
	padding: 5px 15px 8px 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#index #right-contents #news a {
	color: #039;
	text-decoration: underline;
}
#index #right-contents #news a:hover {
	color: #06C;
	text-decoration: none;
}

/* company */

#company p.greeting {
	padding: 30px 20px 0px 20px;
	line-height: 1.7em;
}

#company .history-list {
	font-size: 10pt;
	line-height: 1.5em;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#company .history-list dt{
	width: 130px;
	margin: 0px;
	padding: 8px 0px 8px 10px;
	color: #390;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	float: left;
	clear: left;
}

#company .history-list dd{
	width: 435px;
	margin: 0px;
	padding: 8px 15px 8px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	float: left;
}

#company .history-list dd .photo {
	padding-top: 15px;
}

#company .history-list dd .photo img {
	margin: 0 5px 10px 5px;
}

#company .outline-list {
	font-size: 10pt;
	line-height: 1.5em;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#company .outline-list dt{
	width: 90px;
	margin: 0px;
	padding: 8px 0px 8px 10px;
	color: #390;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	float: left;
	clear: left;
}

#company .outline-list dd{
	width: 475px;
	margin: 0px;
	padding: 8px 15px 8px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	float: left;
}

#company .outline-list dd span {
	width: 110px;
	display: inline-block;
}

#company .outline-list dd span.bank {
	width: 160px;
}

/* client */
#company .box {
	width: 558px;
	padding: 20px 20px;
	font-size: 10pt;
	line-height: 1.3em;
	border: 1px solid #090;
	background-color: #FFF;
}

#company h5.name {
	margin: 5px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #090;
}

#company .client-list {
	font-size: 10pt;
	line-height: 1.5em;
	color: #333;
}

#company .client-list dt{
	width: 200px;
	margin: 0px;
	padding: 8px 0px 8px 10px;
	color: #390;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	float: left;
	clear: left;
}

#company .client-list dd{
	width: 365px;
	margin: 0px;
	padding: 8px 15px 8px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	float: left;
}

#company .maker-list {
	padding: 0px;
}

#company .maker-list li {
	width: 280px;
	margin: 0px;
	padding-left: 10px;
	font-size: 10pt;
	line-height: 2.0em;
	float: left;
	list-style: none;
}

#company .maker-list li.index {
	width: 560px;
	margin: 15px 0px 10px 0px;
	font-size: 13pt;
	font-weight: bold;
	line-height: 1.5em;
	color:#390;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #360;
}

#company .maker-list li a {
	color: #039;
	text-decoration: underline;
}
#company .maker-list li a;hover {
	color: #06C;
	text-decoration: none;
}

#company .maker-list li a {
}

/* service */

#service .name {
	margin-bottom: 10px;
	font-size: 11pt;
	font-weight: bold;
	color: #03C;
	display: block;
}

/* item */

#item .box {
	width: 558px;
	padding: 20px 20px;
	font-size: 10pt;
	line-height: 1.3em;
	border: 1px solid #090;
	background-color: #FFF;
}

#item h5.name {
	margin: 5px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #090;
}

#item .box nav {
	width: 530px;
	padding: 10px 15px;
	color: #039;
	line-height: 1.5em;
	word-break: break-all;
	background-color: #F2F2F2;
	clear: both;
}

#item .box nav a {
	color: #039;
	text-decoration: underline;
}
#item .box nav a;hover {
	color: #06C;
	text-decoration: none;
}

#item .box img {
	margin-bottom: 10px;
}

#item .box hr {
	margin: 10px 0px;
	border:none;
	border-top: 1px solid #CCC;
	height:1px;
}

/* recruit */
#recruit .name {
	margin-bottom: 5px;
	font-size: 12pt;
	color: #390;
	display: block;
}

#recruit .name a {
	color: #390;
}

/* privacy */
#privacy ul {
	padding: 5px 40px 0px 50px;
}

#privacy li{
	margin: 15px 0px 0px 0px;
	font-size: 10.5pt;
	line-height: 1.3em;
	color: #000;
	list-style: decimal;
}


/* contact */

#contact {}

#contact form {
	margin: 60px auto 0px auto;
	padding: 0px;
	line-height: 1.3;
	text-align: center;
}

#contact form input[type="text"],input[type="email"],input[type="tel"],select {
	font-size: 10pt;
	border: 1px solid #CCC;
}

#contact form .long {
	width: 80%;
}

#contact form .short {
	width: 50%;
}

#contact form input[type="submit"] {
	margin: 40px;
	padding: 5px 80px;
	font-size: 10pt;
	border: 1px solid #333;
	background-color: #FEFAF1;
}

#contact form textarea {
	width: 90%;
	height: 160px;
	font-size: 10pt;
	line-height: 1.5em;
	border: 1px solid #CCC;
}

#contact table {
	margin-left: auto;
	margin-right: auto;
}

#contact table th,td {
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	text-align: left;
	vertical-align: middle;
}

#contact table th {
	width: 150px;
	margin: 0px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	background-color: #F2FCE2;
}

#contact table td {
	width: 370px;
	margin: 0px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	background-color: #FFF;
}

#contact table td p {
	font-size: 9pt;
	width: 360px;
	line-height: 1.5em;
	margin: 7px 0px 0px 0px;
}

#contact table th span {
	color: #F00;
}

/* sitemap */
#sitemap ul {
	margin: 0px;
	padding: 0px 15px;
}

#sitemap ul li {
	width: 220px;
	margin: 0px;
	padding-left: 20px;
	font-size: 10pt;
	line-height: 1.5em;
	list-style: none;
	float: left;
}

#sitemap ul li a {
	color: #333;
	text-decoration: none;
}

#sitemap ul li a:hover {
	text-decoration: underline;
}

/* footer */
/*----------------------------------------------------------------*/

#footer {
	width: 100%;
	padding-top: 50px;
	position: relative;
	clear: both;
}

#footer .gotop {
	width: 960px;
	margin: 0px auto;
	text-align: right;
}

#footer #link {
	width: 100%;
	padding-bottom: 40px;
	background-color: #E5EFE5;
}

#footer #link nav {
	width: 960px;
	margin: 0px auto;
	padding-top: 5px;
}

#footer #link nav ul.navi {
	width: 170px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left;
}

#footer #link nav ul.navi li {
	margin-bottom: 8px;
	padding: 0px 0px 0px 20px;
	font-size: 9pt;
	line-height: 1.3em;
	background-image: url(../img/icon_footer-navi_list.gif);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	list-style: none;
}

#footer #link nav ul.navi li.categorytop {
	margin-top: 25px;
	margin-bottom: 10px;
	padding: 0px;
	line-height: 0%;
	background-image: none;
}

#footer #link nav ul.navi li a {
	text-decoration: none;
	color: #333;
}
#footer #link nav ul.navi li a:hover {
	text-decoration: underline;
}

#footer #link nav ul.exlink {
	margin-top: 25px;
	padding: 35px 0px 0px 0px;
	background-image: url(../img/name_footer_link.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}

#footer #link nav ul.exlink li {
	margin: 0px 0px 8px 0px;
	padding: 0px;
	text-align: right;
	list-style: none;
}

#copyright {
	width: 100%;
	margin: 0px;
	padding: 10px 0px;
	font-size: 9pt;
	color: #FFF;
	text-align: center;
	line-height: 1.0;
	background-color: #66A366;
	clear: both;
}

/* tools */
/*----------------------------------------------------------------*/

/* rollover */
a:hover img {
	opacity: 0.60;
	filter: alpha(opacity=60);
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

/* clear */
.clearfix {
    zoom: 1; /* for IE6/7 */
}


/* img */
img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

/* history back */
#other #contents article #goback {
	padding: 60px 0px 20px 0px;
	text-align: center;
}