﻿/* ================================
    CSS STYLES FOR i-SITE PORTAL
    v1.3, 2005/4/10
   ================================
  framestyle_dhv　カスタマイズ
*/
/****************** フレーム用定義 ******************/
/* 画面の幅と各ペインの決定方法
　　※各ペイン間の余白は、それぞれのパディングで設定する。
    ※モジュールのない場合はLeftPane,ContentPane,RightPaneは消える。
    ※モジュールのない場合でもContentPaneかRightPaneのどちらかは残る。
スタイルHV用(Header領域が左端まであるもの)：portal_m.css適用後
+--BaseTable--
| 770px
|+--SystemMenu-----------------------------------+
||                                               |
|+-----------------------------------------------+
|+--HeaderPane-----------------------------------+
||                                               |
|+-----------------------------------------------+
|+--Middle---------------------------------------+
||+--LeftPane---+--ContentPane---+--RightPane---+|
||| 129px       | 408px          | 213px        ||
||| right 5px   | left,right 5px | left 4px     ||
|||             |                |              ||
||+-------------+----------------+--------------+|
|+-----------------------------------------------+
|+---FooterPane----------------------------------+
||                                               |
|+-----------------------------------------------+
+-------------
*/

body  /*margin,paddingは上右下左の順*/
{
  margin: 0px 0px 0px 0px;
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'Arial', sans-serif;
  /*font-family: 'ＭＳ ゴシック', 'Osaka－等幅', monospace;*/
  /*font-family: 'ＭＳ Ｐ明朝', '細明朝体', serif;*/
  /*font-family: 'ＭＳ 明朝', '平成明朝', serif;*/
  background-image: url("../images/back.gif");
  background-repeat:no-repeat;
  background-position:right bottom;
}

input, select, textarea
{
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'Arial', sans-serif;
}

/* == 大枠 == */
#BaseTable
{
	width:770px;
/*  padding: 0px 0px 0px 0px;*/
/*  background-image: url("framestyle_vv/back.gif");*/
/*	background-image: url("../images/grayback.gif");*/
}


/* == システムメニュー == */
#SystemMenu
{
	width:770px;
/*  padding: 0px 0px 0px 0px;*/
}

/* == 中間ペイン群 == */
#Middle
{
	width:770px;
}

/* == ヘッダー == */
#HeaderPane
{
/*  padding: 0px 0px 0px 0px;*/
}

/* == 左ペイン幅 == */
#LeftPane
{
	width:129px;
	float:left;
	padding: 0px 5px 0px 0px;
}

/* == MAIN(中央)ペイン == */
#ContentPane
{
	width:408px;
	float:left;
	padding: 0px 5px 0px 5px;
}

/* == 右ペイン == */
#RightPane
{
	width:213px;
	text-align:center;
	float:left;
	padding: 0px 0px 0px 4px;
}

/* == フッター == */
#FooterPane
{
	width:770px;
/*  padding: 0px 0px 0px 0px;*/
}

/****************** 主にシステム用定義 既定の情報はportal.css参照******************/

/* == 汎用文字 == */
.NormalTextSmall
{
}

.NormalText
{
}

.NormalTextMedium
{
}

/* == 小見出し用 == */
.ContentsSubTitle
{
}

/* == 反転タイトル == */
.EditTitleCaption
{
}

/* == エラー表示 == */
.Error
{
}

/* == 説明表示 == */
.NotesText
{
}

/* == 補助表示 == */
.SubText
{
}

/* == 文責表示 == */
.Responsibility
{
}

/* == BBSコード引用[quote]用 == */
.bbsquote
{
}

/* == BBSコードcode[code]用 == */
.bbscode
{
}

/* == 一覧表示ヘッダ用 == */
.SiteLink
{
}

/* == 顔文字等アイコン代替表示 等幅フォント== */
.Icon
{
}

/* == 文字列ボタン用 フォントサイズは固定 == */
.ButtonImage
{
}

/* == orangeTable == */
Table.orangeTable
{
}

/* == blueTable == */
Table.blueTable
{
}

/*モジュールタイトル*/
.MTitleBase, .MTitleBase_red
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 20px;
}

.MTitleBase h3
{
	float:left;
	height: 18px;
	margin: 0px;
	padding: 0px;
	padding-left: 6px;
	padding-top: 2px;
	vertical-align:baseline;
	color: white;
	text-decoration: none;
}

.MTitleBase span
{
	float:right;
	padding-top:2px;
}

.MTitleBase_black
{
	border-right: solid 1px black;
}

.MTitleBase_yellow
{
	border-right: solid 1px #a86500;
}

.MTitleBase_gray
{
	border-right: solid 1px #333333;
}

.MTitleBase_silver
{
	border-right: solid 1px #333333;
}

.MTitleBase_whitesmoke
{
	border-right: solid 1px #666666;
}

.MTitleBase td
{
	margin: 0px;
	padding: 0px;
}

.MTitleBase span
{
	float:right;
}

.MTitleIcon
{
	float:left;
	width: 5px;
	height: 20px;
	background: #3f3f3f url(../Images/module_title_left.gif);
	background-repeat: no-repeat;
}

.MTitleBlock, .MTitleBlock_red
{
	color: white;
	text-decoration: none;
	text-align: left;
	height: 20px;
	border-top: solid 1px #a93f36;
	border-bottom: solid 1px #a93f36;
	border-right: solid 1px #a93f36;
	background: #f34a3a url(../Images/module_titleb_f34a3a.gif);
	background-repeat: repeat-x;
}

.MTitleBlock_black
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
	background: #333333 url(../images/module_titleb_333333.gif);
	background-repeat: repeat-x;
}

.MTitleBlock_yellow
{
	border-top: solid 1px #a86500;
	border-bottom: solid 1px #a86500;
	border-right: solid 1px #a86500;
	background: #ffa722 url(../images/module_titleb_ffa722.gif);
	background-repeat: repeat-x;
}

.MTitleBlock_gray
{
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-right: solid 1px #333333;
	background: #777777 url(../images/module_titleb_777777.gif);
	background-repeat: repeat-x;
}

.MTitleBlock_silver
{
	border-top: solid 1px #5c5c5c;
	border-bottom: solid 1px #333333;
	border-right: solid 1px #333333;
	background: #a5b7bb url(../images/module_titleb_a5b7bb.gif);
	background-repeat: repeat-x;
}

.MTitleBlock_whitesmoke
{
	color: black;
	border-top: solid 1px #858585;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
	/*background: #e0e0e0 url(../images/module_titleb_e0e0e0.gif);*/
	background: #e0e0e0;
	background-repeat: repeat-x;
}

.MTitleLink
{
	color: white;
	text-decoration: none;
	margin:0px;
	padding: 0px;
	height: 100%;
	display: block;
	font-size: 13px;
	font-family: 'Arial', 'Helvetica', 'ＭＳ ゴシック' , 'Osaka－等幅' , monospace;
}

.TabMenuLinkFix
{
	color: white;
	text-decoration: none;
	margin:0px;
	padding: 1px;
	height: 100%;
	display: block;
	font-size: 10pt;
	font-family: 'Arial', 'Helvetica', 'ＭＳ ゴシック' , 'Osaka－等幅' , monospace;
}

A.MTitleLink:link
{
	color: white;
	text-decoration: none;
}

A.MTitleLink:visited
{
	color: white;
	text-decoration: none;
}

A.MTitleLink:active
{
	color: white;
	text-decoration: none;
}

A.MTitleLink:hover
{
	color: silver;
	text-decoration: none;
}

A.TabMenuLinkFix:link
{
	color: white;
	text-decoration: none;
}

A.TabMenuLinkFix:visited
{
	color: white;
	text-decoration: none;
}

A.TabMenuLinkFix:active
{
	color: white;
	text-decoration: none;
}

A.TabMenuLinkFix:hover
{
	color: silver;
	text-decoration: none;
}

/*枠*/
.GrayDiv
{
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 6px;
	border-left: solid 1px #d4d4d4;
	border-right: solid 1px #d4d4d4;
	border-bottom: solid 1px #d4d4d4;
}

.GrayDivSide
{
	padding: 0px;
	border-left: solid 1px #d4d4d4;
	border-right: solid 1px #d4d4d4;
}

/*その他*/
.ArialXSmallText
{
	padding: 3px;
	font-size: x-small;
	font-family: 'Arial', 'Helvetica', 'ＭＳ ゴシック' , 'Osaka－等幅' , monospace;
}

address
{
	font-style:normal;
}

.MarginBottom
{
	margin-bottom:10px;
}

P
{
  margin: 0px;
  padding: 2px 0px;
}
