@charset "utf-8";

/*追加 */
/* .ie8 img{width:auto; height;auto;}*/



*{margin:0; padding:0;}

html{
height:100%;
margin-left:auto;
margin-right:auto;
font-size: 100%;
line-height:1;
overflow-y: scroll;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
background-color:#f2f2f0;
}

body {
min-width:320px;
max-width:1160px;
margin-left:auto;
margin-right:auto;
height: 100%;
font-size: 87.5%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #4d4d4d;
}
button, input, select, textarea { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #4d4d4d; }

/* 禁則処理*/
p,li,dt,dd,th,td,pre{
-ms-line-break:strict;
line-break:strict;
-ms-word-break:break-strict;
word-break:break-strict;
}

/* すべてのブラウザーでのプリフォーマットテキストの読みやすさを改善 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }


/*上方向のmargin0に統一*/
h1,h2,h3,h4,p,ul,ol,dl,table,pre,tr,th,td, {margin-top:0;}


/*---------------リンク --------------- */

a { text-decoration: none; color:#4d4d4d; outline: none;}
a:visited{ color: #4d4d4d; }
a:hover { color: #4d4d4d; outline: 0; }
a:focus { outline: none; }
a:active { outline:0;}


a.deco {
  text-decoration:underline;
  color:rgb(0,45,87) !important;
  font-weight:bold;
 }
a.deco:hover {
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70";
  opacity: 0.7;
 }



/* すべてのブラウザーでのプリフォーマットテキストの読みやすさを改善 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

h1,h2,h3,h4,h5{font-weight:normal; }

/*リスト*/
ul, ol,dl,li { margin: 0 0; padding: 0 0 0 0; list-style:none; }
dd { margin: 0 0 0 0; }
nav ul, nav, ol,{ list-style: none; list-style-image: none; margin: 0; padding: 0; }


/*テーブル*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/*
  1. IE7 で拡大/縮小する際の画質を改善 : h5bp.com/d
  2. イメージコンテナでのイメージとボーダーとの間の隙間を削除 : h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
img{ max-width:100%;}
img.index_ttlhalf{height:15px; max-width:none;}
img.news_ttlhalf{height:22px;}
img.pr_ttlhalf{height:22px;}
img.mb_subnavhalf{height:26px;}
img.contact_btnhalf{height:26px;}
img.contact_btnpchalf{height:47.5px;}
img.all_ttlhalf{height:37px;}
img.sb_half{height:50%;}

/* フロートを含める : h5bp.com/q */
/*.clearfix:before, */
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



figure { margin: 0; }


/*フォーム*/

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* “ラベル” が、関連付けられたフォームエレメントにフォーカスをシフトするように指定 */
label { cursor: pointer; }

/*
 * 1. クリック可能なフォームエレメントの手の形のカーソルを表示
 * 2. iOS のクリック可能なフォームエレメントのスタイル付けを許可
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/* 一貫したボックスのサイズ変更および外観を保持*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* FF3/4 の内部余白とボーダーを削除 :  h5bp.com/l*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*IE6/7/8/9 のデフォルトの垂直スクロールバーを削除  垂直のサイズ変更のみを許可*/

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* スクリーンリーダーとブラウザーの両方で非表示 : h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* 視覚的にのみ非表示にする。ただし、スクリーンリーダーでは使用できるようにする : h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* キーボードを介して移動されたエレメントをフォーカスできるようにするために .visuallyhidden クラスを拡張 : h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* スクリーンリーダーで視覚的に非表示 (ただし、レイアウトは保持) */
.invisible { visibility: hidden; }


/* スタイルを印刷 */

 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* 黒は速く印刷される : h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: ""; }
  abbr[title]:after { content: ""; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* イメージのリンクまたは javascript/内部リンクを表示しない */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 {page-break-after: avoid;}
}





/*タイトル*/
h1,h2,h3,h4,h5{font-size: 1em; line-height:1; margin-bottom:0em;}
.ttl01{font-size:0.875em; line-height:1; margin-bottom:1em;}
/*タイトル余白 タイトル下ライン*/
.ttl_style{padding-left:2px; margin-bottom:12px;}
.ttl_border{width:100%; height:1px; background-color:rgb(0,45,87);}


/*テキスト共通*/
.fc_colorg{color:rgb(190,190,179) !important;}/*グレー */
.fc_colorn{color:rgb(0,45,87) !important;}/*ネイビー */
.fc_color01{color:rgb(234,190,191) !important;}/*ピンク */
.fc_color02{color:rgb(202,218,178) !important;}/*グリーン */
.fc_color03{color:rgb(168,193,212) !important;}/*ブルー */
.fc_color04{color:rgb(246,211,156) !important;}/*オレンジ */
.fc_color05{color:rgb(189,215,206) !important;}/*水色 */
.fc_color06{color:rgb(208,181,195) !important;}/*紫 */

.fw_bold{font-weight:bold;}


/*角丸*/
.radius_style{
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
}

/*hover30%透過*/
.rollover:hover{
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70";
  opacity: 0.7;
}

/* 飾り> 余白*/
.icon_arrow{padding:0px 5px 1px 0;}


/* 指マーク表示 */
.pointer{cursor: pointer;}


/*テキスト非表示　※但し動作処理のための非表示には指定しない*/
.txt_invisible{display:none;}


/* スマートフォンレイアウト */

body{min-width:320px; background-color:#fff;}

.wrapper {background-color:#fff;  width: 100%;}

.header {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.container {
  margin-left: auto;
  margin-right: auto;
  width:100%;
}
.logo_box{text-align:center; width:100%;}
.logo_box img{width:110px; padding:3% 0;}

.globalnav_mb{width:94%; margin:0 3% 1em 3%;}
.globalnav_mb_ttl{
  text-align:center;
  width:100%;
  font-size:133%;
  padding:0.75em 0;
  background-color:rgb(0,45,87);
  color:#fff;
}

#globalnav_mb_accordion{display:none;}
.globalnav_mb_list a{display:block; padding:5px 0;}
.globalnav_mb_list li{padding:5px 0; border-top:1px dotted rgb(0,45,87);background-color:rgb(249,249,247);}
.globalnav_mb_list li:hover{
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70";
  opacity: 0.7;
  }
.globalnav_mb_list li:first-child{border-top:none;}
.globalnav{display:none;}

.subnav_mb{width:100%; margin:0 0 0.5em;  background-color:#fff; border-bottom:1px solid rgb(0,45,87);}
.subnav{display:none;}
.subnav_mb_box{
  position:relative;
  padding:1em 3%;
  width:94%;
  background-color:rgb(249,249,247);
}
.subnav_mb_box:after{
  content:"+";
  width:46px;
  padding:0.5em 0;
  background-color:rgb(0,45,87);
  color:#fff;
  text-align:center;
  font-size:27px;
  position:absolute;
  top:0;
  right:0;
}

.subnav_mb_list{display:none;}
.subnav_mb_list a{
  display:block;
  color:rgb(0,45,87)!important;
  padding:1em 3%;
  width:94%;
  position:relative;
}

.subnav_mb_arrow01 a{background-color:#f9f9f7;  border-top:1px solid rgb(0,45,87);}
.subnav_mb_arrow01 a:after{
  content: url("/chatnoir/images/common/icon_arrow_circle_bl.png");
  position:absolute;
  right:3%;
}

.subnav_mb_arrow02 li{background-color:#fff; border-top:1px dotted rgb(0,45,87);}
.subnav_mb_arrow02 li:first-child{border-top:1px solid rgb(0,45,87);}
.subnav_mb_arrow02 a:after{
  content: url("/chatnoir/images/common/icon_arrow.png");
  position:absolute;
  right:4%;
}

.subnav_mb_list a:hover{
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70";
  opacity: 0.7;
}
.subnav_mb_list a:active{
  filter:alpha(opacity=100);
  -ms-filter:"alpha(opacity=100";
  opacity: 1;
  font-weight:bold;
}


.subnav_mb_ttl{
  text-align:center;
  padding:0.5em 3%;
  width:94%;
  border-top:1px solid rgb(0,45,87);
  background-color:rgb(249,249,247);
  color:rgb(0,45,87) !important;
  font-weight:bold;
}

.main{width:100%; background-color:#fff;}
.bread{display:none;}
.mainbox{clear:both;}
.mainbox.bottom_margin{padding-bottom:1em;}
.main_ttl{margin-bottom:1em;}

.main_lead01,
.main_lead02,
.main_lead03 {
  padding-bottom:1em;
  line-height:1.5;
}
.main_lead01 {
  padding-top:1em;
}
.main_lead03.mb0 {
  padding-bottom:0;
}

.main_lead01 br,
.main_lead02 br,
.main_lead03 br {display:none;}


.localnav_box a{
  display:block;
   background-color:#f9f9f7;
   width:100%;
   border-bottom:1px solid rgb(190,190,179);
 }
.localnav_box01 {width:37%;float:left;max-width:118px;}
.localnav_box01 {vertical-align:middle;}
.localnav_box02 {width:57%; float:left; padding:9px 3% 0px 3%;}
.localnav_box02 p {display:block; margin-top:-10px; font-size:75% !important;line-height:1.3;}
.sp_inner {
  width:94%;
  padding-right:3%;
  padding-left:3%;
}

/* スマホの場合 背景薄いグレー */
.ttl_underline,         /* 下線1pxタイトル */
.ttl_boldline,          /* 上線6pxタイトル */
.ttl_boldline_note h2 { /* 上線6pxタイトル noteあり */
  width:94%;
  margin-top:1em;
  padding:1em 3%;
  border-top:1px solid rgb(0,45,87);
  border-bottom:1px dotted rgb(0,45,87);
  background-color:#f9f9f7;
  font-weight:bold;
}
.ttl_underline.mt0,
.ttl_boldline.mt0 {
  margin-top:0;
}
.ttl_boldline_note .note {
  margin-top:1em;
  line-height:1.5;
}

.ttl_underline_mb {/* スマホ、PC 下線アリ */
  margin-bottom:10px;
  padding-bottom:5px;
  border-bottom:1px solid rgb(0,45,87);
  color:rgb(0,45,87);
  font-weight:bold;
}
.ttl_box {
  border:1px solid #4d4d4d;
  width:auto;
  margin-bottom:1em;
  padding:1em 0;
  text-align:center;
}
.ttl_box.mb0 {
  margin-bottom:0;
}
.ttl_boldline_mb {
  width:94%;
  margin-top:1em;
  padding:1em 3%;
  border-top:6px solid rgb(0,45,87);
  border-bottom:1px solid rgb(0,45,87);
  font-weight:bold;
}
.ttl_boldline_mb.mt0 {
  margin-top:0;
}

/* フッター */
footer {width:100%; padding-bottom: 3%;}
.footer_box01{
  width:100%;
  height:4px;
  background-image: url("/chatnoir/images/common/footer_bg.png");
  background-repeat:repeat-x;
}

/* SNSリンク */
.footer_box02 {
  margin:4% 3% 6%;
}
.footer_box02 ul li {
  float:left;
  width:49%;
}
.footer_box02 ul li.tw {
  float:right;
}
.footer_box02 ul li a {
  display:block;
  padding:5px 0 3px;
  color:#fff;
  text-align:center;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  background-color:rgb(0,45,87);
  line-height:0;
}
.footer_box02 ul li a img {
  margin:0 5px 5px 0;
}

/* ふちねこ */
footer .fuchi {
  text-align:center;
  margin-top:-3%;
  margin-bottom:6%;
}

/* サイトマップ等 */
.footer_box03 {
  margin-bottom:0.5em;
  text-align:center;
}
.footer_box03 ul {
  display:inline-block;
  width:auto;
}
.footer_box03 .fs_11 {
  font-size:0.785em;
}
.footer_box03 li {
  float:left;
  padding:0 0.75em;
  border-left:1px #999 solid;
}
.footer_box03 li:first-child {
  border-left:none;
}

/* コピーライト */
.footer_box04 {
  width:94%;
  padding:0 3%;

}
.footer_box04 p.fs_11 {
  font-size:0.715em;
  line-height:1.5;
  padding:0.5em 0 0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:100%;
  margin-right:-50px;
  text-align:center;
}
.footer_box04 span{vertical-align:5px;}

/* ベリサイン */
.box_verisign {
  width:100px;
  height:72px;
  margin:0 auto;
}

/* ページアップボタン */
.page_top{
  width:55px;
  height:34px;
  background-color:#888;
  color:#fff;
  font-size:10px;
  text-align:center;
  padding-top:11px;
  padding-bottom:6px;
  position: fixed;
  right:5px;
  bottom:55px;
  display:none;
  filter:alpha(opacity=85);
  -ms-filter:"alpha(opacity=85";
  opacity: 0.85;
}
.page_top_button{
  position:relative;
}
.page_top_sankaku{
  position:absolute;
  top:4px;
  left:17px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.page_top_sikaku{
  position:absolute;
  top:14px;
  left:23px;
  width:8px;
  height:6px;
  background-color:#fff;
}
.page_top:hover,
.page_top:active{
  background-color:#555;
  filter:alpha(opacity=100);
  -ms-filter:"alpha(opacity=100";
  opacity: 1.00;
}
.page_top:hover{
  cursor:pointer;
}
.page_top:active{
  font-weight:bold;
  color:#fff;
}

.mb_none{display:none;}
.mb_none_b{display:none;}

/* タブレットレイアウト */
@media only screen and (min-width: 768px) {
body{font-size:100%; width:1160px;}

/*テキスト共通*/
.fs_11{font-size:68.75% !important;}/*11px*/
.fs_12{font-size:75% !important;}/*12px*/
.fs_13{font-size:81.25% !important;}/*13px*/
.fs_14{font-size:87.5% !important;}/*14px*/
.fs_17{font-size:1.0625em !important;}/*17px*/
.fs_18{font-size:1.125em !important;}/*18px*/
.fs_21{font-size:1.3125em !important;}/*21px*/

.f_min{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

.header {width:1160px;}

.container {width:1160px;  background-color:#f9f9f7;}

.logo_box {width:1160px; padding:40px 0 40px 0}
.logo_box img{width:152px; padding:0 0;}

.globalnav_mb{display:none;}

.globalnav{display:block;}
.globalnav_btn{float:left; width:232px;}
.globalnav_btn:hover{
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70";
  opacity: 0.7;
 }

.subnav_mb{display:none;}

.subnav{display:block; width:206px; padding:47px 13px 0px 13px; float:left;}
.subnav_slidebox{display:none;}
.subnav_border{height:5px; width:206px; background-color:rgb(0,45,87);}
.subnav_btn{border-bottom:1px solid rgb(0,45,87);}
.subnav_list{padding: 0 0 9px 0;}
.subnav_list a{display:block; margin:9px 0 0 50px; color:rgb(0,45,87) !important; font-size:62.5%!important;}
.subnav_list a:hover{text-decoration: underline;}
.subnav_arrow{margin-left:-12px;}
.subnav_list_lnav{padding-left:1em;margin-right:-1em;}
.subnav_list_lnav.last a{margin-bottom:25px;}

.main{width:863px; min-height:700px; padding:47px 0px 0 65px; float:left; background-color:#fff;}

.bread{display:block;}
.bread li{float:left; font-size:68.75% !important;}
.bread li:before{content:"〉"; padding-left:1em;}
.bread li:first-child:before{content:none;}
.bread a:hover{text-decoration: underline;}

.mainbox{clear:both; padding:45px 0;}
.mainbox.bottom_margin{padding-bottom:45px;}

.main_ttl{margin-bottom:0em;}

.main_lead01 {margin:-10px 0 50px;padding:0;line-height:2.175;}
.main_lead02 {margin:30px 0;padding:0;line-height:2.175;}
.main_lead03 {margin:40px 0;padding:0;}
.main_lead03.mb0 {margin-bottom:0;}

.main_lead01 br,
.main_lead02 br,
.main_lead03 br { display:inline; }

.localnav_box{margin-bottom:2.08em;}
.localnav_box a{width:630px;border-bottom:none;}
.localnav_box01{float:left; margin-bottom:0; width:230px;max-width:230px;}
.localnav_box02{float:left; padding:17px 25px 0px 25px; width:350px; margin-right:0em;}
.localnav_box02 p{font-size:87.5% !important; margin-top:0px;line-height:1.5;}
.localnav_box a:hover {
  cursor:pointer;
}

.sp_inner {
  width:auto;
  padding:0;
}

.pc_w798 {width:798px;}
.pc_w748 {width:748px;}
.pc_w680 {width:680px;}
.pc_w630 {width:630px;}

.ttl_underline {
  width:100%;
  margin:0 0 1em;
  padding:0 0 5px 0;
  color:rgb(0,45,87);
  background-color:#fff;
  border-top:0;
  border-bottom:1px solid rgb(0,45,87);
}
.ttl_boldline,
.ttl_boldline_note,
.ttl_boldline_mb {
  width:auto;
  margin:0 0 1em;
  padding:12px 0 12px 15px;
  color:rgb(0,45,87);
  background-color:#fff;
  border-top:6px solid rgb(0,45,87);
  border-bottom:1px solid rgb(0,45,87);
}
.ttl_boldline.f_min,
.ttl_boldline_mb.f_min {
  font-weight:normal;
}
.ttl_boldline_note {
  padding:20px 0 20px 15px;
}
.ttl_boldline_note h2 {
  width:auto;
  margin:0;
  padding:0;
  border:0;
  background-color:#fff;
  font-weight:normal;
}
.ttl_boldline_note .note {
  margin-top:10px;
  color:#4d4d4d;
}

/* フッター */
footer {clear:both; width:1160px; margin:0 0;  padding-bottom:20px;}

.footer_box01{
  width:100%;
  height:4px;
  background-image: url("/chatnoir/images/common/footer_bg.png");
  background-repeat:repeat-x;
}

/* SNSリンク */
.footer_box02 {
  float:left;
  width:80px;
  margin:25px 0 0 25px;
  padding:0;
}
.footer_box02 ul li.fb,
.footer_box02 ul li.tw {
  float:left;
  width:auto;
}
.footer_box02 ul li.fb {
  margin-right:10px;
}
.footer_box02 ul li a {
  display:inline;
  float:left;
  margin:0;
  padding:0;
  background-color:#fff;
}
.footer_box02 ul li a img {
  margin:0;
}
.footer_box02 ul li a span {
  display:none;
}

.footer_r {float:right;}

/* IE8ハック */
.footer_r {width:740px\9;}

/* ふちねこ */
footer .fuchi {
  float:left;
  margin:14px 0 0 10px
}

/* サイトマップ等 */
.footer_box03 {
  float:left;
  width:auto;
  margin:30px 25px 0 0px;
  padding:0;
  border-top:0;
  text-align:left;
}
.footer_box03 li {
  float:left;
  padding:0 12px;
}
.footer_box03 li a {
  display:inline;
  border-bottom:0;
  padding:0;
  width:auto;
}
.footer_box03 li a:after {
  content:none;
  position:static;
}

/* コピーライト */
.footer_box04 {
  float:right;
  margin:0;
  padding:0;
  width:auto;
  text-align:left;
  background-position:right 20px;
  margin-right:25px;
}
.footer_box04 p.fs_11 {
  line-height:1;
  padding:33px 5px 5px 0;
  margin: 0 0;
  width:auto;
}
.footer_box04 p.fs_11 br {
  display:none;
}

/* ベリサイン */
.box_verisign {
  margin:0 auto 0 0;
}

/* ページアップボタン */
.page_top{
  right:15px;
  bottom:55px;
}
.mb_none{display:inline-block;*display:inline;*zoom:1;}
.mb_none_b{display:block;}
.pc_none{display:none;}

}

/* デスクトップレイアウト */
@media only screen and (min-width: 960px) {


}