@charset "UTF-8";

body {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.333;
    font-family: 'メイリオ',
    'Hiragino Kaku Gothic Pro', sans-serif
}


/* インデックス */
.indextitle {
    margin: 0;
    padding: 8px 16px;
    background-color: #333333;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 1.1;
}

.archlink p {
    margin: 16px 0;
    font-size: 18px;
}

#pageFoot {
    background-color: #333333;
    color: #FFFFFF;
    padding: 2px 0;
}

/* インデックス 画像 */
.archlink a:hover {
    opacity: 0.7;
}


/* サイト名 */
.site h1 a {
    color:#FFF;
    text-decoration: none;
}

.site h1 {
    padding: 14px 8px;
    margin: 0;
    background-color: #234378;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 1.1;
}


/* ヘッダー画像 */
.topimg {
    max-width: 100%;
    height: 228px;
    vertical-align: bottom;
}


/* ナビゲーション */
.dropmenu {
    *zoom: 1;
    list-style-type: none;
    width: 100%;
    margin-top: 0;
    padding: 0;
}

.dropmenu:before, .dropmenu:after {
    display: table;
    content: "";
}

.dropmenu after {
    clear: both;
}

.dropmenu li {
    position: relative;
    float: left;
    width: 20%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.dropmenu li a {
    display: block;
    margin: 0;
    padding: 15px 0 11px;
    background: #234378;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
    text-decoration: none;
}

.dropmenu li ul {
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%
    left: 0;
    margin: 0;
    padding: 0;
}

.dropmenu li ul li {
    width: 100%;
    opacity: 0.9;
}

.dropmenu li ul li a {
    padding: 12px 16px;
    border-top: 1px solid #758299;
    background: #234378;
    text-align: left;
}

.dropmenu li:hover > a {
    background: #8F95A2;
}

.dropmenu li a:hover {
    background: #8F95A2;
}

#normal li ul {
    display: none;
}

#normal li:hover ul {
    display: block;
}


/* 会社情報 */
.kaisyajouhou h1 {
    margin: 10px 0 16px 0;
    font-size: 20px;
    border-left: 5px solid #758299;
    padding-left: 4px;
}

.kaisyajouhou p {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 14px;
}

.kaisyajouhoubtn {
    padding: 2px 4px;
    margin: 2px 0;
}



/* 新着情報 */
.news h1 {
    padding: 0 4px;
    margin-top: 10px;
    border-style: solid;
    border-width: 0 0 1px 4px;
    border-color: #758299;
    font-size: 28px;
    line-height: 1.143;
}

.news ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news li a {
    display: block;
    padding: 5px;
    border-bottom: dotted 2px #dddddd;
    color: #000000;
    font-size: 16px;
    text-decoration: none;
}

.news li a:hover {
    background-color: #eeeeee;
}

.news time {
    color: #888888;
    font-weight: bold;
}

.news a:after {
    content: "";
    display: block;
    clear: both;
}

.news time {
    float: left;
    width: 60px;
}

.news .text {
    float: none;
    width: auto;
    margin-left: 60px;
}

/* サイトマップ */
.sitemap h1 {
    padding: 2px 4px;
    margin-top: 20px;
    border-style: solid;
    border-width: 0 0 1px 4px;
    border-color: #758299;
    font-size: 28px;
    line-height: 1.143;
}


.sitemap table {
    font-size: 16px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 95%;
    margin: 0 auto;
}

.sitemap table th,
table td {
    border: 1px solid #333333;
    padding: 8px 12px;
}

.sitemap table th {
    background-color: #5F6D78;
    text-align: center;
    color: #FFFFFF;
    width: 25%;
}

.sitemap table td {
    font-size: 15px;
}


/* ブログ新着情報 */
.blognews h1 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    border-left: 4px solid #758299;
    padding-left: 6px;
}


/* 会社情報 */
.box8 h1 {
    padding: 0 4px;
    border-style: solid;
    border-width: 0 0 1px 4px;
    border-color: #758299;
    font-size: 28px;
    line-height: 1.143;
}

.box8 h2 {
    color: #FFFFFF;
    border: solid 1px #5F6D78;
    background-color: #294F8F;
    font-size: 18px;
    padding: 4px 8px;
    margin: 24px 0;
}

.box8 h4 {
    font-size: 48px;
    line-height: 1.125;
    margin: 24px 0;
    text-align: center;
}



/* 会社情報 画像 */
.box8 img {
    margin: 8px 0;
}

.rinen-right {
    float: right;
}

.map img {
    padding: 0 70px;
}

section:after {
    content: "";
    display: block;
    clear: both;
}

/* 会社情報 表 */
.box8 table {
    font-size: 16px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 536px;
    margin: 8px auto;
}

.box8 table th,
table td {
    border: 1px solid #333333;
    padding: 8px 12px;
}

.box8 table th {
    background-color: #5F6D78;
    text-align: center;
    color: #FFFFFF;
    width: 25%;
}

.box8 table td {
    font-size: 15px;
}


/* 設備案内 */
.boxC h1 {
    padding: 2px 4px;
    margin-top: 10px;
    border-style: solid;
    border-width: 0 0 1px 4px;
    border-color: #758299;
    font-size: 28px;
    line-height: 1.143;
}

.box11 h2 {
    color: #FFFFFF;
    border: solid 1px #5F6D78;
    background-color: #294F8F;
    font-size: 18px;
    padding: 4px 8px;
    margin: 24px 0;
}

.box8 h3 {
    font-size: 16px;
    line-height: 1.2;
    border-left: solid 5px #8F95A2;
    padding-left: 6px;
}

.setsubiannai  p{
    padding-left: 9px;
}

/* 設備案内 画像 */
.box10-2 img{
    margin-left: 96px;
}

.box8-2 img{
    margin-left: 96px;
}

.cadsystem-2 img{
    margin-left: 148px;
}


/* 製品案内 */
.seihinannai h1 {
    padding: 2px 4px;
    margin-top: 10px;
    border-style: solid;
    border-width: 0 0 1px 4px;
    border-color: #758299;
    font-size: 28px;
    line-height: 1.143;
}

.seihinannai h2 {
    color: #FFFFFF;
    border: solid 1px #5F6D78;
    background-color: #294F8F;
    font-size: 18px;
    padding: 4px 8px;
    margin: 24px 0;
}

.seihinannai h3 {
    font-size: 16px;
    line-height: 1.2;
    border-left: solid 5px #8F95A2;
    padding-left: 6px;
}

/* 製品案内 画像 */
.seihinannai img{
    margin-left: 120px;
}

.annai-L p {
    padding-left: 8px;
}


/* 採用情報 */
.saiyoujouhou h1 {
    padding: 2px 4px;
    margin-top: 10px;
    border-style: solid;
    border-width: 0 0 1px 4px;
    border-color: #758299;
    font-size: 28px;
    line-height: 1.143;
}

.saiyoujouhou h2 {
    color: #FFFFFF;
    border: solid 1px #5F6D78;
    background-color: #294F8F;
    font-size: 24px;
    padding: 4px 8px;
    margin: 20px 0;
}

.saiyoujouhou h3 {
    font-size: 24px;
    line-height: 1.2;
    border-left: solid 5px #F39800;
    background-color: #FFFFCC;
    padding: 6px 10px;
}

.saiyoujouhou table {
    font-size: 18px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin: 8px 10px;;
    width: 100%;
}

.saiyoujouhou table th,
table td {
    border: 1px solid #333333;
    padding: 8px 12px;
}

.saiyoujouhou table th {
    background-color: #5F6D78;
    text-align: center;
    color: #FFFFFF;
    width: 25%;
}

.saiyoujouhou table td {
    font-size: 16px;
}

/* 採用情報 画像 */
.aisatsu-R img{
    margin-left: 64px;
    margin-top: 40px;
}

.oubobtn {
    text-align: center;
}

.oubobtn a:hover {
    opacity: 0.7;
}




/* 注文方法 */
.houhou h1 {
    padding: 2px 4px;
    margin-top: 10px;
    border-style: solid;
    border-width: 0 0 1px 4px;
    border-color: #758299;
    font-size: 28px;
    line-height: 1.143;
}

.houhou h2 {
    font-size: 22px;
    line-height: 1.182;
    border-left: solid 5px #8F95A2;
    padding-left: 6px;
}

.houhou p {
    padding: 4px;
}


.eigyoujikan {
    background-color: #ECECEC;
    width: 40%;
    padding: 10px;
}

.eigyoujikan h4 {
    font-size: 16px;
    margin: 4px;
}

.eigyoujikan p {
    margin: 0 2px;
}


/* お問い合せ */
.otoiawasebody {
    margin: 0 8px;
}

.toi {
    padding: 2px 4px;
    border-style: solid;
    border-width: 0 0 1px 4px;
    border-color: #758299;
    font-size: 28px;
    line-height: 1.143;
}

.otoiawasebody h2 {
    font-size: 24px;
    line-height: 1.2;
    border-left: solid 5px #8F95A2;
    padding-left: 8px;
}

.otoiawasebody p {
    padding-left: 8px;
    margin: 24px 0;
}

/* お問い合せ 画像 */
.toibtn {
   text-align: center;
   padding-top: 16px;
}

.toibtn a:hover {
    opacity: 0.7;
}

/* メールサンクスページ */
.thankspage h1 {
    border-left: solid 5px #333333;
    font-size: 24px;
    padding: 4px;
}

.thankspage {
    background-color: #E6E6E6;
    width: 70%;
    margin: 16px auto;
}

.thankspage p{
    margin: 4px;
    padding: 0 8px;
}

.formrenraku {
    border-bottom: solid 2px #FFFFFF;
    margin-bottom: 16px;
}

.toji {
    text-align: center;
}

/* ページトップへ */
.pagetop {
    text-align: right;
}

.pagetop {
    padding: 4px;
}

.pagetop a:hover {
    opacity: 0.7;
}



/* コピーライト */
.copyright p {
    margin: 0;
    padding-left: 6px;
    background-color: #234378;
    color: #FFFFFF;
    font-size: 14px;
}

/* BOX7をバーの形にする */
.box7 {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #234378;
}

/* ボックスの左右 */
.boxA, .box4, .box5 {
    padding: 0 4px;
}


/* ボックスの上下 */
.boxA {
    padding-top: 10px;
    padding-bottom: 10px;
}


/* ########### 599px 以下 ########### */
@media (max-width: 599px) {

/* インデックス */
.indextitle {
    font-size: 24px;
}

.archlink img{
    width: 100%;
    height: auto;
}

.archlink p {
    font-size: 15px;
}

#pageFoot {
    font-size: 12px;
}



/* サイト名 */
.site h1 {
    padding: 10px 4px;
    margin: 0;
    font-size: 14px;
}


/* ヘッダー画像 */
.topimg {
    width: 320px;
    height: auto;
}


/* ナビゲーション */
.dropmenu li a {
    padding: 11px 0 7px;
    font-size: 10px;
}

/* 会社情報 */
.kaisyajouhou h1 {
    font-size: 16px;
}

.kaisyajouhou p {
    font-size: 14px;
}

.kaisyajouhou img {
    width: 104px;
}


/* 新着情報 */
.news h1 {
    font-size: 16px;
}


/* サイトマップ */
.sitemap h1 {
    font-size: 16px;
}

.text {
    font-size: 12px;
}

.sitemap table {
    font-size: 12px;
}

.sitemap table td {
    font-size: 12px;
}


/* ブログ新着情報 */
.blognews h1 {
    font-size: 16px;
}



/* 会社情報 画像 */
.img-right {
    width: 50%;
    height: auto;
}

/* 会社情報 表 */
.box8 table {
    font-size: 14px;
    width: 240px;
    margin: 8px auto;
}

.box8 table td {
    font-size: 13px;
}


/* 設備案内 画像 */
.setsubiannai img {
    width: 80%;
    height: auto;
    margin: auto;
}

.cadsystem-2 {
    width: 60%;
    height: auto;
    margin: auto;
}

/* 採用情報 画像 */
.aisatsu-R img{
    width: 80%;
    height: auto;
    margin: auto;
}

/* 注文方法 */
.eigyoujikan {
    width: auto;
}

/* ページトップへ */
.pagetop img {
    width: 48px;
}










}






/* ########### 768px 以上 ########### */
@media (min-width: 768px) {


/* BOX4 と BOX5 と BOX6を横に並べる設定 */
.boxA:after {
    content: "";
    display: block;
    clear: both;
}

.box4 {
    float: left;
    width: 15%;
    margin-right: 1%;
}

.box5 {
    float: left;
    width: 60%;
    margin-right: 1%;
}

.box6 {
    float: left;
    width: auto;
}

/* BOX8-1 と BOX8-2を横に並べる設定 */
.boxB:after {
    content: "";
    display: block;
    clear: both;
}

.box8-1 {
    float: left;
    width: 50%;
}

.box8-2 {
    float: left;
    width: 50%;
}

/* BOX10-1 と BOX10-2を横に並べる設定 */
.boxC:after {
    content: "";
    display: block;
    clear: both;
}

.box10-1 {
    float: left;
    width: 50%;
}

.box10-2 {
    float: left;
    width: 50%;
}

/* cadsystem-1 と cadsystem-2を横に並べる設定 */
.cadsystem:after {
    content: "";
    display: block;
    clear: both;
}

.cadsystem-1 {
    float: left;
    width: 50%;
}

.cadsystem-2 {
    float: left;
    width: 50%;
}

/* annai-L と annai-Rを隣に並べる設定*/
.annai:after {
    content: "";
    display: block;
    clear: both;
}

.annai-L {
    float: left;
    width: 50%;
}

.annai-R {
    float: left;
    width: 50%;
}


/* aisatsu-L と aisatsu-Rを隣に並べる設定*/
.boxE:after {
    content: "";
    display: block;
    clear: both;
}

.aisatsu-L {
    float: left;
    width: 50%;
}

.aisatsu-R {
    float: left;
    width: 50%;
}








}


/* ########### 1190px 以上 ########### */
@media (min-width: 960px) {

/* 全体の横幅を固定 */
body {
    width: 960px;
    margin: 0 auto;
}



}