@charset "utf-8";

/* ====  目次  ===============================================

A. ＜基幹＞
A-1. CSSリセット
A-2. 文字と色
font-
B. ＜汎用＞
B-1. col[n],column（コラム）
B-2. cmn_（配置、インライン、その他）
B-3. cmn_（マージン、パディング、幅、テキストインデント、罫線）
B-4. cmn_list_,cmn_table_,cmn_tab（リスト、テーブル、タブ）
B-5. cmn_grade,cmn_radius,cmn_shadow,cmn_attention（装飾）
B-6. logo_,icon_（画像アイコン）
B-7. btn_（テキストベースのボタン）
B-8. unit_

C. ＜エリア別＞
C-0. 基本レイアウト
C-1. #header
C-2. #footer
C-3. #contents

D. ＜ページ別＞


----  [ 文書構造 ]  --------------------------------------------------------

body [ .lv1 | .lv2 | .lv3 | .lv4 ]
a#top

#header
.inner
  hgroup
    .logo_header
  .nav_contact
  .nav_main

#contents
.inner
  
  .nav_breadcrumb
  #hero
  #main
  #sub
  #extra

#footer
.inner
  .logo_footer
  address

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










@media all {

/* ------------------------------------------------------------
A. ＜基幹＞
------------------------------------------------------------ */

/* ------------------------------------------------------------
A-1. CSSリセット
------------------------------------------------------------ */

html,body,a,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
h1,h2,h3,h4,h5,h6,pre,em,strong,address,caption,cite,code,dfn,table,th,td,textarea,input { font-size: 100%; font-style: normal; font-weight: normal; }
article,aside,dialog,figure,footer,header,hgroup,nav,section { display: block; }
ul,nav ol,aside ol  { list-style: none; }
object,embed        { vertical-align: top; outline: 0; }
img                 { line-height: 1; vertical-align: top; text-decoration: none; -ms-interpolation-mode: bicubic; }
input,button,select { vertical-align: middle; }
button              { cursor: pointer; }
table               { border-collapse: collapse; border-spacing: 0; }
caption,th          { text-align: left; }
abbr,acronym        { border: none; font-variant: normal; }
strong,em,dt,
h1,h2,h3,h4,h5      { font-weight: bold; }





/* ------------------------------------------------------------
A-2. 文字と色
------------------------------------------------------------ */

/* 基本文字セット */
body                { color: #333333; font: 12px/1.5000 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Verdana',sans-serif; }
a                   { color: #0d4db0; text-decoration: underline; }
a:hover             { color: #10b09a; text-decoration: underline; }


/* 文字サイズ */
.font_xs            { font-size:  9px !important; }
.font_s             { font-size: 11px !important; }
.font_m             { font-size: 12px !important; }
.font_l             { font-size: 15px !important; }
.font_xl            { font-size: 24px !important; }


/* 文字間 */
.font_wide          { letter-spacing: 2px; }
.font_narrow        { letter-spacing: -2px; }


/* 文字色 */
.font_red           { color: #e00 !important; }
.font_blue          { color: #00e !important; }
.font_black         { color: #000 !important; }
.font_white         { color: #fff !important; }
.font_gray          { color: #888 !important; }


/* 線の色 */
.line_red           { border-color: #e00 !important; }
.line_blue          { border-color: #00e !important; }
.line_black         { border-color: #000 !important; }
.line_white         { border-color: #fff !important; }
.line_gray          { border-color: #888 !important; }


/* thumb */
.thumb              { border: 1px solid #ccc; }
.thumb:hover        { border-color: #c03; opacity: 0.7; filter: alpha(opacity=70); }


















/* ------------------------------------------------------------
B. ＜汎用＞
------------------------------------------------------------ */

/* ------------------------------------------------------------
B-1. col[n],column（コラム）
------------------------------------------------------------ */

.col2,.col3,.col4,.col5,.col6,.col7,.col8 { width: 100%; zoom: 1; }
.col2:after,.col3:after,.col4:after,.col5:after,.col6:after,.col7:after,.col8:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.column                  { float: left; }
.column.last,
.column:last-child       { float: right !important; }
.column.first,
.column.last,
.column:first-child,
.column:last-child       { margin-left: 0 !important; }

.col2 .column            { width: 49%; }
.col3 .column            { width: 32%;   margin-left: 2%; }
.col4 .column            { width: 23.0%; margin-left: 2%; }
.col5 .column            { width: 18.4%; margin-left: 2%; }
.col6 .column            { width: 15%;   margin-left: 2%; }
.col7 .column            { width: 12.5%; margin-left: 2%; }
.col8 .column            { width: 10.9%; margin-left: 2%; }

.col3 .column.double     { width: 66%; }
.col4 .column.double     { width: 49%; }
.col5 .column.double     { width: 38%; }
.col6 .column.double     { width: 32%; }
.col7 .column.double     { width: 27%; }
.col8 .column.double     { width: 23%; }





/* ------------------------------------------------------------
B-2. cmn_（配置、インライン、その他）
------------------------------------------------------------ */

/* 配置 */
.cmn_center              { text-align: center !important; }
.cmn_left                { text-align: left !important; }
.cmn_right               { text-align: right !important; }


/* まわりこみ */
.cmn_float_l             { float: left; }
.cmn_float_r             { float: right; }


/* まわりこみクリア */
.cmn_clear               { clear: both; }
.cmn_clear_l             { clear: left; }
.cmn_clear_r             { clear: right; }
.cmn_clearfix            { zoom: 1; }
.cmn_clearfix:after      { content: "."; display: block; clear: both; height: 0; visibility: hidden; }


/* 絶対位置 */
.cmn_abs                 { position: absolute; }
.cmn_abs_tr              { position: absolute; top:    0; right: 0; }
.cmn_abs_br              { position: absolute; bottom: 0; right: 0; }
.cmn_abs_bl              { position: absolute; bottom: 0; left: 0; }
.cmn_abs_tl              { position: absolute; top:    0; left: 0; }
.cmn_abs_tc              { position: absolute; top:    0; left: 50%; }
.cmn_abs_bc              { position: absolute; bottom: 0; left: 50%; }
.cmn_rel                 { position: relative; }


/* インライン */
.cmn_inline li           { display: inline-block; vertical-align: middle; }
* html .cmn_inline li    { display: inline; zoom: 1; }
*+html .cmn_inline li    { display: inline; zoom: 1; }
ul.cmn_inline,
ol.cmn_inline            { display: block !important; list-style: none; }


/* パイプつなぎ */
.cmn_piped               { list-style: none; zoom: 1; }
.cmn_piped:after         { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cmn_piped li            { display: inline-block; vertical-align: middle; } 
.cmn_piped li a          { margin-right: 0.8em; padding: 0 0.8em 0 0; border-right: 1px solid #888; }
.cmn_piped li:last-child a { border-right: none !important; }
* html .cmn_piped li     { display: inline; zoom: 1; }
*+html .cmn_piped li     { display: inline; zoom: 1; }


/* 改行禁止 */
.cmn_nowrap              { white-space: nowrap; }


/* 非表示 */
.cmn_hide                { display: none !important; }


/* STYLEリセット */
.cmn_reset               { margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; }





/* ------------------------------------------------------------
B-3. cmn_（マージン、パディング、幅、テキストインデント、罫線）
------------------------------------------------------------ */

/* マージン */
.cmn_mauto               { margin-right: auto !important; margin-left: auto !important; }
.cmn_m0                  { margin: 0px !important; }
.cmn_m5                  { margin: 5px !important; }
.cmn_m10                 { margin: 10px !important; }
.cmn_m15                 { margin: 15px !important; }
.cmn_m20                 { margin: 20px !important; }
.cmn_m25                 { margin: 25px !important; }
.cmn_m30                 { margin: 30px !important; }
.cmn_m40                 { margin: 40px !important; }
.cmn_m50                 { margin: 50px !important; }
.cmn_m100                { margin: 100px !important; }
.cmn_m150                { margin: 150px !important; }
.cmn_m200                { margin: 200px !important; }
.cmn_mt0                 { margin-top: 0px !important; }
.cmn_mt5                 { margin-top: 5px !important; }
.cmn_mt10                { margin-top: 10px !important; }
.cmn_mt15                { margin-top: 15px !important; }
.cmn_mt20                { margin-top: 20px !important; }
.cmn_mt25                { margin-top: 25px !important; }
.cmn_mt30                { margin-top: 30px !important; }
.cmn_mt40                { margin-top: 40px !important; }
.cmn_mt50                { margin-top: 50px !important; }
.cmn_mt100               { margin-top: 100px !important; }
.cmn_mt150               { margin-top: 150px !important; }
.cmn_mt200               { margin-top: 200px !important; }
.cmn_mt-5                { margin-top: -5px !important; }
.cmn_mt-10               { margin-top: -10px !important; }
.cmn_mt-15               { margin-top: -15px !important; }
.cmn_mt-20               { margin-top: -20px !important; }
.cmn_mt-25               { margin-top: -25px !important; }
.cmn_mt-30               { margin-top: -30px !important; }
.cmn_mr0                 { margin-right: 0px !important; }
.cmn_mr5                 { margin-right: 5px !important; }
.cmn_mr10                { margin-right: 10px !important; }
.cmn_mr15                { margin-right: 15px !important; }
.cmn_mr20                { margin-right: 20px !important; }
.cmn_mr25                { margin-right: 25px !important; }
.cmn_mr30                { margin-right: 30px !important; }
.cmn_mr40                { margin-right: 40px !important; }
.cmn_mr50                { margin-right: 50px !important; }
.cmn_mr100               { margin-right: 100px !important; }
.cmn_mr150               { margin-right: 150px !important; }
.cmn_mr200               { margin-right: 200px !important; }
.cmn_mr-5                { margin-right: -5px !important; }
.cmn_mr-10               { margin-right: -10px !important; }
.cmn_mr-15               { margin-right: -15px !important; }
.cmn_mr-20               { margin-right: -20px !important; }
.cmn_mr-25               { margin-right: -25px !important; }
.cmn_mr-30               { margin-right: -30px !important; }
.cmn_mb0                 { margin-bottom: 0px !important; }
.cmn_mb5                 { margin-bottom: 5px !important; }
.cmn_mb10                { margin-bottom: 10px !important; }
.cmn_mb15                { margin-bottom: 15px !important; }
.cmn_mb20                { margin-bottom: 20px !important; }
.cmn_mb25                { margin-bottom: 25px !important; }
.cmn_mb30                { margin-bottom: 30px !important; }
.cmn_mb40                { margin-bottom: 40px !important; }
.cmn_mb50                { margin-bottom: 50px !important; }
.cmn_mb100               { margin-bottom: 100px !important; }
.cmn_mb150               { margin-bottom: 150px !important; }
.cmn_mb200               { margin-bottom: 200px !important; }
.cmn_mb-5                { margin-bottom: -5px !important; }
.cmn_mb-10               { margin-bottom: -10px !important; }
.cmn_mb-15               { margin-bottom: -15px !important; }
.cmn_mb-20               { margin-bottom: -20px !important; }
.cmn_mb-25               { margin-bottom: -25px !important; }
.cmn_mb-30               { margin-bottom: -30px !important; }
.cmn_ml0                 { margin-left: 0px !important; }
.cmn_ml5                 { margin-left: 5px !important; }
.cmn_ml10                { margin-left: 10px !important; }
.cmn_ml15                { margin-left: 15px !important; }
.cmn_ml20                { margin-left: 20px !important; }
.cmn_ml25                { margin-left: 25px !important; }
.cmn_ml30                { margin-left: 30px !important; }
.cmn_ml40                { margin-left: 40px !important; }
.cmn_ml50                { margin-left: 50px !important; }
.cmn_ml100               { margin-left: 100px !important; }
.cmn_ml150               { margin-left: 150px !important; }
.cmn_ml200               { margin-left: 200px !important; }
.cmn_ml-5                { margin-left: -5px !important; }
.cmn_ml-10               { margin-left: -10px !important; }
.cmn_ml-15               { margin-left: -15px !important; }
.cmn_ml-20               { margin-left: -20px !important; }
.cmn_ml-25               { margin-left: -25px !important; }
.cmn_ml-30               { margin-left: -30px !important; }


/* パディング */
.cmn_p0                  { padding: 0px !important; }
.cmn_p5                  { padding: 5px !important; }
.cmn_p10                 { padding: 10px !important; }
.cmn_p15                 { padding: 15px !important; }
.cmn_p20                 { padding: 20px !important; }
.cmn_p25                 { padding: 25px !important; }
.cmn_p30                 { padding: 30px !important; }
.cmn_p40                 { padding: 40px !important; }
.cmn_p50                 { padding: 50px !important; }
.cmn_p100                { padding: 100px !important; }
.cmn_pt0                 { padding-top: 0px !important; }
.cmn_pt5                 { padding-top: 5px !important; }
.cmn_pt10                { padding-top: 10px !important; }
.cmn_pt15                { padding-top: 15px !important; }
.cmn_pt20                { padding-top: 20px !important; }
.cmn_pt25                { padding-top: 25px !important; }
.cmn_pt30                { padding-top: 30px !important; }
.cmn_pt40                { padding-top: 40px !important; }
.cmn_pt50                { padding-top: 50px !important; }
.cmn_pt100               { padding-top: 100px !important; }
.cmn_pr0                 { padding-right: 0px !important; }
.cmn_pr5                 { padding-right: 5px !important; }
.cmn_pr10                { padding-right: 10px !important; }
.cmn_pr15                { padding-right: 15px !important; }
.cmn_pr20                { padding-right: 20px !important; }
.cmn_pr25                { padding-right: 25px !important; }
.cmn_pr30                { padding-right: 30px !important; }
.cmn_pr40                { padding-right: 40px !important; }
.cmn_pr50                { padding-right: 50px !important; }
.cmn_pr100               { padding-right: 100px !important; }
.cmn_pb0                 { padding-bottom: 0px !important; }
.cmn_pb5                 { padding-bottom: 5px !important; }
.cmn_pb10                { padding-bottom: 10px !important; }
.cmn_pb15                { padding-bottom: 15px !important; }
.cmn_pb20                { padding-bottom: 20px !important; }
.cmn_pb25                { padding-bottom: 25px !important; }
.cmn_pb30                { padding-bottom: 30px !important; }
.cmn_pb40                { padding-bottom: 40px !important; }
.cmn_pb50                { padding-bottom: 50px !important; }
.cmn_pb100               { padding-bottom: 100px !important; }
.cmn_pl0                 { padding-left: 0px !important; }
.cmn_pl5                 { padding-left: 5px !important; }
.cmn_pl10                { padding-left: 10px !important; }
.cmn_pl15                { padding-left: 15px !important; }
.cmn_pl20                { padding-left: 20px !important; }
.cmn_pl25                { padding-left: 25px !important; }
.cmn_pl30                { padding-left: 30px !important; }
.cmn_pl40                { padding-left: 40px !important; }
.cmn_pl50                { padding-left: 50px !important; }
.cmn_pl100               { padding-left: 100px !important; }


/* 幅 */
.cmn_w5p                 { width:  5% !important; }
.cmn_w10p                { width: 10% !important; }
.cmn_w15p                { width: 15% !important; }
.cmn_w20p                { width: 20% !important; }
.cmn_w25p                { width: 25% !important; }
.cmn_w30p                { width: 30% !important; }
.cmn_w33p                { width: 33% !important; }
.cmn_w40p                { width: 40% !important; }
.cmn_w50p                { width: 50% !important; }
.cmn_w60p                { width: 60% !important; }
.cmn_w70p                { width: 70% !important; }
.cmn_w75p                { width: 75% !important; }
.cmn_w80p                { width: 80% !important; }
.cmn_w90p                { width: 90% !important; }
.cmn_w100p               { width: 100% !important; }


/* テキストインデント */ 
.cmn_indent1             { padding-left: 1em !important; text-indent: -1em !important; }
.cmn_indent2             { padding-left: 1.8em !important; text-indent: -1.8em !important; }
.cmn_indent3             { padding-left: 2.5em !important; text-indent: -2.5em !important; }
.cmn_indent4             { padding-left: 4em !important; text-indent: -4em !important; }


/* 罫線：HR */
.cmn_hr                  { height: 0; margin: 20px 0; padding: 0; border: none; border-top: 1px solid #e6e6e6; }
.cmn_hr_dot              { height: 0; margin: 20px 0; padding: 0; border: none; border-top: 1px dotted #e6e6e6; }


/* 罫線：BORDER */
.cmn_line                { border: 1px solid #e6e6e6; }
.cmn_line_t              { border-top: 1px solid #e6e6e6; }
.cmn_line_r              { border-right: 1px solid #e6e6e6; }
.cmn_line_b              { border-bottom: 1px solid #e6e6e6; }
.cmn_line_l              { border-left: 1px solid #e6e6e6; }





/* ------------------------------------------------------------
B-4. cmn_list_,cmn_table_,cmn_tab（リスト、テーブル、タブ）
------------------------------------------------------------ */

/* リスト：新着情報 */
.cmn_list_news dt        { clear: left; float: left; width: 10em; padding: 8px 0; text-indent: 10px; border-top: 1px dotted #e6e6e6; background: url(../img/arrow.png) 0 12px no-repeat; }
.cmn_list_news dd        { margin-left: 10em; padding: 8px 0; border-top: 1px dotted #e6e6e6; }
.cmn_list_news dt:nth-child(1),
.cmn_list_news dd:nth-child(2) { padding-top: 0; border-top: none; background-position: 0 4px; }
.cmn_list_news dd a img  { width: 50px; margin-right: 10px; }


/* リスト：箇条書き */
.cmn_list_arrow   li     { padding-left: 15px; background: url(../img/arrow.png) 0 5px no-repeat; zoom: 1; }
.cmn_list_arrow_a li     { padding: 0 0 8px 20px; background: url(../img/arrow.png) 0 -300px no-repeat; zoom: 1; }


/* リスト：QA */
.cmn_list_qa             { margin-bottom: 30px; }
.cmn_list_qa dt          { position: relative; padding: 3px 10px; background: #f1f1f1; font-size: 113%;
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
  -webkit-box-shadow: #ccc 0 0 4px;
  -moz-box-shadow:    #ccc 0 0 4px;
  box-shadow:         #ccc 0 0 4px;
  behavior: url(/_common/js/lib/pie.htc);
}
.cmn_list_qa dt:first-letter { padding-right: 5px; font-size: 24px; color: #c03; }
.cmn_list_qa dd              { margin-left: 30px; padding: 3px 0 30px; }
.cmn_list_qa dd:first-letter { font-size: 18px; color: #30c; }


/* リスト：ポイント */
.cmn_list_point          { position: relative; margin: 20px 20px; padding: 30px 20px 10px 60px; background: #fff; border: 4px;
  -webkit-box-shadow: 0px 0px 5px #999;
  -moz-box-shadow:    0px 0px 5px #999;
  box-shadow:         0px 0px 5px #999;
  behavior: url(/_common/js/lib/pie.htc);
}
.cmn_list_point li       { padding-left: 20px; padding-bottom: 20px; background: url(../img/bullet.png) 0 3px no-repeat; font-size: 120%; zoom: 1; }


/* テーブル */
.cmn_table               { border-collapse: separate; *border-collapse: collapse; border-spacing: 0; border: none; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.cmn_table th,   
.cmn_table td            { padding: 5px 5px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; vertical-align: middle; text-align: left; }
.cmn_table th            { padding: 8px 5px; background: #f1f1f1;  font-weight: bold; }
.cmn_table th.head       { background: #ccc; vertical-align: top; }
.cmn_table .head th      { background: #ccc; vertical-align: middle; }
.cmn_table .foot th      { border-top: 3px double #e6e6e6; background: #f6f6f6; text-align: right; font-size: 15px; }
.cmn_table_a             { border-collapse: separate; *border-collapse: collapse; border-spacing: 0; border: none; }
.cmn_table_a th,   
.cmn_table_a td          { padding: 15px 20px; border-bottom: 1px dotted #d6d6d6; vertical-align: middle; text-align: left; }
.cmn_table_a th          { font-weight: bold; }
.cmn_table_a .head th    { border-bottom: 1px solid #d6d6d6; }
.cmn_table_a h4:first-child  { margin-top: 0 !important; }
.gmap_title              { white-space: nowrap; }
.cmn_table_a .cmn_table_a th,
.cmn_table_a .cmn_table_a td { padding: 3px 5px; vertical-align: top; }
.cmn_table_a .cmn_table_a th { white-space: nowrap; text-align: right; }

/* タブ */
.cmn_tab                 { margin: 15px 0; }
.cmn_tab .nav_tab        { }
.cmn_tab .nav_tab ol     { list-style: none; overflow: hidden; margin: 0 0 -1px 10px; }
.cmn_tab .nav_tab li     { display: block; float: left;  padding: 3px 3px 0; }
.cmn_tab .nav_tab li a   { position: relative; display: block; line-height: 25px; padding: 5px 10px; border: 1px solid #e6e6e6; border-bottom: 1px solid #fff; background: #eee;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius:    5px 5px 0 0;
  border-radius:         5px 5px 0 0;
  behavior: url(/_common/js/lib/pie.htc);
  font-size: 14px;
}
.cmn_tab .nav_tab li a:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 16px;
  vertical-align: middle;
  background: url(../img/arrow.png) 0 -498px no-repeat;
}

.cmn_tab .nav_tab li.on a{ background: #fff; z-index: 3; 
  -webkit-box-shadow: #e6e6e6 0 0 3px;
  -moz-box-shadow:    #e6e6e6 0 0 3px;
  box-shadow:         #e6e6e6 0 0 3px;
  behavior: url(/_common/js/lib/pie.htc);
}
.cmn_tab .cmn_tabbody    { position: relative; clear: left; background: #fff; z-index: 1; 
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
  border-radius:         5px;
  -webkit-box-shadow: #e6e6e6 0 0 3px;
  -moz-box-shadow:    #e6e6e6 0 0 3px;
  box-shadow:         #e6e6e6 0 0 3px;
  behavior: url(/_common/js/lib/pie.htc);
}
.cmn_tab2                { padding-bottom: 30px; border-bottom: 5px solid #e6e6e6; }
.cmn_tab .cmn_list_arrow li {
  padding-bottom: 5px;
}




/* ------------------------------------------------------------
B-5. cmn_grade,cmn_radius,cmn_shadow,cmn_attention（装飾）
------------------------------------------------------------ */

/* グラデーション */
.cmn_grade {
  position: relative;
  background: #eee;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#eee), color-stop(0.5,#f9f9f9), to(#fff));
  background: -moz-linear-gradient(#eee, #f9f9f9 50%, #fff);
  background:      linear-gradient(#eee, #f9f9f9 50%, #fff);
  -pie-background: linear-gradient(#eee, #f9f9f9 50%, #fff);
  behavior: url(/_common/js/lib/pie.htc);
}
.cmn_grade_a {
  position: relative;
  background: #eee;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#fff), color-stop(0.5,#f9f9f9), to(#eee));
  background: -moz-linear-gradient(#fff, #f9f9f9 50%, #eee);
  background:      linear-gradient(#fff, #f9f9f9 50%, #eee);
  -pie-background: linear-gradient(#fff, #f9f9f9 50%, #eee);
  behavior: url(/_common/js/lib/pie.htc);
}
.cmn_grade_b {
  position: relative;
  background: #eee;
  background: -webkit-gradient(linear,0% 0%,100% 0%, from(#eee), color-stop(0.5,#f9f9f9), to(#fff));
  background: -moz-linear-gradient(left, #eee, #f9f9f9 50%, #fff);
  background:      linear-gradient(left, #eee, #f9f9f9 50%, #fff);
  -pie-background: linear-gradient(left, #eee, #f9f9f9 50%, #fff);
  behavior: url(/_common/js/lib/pie.htc);
}


/* 角丸 */
.cmn_radius {
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
  border-radius:         5px;
  behavior: url(/_common/js/lib/pie.htc);
}
.cmn_radius_a {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius:    10px;
  border-radius:         10px;
  behavior: url(/_common/js/lib/pie.htc);
}
.cmn_radius_b {
  position: relative;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius:    10px 10px 0 0;
  border-radius:         10px 10px 0 0;
  behavior: url(/_common/js/lib/pie.htc);
}


/* シャドウ */
.cmn_shadow {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 0px 2px #e6e6e6;
  -moz-box-shadow:    0px 0px 2px #e6e6e6;
  box-shadow:         0px 0px 2px #e6e6e6;
  behavior: url(/_common/js/lib/pie.htc);
}
.cmn_shadow_a {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 1px 1px 4px #e6e6e6;
  -moz-box-shadow:    1px 1px 4px #e6e6e6;
  box-shadow:         1px 1px 4px #e6e6e6;
  behavior: url(/_common/js/lib/pie.htc);
}
.cmn_shadow_b {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 3px 3px 5px #e6e6e6;
  -moz-box-shadow:    3px 3px 5px #e6e6e6;
  box-shadow:         3px 3px 5px #e6e6e6;
  behavior: url(/_common/js/lib/pie.htc);
}


/* 注意書き */
.cmn_attention {
  position: relative;
  background: #fc9;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#ffdab9), to(#fc9));
  background: -moz-linear-gradient(#ffdab9, #fc9);
  background:      linear-gradient(#ffdab9, #fc9);
  -pie-background: linear-gradient(#ffdab9, #fc9);
  behavior: url(/_common/js/lib/pie.htc);
}
.cmn_attention_a {
  position: relative;
  background: #c00;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#f00), to(#c00));
  background: -moz-linear-gradient(#f00, #c00);
  background:      linear-gradient(#f00, #c00);
  -pie-background: linear-gradient(#f00, #c00);
  behavior: url(/_common/js/lib/pie.htc);
  color: #fff;
}


/* フォトフレーム */
.cmn_photo {
  margin: 5px; 
  border: 4px solid #fff;
  -webkit-box-shadow: 0px 0px 5px #999;
  -moz-box-shadow:    0px 0px 5px #999;
  box-shadow:         0px 0px 5px #999;
  behavior: url(/_common/js/lib/pie.htc);
}





/* ------------------------------------------------------------
B-6. logo_,icon_（画像アイコン）
------------------------------------------------------------ */

/* ロゴ */
.logo_header             { width: 450px; height: 45px; background: url(../img/logo.png) no-repeat; }
body#home .logo_header   { width: 550px; background-image: url(../img/logo-home.png); }
.logo_header a           { display: block; width: 100%; height: 100%; text-indent: -9999px; }

.logo_freedial           { width: 334px; height: 36px; background: url(../img/logo_freedial.png) no-repeat; text-indent: -9999px; }
.logo_freedial a         { display: block; width: 100%; height: 100%; text-indent: -9999px; }


/* アイコン＜基本設定＞ */
.icon                    { display: inline-block; width: 16px; height: 16px; margin: 0 3px; vertical-align: middle; background: url(../img/icon.png) no-repeat; font-size: 0px !important; text-shadow: none !important; }
* html .icon             { display: inline; zoom: 1; }
*+html .icon             { display: inline; zoom: 1; }


/* デザインアイコン */
.icon_pdf                { background-position: 0 0; }
.icon_doc                { background-position: 0 -100px; }
.icon_xls                { background-position: 0 -200px; }
.icon_ppt                { background-position: 0 -300px; }


/* 矢印アイコン（汎用リンク） */
.cmn_arrow               { padding-left: 10px; background: url(../img/arrow.png) 0 5px no-repeat; zoom: 1; }


/* 矢印アイコン（透明化） */
.icon_arrow              { width: 10px; height: 12px; background: url(../img/arrow_transparent.png) no-repeat; }
.icon_arrow_a            { width: 12px; height: 14px; background: url(../img/arrow_transparent.png) 0 -100px no-repeat; }





/* ------------------------------------------------------------
B-7. btn_（テキストベースのボタン）
------------------------------------------------------------ */

/* ボタン＜基本設定＞ */
.btn                     { behavior: url(/_common/js/lib/pie.htc); position: relative; display: inline-block; margin: 0 2px; vertical-align: middle; text-align: center; }
.btn:hover               { text-decoration: none; }
* html .btn              { display: inline; zoom: 1; }
*+html .btn              { display: inline; zoom: 1; }


/* ボタン（小） */
.btn_mini {
  position: relative;
  margin: 2px; 
  padding: 2px 14px;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
  background: #e9e9e9;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#bdbdbd), to(#e9e9e9));
  background: -moz-linear-gradient(#bdbdbd, #e9e9e9);
  background:      linear-gradient(#bdbdbd, #e9e9e9);
  -pie-background: linear-gradient(#bdbdbd, #e9e9e9);
  -webkit-box-shadow: 0px 1px 1px #333;
  -moz-box-shadow:    0px 1px 1px #333;
  box-shadow:         0px 1px 1px #333;
  color: #333;
}
.btn_mini.on,
.btn_mini:hover {
  border-color: #46ad9c;
  background: #bbe1db;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#3eb6a3), to(#bbe1db));
  background: -moz-linear-gradient(#3eb6a3, #bbe1db);
  background:      linear-gradient(#3eb6a3, #bbe1db);
  -pie-background: linear-gradient(#3eb6a3, #bbe1db);
  color: #333;
  text-decoration: none;
}


/* ボタン（SUBMIT） */
.btn_submit {
  margin: 10px;
  padding: 5px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
  border-radius:         5px;
  background: #f7941d;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#f9a94a), color-stop(0.5,#f9a94a), color-stop(0.5,#f7941d), to(#f7941d));
  background: -moz-linear-gradient(#f9a94a, #f9a94a 50%, #f7941d 50%, #f7941d);
  background:      linear-gradient(#f9a94a, #f9a94a 50%, #f7941d 50%, #f7941d);
  -pie-background: linear-gradient(#f9a94a, #f9a94a 50%, #f7941d 50%, #f7941d);
  -webkit-box-shadow: 2px 2px 3px #e6e6e6;
  -moz-box-shadow:    2px 2px 3px #e6e6e6;
  box-shadow:         2px 2px 3px #e6e6e6;
  text-shadow: 0px 1px 2px #888;
  letter-spacing: 1px; 
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}
.btn_submit:hover {
  background: #f6a62b;
  -pie-background: linear-gradient(#f6a62b);
  box-shadow: none;
  color: #fff;
}

.btn_submit_a {
  margin: 10px;
  padding: 10px 30px;
  -webkit-border-radius: 25px;
  -moz-border-radius:    25px;
  border-radius:         25px;
  background: #f7941d;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#f9a94a), color-stop(0.5,#f9a94a), color-stop(0.5,#f7941d), to(#f7941d));
  background: -moz-linear-gradient(#f9a94a, #f9a94a 50%, #f7941d 50%, #f7941d);
  background:      linear-gradient(#f9a94a, #f9a94a 50%, #f7941d 50%, #f7941d);
  -pie-background: linear-gradient(#f9a94a, #f9a94a 50%, #f7941d 50%, #f7941d);
  -webkit-box-shadow: 2px 2px 3px #e6e6e6;
  -moz-box-shadow:    2px 2px 3px #e6e6e6;
  box-shadow:         2px 2px 3px #e6e6e6;
  text-shadow: 0px 1px 2px #888;
  letter-spacing: 1px; 
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}
.btn_submit_a:hover {
  background: #f6a62b;
  -pie-background: linear-gradient(#f6a62b);
  box-shadow: none;
  color: #fff;
}


/* ボタン（NEW） */
.btn_new { position: relative; margin: 0 5px; padding: 0 5px; background: #c00; color: #fff; font-size: 11px;
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
  border-radius:         5px;
  behavior: url(/_common/js/lib/pie.htc);
}


/* ボタン（画像用） */
.btn_hover { opacity: 0.7; filter: alpha(opacity=70); }





/* ------------------------------------------------------------
B-8. unit_
------------------------------------------------------------ */

.unit { position: relative; padding: 18px; border: 1px solid #ccc; font-size: 14px; font-weight: bold; 
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
  -webkit-box-shadow: #ccc 0 0 5px;
  -moz-box-shadow:    #ccc 0 0 5px;
  box-shadow:         #ccc 0 0 5px;
  background: #eee;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#d6d6d6), color-stop(0.5,#fff), to(#fff));
  background: -moz-linear-gradient(#d6d6d6, #fff 50%, #fff);
  background:      linear-gradient(#d6d6d6, #fff 50%, #fff);
  -pie-background: linear-gradient(#d6d6d6, #fff 50%, #fff);
  behavior: url(/_common/js/lib/pie.htc);
}
.unit figure             { float: right; width: 94px; height: 132px; margin: -10px; }
.unit hgroup             { margin-right: 100px; padding-left: 10px; border-left: 4px solid #eb838a; }
.unit hgroup h4          { font-size: 10px; font-weight: normal; }
.unit p                  { margin-bottom: 0; }
.unit span               { font-weight: normal; line-height: 1.4 !important; }


.unit_a { position: relative; margin-bottom: 30px; padding: 10px; border: 1px solid #e6e6e6; zoom: 1;
  background: #eee;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#fff), color-stop(0.5,#fff), to(#eee));
  background: -moz-linear-gradient(#fff, #fff 50%, #eee);
  background:      linear-gradient(#fff, #fff 50%, #eee);
  -pie-background: linear-gradient(#fff, #fff 50%, #eee);
  behavior: url(/_common/js/lib/pie.htc);
}
.unit_a:after  {  content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.unit_a h3     { margin-top:  0 !important; }
.unit_a h4     { margin-top:  0 !important; }




















/* ------------------------------------------------------------
C. ＜エリア別＞
------------------------------------------------------------ */

/* ------------------------------------------------------------
C-0. 基本レイアウト
------------------------------------------------------------ */

html                { }
body                { height: auto !important; height: 100%; min-height: 100%; min-width: 940px; background: #faf9f5; }


/* 幅・配置＆背景 */
#header             { width: 100%; height: 120px; z-index: 9999; background: #fff url(../img/bg_header.png) repeat-x 0 70px; }
#header .inner      { position: relative; width: 940px; height: 100%; margin: 0 auto; z-index: 100; }

#contents .inner    { position: relative; width: 940px; margin: 0 auto; padding: 0; margin-top: -120px; background: 100% 0 url(../img/bg_contents.png) repeat-y; }
#main               { position: relative; width: 940px; margin: 0 auto; padding-top: 120px; }

.message {
  padding: 50px;
  line-height: 2;
  font-size: 18px;
}
.message p {
  margin-bottom: 30px;
}



#sub                { position: relative; float: right; display: inline; overflow: hidden; width: 200px; padding: 0 4px 30px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #e6e6e6; }
* html #sub         { margin-top: -20px; padding-bottom: 120px; }
*+html #sub         { margin-top: -20px; padding-bottom: 120px; }
#sub .photo         { margin-bottom: 10px; }
#footer             { position: relative; clear: both; overflow: hidden; width: 100%; height: 69px;
  background: #25af99;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#1a7a6b), color-stop(0.08,#25af99), to(#25af99));
  background: -moz-linear-gradient(#1a7a6b, #25af99 8%, #25af99);
  background:      linear-gradient(#1a7a6b, #25af99 8%, #25af99);
  -pie-background: linear-gradient(#1a7a6b, #25af99 8%, #25af99);
  behavior: url(/_common/js/lib/pie.htc);
}
#footer .inner      { position: relative; width: 868px; height: 100%; margin: 0 auto; }


/* clearfix */
#contents, .inner, #main, section, article  { zoom: 1; }
/*#contents:after, .inner:after, #main:after, .section:after, section:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }*/





/* ------------------------------------------------------------
C-1. #header
------------------------------------------------------------ */

/* 共通ヘッダ：ロゴ */
#header .logo_header     { position: absolute; top: 10px; left: 0px; }


/* 共通ヘッダ：ラベル */
#header .label_about     { position: absolute; top: 0; right: 210px; width: 370px; height: 69px; background: url(../img/label_about.png) no-repeat; text-indent: -9999px; }
body#home #header .label_about { display: none; }


/* 共通ヘッダ：フリーダイヤル */
#header .logo_freedial   { position: absolute; top: 9px; right: 0px; }


/* 共通ヘッダ：文字サイズ */
.mod_fontsize            { position: absolute; top: 52px; right: 0px; padding: 6px 8px 8px 8px; background: #E9F4F2;
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
  behavior: url(/_common/js/lib/pie.htc);
}
.mod_fontsize dt         { width: 5.5em; line-height: 2; }
.mod_fontsize dd         { margin-top: -2em; margin-left: 5.5em; white-space: nowrap; }
.mod_fontsize dd a       { margin-left: 10px; text-decoration: none; }


/* 共通ヘッダ：ナビゲーション */
.nav_main                { position: absolute; top: 70px; left: 0; width: 720px; height: 30px; background: url(../img/nav_main.png) repeat-x; z-index: 10001; }
.nav_main ul             { position: relative; display: table; padding-left: 3px; height: 100%; background: url(../img/nav_main_separator.png) no-repeat; white-space: nowrap; }
.nav_main li             { position: relative; display: table-cell; height: 100%; padding-right: 3px; background: url(../img/nav_main_separator.png) right top no-repeat; }
.nav_main li a           { display: block; float: left; height: 100%; line-height: 30px; padding: 0 10px; background: url(../img/nav_main.png) repeat-x; text-align: center; font-weight: bold; font-size: 13px !important; color: #333; text-decoration: none; }
body#home      .nav_main li.nav_main_home a,
body#guideline .nav_main li.nav_main_guideline a,
body#victim    .nav_main li.nav_main_victim a,
body#specialists .nav_main li.nav_main_specialists a,
body#soudan    .nav_main li.nav_main_soudan a,
body#kensuu    .nav_main li.nav_main_kensuu a,
body#sinsai    .nav_main li.nav_main_sinsai a,
body#news      .nav_main li.nav_main_news a,
.nav_main li a:hover     { background-position: 0 -50px; text-decoration: none; }
* html .nav_main li      { display: inline; zoom: 1; }
*+html .nav_main li      { display: inline; zoom: 1; }

.nav_main li ul          { display: none; padding: 0; background: none; }
.nav_main li ul li       { display: block; background: none; }
.nav_main li:hover ul    { display: block; position: absolute; top: 30px; left: 0; z-index: 1000; width: auto; height: auto; padding-top: 1px; -webkit-box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; }
.nav_main li:hover ul li { display: block !important; width: 100%; height: 25px; padding: 0px; border: 1px solid #c1c1c1; border-top: none; background: #f1f1f1; }
.nav_main li:hover ul li a { width: 100%; line-height: 25px; background: none; text-align: left; font-weight: normal; font-size: 11px !important; }
.nav_main li:hover ul li:hover  { background: #fff; }
* html .nav_main li:hover ul li a { float: none; width: 150px; }
*+html .nav_main li:hover ul li a { float: none; width: 150px; }





/* ------------------------------------------------------------
C-2. #footer
------------------------------------------------------------ */

/* 共通フッタ：ナビゲーション */
.nav_info                { padding-top: 10px; }
.nav_info a              { padding-left: 8px; padding-right: 10px; background: url(../img/arrow.png) 0 -196px no-repeat; color: #fff; }


/* 共通フッタ：アドレス */
#footer address          { position: absolute; top: 12px; right: 0; font-size: 10px; color: #fff; }





/* ------------------------------------------------------------
C-3. #contents
------------------------------------------------------------ */

/* section：初期設定 */
section                  { position: relative; }
section header           { position: relative; }
section footer           { position: relative; }


/* section：基本スタイル適用版 */
section.style            { margin-bottom: 20px; padding: 0 24px 24px; border: 1px solid #dbdbdb; background: #fff; }
section.style > p:first-child { margin-top: 15px; font-weight: bold; }
section.style p          { margin-bottom: 15px; line-height: 1.8; }
section.style p.cmn_lead { padding: 20px; font-size: 108%; zoom: 1;
  position: relative; 
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
  background: #faf9f5;
  background: -webkit-gradient(linear,0% 0%,100% 100%, from(#f5f1e3), to(#faf9f5));
  background: -moz-linear-gradient(left, #f5f1e3, #faf9f5);
  background:      linear-gradient(left, #f5f1e3, #faf9f5);
  -pie-background: linear-gradient(left, #f5f1e3, #faf9f5);
  behavior: url(/_common/js/lib/pie.htc);
}
section.style h1         { margin: 0 -23px 15px; padding: 10px 12px 5px; font-size: 20px; border-bottom: 2px solid #10b09a; 
  position: relative;
  background: #b6e6d8;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#fff), color-stop(0.96,#b6e6d8), to(#fff));
  background: -moz-linear-gradient(#fff, #b6e6d8 96%, #fff);
  background:      linear-gradient(#fff, #b6e6d8 96%, #fff);
  -pie-background: linear-gradient(#fff, #b6e6d8 96%, #fff);
  behavior: url(/_common/js/lib/pie.htc);
}
section.style h1.cmn_simple { border: none !important; background: none !important; text-align: center; }

section.style h2         { margin: 25px 0 15px; padding: 5px 10px 2px; font-size: 16px; border-bottom: 2px solid #10b09a; 
  position: relative;
  background: #efebdb;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#efebdb), color-stop(0.96,#efebdb), to(#fff));
  background: -moz-linear-gradient(#efebdb, #efebdb 96%, #fff);
  background:      linear-gradient(#efebdb, #efebdb 96%, #fff);
}
section.style h3         { margin: 20px 0 10px; font-size: 14px; color: #00856c; }
section.style h4         { margin: 20px 0 10px; font-size: 13px; }
section.style h1 span,
section.style h2 span,
section.style h3 span,
section.style h4 span    { margin-left: 1em; font-weight: normal; font-size: 12px; }
section.style h1 strong,
section.style h2 strong,
section.style h3 strong,
section.style h4 strong  { color: #740000; }


/* figcaption：図 */
figcaption               { font-size: 11px; color: #666; }


/* パンくずナビ */
.nav_breadcrumb          { padding: 5px 15px; }
.nav_breadcrumb li       { display: inline;  padding: 0 8px 0 15px; background: url(../img/arrow.png) 0 5px no-repeat; }
.nav_breadcrumb li:first-child { padding-left: 0; background: none; }
.nav_breadcrumb li:last-child { font-weight: bold; }


/* アンカーナビ */
.nav_anchor              { padding: 5px 10px; border: 1px solid #e6e6e6; text-align: center; }
.nav_anchor a            { padding-left: 20px !important; background: url(../img/arrow.png) 0 -498px no-repeat; zoom: 1; }
.nav_anchor a.nav_anchor_up { background-position: 0 -398px; }


/* アンカーナビ(QA) */
.nav_qa                  { margin-left: 20px; }
.nav_qa li               { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
.nav_qa li a             { display: block; padding-left: 20px !important; background: url(../img/arrow.png) 0 -498px no-repeat; zoom: 1; }


/* 前のページへ */
.nav_pageback            { margin-bottom: -1.5em; }
.nav_pageback a          { padding-left: 20px; background: url(../img/arrow.png) 0 -598px no-repeat; zoom: 1; }


/* ページ先頭へ */
.nav_pagetop             { margin-bottom: 30px; text-align: right; }
.nav_pagetop a           { padding-right: 25px; background: url(../img/arrow.png) 100% -398px no-repeat; zoom: 1; }


/* header.title */
header.title             { height: 83px; margin: 0 0 17px; padding-left: 15px; background: #f9dacf url(../img/photo_title.png) 100% 0 no-repeat;
  border: 4px solid #fff;
  -webkit-box-shadow: 0px 0px 5px #999;
  -moz-box-shadow:    0px 0px 5px #999;
  box-shadow:         0px 0px 5px #999;
  behavior: url(/_common/js/lib/pie.htc);
}
header.title h2          { line-height: 80px; font-size: 18px; letter-spacing: 2px; }
body#guideline header.title { background-position: 100% 0; }
body#news      header.title { background-position: 100% -100px; }
body#corporate header.title { background-position: 100% -200px; }


/* .mod_twitter */
.mod_twitter             { height: 271px; }


/* .nav_sub */
.nav_sub                 { position: relative; margin-top: 10px; padding: 0 10px; border: 5px solid #f0f0f0; border-top: none; background: #fff; }
.nav_sub.noheader        { border-top: 5px solid #f0f0f0; }
.nav_sub dt              { position: relative; width: 205px; margin-right: -15px; margin-left: -15px; padding: 7px; line-height: 1.2; font-weight: normal; font-size: 13px; color: #fff; zoom: 1;
  background: #10af99;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#10af99), to(#00795e));
  background: -moz-linear-gradient(#10af99, #00795e);
  background:      linear-gradient(#10af99, #00795e);
  -pie-background: linear-gradient(#10af99, #00795e);
  behavior: url(/_common/js/lib/pie.htc);
}
* html .nav_sub          { padding: 0 0 0 10px; }
* html .nav_sub dt       { width: 200px; }
*+html .nav_sub          { padding: 0 0 0 10px; }
*+html .nav_sub dt       { width: 200px; zoom: 1; }
.nav_sub dd              { padding-bottom: 10px; }
.nav_sub ul              { margin: 0; }
.nav_sub li              { padding: 4px 0; border-top: 1px dotted #e6e6e6; }
.nav_sub li.on           { margin-right: -10px; background: #e6e6e6; }
.nav_sub li a            { display: block; padding-left: 25px; background: url(../img/arrow.png) 5px -298px no-repeat; zoom: 1; }
.nav_sub li.on a         { color: #333; text-decoration: none; }
.nav_sub ul ul           { margin: 5px 0 0 10px; }
.nav_sub ul ul li        { margin-top: 3px; padding: 3px 5px 0 0; border-top: 1px dotted #e6e6e6; border-bottom: none; font-size: 11px; }
.nav_sub ul ul li a      { background-position: 15px 3px; }


/* コンテンツインデックス */
.mod_index               { margin-bottom: 20px; padding: 0 10px 10px; border: 1px solid #d6d6d6; background: #fff; }
.mod_index header        { margin: 0 -10px 10px; border-bottom: 2px solid #10b09a; 
  position: relative;
  background: #b6e6d8;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#fff), color-stop(0.96,#b6e6d8), to(#fff));
  background: -moz-linear-gradient(#fff, #b6e6d8 96%, #fff);
  background:      linear-gradient(#fff, #b6e6d8 96%, #fff);
  -pie-background: linear-gradient(#fff, #b6e6d8 96%, #fff);
  behavior: url(/_common/js/lib/pie.htc);
}
.mod_index header h2     { margin-top: 5px; margin-left: 10px; padding: 2px 0; font-size: 14px; }
.mod_index .cmn_list_news { margin: 0 10px; }
















/* ------------------------------------------------------------
D. ＜ページ別＞
------------------------------------------------------------ */

/* ------------------------------------------------------------
D-1. .lv1：トップページ
------------------------------------------------------------ */
.hero                    { padding: 4px 0 20px; }
.hero a:hover            { opacity: 0.7; filter: alpha(opacity=70); }

.mod_pickup              { margin-bottom: 15px; }
.mod_pickup li           { position: relative; margin: 0 0 15px; padding: 10px 10px 8px; font-size: 14px; 
  border: 3px solid #ff5d09;
  background: #faf9f5;
  -webkit-box-shadow: 0px 0px 5px #999;
  -moz-box-shadow:    0px 0px 5px #999;
  box-shadow:         0px 0px 5px #999;
  behavior: url(/_common/js/lib/pie.htc);
}
.mod_pickup a            { display: block; padding-left: 44px; background: url(../img/bullet.png) 0 -298px no-repeat; color: #ff5d09; zoom: 1; }
.mod_pickup li.line      { margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px dotted #ff5d09; }





/* ------------------------------------------------------------
D-2. .lv2：カテゴリトップ
------------------------------------------------------------ */





/* ------------------------------------------------------------
D-3. .lv3：詳細
------------------------------------------------------------ */

/* 組織案内：地図 */
.gmap_block              { width: 300px; }
.gmap_block strong       { display: block; margin-bottom: 10px; border-bottom: 1px dotted #ccc;  font-size: 15px; font-weight: bold; }



/* パンフレット */
#victim .col3            { padding-bottom: 20px; }
#victim .col3 .column:last-child { float: left !important; margin-left: 2% !important; }




/* 支部統合 */
.gmap_info {
  position: relative;
}
.gmap_info .maskmsg {
  position: absolute;
  z-index: 100;
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  width: 600px;
  padding-top: 150px;
  background-color: rgba(236,236,236,.85);
  text-align: center;
  font-weight: bold;
  color: #333;
}






/*------------------------------------------------------------
    HEADER2019
------------------------------------------------------------*/
.header-group {
  border-bottom: 5px solid #003782;
  background-color: #fff;
  text-align: center;
}
.header-group span {
  display: none ;
}
.header-group-logo {
  width: 633px;
  max-width: 100%;
  margin: 13px auto;
  padding: 0;
}
.header-group-logo::before {
  content: '';
  display: block;
  padding-top: 3.1595576%;
  background: center center url(../img/logo-group.png) no-repeat;
  background-size: 100% auto;
}
.nav-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.header-group-dgl,
.header-group-kgl {
  display: block;
  width: 492px;
  max-width: 50%;
  margin: 0;
  padding: 0 5px;
}
.header-group-dgl a,
.header-group-kgl a {
  display: block;
  padding-top: 7.926829%;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.header-group-dgl a:hover,
.header-group-kgl a:hover {
  background-position: center bottom;
}
.header-group-dgl a {
  background-image: url(../img/nav-dgl.png);
}
.header-group-kgl a {
  background-image: url(../img/nav-kgl.png);
  background-position: center bottom;
}














/* ====  PRINT SETTING  =============================================== */

@media print {
  #main { width: 100%; }
  #sub  { display: none; }
}