﻿﻿
* {
	margin:0;
	padding:0;
}

body {
	margin:0 auto;
	color:#333333;
	font-size:75%;
	line-height:1.3;
	text-align:center;
	background:#FFFFFF;
}

/*======== List ========*/

ul {
	list-style-type:square;
}

ol {
	list-style-type:decimal;
}

th {
    padding:0;
    margin:0;
    font-weight:normal;
	font-style:normal;
	text-align:left;
}

/*======== Block Level ========*/

h2,h3,div,p,ul,ol,li{
	font-size:100%;
	text-align:left;
}

/*IE6*/
* html h1,
* html h2,
* html h3,
* html div{
	height:1px;
}

/*======== <a> ========*/

a:link {
	color:#0000CC;
	text-decoration:none;
}

a:visited {
	color:#6666CC;
	text-decoration:none;
}

a:hover {
	color:#CC0000;
	text-decoration:underline;
}

a:active {
	color:#CC0000;
	text-decoration:underline;
}

/*======== <table> ========*/

table {
	border-collapse:collapse;
	empty-cells:show;
	border: 0px;
}

img {
	border:0px;
}

.clr {
	clear: both;
}

/*======== div#All ========*/

div#All {
	width:950px;
	margin:0 auto;
}

/*======== div#Header ========*/

#Header {
	width:950px;
	height:60px;
	margin:0 auto;
}

h1 {
	font-size:10px;
	text-align:left;
	color:#3c3c3c;
	padding:2px 0px 0px 2px;
}

#Header #logo {
	width:300px;
	float:left;
}

/*======== div#Menu_navi ========*/

#Menu_navi {
	float:right;
	padding: 0px 0px 7px 0px;
}

#Menu_navi ul {
	list-style-type:none;
	position:relative;
	width: 600px;
	margin: 0px auto 0px auto;
	text-align:left;
}

#Menu_navi ul li {
	float:left;
	height:30px;
}

#Menu_navi ul li a {
	display:block;
	height:55px;
	width:120px;
	outline:none;
}

#Menu_navi ul li#menu1 a {
	background: url(../img/menu1.gif) left top no-repeat;
	text-indent: -9999px;
}

#Menu_navi ul li#menu1 a:hover {
	background: url(../img/menu1.gif) left -61px no-repeat;
}

#Menu_navi ul li#menu2 a {
	background: url(../img/menu2.gif) left top no-repeat;
	text-indent: -9999px;
}

#Menu_navi ul li#menu2 a:hover {
	background: url(../img/menu2.gif) left -61px no-repeat;
}

#Menu_navi ul li#menu3 a {
	background: url(../img/menu3.gif) left top no-repeat;
	text-indent: -9999px;
}

#Menu_navi ul li#menu3 a:hover {
	background: url(../img/menu3.gif) left -61px no-repeat;
}

#Menu_navi ul li#menu4 a {
	background: url(../img/menu4.gif) left top no-repeat;
	text-indent: -9999px;
}

#Menu_navi ul li#menu4 a:hover {
	background: url(../img/menu4.gif) left -61px no-repeat;
}

#Menu_navi ul li#menu5 a {
	background: url(../img/menu5.gif) left top no-repeat;
	text-indent: -9999px;
}

#Menu_navi ul li#menu5 a:hover {
	background: url(../img/menu5.gif) left -61px no-repeat;
}

/*======== div#MainMenu ========*/

#MainMenu {
    width:950px;
    margin:20px auto 50px auto;
}

#MainMenu .MainMenu_left {
    width:650px;
    float:left;
}

#news {
    width:630px;
    margin:0 0 20px 0;
}

#news #news_comtent {
    width:630px;
    margin:0 0 10px 0;
}

#news_comtent ul {
    list-style-type:none;
    background:#fcfcfc;
    margin:5px 0 0 0;
}

#news_comtent li {
    font-size:13px;
    padding:8px 10px;
    color:#3b3b3b;
    background:url(../img/inquiry/dotline_02.gif) repeat-x left bottom;
}

#news_comtent a { color:#0178df; }
#news_comtent a:hover { color:#0178df; }

#news_comtent span {
    font-size:13px;
    font-weight:bold;
    color:#888888;
    padding:0 10px 0 0;
}

.MainMenu_left .left_1 {
    width:310px;
    height:170px;
    float:left;
    margin:10px 0 0 0;
}

.MainMenu_left .right_1 {
    width:310px;
    height:170px;
    float:right;
    margin:10px 20px 0 0;
}

.MainMenu_left #img_1 {
    width:290px;
    height:120px;
    float:left;
    background:url(../img/img1.gif) no-repeat;
}

.MainMenu_left #img_2 {
    width:290px;
    height:120px;
    float:right;
    background:url(../img/img2.gif) no-repeat;
}

.MainMenu_left #img_3 {
    width:290px;
    height:120px;
    float:left;
    background:url(../img/img3.gif) no-repeat;
}

.MainMenu_left #img_4 {
    width:290px;
    height:120px;
    float:right;
    background:url(../img/img4.gif) no-repeat;
}

.MainMenu_left .left_1 a,
.MainMenu_left .right_1 a { padding:50px 0 0 20px; color:#9e9e9e; }

.MainMenu_left .left_1 a:hover,
.MainMenu_left .right_1 a:hover {
    color:#0a0a0a;
    background: #fff;
    -moz-opacity:0.25;
    filter: alpha(opacity=60);
    opacity:0.35;
}

#MainMenu .MainMenu_right {
    width:294px;
    float:right;
    margin:0 0 0 5px;
    border-left:1px solid #dddddd;
}

.MainMenu_right .right_content {
    float:right;
}

#guide {
    width:630px;
    margin:0 0 10px 0;
}

#recruit {
    float:left;
    width:630px;
    margin:20px 0 0 0;
}

#recruit #recruit_content {
    width:630px;
    margin:0 0 10px 0;
}

#recruit_content ul {
    list-style-type:none;
    background:#fcfcfc;
    margin:5px 0 0 0;
}

#recruit_content li {
    font-size:16px;
    padding:5px 5px;
    color:#900;
}

#recruit_content span {
    font-size:14px;
    color:#300;
}

.right_content .Banner {
    margin-bottom:10px;
}

.right_content .Banner a {
    display:block;
}

.right_content .Banner a:hover {
    background: #fff;
    -moz-opacity:0.25;
    filter: alpha(opacity=60);
    opacity:0.35;
}

.right_content .information_box {
    padding:10px 0;
    background:url(../img/inquiry/dotline_02.gif) repeat-x left bottom;
}

.information_box .info_img {
    float:left;
    width:100px;
}

.information_box .info_text {
    float:right;
    width:149px;
    color:#787878;
    font-size:12px;
    line-height:16px;
    padding:0 10px 0 0;
}

.info_text span {
    font-weight:bold;
    font-size:13px;
}

/*======== div#Footer ========*/

#Footer {
	width:100%;
	height:170px;
	margin:20px auto 0 auto;
	background:url(../img/ft_bg.jpg) repeat-x;
}

#Footer #Footer_box {
	width:950px;
	margin:0 auto;
}

#Footer #Footer_area {
	float:left;
	width:800px;
	height:37px;
	margin:0 auto 0 auto;
	color:#989898;
	font-size:12px;
	line-height:17px;
	padding:5px 0 0 0;
}

#Footer #Footer_area span {
	padding-right:20px;
}

#Footer #top_btn {
	float:right;
	width:92px;
	height:37px;
	margin:0 40px 0 0;
}

#Footer .Footer_Content {
	width:950px;
	margin:0 auto;
	clear:both;
	color:#909090;
}

.Footer_Content ul {
	list-style-type:none;
}

.Footer_Content .ul_content {
	width:550px;
	float:left;
	padding-top:10px;
}

.ul_content li {
	display:inline;
	padding-right:15px;
}

.ul_content a { color:#989898; font-size:12px; padding-left:6px; }
.ul_content a:hover { color:#ffffff; }

.Footer_Content .content_right {
	float:right;
	width:400px;
	padding-top:10px;
}

.content_right table {
	margin-top:10px;
}

.content_right .web_content {
	padding:5px 0 0 0;
}

.web_content a {
	display:block;
    width:200px;
    height:30px;
    background:url(../img/fotter_web2.png) no-repeat;
}

.web_content a:hover {
	background:url(../img/fotter_web3.png) no-repeat;
}

/*======== 会社概要 ========*/

#Company {
    width:950px;
    margin:0 auto 50px auto;
}

#Company .Company_bar {
    margin:10px 0 0 0;
}

#Company #Company_box {
    width:950px;
    font-size:13px;
    margin:20px auto 0 auto;
}

#Company_box th {
    width:300px;
    font-weight:bold;
    color:#666666;
    background:#f6eee1;
    border:1px solid #dddddd;
    padding:7px 0 7px 10px;
}

#Company_box td {
    width:650px;
    line-height:18px;
    color:#666666;
    border:1px solid #dddddd;
    padding:7px 0 7px 10px;
}

#Company #Company_box2 {
    width:950px;
    font-size:13px;
    margin:20px auto 0 auto;
}

#Company_box2 td {
    width:475px;
    color:#666666;
    border:1px solid #dddddd;
    padding:7px 0 7px 10px;
}

/*======== 専任技術者 ========*/

#Engineer {
    width:950px;
    margin:0 auto 50px auto;
}

#Engineer table {
    font-size:13px;
    border-collapse:separate;
    empty-cells:show;
}

#Engineer .engineer1 {
    width:240px;
    padding:5px 10px;
    color:#666666;
    background:#f6eee1;
    border:1px solid #dddddd;
}

#Engineer .engineer2 {
    width:235px;
    padding:5px 10px;
    border:1px solid #dddddd;
}

#Engineer .engineer3 {
    width:270px;
    padding:5px 10px;
    border:1px solid #dddddd;
}

#Engineer .engineer3-1 {
    width:370px;
    padding:5px 10px;
    border:1px solid #dddddd;
}

#Engineer .engineer4 {
    width:130px;
    padding:5px 10px;
    border:1px solid #dddddd;
}

#Engineer .engineer5 {
    width:230px;
    padding:5px 10px;
}

#Engineer .engineer6 {
    width:103px;
    padding:5px 10px;
    border:1px solid #dddddd;
}

/*======== contact_to ========*/

#Contact_to {
    width:950px;
    margin:0 auto 50px auto;
}

#Contact_to p {
    font-size:13px;
    line-height:19px;
    color:#666666;
    padding:5px 0 10px 10px;
}

/*======== 豆知識 ========*/

#Knowledge {
    width:950px;
    margin:20px auto 50px auto;
}

#Knowledge .knowledge_left {
    float:left;
}

#Knowledge .knowledge_right {
    float:right;
}
