@charset "UTF-8";


/* ========ベーシック======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:"メイリオ", Verdana, Helvetica, sans-serif;
   font-size:12px;
   color:#333;
   border-top:5px solid #009CFF;
   background:#fff;
}

br {
   letter-spacing:normal;
}

a {
   color:#000;
   text-decoration:none;
}

a:hover {
   color:#000;
   text-decoration:none;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========レイアウト======== */
#header {
   width:780px;
   height: 100px;
   margin:0 auto;
   position:relative;
   padding:0 5px;
}

#menu {
   width:100%;
   float:left;
   border-bottom:5px solid #009CFF;
   background:url("../images/bg_menu.gif") 0 0 repeat-x;
}

#wrap {
   clear:both;
   width: 780px;
   margin: auto;
}

#top_image {
	width: 780px;
   margin:auto;
   margin-top: 60px;
}

#contents {
   clear:both;
   position:relative;
   overflow:hidden;
   width:780px;
   margin:  auto;
   background:#fff;
}

#main {
   float:right;
   width:700px;
   padding-top:15px;
}

#sub {
   width:220px;
   height: 200px;
   padding-top:15px

}

#pageTop {
   clear:both;
   width:780px;
}

#footer {
	margin-top: 50px;
   clear:both;
   background:#f5f5f5;
}

#footMenu {
   clear:both;
   overflow:hidden;
   width:750px;
   margin:0 auto;
   padding:30px 10px 20px 40px;
}


/* ========ヘッダー======== */
#tel {
   float: right;
   padding-top: 20px;
   font-size:15px;
   color:#000;
   line-height:5px;
}
#header img{
	float: left;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 50%;
	height: 50%;
}

#header h1 a {
   color:#333;
}

#header h1 a:hover {
   color:#666;
}
#header #pr{
	padding-left: 520px;
	padding-top: 0px;
	font-size: 9px;
}
/* ========ナビメニュー======== */
#menu ul {
   overflow:hidden;
   width:780px;
   height: 40px;
   margin:0 auto;
   padding:0;
   border-right:1px solid #e5e5e5;
}

#menu li {
	margin-top: -5px;
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
}

#menu li a {
   display:block;
   width:155px;
   color:#333;
   line-height:50px;
   text-decoration:none;
   border-left:1px solid #e5e5e5;
}

#menu li .active {
   color:#fff;
   background-color: #009CFF;
   text-decoration:none;
}

#menu li a:hover {
   color:#fff;
   text-decoration:none;
}
/*=======テーブル(会社概要)=========*/
#main h2 {
	height: 20px;
   margin-bottom:20px;
   padding:16px 10px 15px 0px;
   border-bottom:1px dotted #ddd;
   background:#fff ;
   font-size: 22px;
}

table.company {
    border-collapse: separate;
    border-spacing: 0px 15px;
	height: 500px;
	font-size: 14px;
}
 
table.company th,
table.company td {
    padding: 10px;
}
 
table.company th {
    background: #009CFF;
    vertical-align: middle;
    text-align: left;
    width: 60px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #009CFF;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() 
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #009CFF 10px solid;
        margin-top: -10px;
    }
 
table.company td {
    background: #f8f8f8;
    width: 540px;
    padding-left: 20px;
}

/*=======テーブル（事業内容）=========*/
#main h2 {
	height: 20px;
   margin-bottom:20px;
   padding:16px 10px 15px 0px;
   border-bottom:1px dotted #ddd;
   background:#fff ;
   font-size: 22px;
}
#main p{
	padding-bottom: 20px;
}

table.business {
    border-collapse: separate;
    border-spacing: 0px;
	height: 420px;
	font-size: 14px;
}
 
table.business th,
table.business td {
    padding: 10px;
	border-bottom: solid;
	border-color:#FFFFFF;
}
 
table.business th {
    background: #009CFF;
    vertical-align: middle;
    text-align: center;
    width: 70px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
}
 
table.business th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #009CFF 10px solid;
        margin-top: -10px;
    }
}
 
table.business td {
    background: #f8f8f8;
    width: 530px;
    padding-left: 20px;
	line-height: 30px;
}
/*=======テーブル（製品紹介）=========*/
#main h2 {
	height: 20px;
   margin-bottom:20px;
   padding:16px 10px 15px 0px;
   border-bottom:1px dotted #ddd;
   background:#fff ;
   font-size: 22px;
}
#main p{
	padding-bottom: 20px;
}

table.goods {
    border-collapse: separate;
    border-spacing: 0px;
	height: 420px;
	font-size: 14px;
}
table.goods{
	margin-bottom: 50px;
}

table.goods th,
table.goods td {
    padding: 10px;
	border-bottom: solid;
	border-color:#FFFFFF;
}
 
table.goods th {
    background: #fff;
    vertical-align: middle;
    text-align: center;
    width: 300px;
    overflow: visible;
    position: relative;
    color: #000;
    font-weight: normal;
}
 
table.goods th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #009CFF 10px solid;
        margin-top: -10px;
    }
}
 
table.goods td {
    background: #f8f8f8;
    width: 300px;
    padding-left: 20px;
	line-height: 30px;
	font-size: 11px;
}
/*=======テーブル（保有技術）=========*/
#main h2 {
	height: 20px;
   margin-bottom:30px;
   padding:16px 10px 15px 0px;
   border-bottom:1px dotted #ddd;
   background:#fff ;
   font-size: 22px;
}
#main p{
	padding-bottom: 20px;
}

table.technical {
    border-collapse: separate;
    border-spacing: 0px;
	height: 420px;
	font-size: 14px;
	margin-bottom: 50px;
}
 
table.technical th,
table.technical td {
    padding: 10px;
	border-bottom: solid;
	border-color:#FFFFFF;
}
 
table.technical th {
    background: #009CFF;
    vertical-align: middle;
    text-align: center;
    width: 150px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
}
 
table.technical th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #009CFF 10px solid;
        margin-top: -10px;
    }
}
.group {
    background: #f8f8f8;
    width: 150px;
    padding-left: 20px;
	line-height: 30px;
	text-align: center;
}

.type {
    background: #f8f8f8;
    width: 300px;
    padding-left: 20px;
	line-height: 30px;
}

/* --- フォームエリア --- */
form.contact {
width: 700px; /* フォームエリアの幅 */
font-size: 100%;
}
/* --- フォームエリア内の段落 --- */
form.contact p {
line-height: 130%;
}
/* --- 段落内の「必須」画像 --- */
form.contact p.attention img {
vertical-align: middle;
}

/* --- 部品グループ --- */
form.contact div.fields {
margin-bottom: 20px; /* 部品グループの下マージン */
padding: 2px; /* 部品グループのパディング */
background-color: #f9f9f9; /* 部品グループの背景色 */
border: 1px #c0c0c0 solid; /* 部品グループの境界線 */
}

/* --- テーブル --- */
form.contact table {
width: 100%; /* テーブルの幅 */
border: 1px solid; /* テーブルの境界線 */
border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* テーブルの境界線色（上右下左） */
}
/* --- キャプション --- */
form.contact caption {
margin-bottom: 2px; /* キャプションの下マージン */
padding: 10px 8px; /* キャプションのパディング（上下、左右） */
background: #f9f9f9 url(caption_back1.gif) repeat-x; /* キャプションの背景 */
border: 1px solid; /* キャプションの境界線 */
border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* キャプションの境界線色（上右下左） */
text-align: left;
color: #808080; /* キャプションの文字色 */
font-weight: bold;
}
/* --- 見出しセル（th） --- */
form.contact th {
width: 160px; /* 見出しセルの幅 */
padding: 10px 8px; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: left;
line-height: 130%;
}
/* --- 見出しセル内の補足テキスト --- */
form.contact th span.supplement {
font-weight: normal;
}
/* --- データセル（td） --- */
form.contact td {
padding: 10px 5px 7px; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
}
/* --- データセル内の補足テキスト --- */
form.contact td span.supplement {
color: #808080;
}
/* --- 必須項目セル --- */
form.contact td.required {
width: 26px; /* 必須項目セルの幅 */
padding: 10px 3px; /* 必須項目セルのパディング（上下、左右） */
background-color: #c4e6fa; /* 必須項目セルの背景色 */
text-align: center;
}
/* --- 任意項目セル --- */
form.contact td.arbitrary {
background-color: #e0f1fc; /* 任意項目セルの背景色 */
}

/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
margin-bottom: 2px; /* フォーム部品の下マージン */
}
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company, #section, #name, #name2,
#email, #address {
width: 350px; /* フォーム部品の幅 */
}
/* --- （短めのテキスト入力欄） --- */
#tel1, #tel2, #tel3,
#fax1, #fax2, #fax3 {
width: 70px; /* フォーム部品の幅 */
}
#zip1, #zip2 {
width: 70px; /* フォーム部品の幅 */
}
/* --- （複数行のテキスト入力欄） --- */
#message {
width: 420px; /* フォーム部品の幅 */
height: 10em; /* フォーム部品の高さ */
}
#remark {
width: 420px; /* フォーム部品の幅 */
height: 6em; /* フォーム部品の高さ */
}

/* --- ボタン --- */
form.contact p.button {
margin: 0;
text-align: center;
}

/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:20px 0 4px 0;
   text-align:right;
}

#pageTop a {
   padding:5px 5px 5px 17px;
   background:#009CFF url("../images/bg_pagetop.gif") 7px 50% no-repeat;
   font-size:11px;
   color: #fff;
}

/* ========フッター======== */
#footMenu .section {
   width:450px;
   margin: auto;
   padding:0;
}

#footMenu ul {
   margin:0;
   padding:0;
   }

#footMenu li {
   margin:0;
   padding:0;
   list-style:none;
   display: inline;
}

#footMenu li a {
   padding-left:10px;
   font-size:11px;
   background:url(../images/bg_footmenu.gif) 0 50% no-repeat;
}


/* ========著作権======== */
.copyright {
   clear:both;
   padding: 0;
   padding-bottom:20px;
   font-style:normal;
   font-size:10px;
   text-align:center;
}