@charset "shift_jis";
/* **********************************************************************
 *
 *       Title:   NICOS - EC決済ソリューション ショッピングモール
 *       Updated: 2007.08.10
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 * **********************************************************************
 */


body {
       margin: 0;
       padding: 0;
       /*background: #ffffff;*/
       color: #333;
       font-family: ＭＳ Ｐゴシック, Arial, sans-serif;
       font-size: 90%;
       text-align: center;
       }

hr.hide { display: none; }
a:link { color: #0759A2; }
a:hover, a:active { color: #0759A2; text-decoration:none;}
a:visited { color: #0759A2; }

span.texts { font-family: ＭＳ Ｐゴシック, Arial, sans-serif; font-size: xx-small; line-height: 1.2; }
html>body span.texts { font-size: x-small; }

span.textn { font-family: ＭＳ Ｐゴシック, Arial, sans-serif; font-size: x-small; line-height: 1.3; }
html>body span.textn { font-size: small; }

span.textl { font-family: ＭＳ Ｐゴシック, Arial, sans-serif; font-size: small; line-height: 1.3; }
html>body span.textl { font-size: medium; }


form {
       margin: 0;
       padding: 0;
       }

form dt{
       font-size: x-small;
       font-weight: bold;
       line-height: 1.4;
       }
html>body form dt { font-size: small; }

form dd{
       margin: 0 0 5px 0;
       font-size: x-small;
       line-height: 1.4;
       }
html>body form dd { font-size: small; }

img {
       border: 0;
       }

.arrow {
       padding-left: 15px;
       background: url(../img/img_etc/arrow.gif) 0 0.3em no-repeat;
       font-family: ＭＳ Ｐゴシック, Arial, sans-serif;
       font-size: x-small;
       color: #333;
       }
html>body .arrow { font-size: small; }

textarea {
       margin: 0;
       padding: 0;
       font-family: ＭＳ Ｐゴシック, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.3;
       color: #666;
       background-color:#ffffff;
       border:1px solid #ccc;
       }
html>body textarea { font-size: small; }

.clear {
       width: 760px;
       margin: 0;
       padding: 0;
       clear: both;
       }


/* 全体のレイアウト設定 ###################### */

#wrapper {
       width: 640px;
       margin-left:auto;
       margin-right:auto;
       padding: 0;
     height: 144px;
}

#header {
       float: left;
       width: 640px;
       padding: 0px 0px 8px 0px;
       margin: 0px 0px 12px 0px;
       background: url(../img/img_etc/line01.jpg) no-repeat bottom;
       }

#main {
       float: left;
       text-align: left;
       padding: 0px 10px 0px 10px;
       width: 620px;
       /*\*/
       /*_width: 640px;*/
       /**/
       }
#footerLine {
       clear: both;
       width: 640px;
       margin: 0px 0px 0px 0px;
       height: 24px;
       background: url(../img/img_etc/ECGKT_EtcMalLine.gif) no-repeat;
       background-position: top center;
       }

/* header部分のスタイル設定 ###################### */

#header h1 {
       float: left;
       margin: 12px 0px 0px 12px;
       padding: 0px 0px 8px 0px;
       text-align: left;
       font-family: ＭＳ Ｐゴシック, Arial, sans-serif;
       font-size: 16px;
       line-height: 1.3;
       color: #fff;
       font-weight: normal;
       }

#logo {
       float: right;
       margin: 0px 0px 0px 0px;
       padding: 0 10px 9px 0;
       text-align: right;
       }


/* main部分設定 ###################################  */
.flow {
       width: 620px;
       clear:both;
       margin-bottom: 8px;
       text-align: center;
       }


/* ボタン用ブロック */
.blockBt {
       clear:both;
       margin-top: 8px;
       margin-bottom: 8px;
       }

/* 業務領域に表示されるメッセージ用のブロック */
.blockMessageForBusinessField {
       clear:both;
       margin-top: 25px;
       margin-bottom: 8px;
       _margin-top: 23px;
       }

/* データのひと纏まりを定義（例：郵便番号と都道府県〜番地で住所情報をひと纏まりとして表示する場合） */
.block {
       clear:both;
       margin-bottom: 8px;
       }

.block h3 {
       margin: 0px 0px 8px 0px;
       padding: 0 0 2px 0;
       font-family: ＭＳ Ｐゴシック, Arial, sans-serif;
       font-size: 14px;
       font-weight: bold;
       color: #333;
       border-bottom:1px solid #999;
       }

.h3-span {
       font-family: ＭＳ Ｐゴシック, Arial, sans-serif;
       font-size: 14px;
       font-weight: bold;
       color: #333;
       }

.block p {
       margin: 0;
       padding: 0;
       font-family: ＭＳ Ｐゴシック, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.block p { font-size: small; }

.block ul, .block ol {
       margin: 0px 0px 0px 10px;
       padding: 5px 0px 5px 10px;
       font-family: ＭＳ Ｐゴシック, Arial, sans-serif;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block ul, div.block ol { font-size: small; }

/* メッセージ領域 */
.guidanceMessage {
       background-color: #ffffff;
       color: #000000;
}

.warningMessage {
       background-color: #ffffff;
       color: #ffad3a;
}

.errorMessage {
       background-color: #ffffff;
       color: #ff0000;
}

.attention {
       width: 604px;
       margin: 0px 0px 0px 0px;
       padding: 10px 7px 10px 7px;
       background: #f6f6f6;
       border: 1px dotted #ccc;
       /*\*/
       _width: 620px;
       /**/
       }

.pay_select_area {
       width: 604px;
       margin: 0px 0px 0px 0px;
       padding: 8px 7px 8px 7px;
       border: 1px solid #ccc;
       /*\*/
       _width: 620px;
       /**/
       }

/*++++++++++++++++++++++ MARGIN SET++++++++++++++++++++++*/
.list001 { margin-top: 1px;}
.list002 { margin-top: 2px;}
.list003 { margin-top: 3px;}
.list004 { margin-top: 4px;}
.list01 { margin-top: 5px;}
.list006 { margin-top: 6px;}
.list007 { margin-top: 7px;}
.list008 { margin-top: 8px;}
.list009 { margin-top: 9px;}
.list02 { margin-top: 10px;}
.list011 { margin-top: 11px;}
.list012 { margin-top: 12px;}
.list013 { margin-top: 13px;}
.list014 { margin-top: 14px;}
.list03 { margin-top: 15px;}
.list04 { margin-top: 20px;}
.list05 { margin-top: 25px;}
.list06 { margin-top: 30px;}
.list07 { margin-top: 35px;}
.list08 { margin-top: 40px;}
.list09 { margin-top: 45px;}
.list10 { margin-top: 50px;}

/* テキストエリア内の文字サイズ調整（WindowsのIE以外に適用） */
html>body textarea {
       font-size: small;
}

span.headerLeft {
  width: 24px;
  margin: 0 3px 0 0;
  text-align: left;
  display: inline-block;
}

span.headerRight {
  width: 22px;
  margin: 0 2px 0 10px;
  text-align: left;
  display: inline-block;
}