/* 各画面で共通して使われる部品のCSSを定義 */

/*------------------------------------------------------------ ページ見出し */
/* ページ見出し */
.page_midashi {
    position:relative;
    width: 100%;
    height: 74px;
    background-image: url('../img/img_title.png');
    background-repeat:no-repeat;
}

/* ページ見出し 絵  */
.page_midashi_title_img {
    position:absolute;
    left:40px;
    top:16px;
    width: 52px;
    height: 43px;
    
}

/* ページ見出し タイトル */
.page_midashi_title {
    position:absolute;
    left:100px;
    top:28px;
    font-size:25px;
    font-weight:bold;
}

/*------------------------------------------------------------ 見出し(吹き出し、旗付き）2 */
/* 見出し上パディング設定 */
.midashi_padding {
    padding-top:30px; /* 背景がストライブのコンテンツ部分の最上部は30pxの余白があるので開けておく。変えたい場合はそれぞれのリソースで!important */
}
    /* 見出し 枠 */
    .midashi_f {
        position:relative;
        width: 1152px;
        height: 60px;
    }

        /* 見出し 絵(背景）  */
        .midashi_f_background_img {
            width: 1042px;
            height: 60px;
        }

        /* 見出し 絵(前）  */
        .midashi_f_left_img {
            position:absolute;
            left:20px;
            bottom:22px;
            width: 202px;
            height: 95px;
    
        }

        /* 見出し 絵(後）  */
        .midashi_f_right_img {
            position:absolute;
            right:60px;
            top:6px;
            width: 73px;
            height: 44px;
    
        }

        /* 見出し タイトル */
        .midashi_f_title {
            position:absolute;
            left:180px;
            top:25px;
            font-size:25px;
            font-weight:bold;
            color:white;
        }

/*------------------------------------------------------------ 見出し2 */
/* 見出し上パディング設定 */
.midashi_padding {
    padding-top:30px; /* 背景がストライブのコンテンツ部分の最上部は30pxの余白があるので開けておく。変えたい場合はそれぞれのリソースで!important */
}

    /* 見出し */
    .midashi {
        position:relative;
        width: 1152px;
        height: 60px;
    }

        /* 見出し 絵(背景）  */
        .midashi_background_img {
            width: 1042px;
            height: 60px;
        }

        /* 見出し タイトル */
        .midashi_title {
            position:absolute;
            left:73px;
            top:23px;
            font-size:25px;
            font-weight:bold;
            color:white;
        }

/*------------------------------------------------------------ 見出し_typeB(use:利用規約、動作環境、個人情報保護方針、特定商取引法) */
/* 見出し上パディング設定 */
.midashi_padding_typeB {
    padding-top:20px; /* 背景がストライブのコンテンツ部分の最上部は30pxの余白があるので開けておく。変えたい場合はそれぞれのリソースで!important */
}

    /* 見出し */
    .midashi_typeB {
        position:relative;
        width: 1038px;
        /*height: 42px;*/
    }

        /* 見出し 絵(背景）  */
        .midashi_background_img_typeB {
            width: 998px;
            height: 42px;
        }

        /* 見出し タイトル */
        .midashi_title_typeB {
            position:absolute;
            left:35px;
            top:14px;
            font-size:23px;
            font-weight:bold;
            color:white;
        }


/*------------------------------------------------------------ 見出しsmall */
/* 見出し上パディング設定 */
.midashi_s_padding {
    width: 100%; /* これを描く親要素の幅に依存 */
}

    /* 見出し */
    .midashi_s {
        position:relative;
        width: 100%;
        height: 48px;
    }

        /* 見出し 絵(背景）  */
        .midashi_s_background_img {
            width: 810px;
            height: 48px;
        }

        /* 見出し タイトル */
        .midashi_s_title {
            position:absolute;
            left:16px;
            top:16px;
            font-size:25px;
            font-weight:bold;
            color:white;
        }

/*------------------------------------------------------------ 見出しsmall_small */
/* 見出し上パディング設定 */
.midashi_s_s_padding {
    width: 100%; /* これを描く親要素の幅に依存 */
    margin-bottom:20px;
}

    /* 見出し */
    .midashi_s_s {
        position:relative;
        width: 100%;
        height: 40px;
    }

        /* 見出し 絵(背景）  */
        .midashi_s_s_background_img {
            width: 770px;
            height: 40px;
        }

        /* 見出し タイトル */
        .midashi_s_s_title {
            position:absolute;
            left:30px;
            top:12px;
            font-size:20px;
            font-weight:bold;
            color:#663F2C;
        }

        /* 見出し 絵(後）  */
        .midashi_s_s_right_img {
            position:absolute;
            right:25px;
            top:6px;
            width: 54px;
            height: 33px;
    
        }


/*------------------------------------------------------------ コンテンツ白背景 */
/* メインコンテンツ内のコンテンツ白背景 （下端2辺角丸）*/
.contents_background {
    width: 1042px; /* momcloud_midashiの茶色の幅 */

    background-color:white;
    margin-left:auto;
    margin-right:auto;
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
}

/* メインコンテンツ内のコンテンツ白背景 （下端2辺角丸）（小さい見出し用）*/
.contents_background_s {
    width: 810px; /* momcloud_midashiの茶色の幅 */

    background-color:white;
    margin-left:auto;
    margin-right:auto;
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
}

/* メインコンテンツ内のコンテンツ白背景 （端四辺角丸）*/
.contents_background_full_radius {
    width: 1042px; /* momcloud_midashiの茶色の幅 */

    background-color:white;
    margin-left:auto;
    margin-right:auto;
    border-top-left-radius:7px;
    border-top-right-radius:7px;
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
}

/*------------------------------------------------------------ マージン部品 */
/* マージン部品（高さ：30px） */
.margin16 {
    height:16px;
    padding:0px;
    margin:0px;
}

/* マージン部品（高さ：30px） */
.margin30 {
    height:30px;
    padding:0px;
    margin:0px;
}

/* マージン部品（高さ：50px） */
.margin50 {
    height:50px;
    padding:0px;
    margin:0px;
}

/*------------------------------------------------------------ エラーラベル部品 */
.error_label {
    font-size:16px;
    /*font-weight:bold;*/
    color:red;
}

/*------------------------------------------------------------ 汎用ボタン部品(shape) */
.org_btn{
    color: white;
    font-size:25px;
    font-weight:bold;
    border-radius:7px;
    border: 1px solid #DDD;
    background-color:#FF8000;
    cursor: pointer;
    outline:none;
}

.org_btn:hover {
	opacity: 0.6; /* IE以外*/
	filter: alpha(opacity=60); /*IE*/
    cursor: pointer;
    outline:none;
}