/*
 * 機能名     : MeMORA 画面調整用CSS
 * バージョン : 1.00
 * 作者       : AVC Developer
 * ライセンス : Panasonic Corporation 2011.
 */

/*-------------------------------------------------------------*
 * 共通 : フッター調整
 *-------------------------------------------------------------*/
html, body {
    height              : 100%;
    margin              : 0;
    padding             : 0;
    text-align          : center;

}

/*-------------------------------------------------------------*
 * 共通 : ボディ部
 *-------------------------------------------------------------*/
body {
    font-family         : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size           : 14px;
}

/*-------------------------------------------------------------*
 * 共通 : コンテナ
 *-------------------------------------------------------------*/
#container {  
    min-height          : 100%;       
    height              : auto !important;
    height              : 100%;           
    position            : relative;
    width               : 100%;
    margin              : 0 auto;
    background          : url("../../../img/pc/merver110915/parts/me_top/bg_body.jpg") repeat-y scroll center top #FFE7BC;
}

/*-------------------------------------------------------------*
 * 共通 : スクリーン
 *-------------------------------------------------------------*/
#screen {  
    width               : 100%;
    margin              : 0 auto;
    text-align          : left;
    padding-bottom      : 0px;

} 

/*-------------------------------------------------------------*
 * 共通 : リンクアンダーライン解除
 *-------------------------------------------------------------*/
a:link {
    text-decoration     : none;
}

/*-------------------------------------------------------------*
 * 共通 : イメージ枠解除
 *-------------------------------------------------------------*/
img {
    border-style        : none;
}

/*-------------------------------------------------------------*
 * 共通 : ヘッダー
 *-------------------------------------------------------------*/
#header {
    left                : 0px;
    height              : 94px;
    overflow            : hidden;
    background          : url(../../../img/pc/merver110915/parts/index_login_before_plusi/bg_wrap.png) repeat-x 0% 0%;
    background-repeat   : repeat-x;
    background-position : 0 0;
    width               : 100%;
    margin              : 0px auto;
    padding             : 0 0 30px 0;
}
#headTitle {
    margin              : 0px auto;
    width               : 870px;
}

/*-------------------------------------------------------------*
 * 共通 : フッター
 *-------------------------------------------------------------*/
#footer {  
    height              : 40px;
    width               : 100%;
    position            : absolute;
    bottom              : 0;
    margin              : 0 auto;
    background          : #E4E4E4 url(../../../img/pc/merver110915/parts/top/bg_footer.jpg) repeat-x 0% 0%;
}  

#footerInner {
    position            : relative;
    margin              : 0px auto;
    width               : 600px;
    /top                : 12px;
}

#footerCopyright {
    text-align          : center;
    font-size           : 12px;
}

/*-------------------------------------------------------------*
 * 共通 : ガイドライン
 *-------------------------------------------------------------*/
#guidehelpWrap {
    text-align          : center;
    width               : 100%;
}

/*-------------------------------------------------------------*
 * 共通 : ボタン設定
 *-------------------------------------------------------------*/
.closeButton {
    background          : url("../../../img/pc/merver110915/parts/me_common/btn_close.png") no-repeat scroll 0 0 transparent;
    height              : 36px;
    width               : 86px;
    cursor              : pointer;
    margin              : 0 auto;
    display             : block;
}
.closeButton a span {
    display             : none;
}
.closeButton:hover {
    background-position : left bottom;
}

/*-------------------------------------------------------------*
 * お知らせタイトル
 *-------------------------------------------------------------*/
.oshiraseSubtitle {
    border-bottom       : 2px solid #97BBD8;
    color               : gray;
    font-size           : 1.8em;
    font-weight         : bold;
    margin              : auto;
    padding             : 30px 0px 0 0;
    width               : 600px;
}

/*-------------------------------------------------------------*
 * お知らせメッセージ
 *-------------------------------------------------------------*/
.oshiraseMessage {
    padding             : 30px 0 0 0;
    width               : 600px;
    text-align          : left;
    margin              : 0px auto;
    line-height         : 12px;
}
.oshiraseMessage2 {
    padding             : 30px 0 0 0;
    width               : 600px;
    text-align          : left;
    margin              : 0px auto;
    line-height         : 18px;
}

/*-------------------------------------------------------------*
 * ポイントメッセージ
 *-------------------------------------------------------------*/
.pointHigh {
    color               : red;

}
.pointNormal {
    color               : blue;

}
.pointLow {
    color               : green;

}

/*-------------------------------------------------------------*
 * お知らせ日付
 *-------------------------------------------------------------*/
.oshiraseDate {
    width               : 600px;
    text-align          : right;
    margin              : 0px auto;
    font-size           : 16px;
}

/*-------------------------------------------------------------*
 * お知らせ表示エリア
 *-------------------------------------------------------------*/
.oshiraseArea{
    _padding            : 10px 0 0 0;
    width               : 600px;
    text-align          : left;
    margin              : 0px auto;
    line-height         : 18px;
}

/*-------------------------------------------------------------*
 * 特定商取引表示エリア(MeMORA)
 *-------------------------------------------------------------*/
.MeBisinessNotationHeader {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	color:#ffffff;
	background-color:#FF8C00;
	
}
.MeBisinessNotationHeader1 {
	padding:10px 0px 10px 25px;
	font-size:14pt;
	font-weight:bold;
	
}
.MeBsinessNotationTable {
	width            : 600px;
	border-collapse  : collapse;
	border           : 1px #1047AB solid;
	background-color : #ffffff;
	font-size        : 10pt;
	margin           : 10px auto 30px;
	text-align       : left;
}
.MeBisinessNotationbody1 {
	padding          : 1px 5px 1px 5px;
	text-align       : left;
	background-color : #FFDFB0;
	border           : 1px #ff4500 solid;
	
}
.MeBisinessNotationbody2 {
	padding:5px 5px 5px 5px;
	border:1px #ff4500 solid;
}
.MeBisinessNotationbody2 p {
	margin : 0px;
}
.MeBisinessNotationbody2 ul {
	padding     : 0px;
	margin      : 0px;
	margin-left : 1em;
    list-style  : none outside none;
}