﻿/* filter要素の警告：CSS3からの機能であるため、CSS2のエディタでは警告が出る。*/
/* 動作上問題は無いが、IE5以前のブラウザは動作対象外であるため注意           */

/*------------------------------------------------------------*/
/*                                                            */
/* 共通レイアウト部定義                                       */
/*                                                            */
/*------------------------------------------------------------*/

html,body{  
    height:98%;     /* 全ブラウザに適用 */
    height:99%\9;     /* IE8以下に適用 */
	padding:0 1% 0 0;
}  
div#container{  
    width:98%;
    margin:0 2% 0 2%;
    position:relative;  
    min-height:100%;
}

div#container_modal{  
    width:94%;
    margin:0 4% 0 2%;
    position:relative;  
    min-height:99%; 
}

* html div#container{
    height:100%;
}  
* html div#container_codal{
    height:100%;
}  
div#main{  
    padding-bottom:35px;
}
div#mainLogin{  
    padding-bottom:75px;
}

.topLogo
{	
    float:left;
    clear:both;
    margin:1% 0 0 1%;
    width:98%;
	height:50px;
	vertical-align:middle;
	border-bottom:4px solid #006d84
}

.topLogo_modal
{	
    float:left;
    clear:both;
    margin:1% 0 0 1%;
    width:96%;
	height:45px;
	vertical-align:middle;
	border-bottom:4px solid #006d84;
}

.topLogo_popup
{	
    margin:1% 0 0 0;
    width:100%;
	height:50px;
	vertical-align:middle;
	border-bottom:4px solid #006d84
}


.leftTitleImage
{   
    width:422px;
    height:32px;
    float:left;
    background-color:White;
}

.leftTitleImage_e
{   
    width:449px;
    height:32px;
    float:left;
    background-color:White;
}

.rightLogoImage
{
    width:128px;
    float:right;
    background-color:White;
}
        
.commonHeader 
{
    width:100%;
	height:1px;
	background-color: #006d84;
}

.GaihiCommonHeader 
{
    width:100%;
	height:20px;
	background-color: #0080a0;
	margin-top:10px;
}

p.headertitle 
{
    width:auto;
    font-size:12pt;
    font-style:normal;
    font-weight:bold;
    color:#FFFFFF;
    margin: 0.25% 0 0.25% 0.5%;
}

.commonFooter 
{
    position:absolute;
    margin:0 1% 0 1%;
    bottom:0;
    width:98%;
}

/* テーブル要素タグ形式 */
table.generalBlock
{
    width:48%;
}

td.label { 
          font-weight:normal;
          font-size:10pt;
          width:auto;
          height:24px;
		  padding-right:5px;
          }
td.label-small { 
          font-weight:normal;
          font-size:8pt;
          width:70px;
          height:24px;
          }
td.label-middle { 
          font-weight:normal;
          font-size:10pt;
          width:100px;
          height:24px;
          }
td.label-large { 
          font-weight:normal;
          font-size:10pt;
          width:200px;
          height:24px;
          }
td.label_center { 
          font-weight:normal;
          font-size:10pt;
          width:auto;
          height:24px;
          text-align:center;
          }


table.changePassword
{
	margin:0 0 0 20%;
}

div.searchNotes
{
    text-align:right;
    font-size:9pt;
    font-style:normal;
    font-weight:normal;
    margin:0px 0 2px 0%;
    color:#696969;
}

div.searchExample
{
    font-size:9pt;
    font-style:normal;
    font-weight:normal;
    margin:0px 0 2px 0%;
    color:#696969;
    width:100%;
}

table.editFormTable { 
    width:100%;
}
table.editFormTable td.textbox 
{ 
    font-size:10px;
    width:100%;
    height:33px;
}

table.editFormTable td.textbox input
{   
    width:93%;
    padding:0 1.5% 0 1.5%;
}


td.edit-small
{
    width:auto;
    font-size:10pt;
}         
      
td.edit-small input
{    
    width:50px;
}

td.edit-small_ex
{
    width:auto;
    font-size:10pt;
}         
      
td.edit-small_ex input
{    
    width:70px;
}

td.edit-small_ex2
{
    width:auto;
    font-size:10pt;
}         
      
td.edit-small_ex2 input
{    
    width:100px;
}

td.edit-middle
{
    width:auto;
    font-size:10pt;
}          
    
td.edit-middle input
{
    width:130px;
}

td.edit-middle input.migi-soroe
{
	width:138px;
}

td.edit-middle input::-ms-clear
{
	visibility:hidden;
}
td.edit-middle input.migi-soroe::-ms-clear
{
	visibility:hidden;
}

td.edit-middle_ex
{
    width:auto;
    font-size:10pt;
}          
    
td.edit-middle_ex input
{
    width:150px;
}

td.edit-middle_ex2
{
    width:auto;
    font-size:10pt;
}          
    
td.edit-middle_ex2 input
{
    width:220px;
}

td.edit-middle_ex3
{
    width:auto;
    font-size:10pt;
}          
    
td.edit-middle_ex3 input
{
    width:210px;
}

td.edit-large
{
    width:auto;
    font-size:10pt;
}          
            
td.edit-large input
{
    width:300px;
}
td.edit-large input::-ms-clear
{
	visibility:hidden;
}

td.edit-large_ex
{
    width:auto;
    font-size:10pt;
}          
            
td.edit-large_ex input
{
    width:580px;
}

td.edit-large_ex2
{
    width:auto;
    font-size:10pt;
}          
            
td.edit-large_ex2 input
{
    width:350px;
}

td.edit-ex_large
{
    width:auto;
    font-size:10pt;
}          
            
td.edit-ex_large input
{
    width:700px;
}


/* Pタグ形式 */
p.topformtitle { font-size:10pt;
                 padding:5px 0 5px 5px;
                 font-style:normal;
                 font-weight:bolder;
                 background-color:#0080a0;
                 color:#FFFFFF;      
                 margin:0;                                              
                       }
                       
p.cartformtitle { font-size:11pt;
                  width: 100%;
                  font-style:normal;
                  font-weight:bolder;
                  background-color:#0080a0;
                  color:#FFFFFF;
                  padding:5px 0 5px 5px;
                  margin:0 2.5% 0.5% 0;
                  width:100%;
                  border:1px solid #aaa;
                       }

p.formtitle { font-size:11pt;
              font-style:normal;
              font-weight:bolder;
              background-color:#0080a0;
              color:#FFFFFF;                                                    
                       }
                       
p.linkfont { font-size:9pt;
             font-style:normal;
             color:#0080a0;
             margin:7px 0 0 3%;
                      }

p.label { margin: 1% 0 0 3%;
          font-weight:bolder;
          font-size:10pt; }
p.editor {
    margin: 1% 0 0 3%;
    font-size:10pt;
}

p.button a
{
	margin:30pt 10pt 0 10pt;
	text-decoration: none;
}

p.reset-pasword-button {
    margin: 3% 0 0 30%;
    font-size:10pt;
    width:auto; 
}

p.reset-pasword-button  button{
    width:80px;
    height:35px;
    font-size:0.9em;
}

p.headerlabel
{
    width:auto;
    float:right;
    clear:both;
    font-size:9pt;
    color:#000099;
    margin:6px 2.5% 3px 0%;     /* IE9 */
    margin:4px 2.5% 3px 0%\0/;     /* IE8 */
    *+margin:2px 2.5% 5px 0%;    /* IE7 */
    text-align:right;
}

div.headerlabel
{
    width:auto;
    font-size:9pt;
    color:#000099;
    margin:6px 2.5% 3px 0%;     /* IE9 */
    margin:4px 2.5% 3px 0%\0/;     /* IE8 */
    *+margin:2px 2.5% 5px 0%;    /* IE7 */
    text-align:right;
}

div.headerLeftLabel
{
    font-size:9pt;
    margin-top:6px;
    margin-left:1.5%;
    width:auto;
    clear:both; 
    float:left;
    text-align:left;
}
div.headerRightLabel
{
    font-size:9pt;
    margin-top:6px;
    margin-right:0.5%;
    width:750px;
    float:right;
    text-align:right;
}

p.siteSeal
{
    position:absolute;    
    width: 97.5%;
	height:auto;
	text-align: right;
	font-size:9pt;
	margin: 0 2.5% 0 0;
	bottom:35px;
}

p.footerlabel
{
    position:absolute;    
    width: 97.5%;
	height:auto;
	text-align: right;
	font-size:9pt;
	margin: 0 2.5% 0 0;
	bottom:20px;
}

p.copyright
{
    position:absolute;
    width: 98%;
	height:auto;
	text-align: right;
	font-size:9pt;
	margin: 1px 1.5% 0 0;
	font-weight:bold;
	bottom:8px;
}

p.completeMessage
{
    font-size:14pt;
    font-weight:bolder;
    margin:2% 0 0 2.5%;
}

p.backlink
{
    font-size:14pt;
    font-weight:bolder;
    margin:2% 0 0 2.5%;
}

.txaDefault
{
    resize:none;
    overflow:auto;
}

.btn_img
{
    margin-top:0px;
}

a.entrylink
{
    font-size:0.9em;
    margin:0 0 3px 0;
    display: inline-block; 
    _display: inline;
}

.errorMsg 
{
    font-size:10pt;
	padding:1em 1em 1em 1em;
	margin:0 0 1em 0;
    color:#ff0000;
	width:30%;
	background-color:#FFD9E3;
}
          
/* トップページ注記 */
div.noteBlock
{
    float:right;
    width:39%;
    height:10px;
    margin:1px 0 0 1px;
    padding:0;
    text-align:right;
}

div.noteBlock p.note
{
    font-size:9pt;
    font-style:normal;
    font-weight:normal;
    margin:0 3% 0 0;
    color:#5F5F5F;
}
          
/* トップページ画像 */
.imageList
{
    float:right;
    /* width:25%; */
    height:auto;
    margin:5% 1% 0 0;
    padding:0 0 0 0;
}

/*------------------------------------------------------------*/
/*                                                            */
/* 共通メッセージ定義                                         */
/* (バリデーション、システムエラーなど)                       */
/*                                                            */
/*------------------------------------------------------------*/
.field-validation-error 
{
    font-weight:bold;
    font-size:10pt;
    color:#ff0000;
}

.field-validation-valid {
    display:none;
}

.input-validation-error {
    border:1px solid #ff0000;
    background-color:#ffeeee;
}

.validation-summary-errors {
    font-weight:bold;
    font-size:10pt;
    color: #ff0000;
    margin:0 0 1px 1px;
}

.validation-summary-valid {
    display: none;
}

/*------------------------------------------------------------*/
/*                                                            */
/* ログイン画面レイアウト定義                                 */
/*                                                            */
/*------------------------------------------------------------*/
div.titleLogo {
    text-align:left;
    margin:0;
    padding-top:25px;
}

div.loginForm {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 4px 0;
    margin: 1.5% 0 0 0;
}

div.logRegBox {
    width: 476px;
    background: url(../img/bg_log_top.gif) no-repeat;
    padding: 0 0 36px 0;
    text-align: left;
}
.clearfix {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

div.logRegBox h3 {
    background: url(../img/icon_blueborder03.png) no-repeat 0px 0px;
    margin: 0 0 12px 0;
    padding: 2px 0 0 10px;
    font-weight: bold;
    background-color:#CCCCCC;
}

div.logRegBox dl {
    width: 460px;
    font-size: 82%;
    margin: 0 0 7px 11px;
}
ul, dl, ol {
    list-style-type: none;
    list-style-position: outside;
}

div.logRegBox dl dt {
    width: 100px;
    float: left;
    font-weight: bold;
}

div.logRegBox dl dd {
    width: 300px;
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* ユーザー登録済みの方 */
div.logRegBox div.login {
    width: 476px;
    float: left;
    height: 310px;
}

div.logRegBox p.ssl {
    font-size: 82%;
    margin: 0 0 0 150px;
}

div.logRegBox p.btn {
    text-align: center;
    line-height: 100%;
    margin: 15px 0 15px 0;
}

div.logRegBox ul.log {
    margin: 0 0 0 11px;
}

div.logRegBox ul.log li {
    display: inline;
    background: url(../img/icon_arrow_blue01.png) no-repeat 0px 2px;
    padding: 0 0 0 10px;
    font-size: 82%;
    margin: 0 15px 0 0;
}


/* はじめての方 */
div.logRegBox div.reg {
    margin-top: 22px;
    height: 310px;
    width: 476px;
    float: right;
}

div.logRegBox p.txt {
    font-size: 82%;
    margin: 0 0 3px 11px;
    line-height: 160%;
}

div.logRegBox ul.link {
    font-size: 82%;
    margin: 0 0 0 11px;
}
div.logRegBox ul.link2 {
    font-size: 82%;
    margin: 0 0 0 112px;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}


div.logRegBox ul.link li a {
    background: url(../img/icon_arrow_blue01.png) no-repeat 0px 2px;
    padding: 0 0 0 10px;
}

div.btn
{
    overflow: hidden;
	margin: 10pt 0;
}
div.btn ul
{
	float:left;
	position:relative;
	left:50%;
}
div.btn ul li
{
	float:left;
	position:relative;
	left:-50%;
}

.systemMessageForm
{   
    display: inline-block;
    clear:both;
    width:60%;
    min-width:465px;
    margin:1.5% 2% 0 1%;
    background-color:#ededed;
}
.systemMessageFrame
{
    overflow:auto;
    width:95%;
    font-size:100%;
    text-align:left;
    padding:0 20px;
}

div.topmesssagetitle {
    font-size :100%;
    font-style:normal;
    font-weight:bolder;
    padding:5px 0 5px 5px;
    line-height: 160%;
    text-align:center;
}

p.systemmessage {
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    line-height: 160%;
}

td.loginColumnlabel 
{ 
    font-size:10pt;
    font-weight:bolder;
    width:100px;
    height:30px;
    padding-left:10px;
}

td.loginNoteColumnlabel 
{ 
    font-size:10pt;
    width:150px;
}

/*------------------------------------------------------------*/
/*                                                            */
/* 利用規約画面レイアウト定義                                 */
/*                                                            */
/*------------------------------------------------------------*/
.agreementForm
{   
    width:90%;      /* 全てのブラウザに適用 */
    width:100%\9;    /* IE8以下に適用 */
    overflow:auto;
    height:500px;
    margin: 1.5% 1.5% 0 0;  
    word-break:break-all;
}

p.agreementlabel
{
    background-color:#0080a0;
    width:40%;
    font-size:11pt;
    font-weight:bold;
    color:#FFFFFF;
    margin:2.5% 0 0 50%;
}
p.agreementbutton
{
    margin:2.5% 0 0 65.5%;
    font-size:11pt;
    width:auto;
}
p.agreementbutton button   
{
    width:80px;
    font-size:11pt;
}


/*------------------------------------------------------------*/
/*                                                            */
/* 新規ユーザ登録画面／ユーザ情報変更画面レイアウト定義       */
/*                                                            */
/*------------------------------------------------------------*/
.registerForm
{   
    float:left;
    width:80%;
    clear:both;     
    margin:0.5% 0 2.5% 1%;    
}

span.requiredMessage
{
    color:Red;
    font-weight:bold;
}

span.requiredMessageForE
{
    color:Red;
    font-weight:bold;
    font-size:1.5em;
    position:absolute;
    margin-right:5px;
}

td.exampleMessage
{
    color:#696969;
    font-size:10px;
    font-weight:normal;
}

.editForm
{   
    width:92%;
    float:left;
    clear:both;    
    margin:0 2.5% 0 1%;
}

.editLeftForm
{   
    width:48.5%;
    clear:both; 
    float:left;
    margin:0 1.5% 0 0;
}

.editRightForm
{
    width:48.5%;
    float:left;
}

td.registerInfoHeader
{
    border:1px solid #FFFFFF;
    font-size:10pt;
    font-style:normal;
    font-weight:bolder;
    background-color:#0080a0;
    color:#FFFFFF;
    padding:5px 5px 5px 5px;
    text-align:center;
}

td.editInfoHeader
{
    border:1px solid #FFFFFF;
    font-size:10pt;
    font-style:normal;
    font-weight:bolder;
    background-color:#0080a0;
    color:#FFFFFF;
    padding:3px 3px 3px 3px;
    text-align:center;
    width:30%;
}

.editTitle
{
    width:100%;
    font-size :11pt;
    font-style:normal;
    font-weight:bolder;
    background-color :#0080a0;
    color:#FFFFFF;
    margin:1.5% 2.5% 0.5% 1%;
    padding:5px 0 5px 5px;
}

.editNotice
{
    color:Blue;
}

/*------------------------------------------------------------*/
/*                                                            */
/* メニュー(検索)画面レイアウト定義                           */
/*                                                            */
/*------------------------------------------------------------*/

p.searchtitle  
{
    width:100%;
    font-size :11pt;
    font-style:normal;
    font-weight:bolder;
    background-color:#CCCCCC;
    color:#FFFFFF;
    margin:1% 1% 0 0;
    padding:5px 0 5px 5px;
}

div.searchtitle  
{
    width:350px;
    font-size :11pt;
    font-style:normal;
    font-weight:bolder;
    background-color:#0080a0;
    color:#FFFFFF;
    margin:1% 2.5% 0 0;
    padding:5px 0 5px 5px;
    display: inline-block; 
    _display: inline;
}

div.titleBlock
{
    margin-bottom:1%;
}

p.SiteSearchTitle  
{
    width:100%;
    font-size :11pt;
    font-style:normal;
    font-weight:bolder;
    background-color :#0080a0;
    color:#FFFFFF;
    margin:0 2.5% 0 0;
    padding:5px 0 5px 0;
}

p.resulttitle  
{
    width:100%;
    font-size :11pt;
    font-style:normal;
    font-weight:bolder;
    background-color :#CCCCCC;
    color:#FFFFFF;
    margin:0 1% 0 0;
    padding:5px 0 5px 0;
}
div.categorylinkfont { font-size:10pt;
                     font-style:normal;
                     color:#0080a0;
                     padding:2px;
}
div.targetcategorylinkfont { font-size:10pt;
                     font-style:normal;
                     color:#0080a0;
                     background-color:#ECFBFF;
                     padding:2px;
}
p.noresultfont
{
    font-size:10pt;
    font-style:normal;
    margin:1.5% 0 0 1%;
    height:150px;
}
    
.searchForm
{   
    width:auto;    
    margin:2% 0 0 2.5%;
}

.searchbutton
{
   width:100%;
   text-align:center;
   margin-top:8px;
   margin-bottom:5px;
}

.adminsearchbutton
{
  height:25px;
   width:100%;
   text-align:center;
   margin-top:3px;
   margin-bottom:3px;
}
.adminsearchbutton button
{
    height:25px;
    font-size:1em;
}

.resultForm
{   
    width:auto;
    margin:5% 0 0 2.5%;    
}

/* テーブル要素タグ形式 */
td.columnlabel 
{ 
    font-weight:bolder;
    font-size:10pt;
    text-align:center;
    width:200px;
    height:25px;
    background-color:#0080a0;
    color:#FFFFFF;
}

td.indexColumnlabel 
{ 
    font-weight:bolder;
    font-size:10pt;
    text-align:center;
    width:20px;
    height:25px;
    background-color:#0080a0;
    color:#FFFFFF;
}

td.thinColumnlabel 
{ 
    font-weight:bolder;
    font-size:10pt;
    text-align:center;
    width:30px;
    height:25px;
    background-color:#0080a0;
    color:#FFFFFF;
}

td.thinExColumnlabel 
{ 
    font-weight:bolder;
    font-size:10pt;
    text-align:center;
    width:50px;
    height:25px;
    background-color:#0080a0;
    color:#FFFFFF;
}

td.smallColumnlabel 
{ 
    font-weight:bolder;
    font-size:10pt;
    text-align:center;
    width:80px;
    height:25px;
    background-color:#0080a0;
    color:#FFFFFF;
}

td.smallExColumnlabel 
{ 
    font-weight:bolder;
    font-size:10pt;
    text-align:center;
    width:120px;
    height:25px;
    background-color:#0080a0;
    color:#FFFFFF;
}

td.middleColumnlabel 
{ 
    font-weight:bolder;
    font-size:10pt;
    text-align:center;
    width:160px;
    height:25px;
    background-color:#0080a0;
    color:#FFFFFF;
}

td.middleExColumnlabel 
{ 
    font-weight:bolder;
    font-size:10pt;
    text-align:center;
    width:200px;
    height:25px;
    background-color:#0080a0;
    color:#FFFFFF;
}

td.largeColumnlabel 
{ 
    font-weight:bolder;
    font-size:10pt;
    text-align:center;
    width:250px;
    height:25px;
    background-color:#0080a0;
    color:#FFFFFF;
}

td.largeExColumnlabel 
{ 
    font-weight:bolder;
    font-size:10pt;
    text-align:center;
    width:400px;
    height:25px;
    background-color:#0080a0;
    color:#FFFFFF;
}

td.autoColumnlabel 
{ 
    font-weight:bolder;
    font-size:10pt;
    text-align:center;
    width:auto;
    height:25px;
    background-color:#0080a0;
    color:#FFFFFF;
}

.listCreateBtn
{
    float:right;
    margin-top:3px;
    margin-right:3%;
}

div.compButton  
{
    width:auto;
    float:left;
}

div.compLabel  
{
    font-size:10pt;
    margin-top:10px;
    width:50px;
    float:left;
}

div.compCombo  
{
    margin-top:8px;
    margin-right:3%;
    float:left;
}

div.compComment  
{
    float:left;
}

.confirmForm
{   
    width:auto;
    text-align:center;
    margin:10% 0 0 0;    
}

/*------------------------------------------------------------*/
/*                                                            */
/* 共通エラー画面レイアウト定義                               */
/*                                                            */
/*------------------------------------------------------------*/
.p.errortitle
{
    font-size:10pt;
    font-weight:bolder;
    margin:0.5% 0 0 0.5%;
}

/*------------------------------------------------------------*/
/*                                                            */
/* 互換表示　デザイン崩れ回避対応                             */
/* (検索結果画面用)                                           */
/*                                                            */
/*------------------------------------------------------------*/
.main_alt
{
	width:100%;
	height:480px;
}

.searchForm_alt
{   
    width:auto;   
    margin:1% 0 0 1%;
}

.importForm
{   
    width:auto;   
    margin:1% 0 0 0;
}

.resultForm_alt
{   
    width:auto;
    margin:3% 0 0 1%;  
    clear:both;  
}

tr.span
{
	height:2em;
}

a.close
{
    font-size:10px;
}

div.SearchAndResult
{
    float:left;
    clear:both;
    margin:1% 0 0 1%;
    width:96%;
}

div.label-padding
{
	margin:10px 0 10px 25px;
}

.searchForm_left
{   
    width:35%;
    float:left;
}
.searchForm_left_large
{   
    width:43%;
    float:left;
}

.searchBox
{
    height:100%;
    overflow:auto;
    margin:0 0 3px 0;
    padding:0 1px 0 0;
    font-size:10pt;
    border:1px solid #0080a0;
}

.middleClassBox
{
    height:100%;
    overflow:auto;
    font-size:10pt;
    border:1px solid #0080a0;
}

.resultForm_right
{   
    width:58%;
    margin:0;
    float:right;
}

.resultBox
{
    height:100%;
    overflow:auto;
    font-size:10pt;
    border:1px solid #0080a0;
}

.resultColorRow
{
    padding:1.5px;
    background-color:#ECFBFF;
}

.resultRow
{
    padding:1.5px;
}

.float_clear
{   
    clear:both;
    margin: 0 0 0 0;
}

.emptyBox
{
    background-color:#FFFFFF;
    width:auto;
    height:330px;
}

.emptyBox_search
{
    background-color:#FFFFFF;
    width:auto;
    height:150px;
    font-size:10pt;
}

.emptyBox_result
{
    background-color:#FFFFFF;
    width:auto;
    height:150px;
    font-size:10pt;
}

.gaihisearchbutton
{
   width:35%;
   text-align:center;
   margin-top:3px;
   margin-bottom:3px;
   float:left;
}

.gaihisearchbutton button
{
    font-size:12px;
    padding:3px 12px;
}

.gaihipopupbutton
{
   width:35%;
   text-align:center;
   margin-top:3px;
   margin-bottom:3px;
   float:left;
}

.gaihipopupbutton button
{
    font-size:12px;
    padding:8px 12px;
}


p.button_img button   
{
    font-size:12px;
    padding:8px 12px;
}

.listCreateBtn button   
{
    font-size:12px;
    padding:8px 12px;
}

div.notice
{
    width:60%;
    font-size:11pt;
    border:1px solid #0080a0;
    margin-top:50px;
    padding:2px;
}

.titleBanner {
    margin-left:11px;
}

.passwordNotice
{
    color:Red;
    font-weight:bold;
    text-align:left;
    margin:180px 0 0 220px;
}

/*------------------------------------------------------------*/
/*                                                            */
/* 依頼書・台帳画面レイアウト定義                             */
/*                                                            */
/*------------------------------------------------------------*/
.itemtitle  
{
	border-left:7px solid #0697C7;
    width:98%;
    font-size :11pt;
    font-style:normal;
    font-weight:bolder;
    background-color :#CCCCCC;
    color:#000000;
    margin:0 2.5% 0 0;
    padding:5px 0 5px 10px;
}

.registForm_left
{   
    border:1px solid #0080a0;
    margin:0;
    float:left;
}

.registForm_right
{   
    border:1px solid #0080a0;
    margin:0;
    float:right;
}

.registIssue
{
    width:70%;
}

.registSpecified
{
    width:29%;
}

.registAddress
{
    width:49%;
}

.registOther
{
    width:100%;
}

.registRightForm
{
    width:100%;
    float:right;
}

.registTableForm
{   
    width:auto;
    margin:2% 0 1.5% 0;    
}

table.listTable
{
	border-collapse:collapse;
}

table.listTable th
{
	border:3px solid #CCCCCC;	/* 枠線 */
	height:2em;
	background-color:#A4DCF6; 
	padding:0 0.5em;
}
table.listTable td
{
	border:3px solid #CCCCCC;	/* 枠線 */
	height:2em;
	padding:0 0.5em;
}

label.miniLabel
{
	font-size:13px;
}
label.miniRedLabel
{
	font-size:13px;
	color:#FF0040;
}
label.redLabelUnder
{
	font-weight:bold;
	color:#FF0040;
	text-decoration:underline;
}
img
{
	border:none;
}

div.button ul
{
	float:left;
    position:relative;
    left:50%;
}
div.button ul li
{
	list-style-type:none;
	margin: 40pt 20pt 10pt 20pt;
	float:left;
	position:relative;
	left:-50%;
}

input::-ms-clear
{
	visibility:hidden;
}
input::-ms-reveal {
    visibility:hidden;
}

td.issue_action 
{
    width:235px;
}

div.issue_agreement 
{
    border:1px solid #CCCCCC;
    padding:5px;
    line-height:22px;
    margin-top:7px;
    height:70px;
}

span.notice-mark
{
    font-size:16.5pt;
    line-height:100%;
    font-weight:bold;
}
span.notice-title
{
    font-size:12pt;
    line-height:100%;
}

div.address-left-box
{
    float:left;
}

div.address-right-box
{
    float:left;
}

div.float-clear
{
    clear:both;
}

table.input-address
{
    width:490px;
}

table.input-address td.input-label
{
    width:160px;
}

hr.dot-line {
    border: none;
    border-top: dashed 1px #000000;
    height: 1px;
    color: #000000;
}

hr.line-left
{
    float:left;
    width:2%;
}

hr.line-right
{
    float:left;
    width:80%;
}

span.mail-address-title
{
    float:left;
    color: #000000;
    font-size:10pt;
    font-weight:bold;
}

span.mail-address-notice
{
     font-size:10pt;
     margin-left:3px;
}

div.address-notice 
{
    border:1px solid #CCCCCC;
    padding:8px;
    line-height:145%;
    margin-top:7px;
    margin-left:10px;
    font-size:11pt;
}

/* オフィシャルサイトへのリンク(ログインページ) */
p.officialLink
{
    position:absolute;    
	height:20px;
	text-align: left;
	font-size:9pt;
	margin: 1px 1.5% 5px 0;
	bottom:18px;
	left:1%;
}
p.officialLink a {
    font-weight:bolder;
    padding-top:9px;
    vertical-align:middle;
}
p.login_siteSeal 
{
    position:absolute;    
	text-align: right;
	font-size:9pt;
	margin: 1px 1.5% 5px 0;
	bottom:18px;
	right:5px;
}

div.resultForm_alt ul.link li {
display: inline;
background: url(../img/icon_arrow_blue01.png) no-repeat 0px 2px;
padding: 0 0 0 10px;
font-size: 82%;
margin: 0 15px 0 0;
}

.rotation180 {
  -moz-transform:matrix(-1, 0, 0, -1, 0, 0);
  -webkit-transform:matrix(-1, 0, 0, -1, 0, 0);
  -o-transform:matrix(-1, 0, 0, -1, 0, 0);
  transform:matrix(-1, 0, 0, -1, 0, 0);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.btn-border-blue {
  border-color:#0081a1;
  border-width:3px;
}

.btn-border-blue:hover {
  border-color:#0081a1;
  border-width:3px;
}

.btn-border-blue.disabled {
  border-color:#ccc;
  border-width:3px;
}

.btn-border-blue.disabled:hover {
  border-color:#ccc;
  border-width:3px;
}

/* 申込完了ページのメッセージ */
td.complete-web-request-message
{
    font-size:20px;
}