/* 
    Document   : custom.css
    Created on : 2009/12/22, 17:57:34
    Author     : yhata
    Description:
        Purpose of the stylesheet follows.
*/

/* 汎用*/
.charWhite{
    color: #fff;
}

.charRed{
    color: #f00;
}

/* 入力モード(IE5 more, firefox3) */
.imeActive{
   ime-mode: active; 
}

.imeDisabled{
    ime-mode: disabled;
}

/* 外部リンク用 */
.outLink{
    background: url(../images/icon_blank.gif) no-repeat 100% 25%;
    padding-right: 16px;
}

/*ボタン表示領域*/
#customAreaButton{
    list-style: none;
    padding: 0 8px 10px 8px;
}

#customAreaButton li.columnA{
    float:left;
}

#customAreaButton li.columnB{
    float:right;
}

#customAreaButton .button{
    font-size: 14px;
    padding: 3px 10px;
}

.customButton{
    font-size: 14px;
    padding: 3px 10px;
}

/* エラー出力用 */
.errorOutput{
    margin-left: 5px;
    color: red;
    font-weight: bold;
}

/* topのブランク用div */
div.blankContents{
    height: 162px;
    width: 165px;
}

/* 入力補助表示label */
.updnWatermark {color: #999;font-family: monospace;font-size: 2ex;padding: 2px;}

/*住所入力内のdiv*/
div.addressArea{margin: 0 0 1ex 0;}

/*ダイアログ系*/
div.jqmDialog .jqmCloseBtn { padding: 4px; margin: 10px 30px; background: #000; color: #FFF; border: 1px solid #AAA; }
div.jqmDialog { /* contains + positions the alert window */
    display: none;
    position: fixed;
    top: 17%;
    width: 100%;
    text-align: center;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmDialogWindow {
    height:auto;
    width: 400px;
    margin: auto;
    padding: 0 10px 10px;
    background:#FFF;
    border:1px solid #FFF;
}

.jqmDialogTitle{
    margin:5px 2px;
    height:20px;
    color:#000;
    background:#FFF;
}
.jqmDialogTitle h1{
    margin:5px 2px;
    padding-left:5px;
    padding:0;
    font-size:14px;
    text-transform:capitalize;
    letter-spacing:-1px;
    font-weight:bold;
    color:#000;

    float:left;
    height:20px;
}

div.jqmDialog .jqmClose em{display:none;}
div.jqmDialog .jqmClose {
    width:20px;
    height:20px;
    display:block;
    float:right;
    clear:right;
    background:transparent url(../images/close_icon_double.png) 0 0 no-repeat;
}

div.jqmDialog a.jqmClose:hover{ background-position: 0 -20px; }

div.jqmWindowContent{
    color:#000;
    /*font:11px/14pt arial;*/
    padding:5px 20px 5px;
    margin:5px;
    border:1px dotted #111;
    letter-spacing:0px;
    background:#FFF url(../images/darkgrid.png);
}
div.jqmWindowMsg{
    text-align: left;
    color: #800;
    font-weight: bold;
    margin-bottom: 20px;
}

/* ファイルアップロード関連 */
table.photoSet1 div.noPic{
    height: 210px;
}

/*エラーページ*/
div.errorReport{
    width: 100%;
    height: 500px;
    text-align: center;
    color: red;
    font-weight: bold;
    position: relative;
}

div.errorLink{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 10px;
}

/* 写真関連 */
div.customPhotoAreaWrap{
    width: 100%;
    margin: 0 -10px 0 0;
    overflow: hidden;
    border: solid 1px #ccc;
    _zoom: 1;
}

div.customPhotoAreaWrap .photoArea{
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 14px;
    /*height: 250px;*/
}

div.customPhotoAreaWrap .photoArea li{
    float: left;
    width: 230px;
    height: 235px !important;
    border: solid 1px #ccc;
    margin: 8px 8px 0 0;
    padding: 3px 0 3px 0;
    text-align: center;
}

div.customPhotoAreaWrap .photoArea li p{
    margin: 5px 0 0 5px;
}

div.customPhotoAreaWrap .photoArea li img{
    border:solid 1px #EAE6E3;
    padding:1px;
    /*width: 190px;*/
}

div.customPhotoAreaWrap .photoArea input{
    margin-bottom: 5px;
}

div.customPhotoAreaWrap .customPhotoAdd{
    margin-bottom: 10px;
}