/* CSSコーディング規準 */
/*
・ショートハンドプロパティを使用する事を基本とする。（top right bottom left）
・サイズ指定は、emを使用することを基本とする。
*/

/*-- すべてのページで使用される共通スタイル --*/

body
{
    background-color: white;
    margin: 0px;
    text-align: center;
}

div#top-boarder
{
    background: #FFFFFF url( ../images/header_bg.gif ) repeat-x scroll 0 0;
    height: 25px;
}

div#view
{
    margin: 0px auto;
    width: 800px;
    text-align: left;
}

div#header
{
}

div#footer
{
}

div#contents
{
    line-height: 1.5em;
}

/* 上部の進捗表示バーについて */
/* この部分のサイズ指定は、基本的にpxを使用する。 */


/* ４項目の場合 */
div#progress4
{    
    width: 100%;
}

ul#progresslist4
{
    padding: 0px 0px 0px 0px;;
    margin: 0px 0px 0px 0px;;
}

li.progressnode4
{
    border-top: 2px solid #FF6600;
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: white;
    
    width: 198px; /* ４項目の場合 */
    _width: 200px; /* ４項目の場合 */ /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}

li.progressnodedone4
{
    border-top: 2px solid #FF6600;
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: #FFCC66;
    
    width: 198px; /* ４項目の場合 */
    _width: 200px; /* ４項目の場合 */ /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}

li.progresstailnode4
{
    border: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: white;
    
    width: 196px; /* ４項目の場合 */
    _width: 200px; /* ４項目の場合 */ /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}

li.progresstailnodedone4
{
    border: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: #FFCC66;
    
    width: 196px; /* ４項目の場合 */
    _width: 200px; /* ４項目の場合 */ /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}

p#progressbody4
{
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    border-right: 2px solid #FF6600;
    padding: 12px 0px 10px 0px;
    margin: 0px 0px 0px 0px;

    background-color: #FF9900;
    line-height: 2px;
    clear: left;
    text-indent:1em;
    font-weight: bold;
}

/* ５項目の場合 */
div#progress5
{    
    width: 100%;
}

ul#progresslist5
{
    padding: 0px 0px 0px 0px;;
    margin: 0px 0px 0px 0px;;
}

li.progressnode5
{
    border-top: 2px solid #FF6600;
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: white;
    
    width: 158px; /* ５項目の場合 */
    _width: 160px; /* ５項目の場合 */ /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}

li.progressnodedone5
{
    border-top: 2px solid #FF6600;
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: #FFCC66;
    
    width: 158px; /* ５項目の場合 */
    _width: 160px; /* ５項目の場合 */ /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}
li.progresstailnode5
{
    border: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: white;
    
    width: 156px;  /* ５項目の場合 */
    _width: 160px; /* ５項目の場合 */  /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}

li.progresstailnodedone5
{
    border: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: #FFCC66;
    
    width: 156px; /* ５項目の場合 */
    _width: 160px; /* ５項目の場合 */ /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}

p#progressbody5
{
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    border-right: 2px solid #FF6600;
    padding: 12px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #FF9900;
    line-height: 2px;
    clear: left;
    text-indent:1em;
    font-weight: bold;
}

/* ７項目の場合 */
div#progress7
{    
    width: 100%;
}

ul#progresslist7
{
    padding: 0px 0px 0px 0px;;
    margin: 0px 0px 0px 0px;;
}

li.progressnode7
{
    border-top: 2px solid #FF6600;
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: white;
    
    width: 112px; /* ７項目の場合 */
    _width: 114px; /* ７項目の場合 */ /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}

li.progressnodedone7
{
    border-top: 2px solid #FF6600;
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: #FFCC66;
    
    width: 112px; /* ７項目の場合 */
    _width: 114px; /* ７項目の場合 */ /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}
li.progresstailnode7
{
    border: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: white;
    
    width: 110px; /* ７項目の場合 */
    _width: 114px; /* ７項目の場合 */ /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}

li.progresstailnodedone7
{
    border: 2px solid #FF6600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
    background-color: #FFCC66;
    
    width: 110px; /* ７項目の場合 */
    _width: 114px; /* ７項目の場合 */ /* IEの場合 */
    line-height: 22px;
    text-align: center;
    display: block;
    float: left;
}

p#progressbody7
{
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    border-right: 2px solid #FF6600;
    padding: 12px 0px 10px 0px;
    margin: 0px 0px 0px 0px;

    background-color: #FF9900;
    line-height: 2px;
    clear: left;
    text-indent:1em;
    font-weight: bold;
    width: 794px; /* ７項目の場合 */
    _width: 798px; /* ７項目の場合 */
}

p#error_message
{
    background-color: #FFE4E1;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    margin: 1 0 1 0;
}

tr.error_message_title
{
    padding: 0.2em 0em 0.2em 0.5em;
    border: #ccc solid 2px;
    background: #FFE4E1;
}

tr.error_message
{
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    border: #ccc solid 2px;
}

ul.error_message
{
    color:red;
}

/* 上部進捗表示バーここまで */

/* フォーム関連について */

table
{
    width: 100%;
    border: 1px #ccc solid;
    border-collapse: collapse; 
}

caption
{
    text-align: left;
}

th
{
    background-color: silver;
}

td.formlabel
{
    white-space: nowrap;
    background-color: #CCFFFF;
    vertical-align: top;
    width: 27%;
    font-size: 0.95em;
}

td
{
    font-size: 0.95em;
    padding: 0.5em;
}

dl
{
    font-size: 0.95em;
    margin: 0 0 0 0;
}

dt
{
    font-size: 0.95em;
}

dl#mente_info_dl
{
    border: 3px solid #FF6600;
    background-color: #CCFFFF;
    margin: 2em 0em 2em 0em;
    /* padding: 1em 1em 1em 0.5em; */
}

dt#mente_info_dt
{
    color: red;
}

div.formblock
{
    margin-top: 0.5em;
    margin-left: 1em;
    margin-bottom: 0.5em;
}

p.submitbutton
{
    text-align: right;
}

p
{
    text-indent: 0;
}

label
{
    line-height: 16px;
}

label.CancelBold
{
    font-weight: normal;
}

fieldset#isagree
{
    text-align: center;
    width: 10em;
}

input.submitbutton
{
    border: 0;
    width: 190px;
    height: 30px;
    font-weight: bold;
    font-size: 1.1em;
    background: url( ../images/submitbutton.jpg ) repeat scroll center;
    border-style: solid;
    border-color:#99ccff #0099cc #0099cc #99ccff;
    border-width:1px;
}

input.generalbutton
{
    font-size: 0.9em;
}

input.pastebutton
{
    width: 10em;
    font-size: 0.9em;
}

input.correctbutton
{
    width: 3em;
    font-weight: bold;
    font-size: 0.9em;
}

div.correctright
{
    display: inline;
}

ul.inform
{
    margin: 0em 0em 0em 1em;
    border: 0em;
    padding: 0em;
    line-height: 1em;
    list-style: none;
}

ul.informwithdisc
{
    margin: 0em 0em 0em 2em;
    border: 0em;
    padding: 0em;
    line-height: 1em;
    list-style: disc;
    color: red;
}

/* フォーム関連ここまで */


/* 各要素について */
h1 
{
    font-weight: bold;
    font-size: 1.46em;
    padding: 0.5em 0em 0.5em 0em;
    background: url( ../images/h1.jpg ) repeat scroll center;
}
h2
{
    font-size: 1.04em;
    padding: 0.5em 0em 0.5em 0em;
}

p
{
    font-size :0.95em;
    text-indent: 0em;
    margin: 0.5em 1em;
    border: 0em;
    padding: 0em;    
}

p.center
{
    text-align: center;
}

strong
{
    color: red;
}

strong#MoushikomiNo
{
   font-size: 2em;
}

strong#CustomerID
{
   font-size: 2em;
}

em
{
    color: red;
    font-size: 0.8em;
    font-style: normal;
}

img#tslogo
{
    border: 0px;
}

li.general
{
    font-size: 0.8em;
    list-style-type: none;
    padding-left: 25px;
    background: url( ../images/itemization.gif ) left top no-repeat;
    background-position: 0% 0.6em;
}

div#UketukeKanouKikan
{
    border: 2px solid #FF6600;
    text-indent: 1em;
}

span.InputCondition
{
    font-size: 0.8em;
}

div.ImageOfGuidance
{
    margin-left: 1em 0em 1em 0em;
    text-align: center;
}

img.ImageOfGuidance
{
    margin-left: 1em 0em 1em 0em;
    border: 0px;
}

a.ButtonOfIndex
{
    display: block;
    width: 500px;
    height: 60px;
    line-height: 60px;
    background: #FFFFFF url( ../images/IndexButton.gif ) no-repeat;
    color: white;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

a:hover.ButtonOfIndex
{
    display: block;
    width: 500px;
    font-weight: bold;
    text-align: center;
    color: blue;
    text-decoration:underline;
    height: 60px;
    line-height: 60px;
    background: url(../images/IndexButton_hover.gif) no-repeat;
}

img
{
    border: 0px;
}

table.Application
{
    border: 0px;
    margin: 0em 2em 0em 2em;
}

col.Application
{
    width: 15em;
}

col.NumOfApplication
{
    /* 特に無し */
}

.FontLarge
{
    font-size: large;
}

.Red
{
    color: red;
}

/* 各要素ここまで */

/*-- 各トランザクションで専用に使用するスタイル --*/
p.puc
{
    margin: 0em;
    border: 1px dotted black;
    padding:0em;
    font-size: x-small;
    background-color: silver;
}


/* 入力フォームに関するスタイル */
.formGeneral
{
	background: #ffffff;
	border: 1px solid lightblue;
}

.formGeneralError
{
	background: #FFE4E1;
	border: 1px solid lightblue;
}

.General
{
	background: #ffffff;
}

.GeneralError
{
	background: #FFE4E1;
	border: 1px solid red;
}

/* 確認画面に関するスタイル */
td.vewtype
{
	background: #ffffcc;
}

strong.title
{
	color: #000000;
	font-size: large;
}