@charset "UTF-8";

/*======================================
	アイコン用スタイルシート
======================================*/

/*--------------------------------------
	画像
	サイズ：縦16px、横16px
--------------------------------------*/

/**
 * アイコン表示エリア設定
 */
.sg-icons {
	margin   : 0;
	padding  : 0;
	position : relative;
}

/**
 * アイコン表示設定
 */
.sg-icon {
	display           : block;
	text-indent       : -99999px;
	overflow          : hidden;
	height            : 16px;
	width             : 16px;
	background-color  : #ccc;
	background-repeat : no-repeat;
}

/**
 * 左寄せアイコン一覧
 */
.sg-icon-list {
	float : left;
	position : relative;
}
.sg-icon-list .sg-icon {
	float  : left;
	margin : 2px;
}

/**
 * 中央寄せアイコン表示
 */
.sg-icon-display {
	text-align: center;
}
.sg-icon-display .sg-icon {
	margin: auto;
}


/* テキストメールアイコン */
.icon-text {
	background-image    : url(/img/icon/icons.gif);
	background-position : -0px 0px;
}

/* ＨＴＭＬメールアイコン */
.icon-html {
	background-image : url(/img/icon/icons.gif);
	background-position : -16px 0px;
}

/* 携帯アイコン */
.icon-mobile {
	background-image : url(/img/icon/icons.gif);
	background-position : -32px 0px;
}

/* パソコンアイコン */
.icon-pc {
	background-image : url(/img/icon/icons.gif);
	background-position : -48px 0px;
}

/* 携帯配信アイコン */
.icon-simple {
	background-image : url(/img/icon/icons.gif);
	background-position : -64px 0px;
}

/* ＣＳＶ配信アイコン */
.icon-csv {
	background-image : url(/img/icon/icons.gif);
	background-position : -80px 0px;
}

/* アンケートアイコン */
.icon-questionnaire {
	background-image : url(/img/icon/icons.gif);
	background-position : -96px 0px;
}

/* キャンペーンアイコン */
.icon-campaign {
	background-image : url(/img/icon/icons.gif);
	background-position : -112px 0px;
}

/* クーポンアイコン */
.icon-coupon {
	background-image : url(/img/icon/icons.gif);
	background-position : -128px 0px;
}

/* クリックカウントアイコン */
.icon-clickcount {
	background-image : url(/img/icon/icons.gif);
	background-position : -144px 0px;
}

/* 添付ファイルアイコン */
.icon-attachment {
	background-image    : url(/img/icon/icons.gif);
	background-position : -160px 0px;
}

/* 受信確認(Acknowledgment) */
.icon-ack {
	background-image    : url(/img/icon/icons.gif);
	background-position : -176px 0px;
}

/* twitter連携アイコン */
.icon-twitter {
	background-image    : url(/img/icon/icons.gif);
	background-position : -192px 0px;
}

/* facebool連携アイコン */
.icon-facebook {
	background-image    : url(/img/icon/icons.gif);
	background-position : -208px 0px;
}

/* FAX連携アイコン */
.icon-fax {
	background-image    : url(/img/icon/icons.gif);
	background-position : -224px 0px;
}

/* エリアメールアイコン */
.icon-areamail {
	background-image    : url(/img/icon/icons.gif);
	background-position : -240px 0px;
}

/* ポストモアイコン */
.icon-postomo {
	background-image    : url(/img/icon/icons.gif);
	background-position : -256px 0px;
}

/**
 * メール配信履歴一覧用(表示位置固定版)
 */
.mail-icon-list {
	position : relative;
	padding  : 0;
	margin   : 0 2px;
	height   : 18px;
}
.mail-icon-list .sg-icon {
	position : absolute;
	top      : 0px;
}
.mail-icon-list .icon-text { left : 0px; }
.mail-icon-list .icon-html { left : 20px; }
.mail-icon-list .icon-mobile { left : 40px; }
.mail-icon-list .icon-pc { left : 60px; }
.mail-icon-list .icon-simple { left : 80px; }
.mail-icon-list .icon-csv { left : 100px; }
.mail-icon-list .icon-questionnaire { left : 120px; }
.mail-icon-list .icon-campaign { left : 140px; }
.mail-icon-list .icon-coupon { left : 160px; }
.mail-icon-list .icon-clickcount { left : 180px; }
.mail-icon-list .icon-attachment { left : 200px; }


/*--------------------------------------
	その他アイコン
--------------------------------------*/
div.general-icons {
	text-align        : center;
	padding           : 2px;
}
/* 矢印 */
span.arrow {
	display           : block;
	text-indent       : -99999px;
	overflow          : hidden;
	height            : 32px;
	width             : 24px;
	margin            : 2px auto;
	background-image  : url(/img/icon/arrow.gif);
}


/*--------------------------------------
	Twitter
--------------------------------------*/
a.sign-in-twitter {
	display: block;
	background-image: url("/img/social/sign-in-with-twitter-off.png");
	background-repeat: no-repeat;
	width: 151px;
	height: 24px;
}
a.sign-in-twitter:hover {
	display: block;
	background-image: url("/img/social/sign-in-with-twitter-on.png");
	background-repeat: no-repeat;
	width: 151px;
	height: 24px;
}

/*--------------------------------------
	スマホメール配信ドラッグアイコン
--------------------------------------*/
div.parts-icon.text {
	background-repeat: no-repeat;
	background-image: url("/img/sp/text.png");
}
div.parts-icon.image {
	background-repeat: no-repeat;
	background-image: url("/img/sp/image.png");
}
div.parts-icon.body-parts-collection {
	background-repeat: no-repeat;
	background-image: url("/img/sp/collection.png");
}