@charset "utf-8";

.hidden {
    display: none;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

/* テキストエリア風ボックス */
div.scrollable_body {
    margin:5px 0;
    border:none;
    overflow-y: scroll;
    text-align:left;
}

/* メッセージ */
div.message{
    border : 4px solid;
    margin-bottom : 10px;
}

div.message p{
    padding : 5px;
    font-size : 120%;
    font-weight : bold;
}

p.message_title img{
    vertical-align : middle;
}


div.message_error{
    border-color : #FF5432;
}

div.message_error ul{
    margin : 0px 20px 5px;
    list-style-type : disc;
    list-style-position : inside;
}

div.message_success{
    border-color : #36AD1E;
}

div.message_success ul{
    margin : 0px 20px 5px;
    list-style-type : disc;
    list-style-position : inside;
}

div.message_alert{
    border-color : #FF5432;
}

/* 2010.03.27 emi 必要？ */
div.message_alert p{
    padding : 2px;
    font-size : 110%;
    font-weight : bold;
}

/* 2010.03.27 emi div.message ulでまとめられないか？ */
div.message_alert ul{
    margin : 0px 20px 5px;
    list-style-type : disc;
    list-style-position : inside;
}

/* 画像 */
img{
    vertical-align : middle;
}

/* 注意メッセージ */
.alert{
    color : #DD1133;
}

/* 無効機能メッセージ */
.message_disabled{
    color : #3C3C3C;
}

/* 補足メッセージ */
.explanation {
    color: #006400;
}


div.attention{
    font-size : 95%;
    padding : 3px 0px;
}

/* ボタン */
button{
    margin : 1px;
    padding : 2px 4px;
    border : 2px outline #A9A9A9;
    background-color : #E9E9E9;
    font-weight : bold;
    font-size : 95%;
    color : #404040;
    vertical-align:middle;
    overflow: visible;
}

button img{
    vertical-align : middle;
}

button.line {
    width: 166px;
    height: 36px;
    border: none;
    background-image: none;
    background-color: #00b900;
    color: #ffffff;
}

button.map {
    width: 166px;
    height: 36px;
    border: none;
    background-image: none;
    background-color: #4682b4;
    color:#ffff00 !important;
}

/* 入力フォーム */
input{
    ime-mode: active;
}

input.ridge_code{
    width:20px;
    ime-mode: inactive;
}
input.rs_code{
    width:40px;
    ime-mode: inactive;
}
input.rs_type_code{
    width:30px;
    ime-mode: inactive;
}

input.global_checkbox {
    width: auto;
    border: none;
}

input.imeOff{
    ime-mode: inactive;
}

/* 2010/03/24 masuda append: */
/* テキストエリア */
textarea{
    ime-mode: active;
}

/* 2010/03/03 ayako append: */
/* global.cssおよびmain.cssに記述してあった文字の色を変更するcssを全てcommon.cssに記述. */

/* text */
a:link{ color:#333333; text-decoration:underline; }
a:link.blue{ color:#0000ff; text-decoration:underline;}
a:link.gray{ color:#A0A0A4; text-decoration:underline;}
a:link.red{ color:#E50F49; text-decoration:underline;}

a:visited{ color:#333333; text-decoration:underline; }
a:visited.blue{ color:#0000ff; text-decoration:underline;}
a:visited.gray{ color:#A0A0A4; text-decoration:underline;}
a:visited.red{ color:#E50F49; text-decoration:underline;}

a:hover{ color:#CC0000; text-decoration:underline; }
a:hover.blue{ color:#CC0000; text-decoration:underline; }
a:hover.gray{ color:#CC0000; text-decoration:underline; }
a:hover.red{ color:#CC0000; text-decoration:underline; }

a:active{ color:#CC0000; text-decoration:underline; }
a:active.blue{ color:#CC0000; text-decoration:underline; }
a:active.gray{ color:#CC0000; text-decoration:underline; }
a:active.red{ color:#CC0000; text-decoration:underline; }


/* 2010.05.13 emi append.
 * URL表示用.
 * 適用要素のwidthは絶対値で指定すること.(break-wordが反映されない)
 */
.url{
    word-wrap: break-word;
    overflow: auto; /* IE対策 */
    margin: 0 !important;
}

/* 操作説明ブロック */
div.manual {
    font-size: 95%;
    margin: 10px 0px 5px;
    padding: 5px;
    border: #c3c3c3 solid 1px;
    background-color: #FFFAE5;
    line-height: 120%;
}

div.manual img{
    margin: 2px;
    vertical-align: middle;
}

div.manual p.manual_title {
    margin: 0px 0px 5px;
    font-weight: bold;
}

div.manual p.manual_outline {
    margin: 5px 0px;
    font-weight: bold;
}

div.manual ul.manual_list {
    margin: 10px 0px;
    padding-left: 10px;
}

div.manual ul.manual_list {
    list-style: circle inside;
}

div.manual p.manual_example {
    margin: 5px 0px;

}

ul.floatList li {
    float: left;
    margin-right: 15px;
}

/* 住まいの基本情報 図面数表示域 */
span.buildBasicInfoPoint {
    display: inline-block;
    width: 28px;
    padding-right: 2px;
    text-align:right;
}

/* 工程写真関連 */
.processPictureRegistrationRequestMailAddresses {
    list-style: decimal inside;
}
.processPictureRegistrationRequestMailAddresses > li {
    margin-left: 5px;
}
.processPictureRegistrationRequestMailAddress {
    max-width: 50em;
}

/* ホーム画面に追加する方法 */
ol.addToHomeScreenManual {
    margin: 20px 0;
}

ol.addToHomeScreenManual li {
    list-style-position: inside;
    text-align: left;
}