@charset "utf-8";

/*
 * 機能名     : DiMORA 画面調整用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/dmrver110915/parts/top/bg_body.jpg") repeat-y scroll center top #CCCCCC;
}

/*-------------------------------------------------------------*
 * 共通 : スクリーン
 *-------------------------------------------------------------*/
#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/dmrver110915/parts/top/bg_wrap.jpg") 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/dmrver110915/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;
}

#guideFooterInner{
    position            : relative;
    margin              : 0px auto;
    width               : 600px;
    height              : 40px;
    line-height         : 40px;
}

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

/*-------------------------------------------------------------*
 * 共通 : ボタン設定
 *-------------------------------------------------------------*/
.closeButton {
/*    background          : url("../../../img/pc/dmrver110915/parts/common/btn_close.png") no-repeat scroll 0 0 transparent;
    height              : 36px;
    width               : 86px;
    cursor              : pointer;
    margin              : 0 auto;
    display             : block;*/
}
.closeButton a {
    background          : url("../../../img/pc/dmrver110915/parts/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;
	visibility          : hidden;
	overflow            : hidden;
}
.closeButton a: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;
}
.digaEstablishmentBar {
	margin:0pt 0pt 0pt 0pt;
	padding:0px 6px 0pt 10px;
	background:transparent url('../../../img/pc/dmrver110915/parts/guide_help/intro2_flow_bg.gif') no-repeat scroll 0% 0%;
	width:620px;
	height:34px;
	font-size:13px;
	color:rgb(255, 255, 255);
	font-weight:bold;

}
/*-------------------------------------------------------------*
 * 特定商取引表示エリア(DiMORA)
 *-------------------------------------------------------------*/
.BisinessNotationHeader{
	width:600px;
	margin-left:auto;
	margin-right:auto;
/*	padding:10px 0px 10px 0px;*/
	color:#ffffff;
	background-color:#1048AD;
	
}
.BisinessNotationHeader1{
	padding:10px 0px 10px 25px;
	font-size:14pt;
	font-weight:bold;
	
}
.BsinessNotationTable{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	border:1px #1047AB solid;
	background-color:#ffffff;
	font-size:10pt;
	
}
.BisinessNotationbody0{
	padding:2px 0px 2px 5px;
	text-align:left;
	color:#ffffff;
	font-weight:bold;
	background-color:#1047AB;
}

.BisinessNotationbody1{
	padding:1px 5px 1px 5px;
	text-align:left;
	background-color:#DBEBFE;
	border:1px #1047AB solid;
	
}
.BisinessNotationbody2{
	padding:5px 5px 5px 5px;
	border:1px #1047AB solid;
	
}

/*-------------------------------------------------------------*
 * お知らせ用table設定
 *-------------------------------------------------------------*/
table.oshiraseTable {
    width            : 100%;
    border-top       : 1px solid #999;
    border-left      : 1px solid #999;
    border-collapse  : collapse;
    border-spacing   : 0;
    background-color : #ffffff;
    empty-cells      : show;
}

.oshiraseTable th {
    border-right        : 1px solid #999;
    border-bottom       : 1px solid #999;
    color               : #666;
    background-color    : #E6E6E6;
    background-position : left top;
    padding             : 0.3em 1em;
    text-align          : left;
}

.oshiraseTable td {
    border-right  : 1px solid #999;
    border-bottom : 1px solid #999;
    padding       : 0.3em 1em;
}

.oshiraseTable td.customTdLeft {
    border-right   : 0px solid #999;
    border-bottom  : 1px solid #999;
    padding        : 0.3em 1em;
    vertical-align : top;
}

.oshiraseTable td.customTdRight {
    border-right   : 1px solid #999;
    border-bottom  : 1px solid #999;
    padding        : 0.3em 1em  0.3em 0em;
    vertical-align : top;
}

/*-------------------------------------------------------------*
 * アイコン説明エリア
 *-------------------------------------------------------------*/
.iconArea {
    background-color : #FFFFFF;
    border           : 2px solid #97bbd8;
    font-size        : 100%;
    height           : 20px;
    display          : block;
    line-height      : 1.2em;
    padding          : 10px 10px  50px 10px;
    /padding          : 10px 10px  30px 10px;

    text-align       : left;
    width            : 645px;
    margin           : 0px 100px 20px;
}
.iconArea2 {
    background-color : #FFFFFF;
    border           : 2px solid #97bbd8;
    font-size        : 100%;
    display          : block;
    line-height      : 1.2em;
    padding          : 10px 10px  30px 10px;
    /padding          : 10px 10px  30px 10px;
    text-align       : left;
    width            : 645px;
    margin           : 0px 100px 20px;
}
.iconDataArea {
    margin-left      : 40px;
    float            : left;
    width            : 100px;
}
.iconMessage{
    padding           : 30px 0 0 0;
    width             : 660px;
    text-align        : left;
    margin            : 0px auto;
    line-height       : 12px;
}
.iconDataDownArea{
    margin-top        :-15px;
}
.iconDataArea2 {
     width             : 160px;
}
.iconData4{
    width             :155px;
}