@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

File name:      mod_information.css
Update:         2021/07
Author:         H.I
Style Info:     お知らせ枠共通設定
----------------------------------------------------------- */
/* CSS Document */


/* shop-managerInfoArea
------------------------------------------- */
#shop-managerInfoArea {
	margin-bottom: 15px;
	width:650px;
	background: url("../image/shop/common/bg_handwrite_frame_body.gif") no-repeat;
	line-height: 1.5em;
}

/*--- 削除 （'Meiryo UI','MS PGothic'）---*/
#shop-managerInfoArea p{
    font-family:  'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka',  arial, helvetica, 'sans-serif';
}


#shop-managerInfoArea .bottom {
	width:650px;
	height: 12px;
	overflow: hidden; /* IE6 */
	background: url("../image/shop/common/bg_handwrite_frame_bottom.gif") no-repeat;
}

#shop-managerInfoArea img {
	vertical-align: bottom;
	line-height: 1;
}

#shop-managerInfoArea h4 {
	margin: 0 17px 7px 17px;
	padding: 13px 0 8px 0;
	background: url("../image/shop/common/bg_handwrite_line.gif") bottom left repeat-x;
}

#shop-managerInfoArea .date {  
	position: relative;
}


#shop-managerInfoArea .date span { 
	display:block;
	position: absolute;
	top: -32px;
	right: 20px;
	color: #999;
	font-size: 11px;
	font-weight: bold;
}

#shop-managerInfoArea .date span a:link,
#shop-managerInfoArea .date span a:visited {
	color: #c18d26;
	text-decoration: none;
}

#shop-managerInfoArea .date span a:hover {
	color: #ebac2d;
	text-decoration: underline;
	
}

body#charge .nanaco{
  margin: 20px 0 0 0;
}

/*---追加　padding-bottom: 5px;---*/
#shop-managerInfoArea p {
    margin: 0 20px;
    color: #4D5156;
    background: url("/image/common/ico_list_info.gif") no-repeat 2px 7px;
    padding-left: 10px;
    padding-bottom: 5px;
}

#shop-managerInfoArea p strong {
	font-weight: bold;
	padding: 0 1px;
	color: #5F6368;
}

#shop-managerInfoArea p strong.red {
	color: #ca4d4e;
}

/*----追加（リンク用矢印アイコン）-----*/
#shop-managerInfoArea p a{
    background: url("/image/common/information/arrow_link.png") no-repeat; padding-left: 13px;}

#shop-managerInfoArea p a:link,
#shop-managerInfoArea p a:visited {
	color: #c18d26;
	text-decoration: underline;
}

#shop-managerInfoArea p a:hover {
	color: #ebac2d;
	text-decoration: underline;
}


/*--- 追加 （マーカーのカラーバリエーション）---*/
.m_green {border-bottom: dashed 1px #94C33A; color: #7da642; background:linear-gradient(transparent 60%, #ecffe6 0%);}
.m_pink {border-bottom: dashed 1px #d76eac; color: #d76eac; background:linear-gradient(transparent 60%, #ffe6ff 0%);}
.m_blue {border-bottom: dashed 1px #6796af; color: #6796af; background:linear-gradient(transparent 60%, #e6f9ff 0%);}


/*--- 追加 （文章内の矢印）---*/
#shop-managerInfoArea p .arrow {
    width: 8px;
    height: 9px;
    background: url("/image/common/information/arrow_gray.png") no-repeat;
    display: inline-block;
	margin: 0 2px;
}

#shop-managerInfoArea p .m_green .arrow {
    width: 8px;
    height: 9px;
    background: url("/image/common/information/arrow_green.png") no-repeat;
    display: inline-block;
	margin: 0 2px;
}

#shop-managerInfoArea p .m_pink .arrow {
    width: 8px;
    height: 9px;
    background: url("/image/common/information/arrow_pink.png") no-repeat;
    display: inline-block;
	margin: 0 2px;
}

#shop-managerInfoArea p .m_blue .arrow {
    width: 8px;
    height: 9px;
    background: url("/image/common/information/arrow_blue.png") no-repeat;
    display: inline-block;
	margin: 0 2px;
}


/*-------------重要なお知らせ枠--------------------*/
#urgentNotice p a{
    background: url("/image/common/information/arrow_link.png") no-repeat; padding-left: 13px;}

#urgentNotice p a:link,
#urgentNotice p a:visited {
	color: #c18d26;
	text-decoration: underline;
}

#urgentNotice p a:hover {
	color: #ebac2d;
	text-decoration: underline;
}

/*--- （文章内の矢印）---*/
#urgentNotice p .arrow {
    width: 8px;
    height: 9px;
    background: url("/image/common/information/arrow_gray.png") no-repeat;
    display: inline-block;
	margin: 0 2px;
}

#urgentNotice p .m_green .arrow {
    width: 8px;
    height: 9px;
    background: url("/image/common/information/arrow_green.png") no-repeat;
    display: inline-block;
	margin: 0 2px;
}

#urgentNotice p .m_pink .arrow {
    width: 8px;
    height: 9px;
    background: url("/image/common/information/arrow_pink.png") no-repeat;
    display: inline-block;
	margin: 0 2px;
}

#urgentNotice p .m_blue .arrow {
    width: 8px;
    height: 9px;
    background: url("/image/common/information/arrow_blue.png") no-repeat;
    display: inline-block;
	margin: 0 2px;
}