/*** for PC Browser ***/
@media (min-width:401px)
{
/* ================================
    CSS for i-SITE PORTAL
    v2.0, 
   ================================
  framestyle_dhv
*/
/* 画面の幅と各ペインの決定方法*/
/*　　※各ペイン間の余白は、それぞれのパディングで設定する。*/
/*    ※モジュールのない場合はLeftPane,ContentPane,RightPaneは消える。*/
/*    ※モジュールのない場合でもContentPaneかRightPaneのどちらかは残る。*/
/*スタイルHV用(Header領域が左端まであるもの)：portal_m.css適用後*/

body  /*margin,paddingは上右下左の順*/
{
  margin: 0px 0px 0px 0px;
  font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
  /*font-family: 'Courier New', 'ＭＳ ゴシック', 'Osaka－等幅', Courier, monospace;*/
  /*font-family: 'Times New Roman', 'ＭＳ Ｐ明朝', '細明朝体', Times, serif;*/
  /*font-family: 'Courier New', 'ＭＳ 明朝', '平成明朝', Courier, monospace;*/
  /*font-family: Arial, Helvetica, sans-serif;*/
  /*font-family: 'Courier New', Courier, monospace;*/
  /*font-family: 'Times New Roman', Times, serif;*/
  /*font-family: cursive;*/
  /*font-family: fantasy;*/
}

button, checkbox, file, password, radio, reset, submit, text, textarea, A
{
  font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

select
{
  line-height:1;
  padding:1px;
  font-family: Arial, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

option
{
  line-height:1;
  font-family: Arial, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

/* == 大枠 == */
#pagetop,
#BaseTable
{
  width:732px;
/*  margin:auto; for Centering*/
/*  padding: 0px 0px 0px 0px;*/
/*  background-image: url("../images/grayback.gif");*/
}


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

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

/* == 中間ペイン群 == */
#Middle
{
  width:738px; /*枠表示用に+6px*/
  /*float:left; インライン編集時対応*/
}

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

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

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

/* == フッター == */
#FooterPane
{
  width:732px;
/*  padding: 0px 0px 0px 0px;*/
}

.smarton
{
display:none !important;
}


}
@media print
{
body
{
background-image:none;
}
}

/*** for Smart Phone ***/
@media (max-width:400px)
{
#pagetop,
#BaseTable,
#HeaderPane,
#Middle,
#LeftPane,
#ContentPane,
#RightPane,
#FooterPane
{
width:320px;
float:none;
}

.smartoff
{
display:none !important;
}

.smart_fullwidth,
.smart_w320
{
max-width:320px !important;
}

.Contents .smart_fullwidth
{
max-width:320px !important; /*.Contentsのpadding左右分やimgのmargin分は引く*/
}

.smart_halfwidth,
.smart_w160
{
max-width:160px !important;
}

/*スマートフォン用table自動調整*/
.Sp_ViewTable_Scroll
{
    display: block;
    overflow: auto;
}

/*匿名から使用される編集タイトル*/
table.EditTitle,
div.EditTitle
{
width:300px !important;
}
}