/***************************************************************
           本体
***************************************************************/
/*--------------------------------------------------------------
    装飾
--------------------------------------------------------------*/
body
{
border-color: #C0C0C0;
border-width: 4px 0 0 0;
border-style: solid;
font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}


/***************************************************************
           ヘッダー（PC用）
***************************************************************/
/*--------------------------------------------------------------
    背景
--------------------------------------------------------------*/
#header_pc
{
padding: 1% 0;
background: #DAEDEC;
border-color: #C0C0C0;
border-width: 0 0 1px 0;
border-style: solid;
}
/*--------------------------------------------------------------
    コンテナ
--------------------------------------------------------------*/
#header_pc #container
{
display: table;
width: 80%;
margin: 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    ロゴ
--------------------------------------------------------------*/
#header_pc #container .container_left
{
display: table-cell;
width: 15%;
vertical-align: middle;
}
#header_pc #container .container_left h1
{
padding: 0 10% 0 0;
}
#header_pc #container .container_left h1 a img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    電話番号 & ファックス番号
--------------------------------------------------------------*/
#header_pc #container .container_center
{
display: table-cell;
width: 35%;
vertical-align: middle;
}
#header_pc #container .container_center p
{
padding: 0 30% 0 0;
}
#header_pc #container .container_center p img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    ナビゲーション
--------------------------------------------------------------*/
#header_pc #container .container_right
{
display: table-cell;
width: 50%;
vertical-align: middle;
}
#header_pc #container .container_right ul
{
display: table;
width: 100%;
table-layout: fixed;
box-sizing: border-box;
list-style-type: none;
}
#header_pc #container .container_right ul li
{
display: table-cell;
vertical-align: top;
}
#header_pc #container .container_right ul li:nth-of-type(n+2)
{
border-color: #6A9291;
border-width: 0 0 0 1px;
border-style: solid;
}
#header_pc #container .container_right ul li a
{
display: block;
color: #6A9291;
font-size: 15px;
letter-spacing: 2px;
text-align: center;
text-decoration: none;
}


/***************************************************************
           ヘッダー（タブレット&スマートフォン用）
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#header_sp
{
display: none;
}
/*--------------------------------------------------------------
    ロゴ
--------------------------------------------------------------*/
#header_sp p:nth-of-type(1)
{
display: none;
}
/*--------------------------------------------------------------
    電話
--------------------------------------------------------------*/
#header_sp p:nth-of-type(2)
{
display: none;
}
/*--------------------------------------------------------------
    メール
--------------------------------------------------------------*/
#header_sp p:nth-of-type(3)
{
display: none;
}


/***************************************************************
           ハンバーガー
***************************************************************/
/*--------------------------------------------------------------
    ハンバーガー
--------------------------------------------------------------*/
#hamburger
{
display: none;
}


/***************************************************************
           ビジュアル
***************************************************************/
/*--------------------------------------------------------------
    背景
--------------------------------------------------------------*/
#visual
{
background: #F8F7F5;
border-color: #C0C0C0;
border-width: 0 0 1px 0;
border-style: solid;
}
/*--------------------------------------------------------------
    コンテナ
--------------------------------------------------------------*/
#visual #container
{
display: table;
width: 80%;
table-layout: fixed;
margin: 0 auto;
box-sizing: border-box;
background: #FFFFFF;
border-color: #C0C0C0;
border-width: 0 1px;
border-style: solid;
}
/*--------------------------------------------------------------
    文章
--------------------------------------------------------------*/
#visual #container .container_left
{
display: table-cell;
vertical-align: middle;
padding: 0 2%;
}
#visual #container .container_left .parts_1 p
{
color: #6A9291;
font-size: 16px;
letter-spacing: 2px;
text-shadow: 2px 2px 2px #D3D3D3;
}
#visual #container .container_left .parts_1 p span
{
font-size: 22px;
letter-spacing: 4px;
}
#visual #container .container_left .parts_2
{
margin: 5% 0 0 0;
}
#visual #container .container_left .parts_2 p
{
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    画像
--------------------------------------------------------------*/
#visual #container .container_right
{
display: table-cell;
vertical-align: middle;
}
#visual #container .container_right p img
{
display: block;
width: 100%;
}


/***************************************************************
           各店舗
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#shop
{
margin: 5% 0 0 0;
}
/*--------------------------------------------------------------
    コンテナ
--------------------------------------------------------------*/
#shop #container
{
display: table;
width: 85%;
table-layout: fixed;
margin: 0 auto;
box-sizing: border-box;
border-spacing: 20px 0;
}
#shop #container:nth-of-type(n+2)
{
display: table;
width: 85%;
table-layout: fixed;
margin: 2% auto 0 auto;
box-sizing: border-box;
border-spacing: 20px 0;
}
/*--------------------------------------------------------------
    各店舗の領域
--------------------------------------------------------------*/
#shop #container #chapter
{
display: table-cell;
vertical-align: top;
}
/*--------------------------------------------------------------
    店舗名
--------------------------------------------------------------*/
#shop #container #chapter .parts_1
{
padding: 0 0 1% 0;
border-color: #6A9291;
border-width: 0 0 1px 0;
border-style: solid;
}
#shop #container #chapter .parts_1 p a
{
color: #828c8b;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none;
}
#shop #container #chapter .parts_1 p a i
{
color: #6A9291;
}
/*--------------------------------------------------------------
    店舗情報
--------------------------------------------------------------*/
#shop #container #chapter .parts_2
{
margin: 2% 0 0 0;
}
#shop #container #chapter .parts_2 p
{
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    地図
--------------------------------------------------------------*/
#shop #container #chapter .parts_3
{
margin: 2% 0 0 0;
}
#shop #container #chapter .parts_3 iframe
{
width: 100%;
height: 200px;
}


/***************************************************************
           ニュース・お知らせ & 会社概要
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#threecolumn
{
margin: 5% 0 0 0;
}
/*--------------------------------------------------------------
    コンテナ
--------------------------------------------------------------*/
#threecolumn #container
{
display: table;
width: 85%;
table-layout: fixed;
margin: 0 auto;
box-sizing: border-box;
border-spacing: 20px 0;
}
/*--------------------------------------------------------------
    ニュース・お知らせ
--------------------------------------------------------------*/
#threecolumn #container #news
{
display: table-cell;
vertical-align: top;
}
#threecolumn #container #news .parts_1 h2
{
color: #828c8b;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
}
#threecolumn #container #news .parts_2
{
margin: 5% 0 0 0;
}
#threecolumn #container #news .parts_2 ul
{
display: table;
width: 100%;
box-sizing: border-box;
border-color: #828c8b;
border-width: 0 0 1px 0;
border-style: solid;
}
#threecolumn #container #news .parts_2 ul:nth-of-type(n+2)
{
margin: 5% 0 0 0;
}
#threecolumn #container #news .parts_2 ul li:nth-of-type(1)
{
display: table-cell;
width: 20%;
vertical-align: top;
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
}
#threecolumn #container #news .parts_2 ul li:nth-of-type(2)
{
display: table-cell;
width: 80%;
vertical-align: top;
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    会社概要
--------------------------------------------------------------*/
#threecolumn #container #about
{
display: table-cell;
vertical-align: top;
}
#threecolumn #container #about .parts_1 h2
{
color: #828c8b;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
}
#threecolumn #container #about .parts_2
{
margin: 5% 0 0 0;
}
#threecolumn #container #about .parts_2 ul
{
display: table;
width: 100%;
box-sizing: border-box;
}
#threecolumn #container #about .parts_2 ul:nth-of-type(n+2)
{
margin: 5% 0 0 0;
}
#threecolumn #container #about .parts_2 ul li:nth-of-type(1)
{
display: table-cell;
width: 25%;
vertical-align: top;
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
}
#threecolumn #container #about .parts_2 ul li:nth-of-type(2)
{
display: table-cell;
width: 75%;
vertical-align: top;
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    画像
--------------------------------------------------------------*/
#threecolumn #container #image
{
display: table-cell;
vertical-align: top;
}
#threecolumn #container #image p
{
padding: 0 10%;
}
#threecolumn #container #image p img
{
display: block;
width: 100%;
}


/***************************************************************
           フッター
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
footer
{
margin: 5% 0 0 0;
}
/*--------------------------------------------------------------
    ページトップへ戻る
--------------------------------------------------------------*/
footer .parts_1
{
width: 10%;
margin: 0 5% 0 auto;
}
footer .parts_1 a.pc
{
text-decoration: none;
}
footer .parts_1 a.pc p img
{
display: block;
width: 100%;
}
footer .parts_1 a.sp
{
display: none;
}
/*--------------------------------------------------------------
    画像
--------------------------------------------------------------*/
footer .parts_2 p img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    著作権
--------------------------------------------------------------*/
footer .parts_3
{
padding: 2% 0;
background: #aaa9a7; 
}
footer .parts_3 p
{
color: #FFFFFF;
font-size: 12px;
letter-spacing: 6px;
text-align: center;
}


/***************************************************************
           コンテンツ_下層ページ
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower
{
display: table;
width: 80%;
margin: 5% auto 0 auto;
box-sizing: border-box;
}


/***************************************************************
           サイドバー
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #sidebar
{
display: table-cell;
width: 30%;
vertical-align: top;
padding: 0 5% 0 0;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#content_lower #sidebar .heading h2
{
padding: 0 30% 0 0;
}
#content_lower #sidebar .heading h2 img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    メニュー
--------------------------------------------------------------*/
#content_lower #sidebar .menu
{
margin: 10% 0 0 0;
}
#content_lower #sidebar .menu a
{
display: block;
text-decoration: none;
}
#content_lower #sidebar .menu a:nth-of-type(n+2)
{
margin: 10% 0 0 0;
}
#content_lower #sidebar .menu a p
{
padding: 0 0 1% 0;
border-color: #6A9291;
border-width: 0 0 1px 0;
border-style: solid;
color: #828c8b;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
}
#content_lower #sidebar .menu a p i
{
color: #6A9291;
}


/***************************************************************
           会社概要
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #about
{
display: table-cell;
width: 70%;
vertical-align: top;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#content_lower #about .heading h2
{
padding: 0 30% 0 0;
}
#content_lower #about .heading h2 img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    会社概要
--------------------------------------------------------------*/
#content_lower #about .chapter_1
{
margin: 5% 0 0 0;
}
#content_lower #about .chapter_1 ul
{
display: table;
width: 100%;
box-sizing: border-box;
}
#content_lower #about .chapter_1 ul li:nth-of-type(1)
{
display: table-cell;
width: 20%;
vertical-align: middle;
padding: 2%;
background: #DAEDEC;
border-color: #C0C0C0;
border-width: 1px 1px 1px 0;
border-style: solid;
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #about .chapter_1 ul:nth-of-type(n+2) li:nth-of-type(1)
{
border-width: 0 1px 1px 0;
}
#content_lower #about .chapter_1 ul li:nth-of-type(2)
{
display: table-cell;
width: 80%;
vertical-align: middle;
padding: 2%;
border-color: #C0C0C0;
border-width: 1px 0;
border-style: solid;
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #about .chapter_1 ul li:nth-of-type(2) a
{
color: #b1c6c4;
}
#content_lower #about .chapter_1 ul li:nth-of-type(2) a:hover
{
color: #FF9900;
}
#content_lower #about .chapter_1 ul:nth-of-type(n+2) li:nth-of-type(2)
{
border-width: 0 0 1px 0;
}
/*--------------------------------------------------------------
    店舗所在地
--------------------------------------------------------------*/
#content_lower #about .chapter_2
{
margin: 5% 0 0 0;
}
#content_lower #about .chapter_2 h3
{
padding: 2%;
background: #efefef;
border-radius: 10px;
color: #828c8b;
font-size: 18px;
letter-spacing: 2px;
}
#content_lower #about .chapter_2 h3 span
{
font-size: 12px;
letter-spacing: 2px;
}
/*--------------------------------------------------------------
    各店舗情報
--------------------------------------------------------------*/
#content_lower #about .chapter_3
{
margin: 5% 0 0 0;
}
#content_lower #about .chapter_3 .parts_1
{
padding: 0 0 1% 0;
border-color: #6A9291;
border-width: 0 0 1px 0;
border-style: dotted;
}
#content_lower #about .chapter_3 .parts_1 p
{
color: #828c8b;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none;
}
#content_lower #about .chapter_3 .parts_1 p i
{
color: #6A9291;
}
#content_lower #about .chapter_3 .parts_2
{
margin: 2% 0 0 0;
}
#content_lower #about .chapter_3 .parts_2 p
{
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #about .chapter_3 .parts_3
{
margin: 2% 0 0 0;
}
#content_lower #about .chapter_3 .parts_3 iframe
{
width: 100%;
height: 300px;
}


/***************************************************************
           アクセス
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #access
{
display: table-cell;
width: 70%;
vertical-align: top;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#content_lower #access .heading h2
{
padding: 0 30% 0 0;
}
#content_lower #access .heading h2 img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    会社概要
--------------------------------------------------------------*/
#content_lower #access .chapter_1
{
margin: 5% 0 0 0;
}
#content_lower #access .chapter_1 ul
{
display: table;
width: 100%;
box-sizing: border-box;
}
#content_lower #access .chapter_1 ul li:nth-of-type(1)
{
display: table-cell;
width: 20%;
vertical-align: middle;
padding: 2%;
background: #DAEDEC;
border-color: #C0C0C0;
border-width: 1px 1px 1px 0;
border-style: solid;
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #access .chapter_1 ul:nth-of-type(n+2) li:nth-of-type(1)
{
border-width: 0 1px 1px 0;
}
#content_lower #access .chapter_1 ul li:nth-of-type(2)
{
display: table-cell;
width: 80%;
vertical-align: middle;
padding: 2%;
border-color: #C0C0C0;
border-width: 1px 0;
border-style: solid;
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #access .chapter_1 ul li:nth-of-type(2) a
{
color: #b1c6c4;
}
#content_lower #access .chapter_1 ul li:nth-of-type(2) a:hover
{
color: #FF9900;
}
#content_lower #access .chapter_1 ul:nth-of-type(n+2) li:nth-of-type(2)
{
border-width: 0 0 1px 0;
}
/*--------------------------------------------------------------
    地図
--------------------------------------------------------------*/
#content_lower #access .chapter_2
{
margin: 5% 0 0 0;
}
#content_lower #access .chapter_2 .parts_1 h3
{
padding: 2%;
background: #efefef;
border-radius: 10px;
color: #828c8b;
font-size: 18px;
letter-spacing: 2px;
}
#content_lower #access .chapter_2 h3 span
{
font-size: 12px;
letter-spacing: 2px;
}
#content_lower #access .chapter_2 .parts_2
{
margin: 5% 0 0 0;
}
#content_lower #access .chapter_2 .parts_2 iframe
{
width: 100%;
height: 300px;
}


/***************************************************************
           採用情報
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #recruit
{
display: table-cell;
width: 70%;
vertical-align: top;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#content_lower #recruit .heading h2
{
padding: 0 70% 0 0;
}
#content_lower #recruit .heading h2 img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    平成24年（2012年）　採用情報
--------------------------------------------------------------*/
#content_lower #recruit .chapter_1
{
margin: 5% 0 0 0;
}
#content_lower #recruit .chapter_1  h3
{
padding: 2%;
background: #efefef;
border-radius: 10px;
color: #828c8b;
font-size: 18px;
letter-spacing: 2px;
}
/*--------------------------------------------------------------
    採用内容
--------------------------------------------------------------*/
#content_lower #recruit .chapter_2
{
margin: 5% 0 0 0;
padding: 2%;
border-color: #b1c6c4;
border-width: 2px;
border-style: solid;
}
#content_lower #recruit .chapter_2 p
{
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
text-align: center;
}


/***************************************************************
           お問い合わせ
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #inquiry
{
display: table-cell;
width: 70%;
vertical-align: top;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#content_lower #inquiry .heading h2
{
padding: 0 60% 0 0;
}
#content_lower #inquiry .heading h2 img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    フォーム
--------------------------------------------------------------*/
#content_lower #inquiry iframe
{
margin: 5% 0 0 0;
width: 100%;
height: 900px;
}


/***************************************************************
           各店舗情報
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #shop
{
display: table-cell;
width: 70%;
vertical-align: top;
}
/*--------------------------------------------------------------
    店舗所在地
--------------------------------------------------------------*/
#content_lower #shop .chapter_1 h3
{
padding: 2%;
background: #efefef;
border-radius: 10px;
color: #828c8b;
font-size: 18px;
letter-spacing: 2px;
}
#content_lower #shop .chapter_1 h3 span
{
font-size: 12px;
letter-spacing: 2px;
}
/*--------------------------------------------------------------
    各店舗情報
--------------------------------------------------------------*/
#content_lower #shop .chapter_2
{
margin: 5% 0 0 0;
}
#content_lower #shop .chapter_2 .parts_1
{
padding: 0 0 1% 0;
border-color: #6A9291;
border-width: 0 0 1px 0;
border-style: dotted;
}
#content_lower #shop .chapter_2 .parts_1 p
{
color: #828c8b;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
}
#content_lower #shop .chapter_2 .parts_1 p i
{
color: #6A9291;
}
#content_lower #shop .chapter_2 .parts_2
{
margin: 2% 0 0 0;
}
#content_lower #shop .chapter_2 .parts_2 p
{
color: #828c8b;
font-size: 12px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #shop .chapter_2 .parts_3
{
margin: 2% 0 0 0;
}
#content_lower #shop .chapter_2 .parts_3 iframe
{
width: 100%;
height: 300px;
}
#content_lower #shop .chapter_2 .parts_4
{
margin: 2% 0 0 0;
}
#content_lower #shop .chapter_2 .parts_4 ul li
{
display: inline-block;
list-style-type: none;
}
#content_lower #shop .chapter_2 .parts_4 ul li a
{
padding: 5px;
background: #828c8b;
color: #FFFFFF;
font-size: 12px;
letter-spacing: 2px;
text-decoration: none;
white-space: nowrap;
}
/*--------------------------------------------------------------
    メニュー情報
--------------------------------------------------------------*/
#content_lower #shop .chapter_3
{
margin: 5% 0 0 0;
}