html {
	/* 画面の高さを100%にする */
	height: 100%;
	margin: 0px;
	overflow-y: scroll;
}
body {
	/* 画面の高さを100%にする */ 
    height: 100%;
	margin: 0px; 
	color: #000000;	/*全体の文字色*/
	padding: 0px;
	text-align: center;
	font-size: 12px;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*全体の文字サイズ/行間、フォント*/
	background: #e5e5e5 url(../images/bg.gif);	/*背景色、背景画像の読み込み*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	vertical-align: middle;     /* 画像の縦位置は中央 */
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #0000CC;	        /*リンクテキストの色*/
}
a:hover {
	color: #CC0000;	        /*リンクテキストの色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
    position: relative;
	margin: 0 auto 0 auto;
	height:100%;
	min-height: 100%;
	text-align: left;
	width: 630px;
	background-color: #ffffff;
}

/* div(container)の高さをbodyの範囲でautoに設定 */
body > #container
{
    height: auto;
}

/*ヘッダー（ロゴ、h1タグが入った最上部ブロック）
---------------------------------------------------------------------------*/
#header {
	text-align: left;
	height: 58px;	/*ヘッダーの高さ*/
	width: 100%;	/*ヘッダーの幅*/
	border-top: 5px solid #1572b7;		/*上の線の幅、線種、色*/
}

/*ヘッダー会社名画像設定*/
#header #product
{
	font-size: 9px;
	position: absolute;
	top: 35px;
	right: 10px;
	font-weight: normal;
	color: #999;
}

#header #product img
{
    width: 193px;
    height: 18px;
    border-style: none;
}

/*ロゴ画像設定*/
#header #logo {
	position: absolute;
	left: 5px;	/*ヘッダーブロックに対して左から20pxの位置に配置*/
	top: 15px;	/*ヘッダーブロックに対して上から24pxの位置に配置*/
}

#header img.mtilogo
{
    width: 193px;
    height: 18px;
}

#header img.patpro
{
    width: 108px;
    height: 20px;
}

#header img.patpro9i
{
    width: 108px;
    height: 20px;
}

/*h1見出しタグ設定*/
#header h1 {
	font-size: 9px;	        /*文字サイズ*/
	line-height: 10px;
	position: absolute;
	top: 35px;			    /*ヘッダーブロックに対して上から34pxの位置に配置*/
	right: 10px;			/*ヘッダーブロックに対して右から0pxの位置に配置*/
	font-weight: normal;	/*hタグのデフォルトの太字を標準に。太字がいいならこの１行削除。*/
	color: #999;	        /*文字色*/
}

#header h1 a {
	text-decoration: none;
	color: #999;	        /*文字色*/
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体*/
ul#menu {
	height: 40px;
	width: 100%;
	background: url(../images/menu_bg3.gif) repeat-x;	/*背景画像の読み込み＆X軸(横軸)リピート*/
	border-top: 1px solid #d2d2d2;		/*上の線の幅、線種、色*/
	border-bottom: 1px solid #d2d2d2;	/*下の線の幅、線種、色*/
}
/*メニュー１個ごとの設定*/
ul#menu li {
	float: left;
}
ul#menu li a {
	font-size: 12px;		/*文字サイズ*/
	text-decoration: none;	/*デフォルトのリンクの下線を消す設定*/
	text-align: center;		/*文字をセンタリング*/
	vertical-align: middle;
	width: 99px;			/*メニュー１個あたりの幅*/
	display: block;
	overflow: hidden;
	padding-top: 4px;
	height: 35px;
	line-height: 35px;      /* vertical-alignを有効にするため設定 */
	border-right: 1px solid #d2d2d2;	/*右側の線の幅、線種、色*/
	font-weight: bold;	/*文字を太字にする設定*/
	color: #666666;	    /*リンクテキストの色*/
}
/*色の付いた飾り文字の設定*/
ul#menu li a span {
	font-size: 9px;			/*飾り文字のサイズ*/
	color: #1572b7;			/*飾り文字の色 M-COLLAR*/
	font-weight: normal;	/*飾り文字を太字から標準に*/
}
/*マウスオン時の設定*/
ul#menu li a:hover {
	color: #1572b7;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
	background: url(../images/menu_bg_on.gif) no-repeat left center;	/*背景画像の読み込み*/
}
/*ラスト（一番右側）のメニュー設定*/
ul#menu li.last a {
	border-right: none;
}
/*現在表示中のメニュー設定*/
ul#menu li#current a {
	background: url(../images/menu_bg_on.gif) no-repeat left center;	/*背景画像の読み込み*/
}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	height: auto;           /* 内容の領域は可変 */
	padding-bottom: 30px;   /* フッターの領域を確保 */
    clear: both;    /*横並びの解除*/
	width: 630px;	/*コンテンツ幅*/
	margin-right: auto;
	margin-left: auto;
}

/*コンテンツサブ-新規ウィンドウ、タブ用
---------------------------------------------------------------------------*/
#contentssub {
	height: auto;           /* 内容の領域は可変 */
	padding-bottom: 30px;   /* フッターの領域を確保 */
    clear: both;            /* 横並びの解除 */
	width: 630px;	        /* コンテンツ幅 */
	margin-right: auto;
	margin-left: auto;
	border-top: 3px solid #1572b7;
}

/*メインコンテンツ（ブロック）
---------------------------------------------------------------------------*/
#main {
	width: 560px;	/*メインコンテンツ幅*/
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto 0 auto;
}

/*h2タグ設定*/
#main h2 {
	font-size: 17px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	clear: both;
	width: 550px;
	padding-left: 30px;
	padding-bottom: 10px;
	height: 35px;
	line-height: 35px;      /* vertical-alignを有効にするため設定 */
	overflow: hidden;
	background: url(../images/midashi_bg1.gif) no-repeat;	/*背景画像の読み込み*/
}
/*h2タグ設定（背景白タイプ）*/
#main h2.midashi2 {
	color: #1572b7;	/*文字色*/
	background: url(../images/midashi_bg2.gif) no-repeat;	/*背景画像の読み込み*/
}
/*段落タグの余白設定*/
#main p {
	padding: 4px 2px 4px 6px;
	line-height: 19px;          /* 行間 */
}

/*h3タグ設定*/
#main h3 {
	font-size: 17px;
	vertical-align: middle;
	color: #2626FF;
	clear: both;
	width: 500px;
	padding-left: 30px;
	line-height: 45px;
	height: 50px;
	overflow: hidden;
	background: url(../images/midashi_bg2.gif) no-repeat;	/*背景画像の読み込み*/
}
/*h2タグ設定（背景白タイプ）*/
#main h3.midashi2 {
	color: #1572b7;	/*文字色*/
	background: url(../images/midashi_bg2.gif) no-repeat;	/*背景画像の読み込み*/
}
/*ダウンロードの領域設定*/
#main div.download 
{
    margin: 5px 100px 20px 100px;
}

#main table.download 
{
    width: 100%;
}

#main table.download th
{
    width: 100px;
    border-bottom: 1px solid gray;
    vertical-align: middle;
}

#main table.download td
{
    vertical-align: middle;
    padding: 8px 1px 8px 10px;
    border-bottom: 1px solid gray;
}

/*会社案内の領域設定*/
#main div#company 
{
    margin: 1px 10px 1px 10px;
}

#main table#companytable 
{
    width: 630px;
}

#main table#companytable th
{
    width: 150px;
    text-align: center;
    border: 1px solid gray;
    font-size: 13px;
    font-weight: normal;
    background-color: #F6F6F6;
}

#main table#companytable td
{
    vertical-align: middle;
    padding: 8px 1px 8px 10px;
    border: 1px solid gray;
    font-size: 13px;
    font-weight: normal;
}

/*問い合わせのテーブル設定*/
#main div.contact 
{
    margin: 10px 1px 20px 190px;
}

#main table.contact th
{
    font-size: 13px;
    font-weight: normal;
    text-align: left;
}

#main table.contact td
{
    padding: 1px 1px 10px 20px;
    font-weight: normal;
}

#main table.contact img.contact
{
    width: 40px;
    height: 40px;
}

/*セットアップ方法/パスワード申請設定*/
#main div#passshinsei
{
    width: 540px;
    height: 80px;
    border: 2px double black;
    text-align: left;
    vertical-align: middle;
    padding: 10px 5px 10px 5px;
    background-color: #ffc0cb;
    margin: 0 auto 0 auto;
}

/*セットアップ方法/評価版説明テーブル*/
#main table#trialdesc
{
    width: 400px;
    height: 200px;
    border: 1px solid black;
    text-align: left;
    margin: 0 auto 0 auto;
}

#main table#trialdesc th
{
    width: 20%;
    border: 1px solid black;
    text-align: center;
}

#main table#trialdesc td
{
    width: 80%;
    border: 1px solid black;
    text-align: left;
    padding-left: 10px;
}

/*バージョン情報設定*/
#main div#versioninfo
{
    width: 630px;
    font-size: 14px;
    text-align: left;
    padding: 10px 5px 10px 5px;
    margin: 0 auto 0 auto;
    background-color: #ecf8ff;
}

/*タイトル文字*/
#main .titlelabel
{
    font-size: 14px;
    font-weight: bold;
    color: #2626FF;
}

/*タイトル文字(強調)*/
#main .titlelabelKyotyou
{
    font-size: 14px;
    font-weight: bold;
    color: #FE00B2;
}

/*パスワード再発行申請手順/ダウンロードテーブル*/
#main table#repassdownload
{
    width: 400px;
    text-align: center;
    margin: 0 auto 0 auto;
}

#main table#repassdownload th
{
    width: 33%;
    font-weight: normal;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
#main .new {
	overflow: auto;	/*ブロックの高さを超える文字が入ったらiframe風にスクロールバーが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 150px;	/*ブロックの高さ*/
	width: 630px;
	padding-left: 1px;
	margin: 0 auto 0 auto;
                background: #FFFFEE;
}
#main .new dl {
	clear: left;
	width: 630px;
	border-bottom: 1px solid #d2d2d2;	/*日付ごとの下線の幅、線種、色*/
	overflow: hidden;
}
#main .new dt {
	font-weight: normal;
	float: left;
	width: 80px;
}
#main .new dd {
	float: left;
	width: 630px;
}

/*サブコンテンツ（左ブロック）
---------------------------------------------------------------------------*/
#menusub {
	float: left;	/*サブコンテンツを左(left)に回り込み*/
	width: 164px;	/*サブコンテンツ幅*/
	padding-top: 10px;
	padding-bottom: 30px;
}

/*h3タグ設定*/
#menusub h3 {
	font-size: 12px;
	text-align: center;
	padding: 4px 35px;		/*左から、上下、左右への余白*/
	background: #f0f8ff;	/*背景色*/
	border-bottom: 1px solid #d2d2d2;	/*下部の線の幅、線種、色*/
	border-top: 5px solid #1572b7;		/*上部の線の幅、線種、色*/
}
/*段落タグの余白設定*/
#menusub p {
	padding: 0.5em 5px 1em;	/*左から、上、左右、下への余白*/
}

/*サブコンテンツ（右ブロック）
---------------------------------------------------------------------------*/
#mainsub {
	float: right;	/*メインコンテンツを右(right)に回り込み*/
	width: 630px;	/*メインコンテンツ幅*/
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto 0 auto;
}

/*h2タグ設定*/
#mainsub h2 {
	font-size: 17px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	clear: both;
	width: 630px;
	height: 35px;
	line-height: 35px;      /* vertical-alignを有効にするため設定 */
	overflow: hidden;
	padding-bottom: 10px;
	background: url(../images/midashi_bg1.gif) no-repeat;	/*背景画像の読み込み*/
}
/*h2タグ設定（背景白タイプ）*/
#mainsub h2.midashi2 {
	color: #1572b7;	/*文字色*/
	background: url(../images/midashi_bg2.gif) no-repeat;	/*背景画像の読み込み*/
}
/*段落タグの余白設定*/
#mainsub p {
	padding: 4px 2px 4px 6px;
	line-height: 19px;          /* 行間 */
}

/*h3タグ設定*/
#mainsub h3 {
	font-size: 17px;
	color: #0000ff;	/*文字色*/
	clear: both;
	width: 630px;
	padding-left: 30px;
	line-height: 45px;
	height: 50px;
	overflow: hidden;
	background: url(../images/midashi_bg2.gif) no-repeat;	/*背景画像の読み込み*/
}
/*h2タグ設定（背景白タイプ）*/
#mainsub h3.midashi2 {
	color: #1572b7;	/*文字色*/
	background: url(../images/midashi_bg2.gif) no-repeat;	/*背景画像の読み込み*/
}

/*サブコンテンツ（右ブロック）のコンテンツ
---------------------------------------------------------------------------*/
#mainsubcontents {
	width: 630px;
	margin: 0 0 0 0;
}

#mainsubcontents .titlelabel
{
    font-size: 14px;
    font-weight: bold;
    color: #2626FF;
}

/*タイトル文字(強調)*/
#mainsubcontents .titlelabelKyotyou
{
    font-size: 14px;
    font-weight: bold;
    color: #FE00B2;
}

/*販売代理店テーブルの設定*/
#mainsubcontents table.dairiten
{
    width: 630px;
    margin: 0 auto 0 auto;
    font-size: 13px;
}

#mainsubcontents table.dairiten th
{
    width: 35%;
    border: 1px solid gray;
    padding: 5px 5px 5px 10px;
    font-weight: normal;
    background-color: #F6F6F6;
}

#mainsubcontents table.dairiten td
{
    width: 65%;
    border: 1px solid gray;
    padding: 5px 5px 5px 10px;
    line-height: 25px;          /* 行間 */
}

/*サブメニュー
---------------------------------------------------------------------------*/
/*サブメニューブロック全体の設定*/
ul.submenu {
	margin-bottom: 1px;
}
/*サブメニュー１個あたりの設定*/
ul.submenu li {
	background: #FCFCFC;
	border-bottom: 1px solid #CACACA;	/*メニュー間の線幅、線種、色*/
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
}
ul.submenu li a {
	display: block;
	width: 205px;
	padding: 0px 5px 0px 8px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	color: #666666;	/*リンクテキストの色*/
}
ul.submenu li a:hover {
	background: #e6ebfa;	/*マウスオン時の背景色*/
	color: #1572b7;			/*マウスオン時の文字色*/
	border-left: 3px solid #1572b7;	/*マウスオン時に左側に出る線の幅、線種、色*/
	width: 148px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*現在表示中のサブメニュー設定*/
ul.submenu li#current a {
	background: #e6ebfa;	/*マウスオン時の背景色*/
	color: #1572b7;			/*マウスオン時の文字色*/
	border-left: 3px solid #1572b7;	/*マウスオン時に左側に出る線の幅、線種、色*/
	width: 148px;
}

/*コンテンツサブ内(新規ウィンドウ) 説明ブロック
---------------------------------------------------------------------------*/
#maindescription
{
    margin-left: 5px;
}

#maindescription .titlesimbol
{
    color: #0080ff;
}

#maindescription .titlelabel
{
    font-family: HG丸ｺﾞｼｯｸM-PRO;
    font-size: 14px;
    font-weight: bold;
}

#maindescription img
{
    text-align: left;
}

#maindescription h1 {
	font-size: 14px;
	vertical-align: middle;
	color: #666666;
	clear: both;
	width: 630px;
	height: 20px;
	line-height: 20px;      /* vertical-alignを有効にするため設定 */
	overflow: hidden;
	padding: 4px 0px 0px 1px;
	background-color: #dbdbdb;
}

/* PatPro 概要説明テーブル */
#maindescription table.gaiyou
{
    width: 630px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
}

#maindescription table.gaiyou th
{
    width: 33%;
    padding: 3px 3px 3px 3px;
    background-color: #1572b7;
    border: 1px solid black;
    color: White;
    font-size: 15px;
}

#maindescription table.gaiyou td
{
    padding: 5px 5px 5px 5px;
    border: 1px solid black;
    vertical-align: top;
    text-align: left;
}

/* PatPro システム要件テーブル */
#maindescription table.system
{
    width: 630px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
}

#maindescription table.system td.header
{
    background-color: #ff7817;
    border: 1px solid black;
    color: White;
    font-family: ＭＳ Ｐゴシック;
    font-weight: bold;
    text-align: center;
}

#maindescription table.system th
{
    padding-left: 10px;
    border: 1px solid black;
    color: #e17100;
    text-align: left;
}

#maindescription table.system td
{
    padding: 5px 5px 5px 10px;
    border: 1px solid black;
    text-align: left;
}

/* PatPro 主な機能テーブル */
#maindescription table.omonakinou
{
    width: 380px;
    margin-left: auto;
    margin-right: auto;
}

#maindescription table.omonakinou td.header
{
    font-size: 14px;
    font-family: HG丸ｺﾞｼｯｸM-PRO;
    font-weight: bold;
    text-align: center;
}

#maindescription table.omonakinou th
{
    padding: 0px 15px 10px 40px;
    color: #e17100;
    text-align: left;
}

/* PatPro 機能説明ヘッダーテーブル */
#maindescription table.kinouheader
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#maindescription table.kinouheader th
{
    width: 40%;
    padding: 2px 0px 2px 5px;
    background-color: #1572b7;
    color: #ffffff;
    text-align: left;
    font-size: 16px;
}

#maindescription table.kinouheader td
{
    height: 7px;
    background-color: #ffffff;
    text-align: right;
}

#maindescription table.kinouheader td.line
{
    height: 1px;
    background-color: #1572b7;
}

/*フッター
---------------------------------------------------------------------------*/
#footer {
    position: absolute;
    bottom: 0px;    
    clear: both;    /*横並びの解除*/
	height: 20px;
	padding-top: 2px;
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
	background-color: #1572b7;
}
#footer a {
	text-decoration: none;
	color: #ffffff;
}

/* モーダルウィンドウデザイン(制御は別途cssファイルで定義)
---------------------------------------------------------------------------*/
/* モーダルウィンドウコンテナ設定 */
.modal_window_container {
    position: relative;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

/* モーダルウィンドウヘッダー設定 */
.modal_window_header {
	font-size: 17px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
    clear: both;            /*横並びの解除*/
	margin: 0 0 5px 0;
	padding: 5px 0 2px 0;
	width: 100%;
	height: 25px;
	line-height: 25px;      /* vertical-alignを有効にするため設定 */
	overflow: hidden;
	background-color: #1572b7;
}

/* モーダルウィンドウフッター設定(常にモーダルウィンドウ下部に表示) */
.modal_window_footer {
    position: absolute;
    bottom: 20px;    
    clear: both;            /*横並びの解除*/
	height: 20px;
	padding-top: 2px;
	width: 100%;
	text-align: center;
	left: 0px;              /* IEバグ対策。古いIEだとposition使用時は、leftを指定する必要があるため */
}

/*その他(領域)
---------------------------------------------------------------------------*/
/* 空白行 */
.spacerow
{
    margin-bottom:10px;

}

/* コンテンツを縦横中央 */
.centercontents
{
    text-align: center;
    vertical-align: middle;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
 }

/* コンテンツを右寄 */
.rightcontents
{
    text-align: right;
    vertical-align: middle;
 }

/* コンテンツを左寄 */
.leftcontents
{
    text-align: left;
    vertical-align: middle;
 }

/* コンテンツを1文字文インデント */
.indentcontents
{
    margin-left: 12px;
}

/*その他(フォント)
---------------------------------------------------------------------------*/
/* 製品名を強調表示 */
.productlabel
{
    font-weight: bold;
    font-style: italic;
}
/* 製品名を強調表示 2*/
.productlabel2
{
    font-weight: bold;
    font-style: normal;
}

/* ピンク色で強調表示 */
.color1 {
	color: #FE00B2;
	font-weight: bold;
}

/* 赤色で表示 */
.fontred {
	color: Red;
}

/* 青色で表示 */
.fontblue {
	color: Blue;
}

/* リンク色で表示 */
.fontlink {
	color: #0000FF;
}

/* 強調表示 */
.fontbold 
{
	font-weight: bold;
}

/* 大きいフォント(タイトル) */
.titlefont
{
    font-size: 15px;
	font-weight: bold;
}

/* 小さいフォント */
.fontsmall
{
    font-size: 11px;
}

/*その他(イメージ)
---------------------------------------------------------------------------*/
/* HOMEボタンイメージ */
img#imghome
{
	width: 68px;
	height: 18px;
	border: 0;
}

/* TOPボタンイメージ */
img.imgtop
{
	width: 59px;
	height: 20px;
	border: 0;
}

/* 閉じるボタンイメージ */
img.imgclose
{
	width: 70px;
	height: 25px;
	border: 0;
}

/* ○飾りイメージ */
img.bullet
{
    width: 13px;
    height: 13px;
}

/*その他(その他)
---------------------------------------------------------------------------*/
/* 区切り線 */
.kugiriline
{
    height: 2px;
    background-color: #1572b7 ;
}

/* テーブル(中央寄せ) */
table.normalcenter
{
	border-collapse: collapse;
	border: solid 1px black ;
	margin-left: auto;
	margin-right: auto
}

table.normalcenter td
{
	border: solid 1px black ;
	text-align: left;
	padding: 5px 8px 5px 8px;
}