@charset "utf-8";
/*全体の設定
---------------------------------------------------------------------------*/

body {
    background-color: #FFF;
    /*全体の背景色*/

    background-image: none;
    /*背景壁紙を消す*/

    font-size: 12px;
    /*文字サイズ*/
}
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/

#container {
    width: auto;
    background: url(../images/logo.png) 0 5px no-repeat;
    background-size: 40%;
}
/*h1タグの設定*/

#container h1 {
    display: block;
    line-height: 50px;
    padding-right: 10px;
    height: 43px;
    margin-top: 35px
}
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/

header {
    width: auto;
    height: 200px;
    /*ヘッダーの高さ*/

    border: none;
    border-bottom: 1px solid #FFF;
    /*下側の線の幅、線種、色*/

    background-size: cover;
    background-position: center
}
/*ロゴ画像の設定*/

header #logo a {
    position: absolute;
    display: block;
    color: #fff;
    font-size: 150%;
    font-weight: bold;
    line-height: 1.1em;
    text-align: right;
    text-shadow: #333 2px 2px 1px;
    right: 15px;
    /*ヘッダーブロックに対して左から30pxの位置に配置*/

    top: 15px;
    /*ヘッダーブロックに対して上から70pxの位置に配置*/
}
/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/

nav#menu ul {
    height: auto;
    overflow: hidden;
    margin-bottom: 0;
}
/*メニュー１個ごとの設定*/

nav#menu ul li, nav#menu ul li:last-child {
    width: 50%;
}

nav#menu ul li a {
    border: none;
    border-bottom: 1px solid #FFF;
    /*下側の線の幅、線種、色*/
}
/*奇数番目のメニューの設定(※１個目の「ホーム」メニューが非表示になっている為、この場合はサービスとお問い合わせが奇数番目となる。)*/

nav#menu ul li:nth-child(2n) {
    border-left: 1px solid #FFF;
    /*左側の線の幅、線種、色*/

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

nav#menu ul li a span {
    display: none;
}

nav#menu ul li a {
    height: 20px;
    padding: 8px 0 7px;
}
/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/

#contents {
    width: auto;
}
/*main,subコンテンツ
---------------------------------------------------------------------------*/

#main, #sub {
    float: none;
    width: auto;
    margin-bottom: 0;
}

#main {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
/*mainコンテンツのh2タグの設定*/

#main h2 {
    padding: 4px 10px;
    /*上下、左右への余白*/
}
/*mainコンテンツのh3タグの設定*/

#main h3 {
    padding: 2px 10px;
    /*上、右、下、左への余白*/
}

#main p {
    padding: 0.5em 5px 1em;
}

#sub {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
/*service.html内の各ブロック（※タイプ１）
---------------------------------------------------------------------------*/
/*各ボックスの設定*/

#main section.list1 section {
    width: 100%;
    height: auto;
    float: none;
    margin-left: 0px;
    padding-bottom: 25px;
}
/*写真の設定*/

#main section.list1 section figure {
    padding: 0px;
    border: none;
}

#main section.list1 section figure img {
    width: 100%;
}
/*service.html内の各ブロック（※タイプ２）
---------------------------------------------------------------------------*/
/*ボックス内の段落タグ設定*/

#main section.list2 section p {
    margin-left: 0;
}
/*ボックス内の写真設定*/

#main section.list2 section figure img {
    float: none;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/

section#new h2.open {
    background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c4003b), to(#b20031));
    /*マイナスアイコンとグラデーション*/

    background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#c4003b, #b20031);
    /*同上*/

    background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#c4003b, #b20031);
    /*同上*/
}

section#new h2.close {
    background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c4003b), to(#b20031));
    /*プラスアイコンとグラデーション*/

    background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#c4003b, #b20031);
    /*同上*/

    background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#c4003b, #b20031);
    /*同上*/
}
/*ブロック全体の設定*/

#new dl {
    height: auto;
    padding-left: 5px;
}
/*日付設定*/

#new dt {
    float: none;
    width: auto;
}
/*記事設定*/

#new dd {
    padding-left: 0;
}
/*テーブル１
---------------------------------------------------------------------------*/
/*テーブル内の右側*/

.ta1 td {
    width: auto;
    padding: 2px;
}
/*テーブル内の左側の見出し部分*/

.ta1 th {
    width: 100px;
    padding: 2px;
}
/*その他
---------------------------------------------------------------------------*/
/*写真の設定*/

img.wa {
    width: 100%;
    height: auto;
}
/*メニュー折りたたみ設定*/

#top #menubar_hdr {
    display: none;
}

#menubar_hdr {
    display: inline;
    position: absolute;
    top: 0px;
    right: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
    background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
    background-image: linear-gradient(#fbfbfb, #e5e5e5);
    padding: 10px;
    border: 1px solid #cfcfcf;
    border-radius: 0px 0px 6px 6px;
}

iframe.gmap {
    display: none
}

p.gmap {
    display: block
}

figure.btn:nth-child(1), figure.btn:nth-child(2) {
    margin-bottom: 2%;
    clear: both;
    width: 100%;
}

figure.btn:nth-child(1), figure.btn:nth-child(2) {
    margin-bottom: 2%;
    clear: both;
    width: 100%
}

#sidecon {
    right: 10px;
    font-size: 90%;
    top: 10px;
    transform: rotate(0)
}

p#tel, p#form {
    padding: 3px 10px 5px;
}