@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
コンテンツエリア用CSS
1. 見出し
2. パンくず : #topicpath
3. mainWrap : #l_sidebar + #contents
4. #contents : メインコンテンツ領域
5. Anchor : テキストリンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*--------------------------------------------------------------------
1. 見出し
--------------------------------------------------------------------*/

/* 旧見出しスタイル
------------------------------------------------------------*/
/* h1：パターン1：2カラム用---------------------------------- */
/* h1パターン1の全体枠（背景画像）専用div */
div#page_title_ptn1{
margin-bottom:30px; /* 下方向マージン */
/* padding:16px 0px 0px 0px; */
padding:20px 0px 0px 0px;
background:url(/common/img/bg/bg_h1div.jpg) no-repeat left top;
zoom: 1; /* ie6/7印刷バグ対応 */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div#page_title_ptn1{
  margin-bottom:12px;
  padding-top:6px;
  background-image:url(/common/img/bg/bg_h1div_sp.gif);
  }
}



/* h1パターン1のサブタイトル用p要素 */
div#page_title_ptn1 p.page_subTitle{
margin:0px;/* basedesign.cssの標準設定を0で上書き */
padding:0px 20px 0px 50px;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div#page_title_ptn1 p.page_subTitle{
  padding:0px 6px 0px 28px;
  }
}


/* h1パターン1 */
div#page_title_ptn1 h1.xpah1_ptn1,
div#page_title_ptn1 p.xpah1_ptn1{ /* h1_ptn1同等デザインのp要素 */
padding:0px 20px 20px 50px;
font-size:200%;
font-weight:normal;
line-height:1;
_line-height:1.2; /* ie6 */
background:url(/common/img/bg/bg_h1_ptn1.jpg) no-repeat left bottom;
zoom: 1; /* ie6/7印刷バグ対応 */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div#page_title_ptn1 h1.xpah1_ptn1,
  div#page_title_ptn1 p.xpah1_ptn1{
  padding:0px 12px 10px 28px;
  font-size:138%;
  background-image:url(/common/img/bg/bg_h1_ptn1_sp.gif);
  }
}





/* h1：パターン2：1カラム用---------------------------------- */
/* h1パターン2の全体枠（背景画像）専用div */
div#page_title_ptn2{
margin-bottom:30px; /* 下方向マージン */
/* padding:16px 0px 0px 0px; */
padding:20px 0px 0px 0px;
background:url(/common/img/bg/bg_h1div_ptn2.jpg) no-repeat left top;
zoom: 1; /* ie6/7印刷バグ対応 */
}




/* h1パターン2のサブタイトル用p要素 */
div#page_title_ptn2 p.page_subTitle{
margin:0px;/* basedesign.cssの標準設定を0で上書き */
padding:0px 20px 0px 50px;
}



/* h1パターン2 */
div#page_title_ptn2 h1.xpah1_ptn1,
div#page_title_ptn2 p.xpah1_ptn1{ /* h1_ptn1同等デザインのp要素 */
padding:0px 20px 20px 50px;
font-size:200%;
font-weight:normal;
line-height:1;
_line-height:1.2; /* ie6 */
background:url(/common/img/bg/bg_h1_ptn2.jpg) no-repeat left bottom;
zoom: 1; /* ie6/7印刷バグ対応 */
}


/* h2：パターン1--------------------------------------------- */
h2.xpah2_ptn1,
h1.xpah2_ptn1{ /* h2_ptn1同等デザインのh1要素 */
margin-bottom:12px; /* 下方向マージン */
padding:18px 0 14px 12px;
font-size:129%;
font-weight:bold;
line-height:1.2;
color:#333333;
border-left:4px solid #6694d2;
/*
background:url(/common/img/bg/bg_h2_ptn1.gif) no-repeat left 50%;
*/
}

h2.xpah2_ptn1 a{}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  h2.xpah2_ptn1,
  h1.xpah2_ptn1{ /* h2_ptn1同等デザインのh1要素 */
  margin-left:10px;
  margin-right:10px;
  }
}


/* h3：パターン1--------------------------------------------- */
div.xpah3_outer_ptn1{/* h3外枠 */
margin-bottom:12px;
padding-bottom:5px;
border-bottom:3px solid #6694d2;

/*
position:relative;
border:1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(/common/behavior/PIE.htc);
*/
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpah3_outer_ptn1{/* h3外枠 */
  margin-left:10px;
  margin-right:10px;
  }
}



div.xpah3_inner_ptn1{/* h3内枠 */

/*
position:relative;
border:2px solid #fff;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

background: #f3f3f3;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f3f3), to(#f8f8f8));
background: -moz-linear-gradient(#f3f3f3, #f8f8f8);
background: linear-gradient(#f3f3f3, #f8f8f8);
-pie-background: linear-gradient(#f3f3f3, #f8f8f8);
behavior: url(/common/behavior/PIE.htc);
*/
}

h3.xpah3_ptn1, /* h3 */
p.xpah3_ptn1{ /* h3_ptn1同等デザインのp要素 */


font-weight:bold;

/*
padding:6px 0px 4px 30px;
font-size:108%;
font-weight:bold;
line-height:1.2;
background:url(/common/img/bg/bg_h3_marker_ptn1.jpg) no-repeat 7px 50%;
zoom: 1;
*/
}

h3.xpah3_ptn1 a,
p.xpah3_ptn1 a{/* 全体テキストリンク */
/*
display:block;
margin:0;
padding:6px 25px 4px 30px;
position:relative;
color:#00f!important;
background:url(/common/img/bg/bg_internalLinks.gif) no-repeat right 50%;
zoom: 1;
*/
}


/* h3：パターン2--------------------------------------------- */
h3.xpah3_ptn2, /* h3 */
p.xpah3_ptn2{ /* h3_ptn2同等デザインのp要素 */
margin-bottom:12px; /* 下方向マージン */
margin-left:0px;
padding-left:23px;
font-size:108%; /* 14px相当 */
font-weight:bold;
line-height:1.2;
background:url(/common/img/bg/bg_h3_marker_ptn1.jpg) no-repeat left 50%;
zoom: 1; /* ie6/7印刷バグ対応 */
}

h3.xpah3_ptn2 a,
p.xpah3_ptn2 a{/* 全体テキストリンク */
color:#00f!important;
}


/* h4：パターン1--------------------------------------------- */
h4.xpah4_ptn1, /* h4 */
p.xpah4_ptn1{ /* h4_ptn1同等デザインのp要素 */
margin-bottom:12px; /* 下方向マージン */
padding-left:10px;
font-weight:bold;
border-left:3px solid #b2b2b2;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  h4.xpah4_ptn1, /* h4 */
  p.xpah4_ptn1{ /* h4_ptn1同等デザインのp要素 */
  margin-left:10px;
  margin-right:10px;
  }
}


/* 新見出しスタイル 2017.0501
------------------------------------------------------------*/
/* 見出し(h2〜h6）スタイリングパターン
-----------------------------------------------------------*/
/* パターンA -------------------------------*/
.hwrapper_ptn1{}

.hwrapper_ptn1 .hwrapper_inner{}

.hwrapper_ptn1 h2,
.hwrapper_ptn1 h3,
.hwrapper_ptn1 h4,
.hwrapper_ptn1 h5,
.hwrapper_ptn1 h6{
margin-bottom:12px;
font-size:158%;
font-weight:bold;
line-height:1.2;
}

@media screen and (max-width:360px) {
  .hwrapper_ptn1 h2,
  .hwrapper_ptn1 h3,
  .hwrapper_ptn1 h4,
  .hwrapper_ptn1 h5,
  .hwrapper_ptn1 h6{
  margin:0 10px 12px;
  }
}

/* パターンB -------------------------------*/
.hwrapper_ptn2{}

.hwrapper_ptn2 .hwrapper_inner{}

.hwrapper_ptn2 h2,
.hwrapper_ptn2 h3,
.hwrapper_ptn2 h4,
.hwrapper_ptn2 h5,
.hwrapper_ptn2 h6{
margin-bottom:12px;
padding:18px 0 14px 12px;
font-size:129%;
font-weight:bold;
line-height:1.2;
color:#333333;
border-left:4px solid #6694d2;
}

@media screen and (max-width:360px) {
  .hwrapper_ptn2 h2,
  .hwrapper_ptn2 h3,
  .hwrapper_ptn2 h4,
  .hwrapper_ptn2 h5,
  .hwrapper_ptn2 h6{
  margin:0 10px 12px;
  }
}

/* パターンC -------------------------------*/
.hwrapper_ptn3{}

.hwrapper_ptn3 .hwrapper_inner{}

.hwrapper_ptn3 h2,
.hwrapper_ptn3 h3,
.hwrapper_ptn3 h4,
.hwrapper_ptn3 h5,
.hwrapper_ptn3 h6{
margin-bottom:12px;
padding-bottom:5px;
font-weight:bold;
border-bottom:3px solid #6694d2;
}

@media screen and (max-width:360px) {
  .hwrapper_ptn3 h2,
  .hwrapper_ptn3 h3,
  .hwrapper_ptn3 h4,
  .hwrapper_ptn3 h5,
  .hwrapper_ptn3 h6{
  margin:0 10px 12px;
  }
}

/* パターンD -------------------------------*/
.hwrapper_ptn4{}

.hwrapper_ptn4 .hwrapper_inner{}

.hwrapper_ptn4 h2,
.hwrapper_ptn4 h3,
.hwrapper_ptn4 h4,
.hwrapper_ptn4 h5,
.hwrapper_ptn4 h6{
margin-bottom:12px;
padding-left:10px;
font-weight:bold;
border-left:3px solid #b2b2b2;
}

@media screen and (max-width:360px) {
  .hwrapper_ptn4 h2,
  .hwrapper_ptn4 h3,
  .hwrapper_ptn4 h4,
  .hwrapper_ptn4 h5,
  .hwrapper_ptn4 h6{
  margin:0 10px 12px;
  }
}

/* パターンE -------------------------------*/
.hwrapper_ptn5{}

.hwrapper_ptn5 .hwrapper_inner{}

.hwrapper_ptn5 h2,
.hwrapper_ptn5 h3,
.hwrapper_ptn5 h4,
.hwrapper_ptn5 h5,
.hwrapper_ptn5 h6{
float:left;
margin-bottom:12px;
padding:4px 15px 2px;
color:#6694d2;
border:1px solid #6694d2;
}

@media screen and (max-width:360px) {
  .hwrapper_ptn5 h2,
  .hwrapper_ptn5 h3,
  .hwrapper_ptn5 h4,
  .hwrapper_ptn5 h5,
  .hwrapper_ptn5 h6{
  margin:0 10px 12px;
  }
}

/* パターンF -------------------------------*/
.hwrapper_ptn6{}

.hwrapper_ptn6 .hwrapper_inner{}

.hwrapper_ptn6 h2,
.hwrapper_ptn6 h3,
.hwrapper_ptn6 h4,
.hwrapper_ptn6 h5,
.hwrapper_ptn6 h6{
float:left;
margin-bottom:12px;
padding:4px 15px 2px;
color:#ffffff;
background-color:#6694d2;
}

@media screen and (max-width:360px) {
  .hwrapper_ptn6 h2,
  .hwrapper_ptn6 h3,
  .hwrapper_ptn6 h4,
  .hwrapper_ptn6 h5,
  .hwrapper_ptn6 h6{
  margin:0 10px 12px;
  }
}



/*--------------------------------------------------------------------
2. 段落
--------------------------------------------------------------------*/
/* hr：水平線------------------------------------------ */
hr{
margin-bottom:12px; /* 下方向マージン */
}



/* p：標準--------------------------------------------- */
p.xpap_ptn1{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
font-size:113%; /* 20190419変更 */
}


/* p：右揃え--------------------------------------------- */
p.xpap_ptn2{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
text-align:right;
font-size:113%; /* 20190419変更 */
}


/* p：中央揃え--------------------------------------------- */
p.xpap_ptn3{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
text-align:center;
font-size:113%; /* 20190419変更 */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  p.xpap_ptn1,
  p.xpap_ptn2,
  p.xpap_ptn3{
  margin-left:15px;
  margin-right:15px;

/*
  word-break:break-all;
*/
  }
}



/* address：標準--------------------------------------------- */
address.xpaaddress_ptn1{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
font-style:normal; /* CMSKIT管理画面用に再度リセット */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  address.xpaaddress_ptn1{
  margin-left:15px;
  margin-right:15px;
  }
}



/* blockquote：標準--------------------------------------------- */
blockquote.xpablockquote_ptn1{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  blockquote.xpablockquote_ptn1{
  margin-left:15px;
  margin-right:15px;
  }
}



/*--------------------------------------------------------------------
3. リスト
--------------------------------------------------------------------*/
/* ul：標準----------------------------------------------------- */
ul.xpaul_ptn1,
ul.xpaul_ptn2{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  ul.xpaul_ptn1,
  ul.xpaul_ptn2{
  margin-left:15px;
  margin-right:15px;
  }
}



/* liパターン1：黒丸-------------------------------------------- */
li.xpali_ptn1{
background:url(/common/img/bg/bg_icon_diskSmall.gif) no-repeat left 3px;
padding-left:13px;
}

/* liパターン2：右向三角-------------------------------------------- */
li.xpali_ptn2{
background:url(/common/img/bg/bg_icon_triRight.gif) no-repeat left 2px;
padding-left:13px;
}

/* ulパターン1：上下罫線なし------------------------------------ */
ul.xpaul_ptn1{
}

ul.xpaul_ptn1 li.xpali_ptn1{
}

/* ulパターン2：上下罫線あり------------------------------------ */
ul.xpaul_ptn2{
border-bottom:1px solid #ccc;
}

ul.xpaul_ptn2 li.xpali_ptn1,
ul.xpaul_ptn2 li.xpali_ptn2{
padding:5px 0 3px 13px;
background-position:left 8px;
border-top:1px solid #ccc;
}





/* ページ内アンカーパターン1：縦並び：「FAQ]等のインデックス表示用途 */
ul.xpaUlAnchorMenuPtn1{
margin-bottom:12px; /* 下方向マージン */
}

li.xpaLiUlAnchorMenuPtn1{
list-style:none;
padding-left:15px;
background:url(/common/img/bg/bg_arrow_down2.gif) no-repeat left 50%;
}

li.xpaLiUlAnchorMenuPtn1 a{}


/* ページ内アンカーパターン2：箱型横並び */

ul.xpaUlAnchorMenuPtn2{
margin-bottom:12px; /* 下方向マージン */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  ul.xpaUlAnchorMenuPtn2{
  margin-left:15px;
  margin-right:15px;
  }
}



li.xpaLiUlAnchorMenuPtn2{
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
margin-bottom:6px;
margin-right:6px;
padding:0 5px;
border:1px solid #ccc;
background-color:#d7e8fa;
white-space: nowrap;
line-height:1.5;
}

li.xpaLiUlAnchorMenuPtn2 a{}


/* ページ内アンカーパターン3：縦線区切り横並び */

ul.xpaUlAnchorMenuPtn3{
margin-bottom:12px; /* 下方向マージン */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  ul.xpaUlAnchorMenuPtn3{
  margin-left:15px;
  margin-right:15px;
  }
}



li.xpaLiUlAnchorMenuPtn3{
float:left;
padding:0 10px 0 15px;
white-space: nowrap;
background:url(/common/img/bg/bg_arrow_down2.gif) no-repeat left 50%;
list-style:none;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  li.xpaLiUlAnchorMenuPtn3{
  white-space:normal;
  }
}



li.xpaLiUlAnchorMenuPtn3 a{}





/* ol：標準----------------------------------------------------- */
ol.xpaol_ptn1,
ol.xpaol_ptn2{
margin-bottom:12px; /* 下方向マージン */
margin-left:30px; /* 左インデント */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  ol.xpaol_ptn1,
  ol.xpaol_ptn2{
  margin-right:15px;
  }
}



/* ol用liパターン1：連番---------------------------------------- */
li.xpaliol_ptn1{
list-style-type:decimal;
}

/* olパターン1：上下罫線なし------------------------------------ */
ol.xpaol_ptn1{
}

ol.xpaol_ptn1 li.xpaliol_ptn1{
}

/* olパターン2：上下罫線あり------------------------------------ */
ol.xpaol_ptn2{
border-bottom:1px solid #ccc;
}

ol.xpaol_ptn2 li.xpaliol_ptn1{
padding:5px 0 3px 0;
border-top:1px solid #ccc;
}







/* dl：標準----------------------------------------------------- */
dl.xpadl_ptn1,
dl.xpadl_ptn2{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  dl.xpadl_ptn1,
  dl.xpadl_ptn2{
  margin-left:15px;
  margin-right:15px;
  }
}



/* dtパターン1：太字-------------------------------------------- */
dt.xpadt_ptn1{
font-weight:bold;
color:#444;
}

dd.xpadd_ptn1{}


/* dlパターン1：上下罫線なし------------------------------------ */
dl.xpadl_ptn1 dt.xpadt_ptn1{
clear:left;
float:left;
width:9em;
line-height:1.5;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  dl.xpadl_ptn1 dt.xpadt_ptn1{
  float:none;
  width:100%;
  }
}



dl.xpadl_ptn1 dd.xpadd_ptn1{
margin-left:9em;
padding-left:3px;
line-height:1.5;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  dl.xpadl_ptn1 dd.xpadd_ptn1{
  margin-left:0;
  padding:0;
  }
}



/* dlパターン2：上下罫線あり------------------------------------ */
dl.xpadl_ptn2{
border-bottom:1px dotted #ccc;

}

dl.xpadl_ptn2 dt.xpadt_ptn1{
clear:left;
float:left;
padding:5px 0 3px 0;
width:9em;
border-top:1px dotted #ccc;
line-height:1.5;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  dl.xpadl_ptn2 dt.xpadt_ptn1{
  float:none;
  width:100%;
  }
}



dl.xpadl_ptn2 dd.xpadd_ptn1{
margin-left:9em;
padding:5px 0 3px 3px;
border-top:1px dotted #ccc;
line-height:1.5;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  dl.xpadl_ptn2 dd.xpadd_ptn1{
  border-top:0px;
  margin-left:0;
  padding:0;
  }
}



/* パターン2：横並び＋横罫線：「News」等のインデックス表示用途 */
div.xpaWcvlinkIndexPtn1{
margin-bottom:12px; /* 下方向マージン */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaWcvlinkIndexPtn1{
  margin-left:15px;
  margin-right:15px;
  }
}



div.xpaWcvlinkIndexPtn1 dl{
border-bottom:1px solid #ccc;
}

div.xpaWcvlinkIndexPtn1 dl dt{
clear:left;
float:left;
padding:5px 0 3px 0;
width:11em;
border-top:1px solid #dddddd;
line-height:1.2;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaWcvlinkIndexPtn1 dl dt{
  float:none;
  width:100%;
  }
}



div.xpaWcvlinkIndexPtn1 dl dt img{
margin:0 5px 2px 0;
vertical-align:top;
}

div.xpaWcvlinkIndexPtn1 dl dd{
border-top:1px solid #dddddd;
margin-left:11em;
padding:5px 0 3px 0;
line-height:1.2;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaWcvlinkIndexPtn1 dl dd{
  border-top:0px;
  margin-left:0;
  padding:0px 0 3px 0;
  line-height:1.2;
  }
}




/* 脚注パターン1,2：dlタイプ-------------------------------------- */
/* 脚注用ボックス */
div.xpaFootnoePtn1,
div.xpaFootnoePtn2{
margin-top:-6px; /* 上方向マージン：上部ブロックの下マージンと相殺0 */
margin-bottom:12px; /* 下方向マージン */
font-size:85%;
}

/* パターン1 */
div.xpaFootnoePtn1 dl.xpadl_ptn1{
}

/* パターン2：上罫線あり */
div.xpaFootnoePtn2 dl.xpadl_ptn1{
padding-top:3px;
border-top:1px solid #ccc;
}

/* 以下、基本的に共通 */
div.xpaFootnoePtn1 dl.xpadl_ptn1 dt.xpadt_ptn1,
div.xpaFootnoePtn2 dl.xpadl_ptn1 dt.xpadt_ptn1{
float:left;
clear:both;
width:3em;
}

div.xpaFootnoePtn1 dl.xpadl_ptn1 dd.xpadd_ptn1,
div.xpaFootnoePtn2 dl.xpadl_ptn1 dd.xpadd_ptn1{
margin-left:0; /* dd.xpadd_ptn1の初期値をクリア */
padding-left:3em;
}

/* 脚注パターン3,4：ulタイプ-------------------------------------- */
/* 脚注用ボックス */
div.xpaFootnoePtn3,
div.xpaFootnoePtn4{
margin-top:-6px; /* 上方向マージン：上部ブロックの下マージンと相殺0 */
margin-bottom:12px; /* 下方向マージン */
font-size:85%;
}

/* パターン1 */
div.xpaFootnoePtn3 ul.xpaul_ptn1{
}

/* パターン2：上罫線あり */
div.xpaFootnoePtn4 ul.xpaul_ptn1{
padding-top:3px;
border-top:1px solid #ccc;
}

/* 以下、基本的に共通 */
div.xpaFootnoePtn3 ul.xpaul_ptn1 li.xpali_ptn1,
div.xpaFootnoePtn4 ul.xpaul_ptn1 li.xpali_ptn1{
margin-left:0; /* 左インデント解除 */
padding-left:0; /* li.xpali_ptn1の初期値をクリア */
list-style:none;
background:none;
}






























/*--------------------------------------------------------------------
4. 表組み
--------------------------------------------------------------------*/
/* 表全体(table)：共通 */
table.xpatable_ptn1,
table.xpatable_ptn2,
table.xpatable_ptn3,
table.xpatable_ptn4{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  table.xpatable_ptn1,
  table.xpatable_ptn2,
  table.xpatable_ptn3,
  table.xpatable_ptn4{
  margin-left:4.5%!important;
  margin-right:4.5%!important;
  width:91%!important;
  }
  
  table.xpatable_ptn1 th,
  table.xpatable_ptn1 td,
  table.xpatable_ptn2 th,
  table.xpatable_ptn2 td,
  table.xpatable_ptn3 th,
  table.xpatable_ptn3 td,
  table.xpatable_ptn4 th,
  table.xpatable_ptn4 td{
  width:auto!important;
  white-space:pre-wrap;
  word-break:break-all;
  word-wrap:break-word;
  }
}



/* セル内のパディング：共通 */
table.xpatable_ptn1 th,
table.xpatable_ptn1 td,
table.xpatable_ptn2 th,
table.xpatable_ptn2 td,
table.xpatable_ptn3 th,
table.xpatable_ptn3 td,
table.xpatable_ptn4 th,
table.xpatable_ptn4 td{
padding:3px 5px;
}

/* 表タイトル(caption)：共通 */
table.xpatable_ptn1 caption,
table.xpatable_ptn2 caption,
table.xpatable_ptn3 caption,
table.xpatable_ptn4 caption{
/* caption-side:bottom; IE7以前には無効だが、表下部に配置 */
text-align: left;
font-size:93%;
padding-left:18px;
background:url(/common/img/bg/bg_ttl_icon01.gif)  no-repeat left 50%;
}

/* table内文字サイズ小（12px相当）：共通 */
div.xpaFontSmallPtn1 table{
font-size:93%;
}



/* 以下、デザインバリエーション---------------------------- */
/* ptn1/2：セル枠線(上下左右) */
table.xpatable_ptn1 th,
table.xpatable_ptn2 th,
table.xpatable_ptn1 td,
table.xpatable_ptn2 td{
border:1px solid #999;
}

/* ptn1：見出しセル(th)の背景色：グレイ */
table.xpatable_ptn1 th{
background-color:#f0f0f0;
}

/* ptn2：見出しセル(th)の背景色：水色 */
table.xpatable_ptn2 th{
background-color:#d7e8fa;
}

/* ptn3：セル枠線(上下のみ：実線) */
table.xpatable_ptn3 th,
table.xpatable_ptn3 td{
border-top:1px solid #999;
border-bottom:1px solid #999;
}

/* ptn4：セル枠線(上下のみ：点線) */
table.xpatable_ptn4 th,
table.xpatable_ptn4 td{
border-top:1px dotted #999;
border-bottom:1px dotted #999;
}

/* セル内リンクのスペシャルデザイン */
.xpatable_ex{}
.xpatable_ex a {
display:inline-block;
padding-left:20px;
background-image:url(../img/icn/icn_newwin.png);
background-repeat:no-repeat;
background-position:left 0px top 2px;
background-size:14px auto;
}



/*--------------------------------------------------------------------
5. インライン要素
--------------------------------------------------------------------*/
/* em：WYSIWYGエディタ：Iボタン---------------------------- */
.xpacmskit #contents em{
font-style: italic;
}

/* strong：WYSIWYGエディタ：Bボタン------------------------ */
.xpacmskit #contents strong{
font-weight:bold;
}

/* strong：WYSIWYGエディタ：Uボタン------------------------ */
.xpacmskit #contents u{
text-decoration:underline;
}


/* span：WYSIWYGエディタ：スタイル：文字サイズ(大)--------------------------------------------- */
.xpacmskit #contents span.xpaTextBig,
span.xpaTextBig{
font-size:116%;
}

/* span：WYSIWYGエディタ：スタイル：文字サイズ(小)--------------------------------------------- */
.xpacmskit #contents span.xpaTextSmall,
span.xpaTextSmall{
font-size:85%;
}

/* em：WYSIWYGエディタ：スタイル：赤文字(強調)------------- */
.xpacmskit #contents em.xpaEmPtn1,
em.xpaEmPtn1{
font-style:nomal;
color:#f00;
}

/* strong：WYSIWYGエディタ：スタイル：赤太文字(より強調)--------------------------------------------- */
.xpacmskit #contents strong.xpaStrongPtn1,
strong.xpaStrongPtn1{
font-weight:bold;
color:#f00;
}

/* WYSIWYGエディタ：スタイル：緑文字----------------------- */
span.xpaTextGreen{
color:#008000;
}


/*--------------------------------------------------------------------
6. 画像関連
--------------------------------------------------------------------*/
/* 画像＋本文---------------------------------------------- */
div.wrapImgTableLeft{ /* 画像左寄せ */
float:left;
margin:0 2em 0 0;
margin-left:10px; /* 左インデント */
padding:0;
}

div.wrapImgTableRight{ /* 画像右寄せ */
float:right;
margin:0 0 0 2em;
padding:0;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.wrapImgTableLeft, /* 画像左寄せ */
  div.wrapImgTableRight{ /* 画像右寄せ */
  float:none;
  margin-left:15px;
  margin-right:15px;
  }
}



p.imgTable{
display:table;
margin:0px;
padding:0px;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  p.imgTable{
  width:100%;
  }
}



p.imgTable img{
display:table-sell;
margin:0;
padding:0;
margin-bottom:5px;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  p.imgTable img{
  width:100%;
  height:auto;
  }
}



p.imgTable span.imgTableCaption{
display:table-caption;
caption-side:bottom;
margin:0px;
padding:0px 0px 8px 0px !important;
font-size:85%;
line-height:1.2em;
}

/* IE7以下に適用 */
.ltie8 .imgTable{ /* 画像幅を取得してdivのwidthに適用 */
width:expression(this.getElementsByTagName("img")[0].clientWidth);
}


/* 画像＋キャプション-------------------------------------- */
/* 画像1点＋キャプション左右配置------------------------ */
div.wrapImgCapLeft{ /* 画像左寄せボックス */
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
display:table;
}

div.wrapImgCapRight{ /* 画像右寄せボックス */
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
display:table;
float:right;
*text-align:right; /* IE 6/7 */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.wrapImgCapLeft, /* 画像左寄せボックス */
  div.wrapImgCapRight{ /* 画像右寄せボックス */
  float:none;
  margin-left:15px;
  margin-right:15px;
  }
}



p.includeImgBox,
p.includeCapBox{ /* 画像、キャプションをtable-cellに */
display: table-cell;
vertical-align: bottom;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  p.includeImgBox,
  p.includeCapBox{ /* 画像、キャプションをtable-cellに */
  width:100%;
  }
}



div.wrapImgCapLeft p.includeImgBox{ /* 画像左寄せ：右マージン */
padding-right:10px;
}

div.wrapImgCapRight p.includeImgBox{ /* 画像右寄せ：左マージン */
padding-left:10px;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.wrapImgCapLeft p.includeImgBox, /* 画像左寄せ：右マージン */
  div.wrapImgCapRight p.includeImgBox{ /* 画像右寄せ：左マージン */
  padding:0!important;
  }
}



p.includeCapBox{ /* キャプション */
padding:0px !important;
font-size:85%;
line-height:1.2;
*text-align:left;
}

/* IE7以下に適用 */
html*p.includeImgBox,
html*p.includeCapBox{ /* IE 6/7 */
display:inline;
zoom:1;
}

html*p.includeCapBox{ /* IE 6/7 */
width:200px;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  p.includeImgBox img{
  width:100%;
  height:auto;
  }
}



/* 画像1点（中央揃え）＋キャプション下配置-------------- */
div.wrapImgCapCenter{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.wrapImgCapCenter{
  margin-left:15px;
  margin-right:15px;
  }
}



p.imgCapTable{ /* 画像＋キャプションをtableに */
display:table;
padding:0px;
margin-left:auto; /* 中央揃え */
margin-right:auto; /* 中央揃え */
width:auto;
}

p.imgCapTable img{ /* 画像＋キャプションをtable-cellに */
display:table-sell;
margin:0;
padding:0;
margin-bottom:5px; /* 下キャプションとの間隔 */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  p.imgCapTable img{ /* 画像＋キャプションをtable-cellに */
  width:100%;
  height:auto;
  }
}



p.imgCapTable span.includeCapBoxInImgTable{ /* キャプションをtable-captionに */
display:table-caption;
caption-side:bottom;
margin:0px;
padding:0px;
font-size:85%;
line-height:1.2;
}

/* IE7以下に適用 */
.ltie8 p.imgCapTable{/* IE 6/7 */
width:expression(this.getElementsByTagName("img")[0].clientWidth);
}


/* 画像2点または3点固定：左右中央揃え：現状未使用 */
/* このCSSはペンディング：要再検討 */

div.wrapImgCapCenterList{
position: relative;
overflow: hidden;
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
}


div.imgCapCenterList{
position: relative;
left: 50%;
float: left;
}

div.imgCapCenterList p.imgCapTable{
position: relative;
left: -50%;
float: left;
margin:0 6px 0 0;
}

/* 上記CSSはペンディング：要再検討 */


/* 画像複数（左揃え）＋キャプション下配置--------------- */

/* ★★★あとで要調整★★★ */
div.kubotest000{
margin-bottom:12px; /* 下方向マージン */
}
/* ★★★あとで要調整★★★ */



div.wrapImgParagraph{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
margin-right:-20px;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.wrapImgParagraph{
  margin-left:15px;
  margin-right:15px;
  }
}



div.wrapImgPTable{
float:left;
margin-right:6px;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.wrapImgPTable{
  float:none;
  margin-right:0px;
  }
}



div.wrapImgParagraph p.imgParagraph{
display:table;
}

div.wrapImgParagraph p.imgParagraph img{
margin-bottom:5px;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.wrapImgParagraph p.imgParagraph,
  div.wrapImgParagraph p.imgParagraph img{
  width:100%;
  height:auto;
  }
}



div.wrapImgParagraph p.imgParagraph span.imgParagraphCaption{
display:table-caption; !important;
caption-side:bottom; !important;
padding:0px 0px 8px 0px !important;
font-size:85%; !important;
line-height:1.2;
}

/* IE7以下に適用 */
div.imgParagraphie8 p.imgParagraph{
width:expression(this.getElementsByTagName("img")[0].clientWidth);
margin-bottom:12px;
}





/*--------------------------------------------------------------------
？？？？？. ボタン類
--------------------------------------------------------------------*/
/* テキストボタン（角丸＋グラデ）----------------------- */
/* テキストボタン用ボックス（左右寄せ） */
div.xpaDivIncludeTextBtn{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaDivIncludeTextBtn{
  margin-left:15px;
  margin-right:15px;
  }
}



p.xpaPIncludeTextBtnLeft,
p.xpaPIncludeTextBtnRight{
white-space: nowrap; /* テキスト自動改行OFF */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  p.xpaPIncludeTextBtnLeft,
  p.xpaPIncludeTextBtnRight{
  white-space:normal;
  }
}



p.xpaPIncludeTextBtnLeft{ /* ボタン左寄せ */
float:left;
margin-bottom:6px;
margin-right:6px;
}

p.xpaPIncludeTextBtnRight{ /* ボタン右寄せ */
float:right;
margin-bottom:6px;
margin-left:6px;
*margin-bottom:0px; /* IE6/7 バグ対応 */
}

/* テキストボタン用ボックス（中央寄せ） */
div.xpaDivIncludeTextBtnCenter{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
text-align:center;
line-height:1.0;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaDivIncludeTextBtnCenter{
  margin-left:15px;
  margin-right:15px;
  }
}



p.xpaPIncludeTextBtnCenter{ /* 中央寄せのためp要素をインラインブロック化 */
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
margin-bottom:6px;
margin-left:6px;
white-space: nowrap;
line-height:1.5;
}

/* 共通ボタンデザイン */
span.xpaTextButton{
display:table-cell; /* 内容テキストに合わせた幅で表示 */
margin:0;
/*
padding:3px 6px;
*/
position: relative;
border:1px solid #cecece;

/* 以下、角丸 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

/* 以下、ドロップシャドウ */
-webkit-box-shadow: #999 0px 2px 3px;
-moz-box-shadow: #999 0px 2px 3px;
box-shadow: #999 0px 2px 3px;

/* 以下、グラデーション */
background: #fff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#cecece));
background: -moz-linear-gradient(#fff, #cecece);
background: linear-gradient(#fff, #cecece);
-pie-background: linear-gradient(#fff, #cecece);
behavior: url(/common/behavior/PIE.htc);
}

span.xpaTextButton a,
span.xpaTextButton a:link,
span.xpaTextButton a:hover,
span.xpaTextButton a:visited,
span.xpaTextButton a:active{
display:block;
padding:3px 20px 0px 20px;
text-align:center;
font-size:100%;
font-weight:bold;
color:#506994;
text-decoration:none;
text-shadow: #ccc 1px 1px 0px;
background:url(/common/img/bg/bg_button_icon01.gif) no-repeat right 50%;
}

span.xpaTextButton a:hover{ /* hover処理 */
color:#f00;
background:url(/common/img/bg/bg_button_icon01_over.gif) no-repeat right 50%;
}


/* 画像ボタン--------------------------------------- */

p.xpaPIncludeImgBtnLeft{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
text-align:left;
}

p.xpaPIncludeImgBtnRight{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
text-align:right;
}

p.xpaPIncludeImgBtnCenter{
margin-bottom:12px; /* 下方向マージン */
margin-left:10px; /* 左インデント */
text-align:center;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  p.xpaPIncludeImgBtnLeft,
  p.xpaPIncludeImgBtnRight,
  p.xpaPIncludeImgBtnCenter{
  margin-left:15px;
  margin-right:15px;
  }
}









/*--------------------------------------------------------------------
？？？？？. 左インデント用div
--------------------------------------------------------------------*/
/* 左インデント：10px----------------------------------- */
div.indLeft_type01{
margin-left:10px;
}

/* 左インデント：20px----------------------------------- */
div.indLeft_type02{
margin-left:20px;
}

/* 左インデント：30px----------------------------------- */
div.indLeft_type03{
margin-left:30px;
}


/*--------------------------------------------------------------------
？？？？？. 装飾ボックス：専用
--------------------------------------------------------------------*/
/* 注意書きボックス-------------------------------------------- */
/* パターン1：赤枠/白地 */
div.xpaAttentionBlockPtn1{
margin-bottom:12px; /* 下方向マージン */
padding:8px 8px 0px 8px;
border: 1px solid #f99;
background-color:#fff;
}

/* パターン2：グレイ枠/グレイ地 */
div.xpaAttentionBlockPtn2{
margin-bottom:12px; /* 下方向マージン */
padding:8px 8px 0px 8px;
border: 1px solid #ccc;
background-color:#fafafa;
}

/* パターン3：青枠/青地 */
div.xpaAttentionBlockPtn3{
margin-bottom:12px; /* 下方向マージン */
padding:8px 8px 0px 8px;
border: 1px solid #5485b4;
background-color:#edf1f5;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaAttentionBlockPtn1,
  div.xpaAttentionBlockPtn2,
  div.xpaAttentionBlockPtn3{
  margin-left:15px;
  margin-right:15px;
  }
}


/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaAttentionBlockPtn1 .xpah3_ptn2,
  div.xpaAttentionBlockPtn1 .xpah4_ptn1,
  div.xpaAttentionBlockPtn1 p.xpap_ptn1,
  div.xpaAttentionBlockPtn1 p.xpap_ptn2,
  div.xpaAttentionBlockPtn1 p.xpap_ptn3,
  div.xpaAttentionBlockPtn1 address.xpaaddress_ptn1,
  div.xpaAttentionBlockPtn1 blockquote.xpablockquote_ptn1,
  div.xpaAttentionBlockPtn1 table.xpatable_ptn1,
  div.xpaAttentionBlockPtn1 table.xpatable_ptn2,
  div.xpaAttentionBlockPtn1 table.xpatable_ptn3,
  div.xpaAttentionBlockPtn1 table.xpatable_ptn4,
  div.xpaAttentionBlockPtn1 ul.xpaul_ptn1,
  div.xpaAttentionBlockPtn1 ol.xpaol_ptn1,
  div.xpaAttentionBlockPtn1 dl.xpadl_ptn1,
  div.xpaAttentionBlockPtn1 div.xpaDivIncludeTextBtn,
  div.xpaAttentionBlockPtn1 div.xpaDivIncludeTextBtnCenter,
  div.xpaAttentionBlockPtn1 div.wrapImgCapCenter,
  div.xpaAttentionBlockPtn1 div.wrapImgParagraph,

  div.xpaAttentionBlockPtn2 .xpah3_ptn2,
  div.xpaAttentionBlockPtn2 .xpah4_ptn1,
  div.xpaAttentionBlockPtn2 p.xpap_ptn1,
  div.xpaAttentionBlockPtn2 p.xpap_ptn2,
  div.xpaAttentionBlockPtn2 p.xpap_ptn3,
  div.xpaAttentionBlockPtn2 address.xpaaddress_ptn1,
  div.xpaAttentionBlockPtn2 blockquote.xpablockquote_ptn1,
  div.xpaAttentionBlockPtn2 table.xpatable_ptn1,
  div.xpaAttentionBlockPtn2 table.xpatable_ptn2,
  div.xpaAttentionBlockPtn2 table.xpatable_ptn3,
  div.xpaAttentionBlockPtn2 table.xpatable_ptn4,
  div.xpaAttentionBlockPtn2 ul.xpaul_ptn1,
  div.xpaAttentionBlockPtn2 ol.xpaol_ptn1,
  div.xpaAttentionBlockPtn2 dl.xpadl_ptn1,
  div.xpaAttentionBlockPtn2 div.xpaDivIncludeTextBtn,
  div.xpaAttentionBlockPtn2 div.xpaDivIncludeTextBtnCenter,
  div.xpaAttentionBlockPtn2 div.wrapImgCapCenter,
  div.xpaAttentionBlockPtn2 div.wrapImgParagraph,

  div.xpaAttentionBlockPtn3 .xpah3_ptn2,
  div.xpaAttentionBlockPtn3 .xpah4_ptn1,
  div.xpaAttentionBlockPtn3 p.xpap_ptn1,
  div.xpaAttentionBlockPtn3 p.xpap_ptn2,
  div.xpaAttentionBlockPtn3 p.xpap_ptn3,
  div.xpaAttentionBlockPtn3 address.xpaaddress_ptn1,
  div.xpaAttentionBlockPtn3 blockquote.xpablockquote_ptn1,
  div.xpaAttentionBlockPtn3 table.xpatable_ptn1,
  div.xpaAttentionBlockPtn3 table.xpatable_ptn2,
  div.xpaAttentionBlockPtn3 table.xpatable_ptn3,
  div.xpaAttentionBlockPtn3 table.xpatable_ptn4,
  div.xpaAttentionBlockPtn3 ul.xpaul_ptn1,
  div.xpaAttentionBlockPtn3 ol.xpaol_ptn1,
  div.xpaAttentionBlockPtn3 dl.xpadl_ptn1,
  div.xpaAttentionBlockPtn3 div.xpaDivIncludeTextBtn,
  div.xpaAttentionBlockPtn3 div.xpaDivIncludeTextBtnCenter,
  div.xpaAttentionBlockPtn3 div.wrapImgCapCenter,
  div.xpaAttentionBlockPtn3 div.wrapImgParagraph
  {
  margin-left:0px!important;
  margin-right:0px!important;
  }
}
















/*--------------------------------------------------------------------
？？？？？. 装飾ボックス:汎用
--------------------------------------------------------------------*/
/* 共通設定--------------------------------------------------- */

/* 装飾ボックス内ではh要素以外の左マージンを0にセット：共通 */
div.xpa1ColumnBlockInnerBox p.xpap_ptn1,
div.xpa1ColumnBlockInnerBox p.xpap_ptn2,
div.xpa1ColumnBlockInnerBox p.xpap_ptn3,
div.xpa1ColumnBlockInnerBox address.xpaaddress_ptn1,
div.xpa1ColumnBlockInnerBox blockquote.xpablockquote_ptn1,
div.xpa1ColumnBlockInnerBox table.xpatable_ptn2,
div.xpa1ColumnBlockInnerBox ul.xpaul_ptn1,
div.xpa1ColumnBlockInnerBox ol.xpaol_ptn1,
div.xpa1ColumnBlockInnerBox dl.xpadl_ptn1,
div.xpa1ColumnBlockInnerBox div.xpaDivIncludeTextBtn,
div.xpa1ColumnBlockInnerBox div.xpaDivIncludeTextBtnCenter,
div.xpa1ColumnBlockInnerBox div.wrapImgCapCenter,
div.xpa1ColumnBlockInnerBox div.wrapImgParagraph
{
margin-left:0px; /* 左インデント */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpa1ColumnBlockInnerBox p.xpap_ptn1,
  div.xpa1ColumnBlockInnerBox p.xpap_ptn2,
  div.xpa1ColumnBlockInnerBox p.xpap_ptn3,
  div.xpa1ColumnBlockInnerBox address.xpaaddress_ptn1,
  div.xpa1ColumnBlockInnerBox blockquote.xpablockquote_ptn1,
  div.xpa1ColumnBlockInnerBox table.xpatable_ptn2,
  div.xpa1ColumnBlockInnerBox ul.xpaul_ptn1,
  div.xpa1ColumnBlockInnerBox ol.xpaol_ptn1,
  div.xpa1ColumnBlockInnerBox dl.xpadl_ptn1,
  div.xpa1ColumnBlockInnerBox div.xpaDivIncludeTextBtn,
  div.xpa1ColumnBlockInnerBox div.xpaDivIncludeTextBtnCenter,
  div.xpa1ColumnBlockInnerBox div.wrapImgCapCenter,
  div.xpa1ColumnBlockInnerBox div.wrapImgParagraph
  {
  margin-left:0px;
  margin-right:0px;
  }
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpa1ColumnBlockInnerBox table.xpatable_ptn1,
  div.xpa1ColumnBlockInnerBox table.xpatable_ptn2,
  div.xpa1ColumnBlockInnerBox table.xpatable_ptn3,
  div.xpa1ColumnBlockInnerBox table.xpatable_ptn4{
  margin-left:0!important;
  margin-right:0!important;
  width:100%!important;
  }
}



/*
div.xpa1ColumnBlockPtn1 p.xpap_ptn1,
div.xpa1ColumnBlockPtn1 p.xpap_ptn2,
div.xpa1ColumnBlockPtn1 p.xpap_ptn3,
div.xpa1ColumnBlockPtn1 address.xpaaddress_ptn1,
div.xpa1ColumnBlockPtn1 blockquote.xpablockquote_ptn1,
div.xpa1ColumnBlockPtn1 table.xpatable_ptn2,
div.xpa1ColumnBlockPtn1 ul.xpaul_ptn1,
div.xpa1ColumnBlockPtn1 ol.xpaol_ptn1,
div.xpa1ColumnBlockPtn1 dl.xpadl_ptn1,
div.xpa1ColumnBlockPtn1 div.xpaDivIncludeTextBtn,
div.xpa1ColumnBlockPtn1 div.xpaDivIncludeTextBtnCenter,
div.xpa1ColumnBlockPtn1 div.wrapImgCapCenter,
div.xpa1ColumnBlockPtn1 div.wrapImgParagraph,

div.xpa1ColumnBlockPtn2 p.xpap_ptn1,
div.xpa1ColumnBlockPtn2 p.xpap_ptn2,
div.xpa1ColumnBlockPtn2 p.xpap_ptn3,
div.xpa1ColumnBlockPtn2 address.xpaaddress_ptn1,
div.xpa1ColumnBlockPtn2 blockquote.xpablockquote_ptn1,
div.xpa1ColumnBlockPtn2 table.xpatable_ptn2,
div.xpa1ColumnBlockPtn2 ul.xpaul_ptn1,
div.xpa1ColumnBlockPtn2 ol.xpaol_ptn1,
div.xpa1ColumnBlockPtn2 dl.xpadl_ptn1,
div.xpa1ColumnBlockPtn2 div.xpaDivIncludeTextBtn,
div.xpa1ColumnBlockPtn2 div.xpaDivIncludeTextBtnCenter,
div.xpa1ColumnBlockPtn2 div.wrapImgCapCenter,
div.xpa1ColumnBlockPtn2 div.wrapImgParagraph
{
margin-left:0px;

}
*/

/* コンテンツボックス：共通 */
div.xpa1ColumnBlockInnerBox{
padding:15px 15px 0px 15px;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpa1ColumnBlockInnerBox{
  padding:10px 10px 0px 10px;
  }
}

















/* 3個設置パターン-------------------------------------------- */
/* 外枠：共通 */
div.xpaDecoBlockTriFrame{
position:relative;
margin-right:-30px;
padding:0;
*margin-bottom:10px; /* IE6/7用：下方向マージン */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaDecoBlockTriFrame{
  margin-left:10px;
  margin-right:10px;
  }
}



/* 3個設置パターン1(囲み罫：グレイ)---------------- */
/* 装飾ボックス */
div.xpaDecoBlockTriPtn1{
float:left;
margin-bottom:12px; /* 下方向マージン */
margin-right:12px;
width:210px;
_margin-right:8px;/* IE6 */
_width:210px;/* IE6 */
border:1px solid #ccc;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaDecoBlockTriPtn1{
  float:none;
  margin-right:0;
  width:100%;
  }
}



/* 見出し(h2) */
div.xpaDecoBlockTriPtn1 h2.xpah2_1ColumnBlockPtn1{
padding:3px 7px 3px 7px;
font-size:108%; /* 14px相当 */
font-weight:bold;
line-height:1.2;
border-bottom:1px solid #ccc;

}

/* 見出し(h2)：全体テキストリンク */
div.xpaDecoBlockTriPtn1 h2.xpah2_1ColumnBlockPtn1 a{
display:block;
margin:0;
padding:3px 25px 3px 7px;
background:url(/common/img/bg/bg_internalLinks.gif) no-repeat right 50%;
/*color:#00f!important;*/

}

/* 見出し(h2)：全体テキストリンク：hover */
div.xpaDecoBlockTriPtn1 h2.xpah2_1ColumnBlockPtn1 a:hover{
/*color:#f00!important;*/
}


/* 3個設置パターン2(囲み罫：青、角丸)-------------- */
/* 装飾ボックス */
div.xpaDecoBlockTriPtn2{
position:relative;
float:left;
margin-bottom:12px; /* 下方向マージン */
margin-right:12px;
width:210px;
/* margin-right:1.5%;
width:31%; */
_margin-right:8px;/* IE6 */
_width:210px;/* IE6 */
border:1px solid #2966a1;
background-color:#fff;

/* 以下、角丸 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

/* 以下、ドロップシャドウ */
-webkit-box-shadow: #ccc 0px 2px 3px;
-moz-box-shadow: #ccc 0px 2px 3px;
box-shadow: #ccc 0px 2px 3px;
behavior: url(/common/behavior/PIE.htc);
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaDecoBlockTriPtn2{
  float:none;
  margin-right:0;
  width:100%;
  }
}



/* 見出し(h2) */
div.xpaDecoBlockTriPtn2 h2.xpah2_1ColumnBlockPtn1{
position:relative;
/*
margin-top:-12px;
margin-bottom:20px;
*/
padding:3px 7px 3px 7px;
font-size:108%; /* 14px相当 */
font-weight:bold;
line-height:1.2;
color:#fff;
/*
border:1px solid #2966a1;
*/

/* 以下、角丸 */
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;

/* 以下、グラデーション */
background: #8dadcd;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8dadcd), to(#2966a1));
background: -moz-linear-gradient(#8dadcd, #2966a1);
background: linear-gradient(#8dadcd, #2966a1);
-pie-background: linear-gradient(#8dadcd, #2966a1);
behavior: url(/common/behavior/PIE.htc);
}

/* 見出し(h2)：全体テキストリンク */
div.xpaDecoBlockTriPtn2 h2.xpah2_1ColumnBlockPtn1 a{
display:block;
margin:0;
padding:3px 25px 3px 7px;
background:url(/common/img/bg/bg_internalLinks.gif) no-repeat right 50%;
color:#fff;
}

/* 見出し(h2)：全体テキストリンク：hover */
div.xpaDecoBlockTriPtn2 h2.xpah2_1ColumnBlockPtn1 a:hover{
color:#fff;
}


/* 1カラム用width設定 */
/* コンテンツ領域横幅：956-101=855px */
div#mainWrap1Column div.xpaDecoBlockTriPtn1,
div#mainWrap1Column div.xpaDecoBlockTriPtn2{
width:275px;
_width:275px;/* IE6 */
}






/* 2個設置パターン-------------------------------------------- */
/* 外枠：共通 */
div.xpaDecoBlockDblFrame{
position:relative;
margin-right:-30px;
padding:0;
*margin-bottom:10px; /* IE6/7用：下方向マージン */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaDecoBlockDblFrame{
  margin-left:10px;
  margin-right:10px;
  }
}



/* 2個設置パターン1(囲み罫：グレイ)---------------- */
/* 装飾ボックス */
div.xpaDecoBlockDblPtn1{
float:left;
margin-bottom:12px; /* 下方向マージン */
margin-right:12px;
width:322px;
_margin-right:8px;/* IE6 */
_width:320px;/* IE6 */
border:1px solid #ccc;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaDecoBlockDblPtn1{
  float:none;
  margin-right:0;
  width:100%;
  }
}



/* 見出し(h2) */
div.xpaDecoBlockDblPtn1 h2.xpah2_1ColumnBlockPtn1{
padding:3px 7px 3px 7px;
font-size:108%; /* 14px相当 */
font-weight:bold;
line-height:1.2;
border-bottom:1px solid #ccc;

}

/* 見出し(h2)：全体テキストリンク */
div.xpaDecoBlockDblPtn1 h2.xpah2_1ColumnBlockPtn1 a{
display:block;
margin:0;
padding:3px 25px 3px 7px;
background:url(/common/img/bg/bg_internalLinks.gif) no-repeat right 50%;
/*color:#00f!important;*/

}

/* 見出し(h2)：全体テキストリンク：hover */
div.xpaDecoBlockDblPtn1 h2.xpah2_1ColumnBlockPtn1 a:hover{
/*color:#f00!important;*/
}


/* 2個設置パターン2(囲み罫：青、角丸)-------------- */
/* 装飾ボックス */
div.xpaDecoBlockDblPtn2{
position:relative;
float:left;
margin-bottom:12px; /* 下方向マージン */
margin-right:12px;
width:322px;
_margin-right:8px;/* IE6 */
_width:320px;/* IE6 */
border:1px solid #2966a1;
background-color:#fff;

/* 以下、角丸 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

/* 以下、ドロップシャドウ */
-webkit-box-shadow: #ccc 0px 2px 3px;
-moz-box-shadow: #ccc 0px 2px 3px;
box-shadow: #ccc 0px 2px 3px;
behavior: url(/common/behavior/PIE.htc);
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpaDecoBlockDblPtn2{
  float:none;
  margin-right:0;
  width:100%;
  }
}



/* 見出し(h2) */
div.xpaDecoBlockDblPtn2 h2.xpah2_1ColumnBlockPtn1{
position:relative;
/*
margin-top:-12px;
margin-bottom:20px;
*/
padding:3px 7px 3px 7px;
font-size:108%; /* 14px相当 */
font-weight:bold;
line-height:1.2;
color:#fff;
/*
border:1px solid #2966a1;
*/

/* 以下、角丸 */
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;

/* 以下、グラデーション */
background: #8dadcd;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8dadcd), to(#2966a1));
background: -moz-linear-gradient(#8dadcd, #2966a1);
background: linear-gradient(#8dadcd, #2966a1);
-pie-background: linear-gradient(#8dadcd, #2966a1);
behavior: url(/common/behavior/PIE.htc);
}

/* 見出し(h2)：全体テキストリンク */
div.xpaDecoBlockDblPtn2 h2.xpah2_1ColumnBlockPtn1 a{
display:block;
margin:0;
padding:3px 25px 3px 7px;
background:url(/common/img/bg/bg_internalLinks.gif) no-repeat right 50%;
color:#fff;
}

/* 見出し(h2)：全体テキストリンク：hover */
div.xpaDecoBlockDblPtn2 h2.xpah2_1ColumnBlockPtn1 a:hover{
color:#fff;
}


/* 1カラム用width設定 */
/* コンテンツ領域横幅：956-101=855px */
div#mainWrap1Column div.xpaDecoBlockDblPtn1,
div#mainWrap1Column div.xpaDecoBlockDblPtn2{
width:420px;
_width:418px;/* IE6 */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div#mainWrap1Column div.xpaDecoBlockDblPtn1,
  div#mainWrap1Column div.xpaDecoBlockDblPtn2{
  width:100%;
  }
}






/* 1個設置パターン-------------------------------------------- */

/* 1カラムボックスパターン1(囲み罫：グレイ)---------------- */
/* 外枠 */
div.xpa1ColumnBlockPtn1{
margin-bottom:12px; /* 下方向マージン */
/*
padding:12px 15px 3px 5px;
padding:12px 15px 3px 15px;
*/
border:1px solid #ccc;
/* *padding-bottom:15px; IE 6/7 */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpa1ColumnBlockPtn1{
  margin-left:10px;
  margin-right:10px;
  }
}



/* 見出し(h2) */
div.xpa1ColumnBlockPtn1 h2.xpah2_1ColumnBlockPtn1{
padding:3px 7px 3px 7px;
font-size:108%; /* 14px相当 */
font-weight:bold;
line-height:1.2;
border-bottom:1px solid #ccc;

}

/* 見出し(h2)：全体テキストリンク */
div.xpa1ColumnBlockPtn1 h2.xpah2_1ColumnBlockPtn1 a{
display:block;
margin:0;
padding:3px 25px 3px 7px;
background:url(/common/img/bg/bg_internalLinks.gif) no-repeat right 50%;
/*color:#00f!important;*/

}

/* 見出し(h2)：全体テキストリンク：hover */
div.xpa1ColumnBlockPtn1 h2.xpah2_1ColumnBlockPtn1 a:hover{
/*color:#f00!important;*/
}


/* 1カラムボックスパターン2(囲み罫：青、角丸)---------- */
/* 外枠 */
div.xpa1ColumnBlockPtn2{
position:relative;
margin-bottom:12px; /* 下方向マージン */
/*
padding:12px 15px 3px 5px;
padding:12px 15px 3px 15px;
padding:12px 0px 3px 0px;
*/
border:1px solid #2966a1;
/* *padding-bottom:15px; IE 6/7 */
background-color:#fff;

/* 以下、角丸 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

/* 以下、ドロップシャドウ */
-webkit-box-shadow: #ccc 0px 2px 3px;
-moz-box-shadow: #ccc 0px 2px 3px;
box-shadow: #ccc 0px 2px 3px;
behavior: url(/common/behavior/PIE.htc);

}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpa1ColumnBlockPtn2{
  margin-left:10px;
  margin-right:10px;
  }
}



/* 見出し(h2) */
div.xpa1ColumnBlockPtn2 h2.xpah2_1ColumnBlockPtn1{
position:relative;
/*
margin-top:-12px;
margin-bottom:20px;
*/
/* padding:7px; */
padding:3px 7px 3px 7px;
font-size:108%; /* 14px相当 */
font-weight:bold;
line-height:1.2;
color:#fff;
/*
border:1px solid #2966a1;
*/

/* 以下、角丸 */
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;

/* 以下、グラデーション */
background: #8dadcd;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8dadcd), to(#2966a1));
background: -moz-linear-gradient(#8dadcd, #2966a1);
background: linear-gradient(#8dadcd, #2966a1);
-pie-background: linear-gradient(#8dadcd, #2966a1);
behavior: url(/common/behavior/PIE.htc);

}

/* 見出し(h2)：全体テキストリンク */
div.xpa1ColumnBlockPtn2 h2.xpah2_1ColumnBlockPtn1 a{
display:block;
margin:0;
padding:3px 25px 3px 7px;
/*
position:relative;
*/
background:url(/common/img/bg/bg_internalLinks.gif) no-repeat right 50%;
color:#fff;

}

/* 見出し(h2)：全体テキストリンク：hover */
div.xpa1ColumnBlockPtn2 h2.xpah2_1ColumnBlockPtn1 a:hover{
color:#fff;
}


/* 1カラムボックスパターン3(？？？？？)---------- */











/*--------------------------------------------------------------------
？？？？？. カラムレイアウト用div
--------------------------------------------------------------------*/
/* 2カラムレイアウト------------------------------------ */
div.xpa2ColumnBlock{ /* 2カラムボックス */
margin-bottom:12px; /* 下方向マージン */
/*
background:url(/common/img/bg/bg_2columnLayout.gif) repeat-y center top;
*/
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpa2ColumnBlock{ /* 2カラムボックス */
  margin-left:10px;
  margin-right:10px;
  }
}



div.xpa2ColumnLayoutLeft{ /* 左カラム */
float:left;
width:49%;
/* width:320px; */
}

div.xpa2ColumnLayoutRight{ /* 右カラム */
float:right;
width:49%;
/* width:320px; */
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpa2ColumnLayoutLeft, /* 左カラム */
  div.xpa2ColumnLayoutRight{ /* 右カラム */
  float:none;
  width:100%;
  }
}


/* 2 Colum
---------------------------------------------------------*/
.mcClm2_wrapper{
margin-bottom:1.5em;
margin-bottom:1.5rem;
}

/* パターン1: Harf
---------------------------------*/
.clm_harfL{
float:left;
padding-right:2.5%;
width:47.5%;
*padding-right:2.49999%; /* ~ie7 */
overflow:hidden;
}

.clm_harfR{
float:right;
padding-left:2.5%;
width:47.5%;
*padding-left:2.49999%; /* ~ie7 */
overflow:hidden;
}

@media screen and (max-width:360px) {
  .clm_harfL, .clm_harfR{
  float:none;
  margin-bottom:1.5em;
  margin-bottom:1.5rem;
  padding-left:0;
  padding-right:0;
  width:100%;
  }
}

/* パターン2: Golden Ratio: メイン左
---------------------------------*/
.clm_main_grL{
float:left;
padding-right:2.5%;
width:58.5%;
overflow:hidden;
}

.clm_sub_grR{
float:right;
padding-left:2.5%;
*padding-left:2.49999%; /* ~ie7 */
width:36.5%;
overflow:hidden;
}

@media screen and (max-width:360px) {
  .clm_main_grL, .clm_sub_grR{
  float:none;
  margin-bottom:1.5em;
  margin-bottom:1.5rem;
  padding-left:0;
  padding-right:0;
  width:100%;
  }
}

/* パターン3: Golden Ratio: メイン右
---------------------------------*/
.clm_main_grR{
float:right;
padding-left:2.5%;
width:58.5%;
overflow:hidden;
}

.clm_sub_grL{
float:left;
padding-right:2.5%;
*padding-right:2.49999%; /* ~ie7 */
width:36.5%;
overflow:hidden;
}

@media screen and (max-width:360px) {
  .clm_main_grR, .clm_sub_grL{
  float:none;
  margin-bottom:1.5em;
  margin-bottom:1.5rem;
  padding-left:0;
  padding-right:0;
  width:100%;
  }
}



/* 3カラムレイアウト------------------------------------ */
div.xpa3ColumnBlock{ /* 3カラムボックス */
margin-bottom:12px; /* 下方向マージン */
margin-right:-10px; /* 管理画面用ネガティブマージン */
/*
background:url(/common/img/bg/bg_3columnLayout.gif) repeat-y left top;
*/
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
div.xpa3ColumnBlock{ /* 3カラムボックス */
  margin-left:10px;
  margin-right:10px;
  }
}



div.xpa3ColumnLayoutLeft{ /* 左・中央カラム */
float:left;
width:210px;
margin-right:15px;
}

div.xpa3ColumnLayoutRight{ /* 右カラム */
float:left;
width:210px;
margin-right:0;
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  div.xpa3ColumnLayoutLeft, /* 左・中央カラム */
  div.xpa3ColumnLayoutRight{ /* 右カラム */
  float:none;
  width:100%;
  }
}



/*--------------------------------------------------------------------
？？？？？. ギャラリー：jQuery版LightBox
--------------------------------------------------------------------*/
/* 画像幅120px,マウント幅150px,マージン10px */
div.GalleryTypeT1 ul.lightBoxGallery{
background-color:#f3f3f3;
}

div.GalleryTypeT2 ul.lightBoxGallery{
background-color:#fff;
}

ul.lightBoxGallery{
margin-bottom:12px;
padding:10px 0 0 38px;
}

li.lightBoxImage{
float:left;
margin-right:10px;
margin-bottom:10px;
padding:9px;
border:1px solid #ccc;
background-color:#fafbee;

/* 以下、角丸 */
position:relative; /* pie.htcに必須 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

/* 以下、ドロップシャドウ */
-webkit-box-shadow: #ccc 1px 2px 3px;
-moz-box-shadow: #ccc 1px 2px 3px;
box-shadow: #ccc 1px 2px 3px;
behavior: url(/common/behavior/PIE.htc);
}

/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  ul.lightBoxGallery{
  margin-bottom:0;
  padding-top:0;
  padding-top:10px;
  padding-left:26px;
  }

  li.lightBoxImage{
  margin-right:6px;
  margin-right:12px;
  padding:6px;
  }
}



li.lightBoxImage img{}




/*--------------------------------------------------------------------
新ギャラリー：PhotoSwipe
--------------------------------------------------------------------*/
/* ギャラリー領域(外枠)デザインパターン
--------------------------------------------------------------------*/
/* パターン1 -------------------------------*/
.image_gallery_t1{
margin-bottom:1.5em!important;
margin-bottom:1.5rem!important;
}

.image_gallery_t1 .image_gallery{}

/* パターン2 -------------------------------*/
.image_gallery_t2{
margin-bottom:1.5em!important;
margin-bottom:1.5rem!important;
padding:0.5% 0!important;
background-color:#333333;
}

.image_gallery_t2 .image_gallery{
margin:0 0.5%;
}

/* 共通 -----------------------------------*/
/* ギャラリーエリア */
.image_gallery{}

.image_gallery .figCap_box{
float:left;
width:20%;
}

@media screen and (max-width:480px) {
  .image_gallery .figCap_box{
  width:50%;
  }
}

/* スライド(マウント) */
.image_gallery .figCap_box figure{
margin:2%;
padding:5%;
overflow:hidden;
border:1px solid #ccc;
background-color:#fafbee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* スライド(写真) */
.image_gallery .figCap_box figure img{
width:100%;
height:auto;
}

/* キャプション */
.image_gallery .figCap_box figure figcaption{
display:none;

margin:0 5%;
font-size:88%;
color:#333333;
}

/* 拡大マーク */
.image_gallery .figCap_box figure .icn_zoom{
position:absolute;
top:3px;
right:3px;
}


/* 新ギャラリー: 編集画面 */
#wcv_sys_edit_pageeditarea .image_gallery figure input[type="image"]{
width:100%;
max-width:100%;
height:auto;
}

/* 新ギャラリー: ブロック追加画面 */
#wcv_sys_edit_blockeditarea figure.item{
width:90%;
max-width:90%;
height:auto;
}

#wcv_sys_edit_blockeditarea figure.item img{
width:100%;
max-width:100%;
height:auto;
}





/*--------------------------------------------------------------------
10. 画像配置パターン
--------------------------------------------------------------------*/
/* 画像エリア:共通 */
.figArea{}

.figArea .figCap_box{
margin-bottom:16px;
}

.figArea figure{
display:table;
position:relative;
margin:0 auto;
max-width:100%;
}

.figArea figure img{
max-width:100%;
height:auto;
}

.figArea figure figcaption{
display:table-caption;
caption-side:bottom;
padding-top:3px;
font-size:82%;
line-height:1.2;
}

@media screen and (max-width:480px) {
  .figArea{
  margin-bottom:1.5em;
  margin-bottom:1.5rem;
  }

  .figArea figure{
  display:block;
  margin-bottom:16px;
  text-align:center;
  }

  .figArea figure img{
  display:inline;
  }

  .figArea figure figcaption{
  display:block;
  }

  .figArea figure a{
  position:relative;
  }
}

/* 拡大マーク */
.figArea .icn_zoom{
position:absolute;
top:0px;
right:0px;
}



/*--------------------------------------------------------------------
？？？？？. JOINTバックナンバー一覧
--------------------------------------------------------------------*/
.joint_bkno_list_wrapper{
margin:0 0 20px 10px!important;
}

.joint_bkno_list{}

.joint_bkno_list li{
float:left;
margin-bottom:10px;
padding:3px 4px;
padding:3px 0;
width:94px;
width:100px;
width:108px;

text-align:center;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}

/* カバー */
.fig_joint_cover{
padding-bottom:3px!important;
border-bottom:1px dotted #ccc;
}

.fig_joint_cover img{}


/* ナンバー */
.txt_joint_bkno{}


/* Media Queries */
/* less than 360: スマホ用 */
@media screen and (max-width: 360px) {
  .joint_bkno_list li{
  width:112px;
  }


}












/*--------------------------------------------------------------------
？？？？？. その他
--------------------------------------------------------------------*/
/* ブロックごと隠す：未使用 */
div.xpaHidden{
/*
visibility:hidden;
display:none;
*/
}

/* WCVLINK出力先リスト要素内のインライン画像の位置調整 */
dl.newsList dt img,
dl.newsList dd img,
dl.jointNews li img{
margin-left:5px;
vertical-align:middle;
}



/* =========== IEバグ対応対処療法設定CSS =========== */
/* ieでsup/subにtext-top/text-bottomを指定していると、
   spanでstyle="color:"を指定したとたんにvertical-alignの
   表示が壊れるのを防ぐため、top/bottomとする */
body.xpacmskit sup {
vertical-align:top\9;
}

body.xpacmskit sub {
vertical-align:bottom\9;
}




/* =========== 印刷設定CSS =========== */

@media print{

body.xpacmskit{
*zoom: 67%; /*ie6/7縮小表示 */
background:none;
}

div#container{
*width:960px; /* ie6/7印刷時のWebサイトの横幅 */
/*
border-left:1px solid #ccc;
border-right:1px solid #ccc;
*/
}


/* firefox 3.0以降のみ印刷対応 */
div#mainWrap, x:-moz-broken{
display:table;
direction:rtl;
color:#f00;
}

div#contents,
div#l_sidebar, x:-moz-broken{
display:table-cell;
float:none;
direction:ltr;
color:#f00;
}
/* end:firefox 3.0以降のみ印刷対応 */






}