/* ================================
    CSS STYLES FOR i-SITE PORTAL
    v1.3, 2005/4/10
   ================================
  framestyle_dhv
*/
/****************** フレーム用定義 ******************/
/* 画面の幅と各ペインの決定方法
　　※各ペイン間の余白は、それぞれのパディングで設定する。
    ※モジュールのない場合はLeftPane,ContentPane,RightPaneは消える。
    ※モジュールのない場合でもContentPaneかRightPaneのどちらかは残る。
スタイルHV用(Header領域が左端まであるもの)：portal_m.css適用後
+--BaseTable--
| 732px
|+--SystemMenu-----------------------------------+
||                                               |
|+-----------------------------------------------+
|+--HeaderPane-----------------------------------+
||                                               |
|+-----------------------------------------------+
|+--Middle---------------------------------------+
||+--LeftPane---+--ContentPane---+--RightPane---+|
||| 160px       | padding-left   |              ||
|||             | 10px           |              ||
|||             |                |              ||
||+-------------+----------------+--------------+|
|+-----------------------------------------------+
|+---FooterPane----------------------------------+
||                                               |
|+-----------------------------------------------+
+-------------
*/

body  /*margin,paddingは上右下左の順*/
{
  margin: 0px 0px 0px 0px;
  font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
  /*font-family: 'ＭＳ ゴシック', 'Osaka－等幅', 'monospace';*/
  /*font-family: 'ＭＳ Ｐ明朝', '細明朝体', 'serif';*/
  /*font-family: 'ＭＳ 明朝', '平成明朝', 'serif';*/
}
/* == テーマ切替 == */
#SystemMenuTag_ThemeList 
{ 
display: none; 
}

/* == 大枠 == */
#BaseTable
{
  margin-left:auto;
  margin-right:auto;
  width:750px;
/*  padding: 0px 0px 0px 0px;*/
/*  background-image: url("framestyle_vv/back.gif");*/
}


/* == システムメニュー == */
#SystemMenu
{
	width:750px;
/*  padding: 0px 0px 0px 0px;*/
}

/* == 中間ペイン群 == */
#Middle
{
	width:756px; /*枠表示用に+6px*/
}

/* == ヘッダー == */
#HeaderPane
{
/*  padding: 0px 0px 0px 0px;*/
}

/* == 左ペイン幅 == */
#LeftPane
{
/*	width:160px;*/
	float:left;
/*  padding: 0px 0px 0px 0px;*/
}

/* == MAIN(中央)ペイン == */
#ContentPane
{
  padding: 0px 0px 0px 0px;
  margin: 0px auto;
  float:left;
}

/* == 右ペイン == */
#RightPane
{
/*  text-align:center;*/
	float:left;
/*  padding: 0px 0px 0px 0px;*/
}

/* == フッター == */
#FooterPane
{
	width:750px;
 padding-bottom:5px;
/*  padding: 0px 0px 0px 0px;*/
}

/************　追加　**************/
Table
{
  border-collapse: separate;
}

table{height: auto;}

H1
{
  font-size: medium;
  font-weight: normal;
  color: #000000;
  margin: 0px;
  margin-bottom: 18px;

}
H2
{
  font-size: medium;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  padding: 0px;
  margin-bottom: 18px;

}

H3
{
  font-size: medium;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  padding: 0px;
  margin-bottom: 18px;

}

H4
{
  font-size: medium;
  font-weight: normal;
  color: #000000;
  margin: 0px;
  padding: 0px;
  margin-bottom: 18px;
}

H5
{
  font-size: medium;
  font-weight: normal;
  color: #000000;
  margin:0;
  padding:0;
}

dt
{
  font-size: medium;
  font-weight: normal;
  color: #000000;
  line-height:130%;
}

dd
{
  font-size: medium;
  font-weight: normal;
  color: #000000;
  line-height:130%;
}


.clear {
    height:1px;
    clear:both;
}

.hide {
    display:none;
}
.float {
    float:left;
}

/* == 通常リンク == */
A:link
{
  text-decoration: underline;
  color: #0000FF;
}

A:visited
{
  text-decoration: underline;
  color: #800080;
}

A:hover
{
  text-decoration: underline;
  color: red;
}

A:active
{
  text-decoration: underline;
  color: red;
}

/* == リストのデザイン == */

.list_number
{
 list-style-type: decimal;
}

.list_disc
{
 list-style-type:disc;
}

.list_square{
 list-style-type:square;
}


/* == table == */

.Contents Table
{
  /* border-collapse: collapse; */ /* v2.14 削除 */
  margin: 1em 0.5em 1em 0.5em;
  border-color:#000000;
  border-width: 1px; /* v2.14 追加 */
  border-style: solid; /* v2.14 追加 */
}

.Contents Table Tbody
{
  border-color:#000000;
}

.Contents Table td,
.Contents Table th
{
  padding: 0.3em 0.5em;
  empty-cells: show;
  border-color:#000000;
  border-width: 1px; /* v2.14 追加 */
  border-style: solid; /* v2.14 追加 */
}

.Contents Table tr
{
  border-color:#000000;
}

.Contents Table tr.alter
{
  background-color: #eeeeee;
}

.Contents Table th,
.Contents Table thead
{
  text-align:center;
  background-color: #e4f2fc;
}

tfoot, thead 
{
color:#000000;
font-size:100%;
}

/* == table notable == */

.Contents table.noborder
{
  /* border-collapse: collapse; */ /* v2.14 削除 */
  margin: 1em 0.5em 1em 0.5em;
  border-color:#000000;
  border-width: 0px; /* v2.14 追加 */
  border-style: solid; /* v2.14 追加 */
}

.Contents table.noborder Tbody
{
  border-color:#000000;
}

.Contents table.noborder td,
.Contents table.noborder th
{
  padding: 0.3em 0.5em;
  empty-cells: show;
  border-color:#000000;
  border-width: 0px; /* v2.14 追加 */
  border-style: solid; /* v2.14 追加 */
}

.Contents table.noborder tr
{
  border-color:#000000;
}

.Contents table.noborder tr.alter
{
  background-color: #eeeeee;
}

.Contents table.noborder th,
.Contents table.noborder thead
{
  text-align:center;
  background-color: #e4f2fc;
}

.EndClear {
    clear: both;
    font-size: 0%;
    height: 0;
}

.speak{
    font-size:0%;
}

/* PCブラウザ表示時、非掲示 */
.smarton
{
display:none;
}

/* PC・スマホ表示切り替えモジュール */
#smart_mode_change
{
display:none;
color:white;
background:url("../../../Images/menu_pc_b.gif") no-repeat top left gray;
/*color:black;
background:url("../../../Images/menu_pc_b.gif") no-repeat top left #f0f0f0;*/
position:relative;
margin:5px auto;
width:320px;
height:40px;
}

#smart_mode_sf_btn
{
position:absolute;
left:60px;
top:6px;
width:125px;
height:30px;
text-indent: -9999px;
overflow:hidden;
}

/* スマホ用翻訳バナー */
#sp_trans_back,
#sp_trans_speak
{
  display:none;
}

div.kdsfooter1 .kdsfooter
{
font-size:medium !important;
}

/* ===== カテゴリボックス20170414追記 ===== */
div.category_line3,
div.category_line4
{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px;
    float: left;
    font-size: 100%;
}

div.category_green
{
}

div.category_box
{
    margin: 0 0 5px 1%;
    height: auto;
    min-height: 200px;
    padding: 0;
    float: left;
}

div.category_line3 div.category_box
{
    width: 32%;
}

div.category_line4 div.category_box
{
    width: 24%;
}

div.box_fast
{
    margin-left: 0;
}

div.category_line3 h2.category_title,
div.category_line4 h2.category_title
{
    background-image: url("/images/ac203.png");
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #EDF1FF;
    border-width: 3px 1px 1px 1px;
    border-style: solid;
    border-color: #7295c0 #9FB7D4;
    padding: 4px 5px 3px 7px;
    margin: 0px;
    line-height: 150%;
    font-size: 120%;
    color: #003333;
}

div.category_green h2.category_title
{
    border-top-color: #33CC99;
}

div.category_line3 p.category_body,
div.category_line4 p.category_body
{
    background-image: url("/images/category_line_bg.png");
    background-repeat: repeat-y;
    background-position: left top;
    background-color: #E1E1E1;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #cccccc;
    margin: 0;
    padding: 5px;
    font-size: 120%;
    line-height: 1.5em;
    min-height: 180px;
}