@charset "utf-8";

/*=====================================================

全般的なスタイル

=====================================================*/
* {
    margin:0;
    padding:0;

body {
    background-color:#fff5ee;
    background-image:url("img/bg_body.gif");  /*ウェブページ全体の背景色
    font-size:95%;                               /*フォントサイズを95%にする。*/
    font-family:"MS ゴシック",sans-serif;    /*フォントの種類をゴシック系にする。*/

    /*font-family: "Hiragino Kaku Gothic ProN";  /*フォントの種類をゴシック系にする*/

    line-height:1.5;   /*行の高さを1.5倍にする。*/
    color:#333333;   /*文字の色を濃い目のグレーにする。*/
}
div#pagebody {
    width:960px;margin:0 auto;
    background-color:#ffffff;
}

/*=======================================================

ヘッダ

========================================================*/

p {
    margin:0px 10px 0px 30px;
}

div#header {
    height:90px;

    display: flex;
    justify-content: space-around;

}
div#header h1 {
    padding:0px 0px 5px 12px;
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
}
div#header h1 a {text-decoration:none;}
img {border:0;}

/*ゆっくり透明に*/
.nakanaweb img {
  transition: .3s;
}

/*ホバー時に透明度50%*/
.nakanaweb img:hover {
  opacity: 0.5;
}

/*ゆっくり透明に*/
.phone img {
  transition: .3s;
}

/*ホバー時に透明度50%*/
.phone img:hover {
  opacity: 0.5;
}

/*=====================================================

メインメニュー

=====================================================*/

ul#menu{
    width:920;height:50px;
    margin:10px 20px;
}
#menu li{
    list-style-type:none;
    display:inline;
Float:left;
}
#menu li a {
    background-color:#276989;
    /*background-color:#0099cc;*/
    /*background-color:#618e34;*/
    color:#ffffff;
    display:block;
    width:228px; height:35px;
    padding:15px 0px 0px 0px;
    text-align:center;
    text-decoration:none;
    border:1px dotted white;
}
#menu li a:hover{
   /* background-color:#000066*/
    /*color:#ff0000;*/
   color:#6c676e
}

/*======================================================

Keyvisual

======================================================*/

.keyvisual {
        position: relative;/*親要素にrelative*/
	clear: both;
        width:920px;
        height:403px;
	margin:0px 20px 0px 20px;
}

.keyvisual p {
        position: absolute;/*重ねたい子要素にabsolute*/
        opacity: 0.7;
        margin:0px 20px 0px 20px;
        top:40%;
        left: 60%;
}

/*======================================================

サブメニュー（左カラム）

======================================================*/
h2 {
    display:block;    
    color:#ffffff;
    width:218px; height:35;
    padding:17px 0px 20px 20px;
    font-size:16px;
    background-color:#276989;
    /*background-color:#0099cc;*/
    border:0.6px dotted white;
}

div#submenu {
    width:240px;
    height:35;
    margin:20px 10px 10px 20px;
    float:left;   
}
div#submenu ul li {
    list-style-type:none;
    border:0.6px dotted white;
}
div#submenu ul li a {
    background-color:#bad7db;
    /*background-color:#99ddff;*/
    display:block;
    height:45px;
    padding:15px 0px 0px 15px;
    text-decoration:none;
    border-bottom:1px dotted white;
    color:#333333;
}

div#submenu ul li:first-child a {
    border-top:1px dotted white;
}

div#submenu ul li a:hover{
    color:#ff0000;
    text-decoration:none;
}


/*======================================================

インフォメーション（右カラム）

======================================================*/
.info {
    width:648px;
    float:center;
    margin:20px 20px 0px 273px;
}

h3 {
    font-size:14px;
    width:648px;
    margin:0px 0px 0px 0px;
    padding:10px 0px 10px 20px;
    /*background-color:#3cb371;*/
    background-color:#00a33d;
    /*background-color:#006bbd;*/
    /*background-color:#5668d4;*/
    /*background-color:#7b7a4e;*/
    color:#ffffff;
}

.infoimg_index {
    width:200px; height:150px;
    margin:0px 0px 0px 20px;
    float:right;
}

hr {
    clear:both;
}

/*===================================================

テーブル1

===================================================*/

table.profile1 {
    width:668px;
    margin:0px 40px 0px 0px; 
}
table.profile1 th {
    font-size:14px;
    font-weight:bold;
    width:140px;
    padding:10px;
    text-align:center;
    white-space:nowarp;
    background-color:#dcdcdc;
    border-bottom:dotted #666666 1px;
    /*border:dotted #bad7db 1px;*/
    /*border:dotted 1px;*/
}
table.profile1 td {
    font-size:14px;
    font-weight:normal;
    padding:10px;
    text-align:left;
    background-color:#ffffff;
    border-bottom:dotted #666666 1px;
    /*border:dotted #bad7db 1px;*/
    /*border:dotted 1px;*/
}

/*===================================================

テーブル2

===================================================*/

table.profile2 {
    width:668px;
    margin:0px 40px 0px 0px; 
}
table.profile2 th {
    font-size:14px;
    font-weight:bold;
    width:200px;
    padding:10px;
    text-align:center;
    white-space:nowarp;
    background-color:#dcdcdc;
    border-bottom:dotted #666666 1px;
    /*border:dotted #bad7db 1px;*/
}
table.profile2 td {
    font-size:14px;
    font-weight:normal;
    width:294px;
    padding:10px;
    background-color:#eeeeff;
    border-bottom:dotted #666666 1px;
    /*border:dotted #bad7db 1px;*/
}

/*=======================================================

フッタ

=======================================================*/
div#footer {
    clear:both;
    height:60px;
    margin:0px 40px 0px 80px; 
    padding:10px 0px 0px 0px;
    font-size:small;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
}

/*=======================================================

ボーダー

=======================================================*/
div#border {
    border-style:solid;
    border-width:0px 0px 2px 0px;
    border-color:#ffa500;
}





@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
  img {
    max-width: 640px;
  }

}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
  img {
    max-width: 240px;
  }

}