@charset "euc-jp";

/* ############################################################

	Last Up Date: 2009.09.17
	Author: Uco

############################################################ */


/*
【共通テンプレ】モジュール
【共通テンプレ】カードリスト表示
【001】トップページ
【002-004】ジャンルトップ
【003】携帯機能紹介
【005】壁紙ダウンロード
【006】カードリスト
【007】カード送信
【008】メッセージ画面
【009】お気に入り
【010】閲覧履歴
【011】受信BOX
【012】アドレス帳
【013】送信履歴
【014】カレンダー
【015】ランキング
【016】アーティスト一覧
【017】利用規約
【018】サイトマップ
【019】スペシャルカード
【020】特集
【021】占い
【022】ニュース
*/


/* ------------------------------------------------------------
【共通テンプレ】モジュール
------------------------------------------------------------ */
/* もっと読む（三角付） */
div#content p.moreArrow {
	text-align: right;
	clear: both;
}
div#content p.moreArrow a {
	padding-left: 10px;
	background: url(../img/common/icon_arrow_brue.gif) no-repeat 0 50%;
}
/* もっと読む */
div#content p.more {
	text-align: right;
	clear: both;
}
/* 『○○』へ戻る */
div#content p.back {
	margin-bottom: 15px;
	text-align: center;
}
/* ボタン */
div#content p.btn {
	margin-bottom: 15px!important;
	text-align: center;
}
div#content p.btn img {
	margin: 0 10px;
}
div#content p.btn input {
	min-width: 180px;
}
* html div#content p.btn input {
	width: 200px;
}
/* ステータス（確認） */
div#content p.statusConfirm {
	margin: 0 0 20px;
}
/* ステータス（超確認） */
div#content p.statusConfirmAlert {
	margin: 0 0 20px;
	text-align: center;
	font-weight: bold;
}
/* ステータス（完了） */
div#content p.statusDone {
	padding: 0 0 50px;
}

/* カードアイコン */
div#content a img.cardThumbnail {
	margin-bottom: 5px;
	border: 3px solid #E6E6E6;
}
div#content a:hover img.cardThumbnail {
	border: 3px solid #FBB999;
}

/* タイトル */
div#content h1.title {
	margin-bottom: 20px;
	background: url(../img/common/h1_bg_blue.gif) no-repeat;
	font-size: 115%;
}
div#content h1.title span {
	display: block;
	padding: 8px 25px 12px;
	background: url(../img/common/h1_bg_blue_r.gif) no-repeat right 0;
}

/* 利用規約・サイトマップタイトル */
div#content h1.manage {
	margin-bottom: 20px;
	background: url(../img/common/h1_bg_yellow.gif) no-repeat;
	font-size: 115%;
}
div#content h1.manage span {
	display: block;
	padding: 8px 25px 12px;
	background: url(../img/common/h1_bg_yellow_r.gif) no-repeat right 0;
}

/* アラートボックス */
div#content div.alart {
	width: 700px;
	margin: 0 auto 15px;
	padding: 10px 20px 10px 35px;
	border: 1px solid #CCCCCC;
	background: url(../img/common/icon_alert.gif) no-repeat 10px 10px;
}
div#content div.alart p {
	margin-bottom: 5px !important;
}
div#content div.alart ul {
	margin-left: 1em;
	color: #FF0000;
	font-weight: bold;
}

/* 注意書き */
div#content ul.notice {
	margin: 0 20px 15px;
}

/* ページング */
div#content div.pagerTop {
	padding: 3px 0;
	background: url(../img/common/pager_bg.gif) repeat-x 0 bottom;
}
div#content div.pager,
div#content div.pagerTop {
	margin-bottom: 25px;
	text-align: center;
}
div#content div.pagerBottom {
	padding-top:10px;
	*margin-top:10px;
	text-align: center;
}
div#content div.pager li,
div#content div.pagerTop li,
div#content div.pagerBottom li {
	display: inline;
}
div#content div.pager li span,
div#content div.pagerTop li span,
div#content div.pagerBottom li span {
	padding: 0 5px;
	font-weight: bold;
}
div#content div.pager li a,
div#content div.pagerTop li a,
div#content div.pagerBottom li a  {
	padding: 0 5px;
}
div#content div.pager p,
div#content div.pagerTop p,
div#content div.pagerBottom p {
	margin: -1em 20px 0 0 !important;
	text-align: right;
}
div#content div.pager p em,
div#content div.pagerTop p em,
div#content div.pagerBottom p em {
	font-weight: bold;
	font-style: normal;
}

/* リストテーブル */
div#content div.cardResult {
	width: 846px;
	margin-bottom: 15px;
	padding: 1px;
	border: 1px solid #dce9f0;
	border-collapse: separate;
	border-spacing: 0;
}
div#content div.cardResult table {
	width: 846px;
	border-left: 1px solid #b8d2e2;
	border-collapse: separate;
	border-spacing: 0;
}
div#content div.cardResult th {
	padding: 5px;
	text-align: center;
	border-right: 1px solid #FFFFFF;
	background: #c9ddea url(../img/common/cardresult_th_bg.gif) repeat-x;
}
div#content div.cardResult th.last {
	border-right: 1px solid #b8d2e2;
}
div#content div.cardResult td {
	padding: 5px;
	border-right: 1px solid #b8d2e2;
	border-bottom: 1px solid #b8d2e2;
	text-align: center;
}
div#content div.cardResult td.senderInfo,
div#content div.cardResult td.cardInfo {
	text-align: left;
}

/* 編集テーブル */
div#content table.mycontentsEdit {
	width: 850px;
	margin: 0 auto 20px;
	border: 1px #dce9f0 solid;
	border-spacing: 0;
}
div#content table.mycontentsEdit th {
	width: 200px;
	padding: 15px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #dae8ef;
	border-left: 1px solid #FFFFFF;
	background: #dce9f0 url(../img/calendar_manage/table_bg_s.gif) repeat-x 0 100%;
	font-weight: bold;
}
div#content table.mycontentsEdit th span {
	color: #FF0000;
	font-weight: normal;
}
div#content table.mycontentsEdit th.last {
	border-bottom: 1px solid #FFFFFF;
	background: #dce9f0 url(../img/calendar_manage/table_bg_l.gif) repeat-x 0 100%;
}
div#content table.mycontentsEdit td {
	padding: 15px 10px 15px 30px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #b8d2e2;
	background: #eef3f9;
}
div#content table.mycontentsEdit td span {
	margin-right: 15px;
}
div#content table.mycontentsEdit td.last {
	border-bottom: 1px solid #FFFFFF;
}
div#content table.mycontentsEdit td input.text {
	width: 400px;
}
div#content table.mycontentsEdit td select {
	min-width: 150px;
}
div#content table.mycontentsEdit td textarea {
	width: 400px;
	height: 43px;
}
div#content table.mycontentsEdit td ul {
	list-style: none;
}
/* Start clearfix ------------------------------ */
div#content table.mycontentsEdit td ul:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#content table.mycontentsEdit td ul { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#content table.mycontentsEdit td ul { height: 1%; }
	div#content table.mycontentsEdit td ul { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#content table.mycontentsEdit td li {
	float: left;
	width: 250px;
}




/* ------------------------------------------------------------
【共通テンプレ】カードリスト表示
------------------------------------------------------------ */
div#content div#topCategoryMain ul.col4,
div#content div#topCategoryMain ul.col5,
div#content div#topCategoryMain ul.col6 {
	width: 695px;
	margin-bottom: 15px;
	list-style-type: none;
}
div#content div#main ul.col4{
	width: 755px;
	margin-bottom: 15px;
	list-style-type: none;
}
div#content div#main ul.col3,
div#content div#main ul.col5 {
	width: 755px;
	margin-bottom: 20px;
	list-style-type: none;
}
div#content div#main ul.col6 {
	width: 755px;
	margin-bottom: 12px;
	list-style-type: none;
}
/* Start clearfix ------------------------------ */
div#content ul.col3:after,
div#content ul.col4:after,
div#content ul.col5:after,
div#content ul.col6:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#content ul.col3,
div#content ul.col4,
div#content ul.col5,
div#content ul.col6 { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#content ul.col3,
	* html div#content ul.col4,
	* html div#content ul.col5,
	* html div#content ul.col6 { height: 1%; }
	div#content ul.col3,
	div#content ul.col4,
	div#content ul.col5,
	div#content ul.col6 { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#content ul.col3 li,
div#content ul.col4 li,
div#content ul.col5 li,
div#content ul.col6 li {
	float: left;
	text-align: center;
}
div#content ul.col3 li {
	width: 33%;
}
div#content ul.col4 li {
	width: 24.9%;
}
div#content ul.col5 li {
	width: 19.9%;
}
div#content ul.col6 li {
	width: 16.5%;
}
div#content ul.col3 li span,
div#content ul.col4 li span,
div#content ul.col5 li span,
div#content ul.col6 li span {
	display: block;
	margin: 0 10px;
}

div#main dl.cardPC,
div#main dl.cardMobile,
div#main dl.cardKabegami {
	float: left;
	width: 375px;
	padding-bottom:25px;
	*padding-bottom:21px;
}
div#main dl.cardPCLast,
div#main dl.cardMobileLast,
div#main dl.cardKabegamiLast{
	float: left;
	width: 375px;
	margin-bottom: 10px;
}
/* Start clearfix ------------------------------ */
div#main dl.cardPC:after,
div#main dl.cardPCLasr:after,
div#main dl.cardMobile:after,
div#main dl.cardMobileLast:after,
div#main dl.cardKabegami:after,
div#main dl.cardKabegamiLast:after,
div#main div.days dl:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main dl.cardPC,
div#main dl.cardPCLast,
div#main dl.cardMobile,
div#main dl.cardMobileLast,
div#main dl.cardKabegami,
div#main dl.cardKabegamiLast,
div#main div.days dl { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main dl.cardPC,
	* html div#main dl.cardPCLast,
	* html div#main dl.cardMobile,
	* html div#main dl.cardMobileLast,
	* html div#main dl.cardKabegami,
	* html div#main dl.cardKabegamiLast,
	* html div#main div.days dl { height: 1%; }
	div#main dl.cardPC,
	div#main dl.cardMobile,
	div#main dl.cardKabegami,
	div#main div.days dl { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main dl.cardPC dt,
div#main dl.cardPCLast dt,
div#main dl.cardMobile dt,
div#main dl.cardMobileLast dt,
div#main dl.cardKabegami dt,
div#main dl.cardKabegamiLast dt,
div#main div.days dl dt {
	float: left;
}
div#main dl.cardPC dd span,
div#main dl.cardPCLast dd span,
div#main dl.cardMobile dd span,
div#main dl.cardMobileLast dd span,
div#main dl.cardKabegami dd span,
div#main dl.cardKabegamiLast dd span {
	display: block;
	margin-bottom: 4px;
	padding-bottom: 4px;
	background: url(../img/common/dotted.gif) repeat-x 0 bottom;
}
div#main dl.cardPC dt,
div#main dl.cardPCLast dt {
	width: 90px;
}
div#main dl.cardMobile dt,
div#main dl.cardMobileLast dt {
	width: 109px;
}
div#main dl.cardKabegami dt,
div#main dl.cardKabegamiLast dt {
	width: 135px;
}
div#main dl.cardPC dd,
div#main dl.cardPCLast dd {
	margin: 0 25px 4px 90px;
}
div#main dl.cardMobile dd,
div#main dl.cardMobileLast dd {
	margin: 0 25px 4px 109px;
}
div#main dl.cardKabegami dd,
div#main dl.cardKabegamiLast dd {
	margin: 0 25px 4px 135px;
}


/* ------------------------------------------------------------
【001】トップページ
------------------------------------------------------------ */
div#topCategoryMain h1 {
	margin-bottom: 5px;
}
div#topCategoryMain div.topInformationLine {
	margin-left: 0;
}
/* Start clearfix ------------------------------ */
div#topCategoryMain div.topInformationLine dl:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#topCategoryMain div.topInformationLine dl { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#topCategoryMain div.topInformationLine dl { height: 1%; }
	div#topCategoryMain div.topInformationLine dl { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#topCategoryMain div.topInformationLine dt {
	float: left;
}
div#topCategoryMain div.topInformationLine dd {
	padding-top: 5px;
	font-weight: bold;
}

div#topCategoryMain div.recommendArea {
	margin-bottom: 1px;
	padding: 5px;
	background: #CFEAF8;
}
div#topCategoryMain div.recommendArea div.inner {
	width: 683px;
	padding: 5px 0;
	border: 1px solid #B3CED9;
	background: #FFFFFF;
}
/* Start clearfix ------------------------------ */
div#topCategoryMain div.recommendArea div.inner:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#topCategoryMain div.recommendArea div.inner { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#topCategoryMain div.recommendArea div.inner { height: 1%; }
	div#topCategoryMain div.recommendArea div.inner { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */

div#topCategoryMain div.recommendArea dl {
	width: 143px;
	float: left;
	padding: 2px 0 0 26px;
}
div#topCategoryMain div.recommendArea dl.group01 {
	background: url(../img/top/recommend_group01_bg.gif) no-repeat 9px 0;
}
div#topCategoryMain div.recommendArea dl.group02 {
	background: url(../img/top/recommend_group02_bg.gif) no-repeat 4px 0;
}
div#topCategoryMain div.recommendArea dl.group03 {
	background: url(../img/top/recommend_group03_bg.gif) no-repeat;
}
div#topCategoryMain div.recommendArea dl.group04 {
	background: url(../img/top/recommend_group04_bg.gif) no-repeat 4px 0;
}
div#topCategoryMain div.recommendArea dt {
	font-weight: bold;
	padding-left:4px;
}
div#topCategoryMain div.recommendArea dd {
	margin-bottom: 3px;
	padding-left: 11px;
	background: url(../img/top/recommend_group_arrow.gif) no-repeat 3px 5px;
}
div#topCategoryMain div.searchArea {
	margin-bottom: 15px;
	padding: 10px;
	background: #F4F4F4;
}
div#topCategoryMain div.searchArea th {
	padding: 4px 10px 4px 20px;
	background: url(../img/top/icon_search.gif) no-repeat 0 50%;
	text-align: left;
	font-weight: normal;
}
div#topCategoryMain div.searchArea td input {
	vertical-align: middle;
	width: 214px!important;
	color: #666666;
}
div#topCategoryMain div.searchArea td select {
	vertical-align: middle;
	width: 214px!important;
	*width: 226px!important;
}
div#topCategoryMain div.searchArea td img {
	vertical-align: middle;
	margin: 0 3px;
}
div#topCategoryMain div.searchArea td input.submit {
	width: 57px!important;
	height: 21px;
	margin-left: 5px;
}
div#topCategoryMain div.bnArea {
	margin: 0 0 15px 25px;
}
div#topCategoryMain div.bnArea ul {
	list-style: none;
}
/* Start clearfix ------------------------------ */
div#topCategoryMain div.bnArea ul:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#topCategoryMain div.bnArea ul { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#topCategoryMain div.bnArea ul { height: 1%; }
	div#topCategoryMain div.bnArea ul { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#topCategoryMain div.bnArea li {
	float: left;
	width: 320px;
	padding-left: 13px;
}
div#topCategoryMain div.bnArea li.pr {
	background: url(../img/top/top_ad_pr.gif) no-repeat;
}
div#topCategoryMain div.bnArea li.event {
	background: url(../img/top/top_ad_event.gif) no-repeat;
}
div#topCategoryMain div.pccardArea,
div#topCategoryMain div.mobilecardArea,
div#topCategoryMain div.kabegamiArea,
div#topCategoryMain div.serviceArea {
	margin-bottom: 15px;
}
/* Start clearfix ------------------------------ */
div#topCategoryMain div.pccardArea:after,
div#topCategoryMain div.mobilecardArea:after,
div#topCategoryMain div.kabegamiArea:after,
div#topCategoryMain div.serviceArea:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#topCategoryMain div.pccardArea,
div#topCategoryMain div.mobilecardArea,
div#topCategoryMain div.kabegamiArea,
div#topCategoryMain div.serviceArea { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#topCategoryMain div.pccardArea,
	* html div#topCategoryMain div.mobilecardArea,
	* html div#topCategoryMain div.kabegamiArea,
	* html div#topCategoryMain div.serviceArea { height: 1%; }
	div#topCategoryMain div.pccardArea,
	div#topCategoryMain div.mobilecardArea,
	div#topCategoryMain div.kabegamiArea,
	div#topCategoryMain div.serviceArea { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#topCategoryMain div.pccardArea h2,
div#topCategoryMain div.mobilecardArea h2,
div#topCategoryMain div.kabegamiArea h2,
div#topCategoryMain div.serviceArea h2 {
	margin-bottom: 5px;
}
div#topCategoryMain div.pccardArea p,
div#topCategoryMain div.mobilecardArea p,
div#topCategoryMain div.kabegamiArea p,
div#topCategoryMain div.serviceArea p {
	margin-bottom: 10px;
}
div#topCategoryMain div.mobilecardArea div {
	width: 145px;
	float: left;
	background: url(../img/top/top_mobilearea_bg.gif) no-repeat 0 1.5em;
}
div#topCategoryMain div.mobilecardArea div p.genre {
	margin-bottom: 5px;
	text-align: center;
}
div#topCategoryMain div.mobilecardArea div dl {
	width: 101px;
	height: 155px;
	margin-left: 20px;
	padding-top: 20px;
	text-align: center;
}
div#topCategoryMain div.mobilecardArea div dl dt {
	margin-bottom: 5px;
}
div#content div#topCategoryMain div.mobilecardArea ul.col4 {
	width: 540px;
	float: right;
}
div#content div#topCategoryMain div.pccardArea ul img.cardThumbnail,
div#content div#topCategoryMain div.mobilecardArea ul img.cardThumbnail,
div#content div#topCategoryMain div.kabegamiArea ul img.cardThumbnail {
	margin-top: 3px;
}
div#content div#topCategoryMain div.serviceArea dl {
	float: left;
	width: 325px;
	padding: 10px;
}
/* Start clearfix ------------------------------ */
div#content div#topCategoryMain div.serviceArea dl:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#content div#topCategoryMain div.serviceArea dl { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#content div#topCategoryMain div.serviceArea dl { height: 1%; }
	div#content div#topCategoryMain div.serviceArea dl { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#content div#topCategoryMain div.serviceArea dl dt {
	float: left;
	width: 175px;
}
div#content div#topCategoryMain div.serviceArea dl dd {
	margin: 0 0 0 175px;
}


/* ------------------------------------------------------------
【002-004】ジャンルトップ
------------------------------------------------------------ */
div#topCategoryMain div.pccardArea h2.categoryTop,
div#topCategoryMain div.mobilecardArea h2.categoryTop,
div#topCategoryMain div.kabegamiArea h2.categoryTop,
div#topCategoryMain div.categoryList h2,
div#topCategoryMain div.artistList h2 {
	margin-bottom: 10px;
	padding-top: 1px;
	background: #0099FF;
	font-size: 115%;
}
div#topCategoryMain div.pccardArea h2.categoryTop span,
div#topCategoryMain div.mobilecardArea h2.categoryTop span,
div#topCategoryMain div.kabegamiArea h2.categoryTop span,
div#topCategoryMain div.categoryList h2 span,
div#topCategoryMain div.artistList h2 span {
	display: block;
	padding: 2px;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
div#topCategoryMain div.categoryList {
}
div#topCategoryMain div.categoryList div.wrapper {
	margin: 0 0 15px 3px;
}
/* Start clearfix ------------------------------ */
div#topCategoryMain div.categoryList div.wrapper:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#topCategoryMain div.categoryList div.wrapper { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#topCategoryMain div.categoryList div.wrapper { height: 1%; }
	div#topCategoryMain div.categoryList div.wrapper { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#topCategoryMain div.categoryList dl {
	float: left;
	width: 173px;
	margin-bottom: 10px;
}
div#topCategoryMain div.categoryList dl dt {
	font-weight: bold;
	padding: 5px 5px 15px 58px;
	color: #333333;
}
div#topCategoryMain div.categoryList dl dd {
	margin-bottom: 3px;
	padding: 0 10px 3px;
	background: url(../img/common/icon_arrow_brue.gif) no-repeat 0 6px;
}
div#topCategoryMain div.categoryList dl dt a {
	color: #333333;
	text-decoration: none;
}
div#topCategoryMain div.categoryList dl dt a:hover {
	color: #F26522;
	text-decoration: underline;
}
div#topCategoryMain div.categoryList dl dt.stbirth {	background: url(../img/top/subtitle_birth.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stbirth{	background: url(../img/top/subtitle_birth.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stinv{	background: url(../img/top/subtitle_invite.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stgr{	background: url(../img/top/subtitle_greeting.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stcong{	background: url(../img/top/subtitle_congraturations.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stthanks{	background: url(../img/top/subtitle_thanks.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stgame{	background: url(../img/top/subtitle_game.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stmarriage{	background: url(../img/top/subtitle_marriage.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stcheer{	background: url(../img/top/subtitle_cheer.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stlove{	background: url(../img/top/subtitle_love.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.sttravel{	background: url(../img/top/subtitle_travel.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stgrspring{	background: url(../img/top/subtitle_gr_spring.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stgrsummer{	background: url(../img/top/subtitle_gr_summer.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stgrautum{	background: url(../img/top/subtitle_gr_autum.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stgrwinter{	background: url(../img/top/subtitle_gr_winter.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stspecial{	background: url(../img/top/subtitle_gr_special.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stothers{	background: url(../img/top/subtitle_gr_others.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stfeelgood{	background: url(../img/top/subtitle_feel_good.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stfeelbad{	background: url(../img/top/subtitle_feel_bad.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stmeet{	background: url(../img/top/subtitle_meet.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stweather{	background: url(../img/top/subtitle_weather.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stinfo{	background: url(../img/top/subtitle_info.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.sttheme{	background: url(../img/top/subtitle_theme.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stlaugh{	background: url(../img/top/subtitle_laugh.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stsight{	background: url(../img/top/subtitle_sight.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stchara{	background: url(../img/top/subtitle_chara.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stbrank{	background: url(../img/top/subtitle_brank.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stpet{	background: url(../img/top/subtitle_pet.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stobje{	padding: 5px 5px 15px 48px;	background: url(../img/top/subtitle_obje.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stlandscape{	background: url(../img/top/subtitle_landscape.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stnature{	background: url(../img/top/subtitle_nature.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stseason{	background: url(../img/top/subtitle_season.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stimage{	background: url(../img/top/subtitle_image.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stentertain{	background: url(../img/top/subtitle_entertain.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stplace{	background: url(../img/top/subtitle_place.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stfamus{	background: url(../img/top/subtitle_famus.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stphoto{	background: url(../img/top/subtitle_photo.gif) no-repeat;}
div#topCategoryMain div.categoryList dl dt.stcolor{	background: url(../img/top/subtitle_greeting.gif) no-repeat;}

div#topCategoryMain div.categoryList p {
	margin-bottom: 15px;
}

div#topCategoryMain div.artistList dl {
	width: 695px;
	margin-bottom: 15px;
}
div#topCategoryMain div.artistList dl:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#topCategoryMain div.artistList dl { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#topCategoryMain div.artistList dl { height: 1%; }
	div#topCategoryMain div.artistList dl { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#topCategoryMain div.artistList dl dt {
	font-weight: bold;
	padding: 5px 5px 15px 58px;
	color: #333333;
}
div#topCategoryMain div.artistList dl dt a {
	color: #333333;
	text-decoration: none;
}
div#topCategoryMain div.artistList dl dt a:hover {
	color: #F26522;
	text-decoration: underline;
}
div#topCategoryMain div.artistList dl dt.stphotoArtist {	background: url(../img/top/subtitle_photo_l.gif) no-repeat;}
div#topCategoryMain div.artistList dl dt.stillustArtist {	background: url(../img/top/subtitle_bear_l.gif) no-repeat;}
div#topCategoryMain div.artistList dl dd {
	float: left;
	width: 150px;
	padding: 0 10px 3px;
	background: url(../img/common/icon_arrow_brue.gif) no-repeat 0 6px;
}


/* ------------------------------------------------------------
【003】携帯機能紹介
------------------------------------------------------------ */
div#main div.mobileInfo {
	width: 705px;
	margin-left: 20px;
}
div#main div.mobileInfo p.lead {
	margin:-55px 0 5px;
}
div#main div.mobileInfo ul.mobileGreeting,
div#main div.mobileInfo ul.decoMail,
div#main div.mobileInfo ul.flashMobile {
	width: 704px;
	list-style: none;
}
div#main div.mobileInfo ul.mobileGreeting {
	background: url(../img/mb_info/mobilegreeting_step_bg.jpg) no-repeat;
} 
div#main div.mobileInfo ul.decoMail {
	background: url(../img/mb_info/decomail_step_bg.jpg) no-repeat;
} 
div#main div.mobileInfo ul.flashMobile {
	margin-bottom: 10px;
	background: url(../img/mb_info/flashmobile_step_bg.jpg) no-repeat;
}
/* Start clearfix ------------------------------ */
div#main div.mobileInfo ul.mobileGreeting:after,
div#main div.mobileInfo ul.decoMail:after,
div#main div.mobileInfo ul.flashMobile:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.mobileInfo ul.mobileGreeting,
div#main div.mobileInfo ul.decoMail,
div#main div.mobileInfo ul.flashMobile { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.mobileInfo ul.mobileGreeting,
	* html div#main div.mobileInfo ul.decoMail,
	* html div#main div.mobileInfo ul.flashMobile { height: 1%; }
	div#main div.mobileInfo ul.mobileGreeting,
	div#main div.mobileInfo ul.decoMail,
	div#main div.mobileInfo ul.flashMobile { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.mobileInfo ul.mobileGreeting li,
div#main div.mobileInfo ul.decoMail li,
div#main div.mobileInfo ul.flashMobile li {
	float: left;
}
div#main div.mobileInfo li.step1 {
	width: 110px;
	padding: 120px 0 50px 125px;
} 
div#main div.mobileInfo li.step2 {
	width:110px;
	padding: 120px 0 50px 95px;
} 
div#main div.mobileInfo li.step3 {
	width:110px;
	padding: 120px 0 50px 100px;
}
div#main div.mobileInfo div.myProfile {
	float: left;
	width: 230px;
	background: url(../img/mb_info/myprofile_bg.jpg) no-repeat 0 52px;
}
div#main div.mobileInfo div.myProfile p {
	width: 100px;
	padding: 230px 0 30px 65px;
}
div#main div.mobileInfo div.access {
	float: left;
	width: 447px;
	padding-bottom: 8px;
	background: url(../img/mb_info/info_bottom.gif) no-repeat 0 bottom;
}
div#main div.mobileInfo div.access div.accessInner {
	display: block;
	margin: 0 15px;
	text-align: left;
}
/* Start clearfix ------------------------------ */
div#main div.mobileInfo div.access div.accessInner:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.mobileInfo .access div.accessInner { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.mobileInfo div.access div.accessInner { height: 1%; }
	div#main div.mobileInfo div.access div.accessInner { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.mobileInfo .access p {
	margin-bottom: 10px;
}
div#main div.mobileInfo .access p.border {
	padding-bottom: 10px;
	border-bottom: 1px dotted #000000;
}
div#main div.mobileInfo .access p.border strong {
	color: #FF7E00;
}
div#main div.mobileInfo .access h4 {
	margin-bottom: 5px;
}
div#main div.mobileInfo .access dl.input {
	float: left;
	width: 199px;
	background: url(../img/mb_info/access_bg.gif) no-repeat 0 bottom;
}
div#main div.mobileInfo .access dl.input dt {
	padding-bottom: 8px;
	background: #ffffff;
	color: #308CF4;
	font-weight: bold;
}	
div#main div.mobileInfo .access dl.input dd {
	background: url(../img/mb_info/access_top.gif) no-repeat 0 top;
	padding: 25px 0;
	text-align: center;
}
div#main div.mobileInfo .access dl.input dd input {
	width: 170px;
}
div#main div.mobileInfo .access dl.input dd div.submit {
	padding-top: 25px;
	background: url(../img/mb_info/access_arrow.gif) no-repeat 50% 10px;
}
div#main div.mobileInfo .access dl.input dd div.submit input {
	width: 182px;
}
div#main div.mobileInfo .access dl.code {
	float: right;
	width: 199px;
	background: url(../img/mb_info/access_bg.gif) no-repeat 0 bottom;
}
div#main div.mobileInfo .access dl.code dt {
	padding-bottom: 8px;
	background-color: #ffffff;
	color: #308CF4;
	font-weight: bold;
}	
div#main div.mobileInfo .access dl.code dd {
	padding: 5px 0;
	background: url(../img/mb_info/access_top.gif) no-repeat 0 top;
	text-align: center;
}


/* ------------------------------------------------------------
【005】壁紙ダウンロード
------------------------------------------------------------ */
div#main div.download {
	margin:0 auto 10px;
}
div#main div.download p {
	margin-bottom: 2px;
}
div#main div.download p.lead {
	margin-bottom: 15px;
}
div#main div.download div.loginBox {
	margin: 0 10px;
	border: 1px solid #CCCCCC;
}
div#main div.download div.inner {
	width: 685px;
	padding: 20px;
	border: 4px solid #eeeeee;
}
/* Start clearfix ------------------------------ */
div#main div.download div.inner:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.download div.inner { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.download div.inner { height: 1%; }
	div#main div.download div.inner { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */

div#main div.download div.loginBox p.lead {
	margin-bottom: 15px;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
}
div#main div.download div.loginBox ul {
	list-style: none;
	padding: 0 100px;
}

/* Start clearfix ------------------------------ */
div#topCategoryMain div.recommendArea div.inner:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#topCategoryMain div.recommendArea div.inner { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#topCategoryMain div.recommendArea div.inner { height: 1%; }
	div#topCategoryMain div.recommendArea div.inner {
	display: block;
	padding:10px 0;
}
/* End hide from IE-mac */
/* -------------------------------- end clearfix */

div#main div.download div.loginBox ul li{
	float: left;
	width: 50%;
	margin:0 auto;
	text-align: center;
}
div#main div.download div.loginBox ul span{
	display: block;
}
div#main div.download dl.cardDetail {
	background: #ffffe5;
	padding: 15px 10px;
	margin-bottom: 10px;
}
div#main div.download dl.cardDetail dt {
	float: left;
	width: 120px;
}
div#main div.download dl.cardDetail dt img {
	border:3px solid #E6E6E6;
}
div#main div.download dl.cardDetail dd {
	margin:0 0 10px 150px;
}
div#main div.download dl.cardDetail dd span {
	display: inline-block;
	width: 7em;
	vertical-align:top;
}
div#main div.download dl.cardDetail dd span.right {
	display: inline-block;
	padding-left:1em;
	min-width: 7em;
	width:35em;
}
div#main div.download p.btn span {
	display: block;
	font-weight: bold;
}
div#main div.download p.aboutCopyright {
	margin: 0 auto 20px;
	padding :10px 25px;
	background: #eeeeee;
	font-size: 90%;
}
div#main div.download p.aboutCopyright span {
	font-weight: bold;
}
div#main div.download div.mailMagazine,
div#content div.transmitFlow div.mailMagazine {
	margin:0 auto;
	font-size: 83%;
}
div#main div.download div.mailMagazine p span,
div#content div.transmitFlow div.mailMagazine p span {
	color: #FF0000;
}
div#main div.download div.mailMagazine ul,
div#content div.transmitFlow div.mailMagazine ul {
	list-style: none;
}
div#main div.download div.mailMagazine ul li,
div#content div.transmitFlow div.mailMagazine ul li {
	margin:0;
	padding:0;
}
div#main div.download div.mailMagazine ul li input,
div#content div.transmitFlow div.mailMagazine ul li input {
	vertical-align:middle;
	margin:0 4px;
	padding:0;
	height:1.2em;
	*height:1.5em;
}
div#main div.download div.downloadProcess {
	padding:0 20px;
}
div#main div.download div.downloadProcess h2 {
	margin-bottom: 10px;
}
div#main div.download div.downloadProcess dl {
	margin: 0 0 10px 20px;
}
/* Start clearfix ------------------------------ */
div#main div.download div.downloadProcess dl:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.download div.downloadProcess dl { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.download div.downloadProcess dl { height: 1%; }
	div#main div.download div.downloadProcess dl { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */

div#main div.download div.downloadProcess dt {
	float: left;
	padding: 0 3px;
	border: 1px solid #ffb84c;
	background: #ffee95;
	font-weight: bold;
}
div#main div.download div.downloadProcess dd {
	padding: 2px 0 0 60px;
}


/* ------------------------------------------------------------
【006】カードリスト
------------------------------------------------------------ */
div#main div.cardList p {
	margin-bottom: 1em;
}
div#main div.cardList p.serachResult {
	text-align: right;
}
div#main div.cardList p.serachResult em {
	font-weight: bold;
	font-style: normal;
}
div#main div.cardList div.sortBox {
	margin-bottom: 4px;
	padding-bottom: 6px;
	background: url(../img/cardlist/sortbox_shadow_bg.gif) repeat-x 0 bottom;
}
div#main div.cardList div.sortBoxInner {
	width: 700px;
	padding: 10px 15px 10px 40px;
	background: #DDEDFF url(../img/cardlist/sortbox_bg.gif) repeat-x;
}
/* Start clearfix ------------------------------ */
div#main div.cardList div.sortBoxInner:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.cardList div.sortBoxInner { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.cardList div.sortBoxInner { height: 1%; }
	div#main div.cardList div.sortBoxInner { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.cardList div.sortBox dl {
	float: left;
	padding-right: 20px;
}
div#main div.cardList div.sortBox dt {
	display: inline;
	float: none;
	padding: 0;
	font-weight: bold;
}
div#main div.cardList div.sortBox dd {
	display: inline;
	float: none;
	margin: 0;
	padding: 0 6px 0 10px;
	font-weight: bold;
}
div#main div.cardList div.sortBox dd.sortPopular {
	border-left: 1px solid #a9cef6;
}
div#main div.cardList div.sortBox dd.sortIcon {
	padding-left: 30px;
	background: url(../img/cardlist/icon_list.gif) no-repeat 0 50%;
}
div#main div.cardList div.sortBox dd.sortDetail {
	padding-left: 30px;
	border-left: 1px solid #a9cef6;
	background: url(../img/cardlist/icon_detail.gif) no-repeat 10px 50%;
}
div#main div.cardList div.sortBox dd a {
	font-weight: normal;
}
div#main div.cardList div.sortBox p {
	float: right;
	margin: 0;
	padding-left: 10px;
	background: url(../img/common/icon_arrow_brue.gif) no-repeat 0 50%;
}
div#main div.cardList div.inner {
	width: 755px;
}
/* Start clearfix ------------------------------ */
div#main div.cardList div.inner:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.cardList div.inner {
	display: inline-block;
}
/* Hides from IE-mac \*/
	* html div#main div.cardList div.inner { height: 1%; }
	div#main div.cardList div.inner { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */

div#main div.cardList dl.cardPC dd span.title,
div#main div.cardList dl.cardPCLast dd span.title,
div#main div.cardList dl.cardMobile dd span.title,
div#main div.cardList dl.cardMobileLast dd span.title,
div#main div.cardList dl.cardKabegami dd span.title,
div#main div.cardList dl.cardKabegamiLast dd span.title {
	display: inline-block;
	width: 4em;
	margin: 0;
	padding: 0;
	background: none;
}


/* ------------------------------------------------------------
【007】カード送信
------------------------------------------------------------ */
div#content div.transmitFlow {
	margin-bottom: 20px;
}
div#content div#campaign div.transmitFlow {
	margin-bottom: 20px;
	padding: 20px 0px 40px 0px;
}
div#content div.transmitFlow div.title,
div#messageContent div.transmitFlow div.preview div.title {
	margin-bottom:25px;
	border-top:1px solid #C7C7C7;
	border-bottom:1px solid #C7C7C7;
	background:#FFFFFF;
	background-image: url(../img/cardflow/bg_titleinner.gif);
	background-repeat:no-repeat;
	background-position: -1px 1px;
	*background-position: -1px 2px;
}
div#messageContent div.transmitFlow div.preview div.titlePad {
	padding: 0 40px;
}
div#content div.transmitFlow div.titleinner,
div#messageContent div.transmitFlow div.preview div.titleinner {
	margin: 1px 0;
	padding: 10px 0 10px 60px;
	background: url(../img/cardflow/bg_titleinner.gif) no-repeat 0 bottom;
}
div#content div.transmitFlow div.title dt {
	float: left;
	margin-right: 5px;
}
div#content div.transmitFlow div.title dl.bold dt {
	float: left;
	margin-right: 5px;
	font-weight:bold;
}
div#content div.transmitFlow div.title dl.bold dd {
	font-weight:bold;
}
div#content div.transmitFlow div.title dl.bold dd span {
	color: #FF0000;
	font-weight:bold;
}
div#content div.transmitFlow div.title dl dd span {
	color: #FF0000;
}
div#content div.transmitFlow div.preview {
	margin-bottom: 20px;
	padding: 20px 40px 30px 40px;
	border-top: 1px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 1px solid #cccccc;
	background: #FFFFFF url(../img/cardflow/bg_prevew.gif) repeat-x;
}
div#content div#campaign div.transmitFlow div.preview {
	margin-bottom: 20px;
	padding: 20px 20px 30px 20px;
	border-top: 1px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 1px solid #cccccc;
	background: #FFFFFF url(images/cardimage_bg.jpg) repeat-x;
}
div#campaign div#messageContent div.transmitFlow div.preview {
	margin-bottom: 20px;
	padding: 20px 20px 30px 20px;
	border-top: 1px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 1px solid #cccccc;
	background: #FFFFFF url(images/cardimage_bg.jpg) repeat-x;
}
div#content div.transmitFlow div.preview div.pcCard {
	width: 510px;
	margin: 0 auto;
	text-align: center;
}
div#content div.transmitFlow div.preview div.pcCard2 {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}
div#messageContent div.transmitFlow div.preview div.pcCard2 {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}
div#content div.transmitFlow div.preview div.pcCard div#cardPreview {
	border: 3px solid #E6E6E6;
}
div#content div.transmitFlow div.preview div.pcCard div#cardPreviewIos {
	border: 3px solid #E6E6E6;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 504px;
	height: 273px;
}
div#content div.transmitFlow div.preview div#cardPreviewIos {
	border: 3px solid #E6E6E6;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 504px;
	height: 273px;
}
div#content div#campaign div.transmitFlow div.preview div#cardPreviewIos {
	border: 3px solid #E6E6E6;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 900px;
	height: 506px;
}
div#content div.transmitFlow div.preview div.pcCard #sound,
div#messageContent div.transmitFlow div.preview div.pcCard #sound {
	width:495px;
	margin: -1px auto 0 auto;
	padding: 5px 10px 6px 5px;
	background: #FFFFFF url(../img/cardflow/bg_sound.gif) repeat-x;
	text-align: right;
}
div#content div.transmitFlow div.preview div.pcCard #sound #hidese a {
	padding-left: 15px;
	background: url(../img/cardflow/icon_sound.gif) no-repeat 0 50%;
	font-weight:bold;
	color:#6E6E6E;
}
div#content div.transmitFlow div.confirm div.preview div.pcCard #outer div.holder div.more #showmsg,
div#messagePage div.transmitFlow div.preview div.pcCard #outer div.holder div.more #showmsg {
	position:absolute;
	top:0;
	left:0;
	display: block;
	width: 510px;
	height:23px;
	padding-top: 2px;
	background: url(../img/cardflow/bar_sound.gif) no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-decoration:underline;
	cursor: default;
}
div#messagePage div.transmitFlow div.preview div.pcCard #outer div.holder div.more #showmsg {
	display:none;
}
div#content div.transmitFlow div.preview div.pcCard #outer div.more,
div#messagePage div.transmitFlow div.preview div.pcCard #outer div.holder div.more {
	background-color:#f9f9f9;
	position:relative;
	font-weight:bold;
	text-align:left;
	padding-bottom:20px;
}
div#content div.transmitFlow div.preview div.pcCard #outer div.more p#tx,
div#messagePage div.transmitFlow div.preview div.pcCard #outer div.holder div.more p#tx {
	margin-top:18px;
	line-height:1.8em;
}

div#messagePage div.transmitFlow div.preview div.pcCard #outer div.holder div.more div#seeID{
	background-color:#f9f9f9;
	position:relative;
	padding:25px 50px;
	font-weight:bold;
	text-align:left;
}
div#content div.transmitFlow div.preview div.pcCard #outer div.more #hidemsg{
	display:none;
}
div#content div.transmitFlow div.preview div.pcCard #outer div.more #hidemsg,
div#messagePage div.transmitFlow div.preview div.pcCard #outer div.holder div.more #hidemsg{
	padding:35px 50px 10px 50px;
	*padding:20px 50px 10px 50px;
}
div#content div.transmitFlow div.preview div.pcCard #outer div.more #hidemsg img.close, 
div#messagePage div.transmitFlow div.preview div.pcCard #outer div.holder div.more #hidemsg img.close{
	position:absolute;
	top:10px;
	left:473px;
	border:none;
}
div#content div.transmitFlow div.preview div.mobileCard {
	padding: 85px 0 60px 1px;
	margin-bottom:10px;
	background: url(../img/cardflow/bg_content.gif) no-repeat 50% 0;
	text-align: center;
}
div#content div.transmitFlow div.preview div.mobileCard #sound {
	padding: 10px 10px 5px 5px;
	background: #FFFFFF url(../img/cardflow/icon_sound.gif);
	text-align: right;
}
div#content div.transmitFlow div.preview div.mobileCard #sound #hidese a {
	padding-left: 15px;
	background: url(../img/cardflow/icon_sound.gif) no-repeat 0 50%;
}
div#content div.transmitFlow div.preview div.mobileCard #outer div.more a#showmsg {
	display: block;
	width: 514px;
	padding-bottom: 5px;
	padding-top: 5px;
	background: #F7F7F7 url(../img/cardflow/bar_sound.gif) no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
div#content div.transmitFlow div.preview div.mobileCardGif {
	padding: 133px 0 108px 1px;
	margin-bottom:10px;
	background: url(../img/cardflow/bg_content.gif) no-repeat 50% 0;
	text-align: center;
}

div#content div.transmitFlow ul.step {
	width: 675px;
	margin:0 auto 0px;
	list-style: none;
}
/* Start clearfix ------------------------------ */
div#content div.transmitFlow ul:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#content div.transmitFlow ul { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#content div.transmitFlow ul { height: 1%; }
	div#content div.transmitFlow ul { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
	
div#content div.transmitFlow li.reselect {
	float: left;
}
div#content div.transmitFlow li.send {
	float: right;
}
div#content div.transmitFlow li.addFavorite {
	text-align: center;
}

div#content div.transmitFlow div.confirm {
	width: 755px;
	margin: 0 auto;
}
div#content div#campaign div.transmitFlow div.confirm {
	width: 950px;
	margin: 0 auto;
}
div#content div.transmitFlow div.confirm p.advice {
	font-weight: bold;
	font-size: 125%;
	margin-bottom: 5px;
}
div#content div.transmitFlow div.confirm div.mbMessage,
div#messageContent div.transmitFlow div.preview div.mobileMessage,
div#messageContent div.transmitFlow div.preview div.mbMessage {
	width: 439px;
	margin: 10px auto 0 auto;
	background: url(../img/cardflow/bg_sound.gif) repeat-x 0 0;
}
div#content div.transmitFlow div.confirm div.mbMessage div,
div#messageContent div.transmitFlow div.preview div.mobileMessage div,
div#messageContent div.transmitFlow div.preview div.mbMessage div {
	position:relative;
	top:25px;
	background-color: #F7F7F7;
}

div#messageContent div.transmitFlow div.preview div.mobileMessage {
	margin-bottom:25px;
}
div#content div.transmitFlow div.confirm div.mbMessage div pre{
	width: 339px;
	margin: 0 auto 0 auto;
	padding: 35px 0 25px;
	text-align: left;
	font-weight:bold;
	white-space:normal;
}

div#messageContent div.transmitFlow div.preview div.mobileMessage div pre{
	width: 339px;
	margin: 0 auto 30px auto;
	padding: 35px 50px 35px;
	text-align: left;
	font-weight:bold;
	white-space:normal;
}

div#messageContent div.transmitFlow div.preview div.mbMessage pre {
	width: 339px;
	margin: 0 auto 0 auto;
	padding: 30px 50px 25px;
	text-align: left;
	font-weight:bold;
	white-space:normal;
}
div#content div.transmitFlow div.confirm div.mbMessage div pre.text {
	width: 339px;
	margin-bottom: 30px;
	padding: 0 50px 30px;
	text-align: left;
	font-weight:bold;
	white-space:normal;
}

div#messageContent div.transmitFlow div.preview div.mbMessage pre.text {
	width: 339px;
	margin-bottom: 50px;
	padding: 0 50px 30px;
	text-align: left;
	font-weight:bold;
	white-space:normal;
}
div#content div.transmitFlow div.mailMagazine {
	width: 755px;
	margin: 0 auto;
}
div#content div.transmitFlow div.mailMagazine p span {
	color: #FF0000;
}
div#content div.transmitFlow div.mailMagazine ul {
	list-style: none;
	margin-bottom: 20px;
}

div#content div.transmitFlow p.banner {
	width: 468px;
	margin: 0 auto 15px;
	padding-top: 40px;
	text-align: center;
}
div#content div.transmitFlow p.banner img {
	float: left;
	margin-bottom: 3px;
}
div#content div.transmitFlow p.about {
	margin: 10px 0;
	display:inline-block;
}
div#content div.transmitFlow p.about a {
	padding: 0 0 5px 25px;
	background: url(../img/password/pwd_icon_question.gif) no-repeat 0 50%;
	*background: url(../img/password/pwd_icon_question.gif) no-repeat 70px 0;	
}
div#content div.transmitFlow a#detailLink{
}
div#content div.transmitFlow div#detailBox{
	background-color:#FFFFE0;
	border: 1px solid #CCCCCC; 
	width: 630px;
	margin:0 auto 20px auto;
	padding:20px 20px 10px 25px;
	display:none;
	zoom:1;
}
div#content div.transmitFlow div#detailBox ul{
}
div#content div.transmitFlow div#detailBox ul li{
	list-style-type: disc !important;
	*list-style-position:inside;
	*vertical-align: top;
	*line-height:1.2em;
	margin-bottom:20px;
	zoom:1;
}
div#content div.transmitFlow div#detailBox div.detailClose {
	margin: 0px auto 0;
	width:4em;
}
div#content div.transmitFlow div.preview p.sameCard {
	padding-top: 10px;
	background: url(../img/common/icon_arrow_brue.gif) no-repeat 575px;
	text-align: right;
}

div#content div.cardEdit {
	width: 715px;
	margin: 0 auto 10px;
}
div#content div.cardEdit ul.alert {
	margin-left: 1em;
	color: #FF0000;
	font-weight: bold;
}
div#content div.cardEdit div.title {
	margin-bottom: 20px;
}
div#content div.cardEdit div.title p{
	margin-left:180px;
}
div#content div.cardEdit div.title ul{
	list-style-type:none;
	margin-left:240px;
}
div#content div.cardEdit div.title ul li{
	float:left;
	margin-right:35px;
}
/* Start clearfix ------------------------------ */
div#content div.cardEdit div.title:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#content div.cardEdit div.title { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#content div.cardEdit div.title { height: 1%; }
	div#content div.cardEdit div.title { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
	
div#content div.cardEdit div.title dt {
	float: left;
}
div#content div.cardEdit div.title dt img {
	border: 3px solid #e6e6e6;
}
div#content div.cardEdit div.title dd {
	margin-left: 120px;
}

div#content div.cardEdit div.status,
div#content div.cardEdit div.message,
div#content div.cardEdit div.bgDesign,
div#content div.cardEdit div.sendDate,
div#content div.cardEdit div.other {
	margin-bottom: 20px;
	background: url(../img/cardflow/bg_table.gif) repeat-x;
	width: 754px;
}
div#content div.cardEdit div.status table {
	width: 754px;
}
div#content div.cardEdit div.status table th {
	width: 357px!important;
	padding: 7px 5px;
	border-left: 2px solid #FFFFFF;
}
div#content div.cardEdit div.status table th.icon {
	width: 30px!important;
	text-align:center;
}
div#content div.cardEdit table th span {
	font-weight: normal;
	color: #FF0000;
}
div#content div.cardEdit div.status table td {
	padding: 7px 5px;
	border-left: 2px solid #FFFFFF;
}
div#content div.cardEdit table td input {
	width: 250px;
	background: #ffffcd;
	border: 1px solid #889EC4;
}
div#content div.cardEdit table td em {
	font-weight: bold;
	font-style: normal;
}
div#content div.cardEdit table td.num {
	border-bottom: 1px solid #FFFFFF;
	background: #e8efff;
	width:30px;
	text-align:center;
}
div#content div.cardEdit table td.edit {
	border-bottom: 1px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	background: #e8efff;
}
div#content div.cardEdit table tr td p.address {
	padding-left: 35px;
	background: url(../img/cardflow/bg_address.gif) no-repeat 0 50%;
	font-weight: bold;
}
div#content div.cardEdit table tr td p.phone {
	margin-bottom: 5px;
	padding-left: 35px;
	padding-top:4px;
	height:20px;
	background: url(../img/cardflow/icon_mb.gif) no-repeat -2px 50%;
	font-weight: normal;
}
div#content div.cardEdit table tr td p.phone a {
	padding-left: 25px;
	background: url(../img/cardflow/bg_address_arrow.gif) no-repeat 13px 50%;
}

div#content div.cardEdit table tr td p.address span {
	padding: 2px 30px 2px 0;
	background: url(../img/cardflow/bg_address.gif) no-repeat right;
	font-weight: bold;
}
div#content div.cardEdit table tr td p.address select.address {
	width: 590px;
	background-color:#FFFFCD;
	border:1px solid #889EC4;
}

div#content div.cardEdit div.status p.add {
	padding-top: 10px;
	text-align: right;
}
div#content div.cardEdit div.status p.add a {
	padding-left: 15px;
	background: url(../img/cardflow/bg_address_arrow.gif) no-repeat 0 50%;
}
div#content div.cardEdit div.message p {
	padding: 10px 0 20px 60px;
	background: url(../img/cardflow/icon_message.gif) no-repeat 12px 8px;
	font-weight: bold;
}
div#content div.cardEdit div.message div.check {
	padding: 10px 0 2px 60px;
	/*background: url(../img/cardflow/icon_check02.gif) no-repeat 55px 8px;*/
}
div#content div.cardEdit div.message div.check p{
	padding: 10px 0 2px 18px;
	background: url(../img/cardflow/icon_check02.gif) no-repeat 0 8px;
}
div#content div.cardEdit div.message div.check  ul.alert {
	margin-left: 18px;
	color: #FF0000;
	font-weight: bold;
}

div#content div.cardEdit div.message div.check strong{
	font-weight:bold;
}
div#content div.cardEdit div.message div.check span.red{
	color:#FF0000;
}
div#content div.cardEdit div.message p span {
	font-weight: normal;
}
div#content div.cardEdit div.message div.check span.red{
	color:#FF0000;
}
div#content div.cardEdit span.ml20{
	margin-left:20px;
}
div#content div.cardEdit div.message div.check input{
	margin-top:5px;
	margin-left:0;
	background:#FFFFCD none repeat scroll 0 0;
	border:1px solid #889EC4;
	width:620px;
}
div#content div.cardEdit div.message textarea {
	display: block;
	width: 620px;
	height: 220px;
	margin: 0 0 10px 60px;
	background: #ffffcd;
	border: 1px solid #889EC4;
}
div#content div.cardEdit div.message div.template {
	margin-right: 70px;
	text-align: right;
}

div#content div.cardEdit div.message div.template select {
	margin: 10px 5px 0 375px;
	float:left;
}
div#content div.cardEdit div.message div.template input {
	width: 50px;
	margin-top:10px;
	float:right;
}
div#content div.cardEdit div.bgDesign p {
	padding: 10px 0 20px 60px;
	background: url(../img/cardflow/icon_cardbg.gif) no-repeat 12px 8px;
	font-weight: bold;
}
div#content div.cardEdit div.bgDesign p span {
	font-weight: normal;
}
div#content div.cardEdit div.bgDesign table {
	width: 690px;
	margin-left: 50px;
}
div#content div.cardEdit div.bgDesign table td {
	width:115px;
	padding-right: 40px;
	border: none;
	text-align: left;
	vertical-align: top;
}
div#content div.cardEdit div.bgDesign table td.name {
	width:115px;
	padding: 3px 10px 0 0;
	border: none;
	text-align: left;
	vertical-align: top;
	font-size:88%;
}
div#content div.cardEdit div.bgDesign table td img {
	margin: 2px auto;
	width:75px;
}
div#content div.cardEdit div.bgDesign table td input {
	width: 68px;
	border: none;
	background: none;
	text-align:center;
	margin-bottom:5px;
}
div#content div.cardEdit div.sendDate div.inner {
	margin-left: 60px;
}
div#content div.cardEdit div.sendDate p {
	padding: 10px 0 20px 60px;
	background: url(../img/cardflow/icon_clock.gif) no-repeat 12px 8px;
	font-weight: bold;
}
div#content div.cardEdit div.sendDate p span {
	font-weight: normal;
}
div#content div.cardEdit div.sendDate p span.must {
	color: #FF0000;
}
div#content div.cardEdit div.sendDate ul.time {
	list-style-type: none;
}
div#content div.cardEdit div.sendDate ul li {
	margin-bottom: 10px;
	font-weight: bold;
}
div#content div.cardEdit div.sendDate ul li span.must {
	color: #FF0000;
}

div#content div.cardEdit div.other p {
	padding: 10px 0 20px 60px;
	background: url(../img/cardflow/icon_check.gif) no-repeat 12px 8px;
	font-weight: bold;
}
div#content div.cardEdit div.other p span {
	font-weight: normal;
}
div#content div.cardEdit div.other p span.must {
	color: #FF0000;
}
div#content div.cardEdit div.other table {
	width: 645px;
	margin: 0 60px 0 60px;
	font-weight: bold;
}
div#content div.cardEdit div.other table th,
div#content div.cardEdit div.other table td {
	padding: 5px;
	vertical-align: top;
	background: url(../img/common/side_border.gif) repeat-x 0 bottom;
}
div#content div.cardEdit div.other table th {
	width: 166px;
}
div#content div.cardEdit div.other table td {
	width: 100px;
}
div#content div.cardEdit div.other table td.tdRight {
	width: 350px;
}
div#content div.cardEdit div.other table td input {
	width: auto;
	border: none;
	background: none;
}
div#content div.cardEdit div.other table th.none,
div#content div.cardEdit div.other table td.none {
	background: none;
}	
div#content div.cardEdit div.other div.notice {
	padding-left:360px;
}
div#content div.cardEdit div.other div.notice p{
	width: auto;
	color: #999999;
	font-size: 82%;
	font-weight: normal;
	background: none;
	margin:0;
	padding:0;
	float:left;
}
div#content div.cardEdit div.other div.notice p.indent  {
	width:380px;
	float:right;
}

div#content div.cardEdit p.regist {
	width: 256px;
	margin: 0 auto;
}
div#content div.cardEdit p.attention {
	color: #FF0000;
	margin-bottom: 15px;
}
div#content div.cardEdit p.btn input {
	width: 256px;
	height: 40px;
}


div#content div.sendComplete {
}
div#content div.sendComplete div.inner h2 {
	margin:0 0 10px 15px;
	font-size:120%!important;
}
div#content div.sendComplete div.inner p {
	margin: 0 0 20px 15px;
}
div#content div.sendComplete div.inner p span {
	font-weight:bold;
	color:#FF0000;
}
div#content div.sendComplete div.inner ul.function {
	list-style: none;
	margin: 0 0 20px;
	padding-top: 20px;
	/*border-top: 1px dashed #999999;*/
	background:url(../img/cardflow/bg_dot.gif) repeat-x;
}
div#content div.sendComplete div.inner ul.function li {
	padding-left: 15px;
	background: url(../img/common/icon_arrow_brue.gif) no-repeat 4px 4px;
}
div#content div.sendComplete div.inner ul.function li span {
	font-weight:bold;
	color:#FF0000;
}
div#content div.sendComplete div.inner div.recommend {
	border: 1px solid #63b9d2;
	margin:0;
	padding:0;
}
div#content div.sendComplete div.inner div.recommnedInner {
	padding: 15px 10px 0;
	border: 4px solid #dff8fd;
}
div#content div.sendComplete div.inner div.recommnedInner p {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}
div#content div.sendComplete div.inner div.recommnedInner h2 {
	margin:0 0 10px 0!important;
	padding-top: 1px;
	background: #0099FF none repeat scroll 0 0;
	font-size: 115%;
}
div#content div.sendComplete div.inner div.recommnedInner h2 span {
	display: block;
	padding: 2px 0;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
div#content div.sendComplete div.inner div.recommnedInner ul.col6 {	
	list-style-type: none!important;
	width: 665px !important;
	margin-bottom: 10px!important;
	padding-left:0;
}
div#content div.sendComplete div.inner div.recommnedInner ul.col6 li span {	
	margin: 0 8px 3px;
}
div#content div.sendComplete div.inner div.recommnedInner ul.col5 {	
	list-style-type: none!important;
	width: 665px !important;
	margin-bottom: 10px!important;
	padding-left:0;
}
div#content div.sendComplete div.inner div.recommnedInner ul.col5 li span {	
	margin: 0 8px 3px;
}



/* ------------------------------------------------------------
【008】メッセージ画面
------------------------------------------------------------ */
div#messagePage {
	width: 755px;
	margin: 0 auto 25px;
}
div#campaign div#messagePage {
	width: 950px;
	margin: 0 auto 25px;
}
/* Start clearfix ------------------------------ */
div#messagePage:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#messagePage { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#messagePage { height: 1%; }
	div#messagePage { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#messageContent {
	margin: 0 auto;
}
/* Start clearfix ------------------------------ */
div#messageContent:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#messageContent { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#messageContent { height: 1%; }
	div#messageContent { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */

div#messageContent div.adArea {
	margin-bottom: 20px;
}
div#messageContent div#header {
	font-size: 82%;
	text-align:left;
	margin-top:25px;
}
/* Start clearfix ------------------------------ */
div#messageContent div#header:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#messageContent div#header { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#messageContent div#header { height: 1%; }
	div#messageContent div#header { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */

div#messageContent div#header h1#siteID,
div#messageContent div#header p#siteID {
	float: left;
	width: 98px;
	height: 60px;
}
div#messageContent div#header ul {
	float: right;
	list-style: none;
}
div#messageContent div#header ul li {
	float: left;
	padding: 5px 10px;
	width:50px;
	background:url(../img/cardflow/bg_listline.gif) no-repeat 0 0;
	text-align: center;
}
div#messageContent div#header ul li.first {
	float: left;
	padding: 5px 10px;
	width:50px;
	background:none;
	text-align: center;
}

div#messageContent div#header ul li.last {
	float: left;
	padding: 5px 10px;
	width:50px;
	border:none;
	text-align: center;
}
div#messageContent div#header ul li img {
	margin-bottom: 5px;
}
div#messageContent div#header ul li span {
	display: block;
}

div#messageContent div.transmitFlow {
	margin: 0 auto 10px;
}
div#messageContent div.transmitFlow div.preview {
	margin-bottom: 20px;
	padding: 20px 0 0;
	background: #FFFFFF url(../img/cardflow/bg_prevew.gif) repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}
/*div#messageContent div.transmitFlow div.preview div.title {
	margin-bottom: 25px;
	border-top: 1px solid #cccccc;	
	border-bottom: 1px solid #cccccc;
	background: #FFFFFF;
}
div#messageContent div.transmitFlow div.preview div.titleinner {
	margin: 1px 0;
	padding:10px 0 10px 60px;
	border-top: 1px dotted #CCCCCC;	
	border-bottom: 1px dotted #CCCCCC;
	background: #FFFFFF;
}*/	
div#messageContent div.transmitFlow div.preview div.title dt {
	float: left;
	width: 90px;
}
div#messageContent div.transmitFlow div.preview div.pcCard {
	width: 510px;
	margin: 0 auto;
}
div#messageContent div.transmitFlow div.preview div.pcCard div#cardPreview {
	display: inline-block;
	border: 3px solid #E6E6E6;
}
div#messageContent div.transmitFlow div.preview div#cardPreviewIos{
	display: inline-block;
	border: 3px solid #E6E6E6;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 504px;
	height: 273px;
}
div#messageContent div.transmitFlow div.preview div.pcCard div#cardPreviewIos {
	display: inline-block;
	border: 3px solid #E6E6E6;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 504px;
	height: 273px;
}
div#messageContent div.transmitFlow ul.step {
	width: 720px;
	margin:0 auto 30px;
	list-style: none;
}
/* Start clearfix ------------------------------ */
div#messageContent div.transmitFlow ul:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#messageContent div.transmitFlow ul { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#messageContent div.transmitFlow ul { height: 1%; }
	div#messageContent div.transmitFlow ul { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
	
div#messageContent div.transmitFlow li.reselect {
	float: left;
}
div#messageContent div.transmitFlow li.send {
	float: right;
}
div#messageContent div.transmitFlow li.addFavorite {
	padding-top: 10px;
	text-align: center;
}
div#messageContent div.transmitFlow div.preview div.mobileCard {
	padding: 87px 0 57px 1px;
	background: url(../img/cardflow/bg_content.gif) no-repeat 50% 0;
	text-align: center;
	margin-bottom:10px;
}
div#messageContent div.transmitFlow div.preview div.mobileCardGif {
	margin-bottom: 10px;
	padding: 133px 0 107px 1px;
	background: url(../img/cardflow/bg_content.gif) no-repeat 50% 0;
	text-align: center;
}
/*div#messageContent div.transmitFlow div.preview .mobileMessage {
	width:439px;
	margin:0 auto;
	padding:15px 30px;
	background:#FFFFFF url(../img/cardflow/icon_sound.gif) repeat-x;
	text-align:left;
}*/
div#messageContent div.transmitFlow p.banner {
	width: 468px;
	margin: 0 auto 15px;;
	text-align: center;
}
div#messageContent div.transmitFlow p.about {
	text-align: right;
}
div#messageContent div.transmitFlow p.about a {
	padding-left: 25px;
	background: url(../img/password/pwd_icon_question.gif) no-repeat 0 50%;
}
div#messageContent div.transmitFlow div.preview div.pcCard #sound {
	padding: 5px 10px 5px 5px;
	background: #FFFFFF url(../img/cardflow/bg_sound.gif) repeat-x;
	text-align: right;
}
div#messageContent div.transmitFlow div.preview div.pcCard #sound #hidese a {
	padding-left: 15px;
	background: url(../img/cardflow/icon_sound.gif) no-repeat 0 50%;
	font-weight:bold;
	color:#6e6e6e;
}
div#messageContent div.transmitFlow div.preview div.pcCard #outer {
	margin-bottom: 25px;
	width: 510px;
}
div#messageContent div.transmitFlow div.preview div.pcCard #outer div.more a#showmsg {
	display: block;
	width: 512px;
	padding: 5px 0;
	background: #F7F7F7 url(../img/cardflow/bar_sound.gif) no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

div#messageContent div.transmitFlow div.preview p.sameCard{
background:#FAFAFA url(../img/cardflow/bg_same_res.gif) repeat-x scroll 0 0;
margin-top:20px;
padding:8px;
text-align:right;
}
/*div#messageContent div.transmitFlow div.preview p.sameCard {
	text-align: right;
}*/
div#messageContent div.transmitFlow div.preview p.sameCard a {
	padding-left: 10px;
	background: url(../img/common/icon_arrow_brue.gif) no-repeat 0 50%;
}
div#messageContent div.transmitFlow div.preview div.title dl.from {
	padding-left: 30px;
	background: url(../img/password/icon_mail.gif) no-repeat 0 2px;
	font-weight: bold;
}
div#messageContent div.transmitFlow div.preview div.title dl.from dt {
	width: auto;
	margin-right: 5px;
}
div#messageContent div.transmitFlow div.preview div.title dl.from dd {
	text-align: left;
}
div#messageContent div.transmitFlow p.prArea {
	margin-bottom: 15px;
	padding: 5px 0;
	background: #ededed;
	border: solid 1px #cccccc;
	text-align: center;
}
div#messageContent div.transmitFlow div.info {
	margin-bottom: 15px;
	padding-top: 5px;
	background: #63cdff;
}
div#messageContent div.transmitFlow div.info h2 {
	padding: 10px 0;
	margin:0 auto;
	background: #FFFFFF url(../img/password/bg_prevew_s.gif) repeat-x top;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #e7e7e7;
	color: #333333;
	font-size: 125%;
	font-weight: bold;
}

div#messageContent div.transmitFlow div.info h2 span.free{
	display: inline!important;

	color: #FF0000;

}
div#messageContent ul.col5 {
	display: block;
	list-style-type:none;
	margin-bottom:15px;
	width:755px;
}
div#messageContent ul.col5 li {
	float:left;
	width:19.9%;
	text-align:center;
	background: url(../img/cardflow/bg_frame.gif) no-repeat 33px 0;
	*background: url(../img/cardflow/bg_frame.gif) no-repeat 32px 0;
}
div#messageContent ul.col5 li img {
	margin-top:6px;
	width:75px;
}

div#messageContent div.transmitFlow div.info ul {
	padding: 10px 0 0;
	background: #FFFFFF url(../img/password/bg_prevew_s.gif) repeat-x top;
	border-top: 1px solid #FFFFFF;
	margin-bottom:10px;
}
div#messageContent div.transmitFlow div.info span {
	display: block;
	margin:10px 0;
}
div#messageContent div.transmitFlow div.info a.reply {
	display:inline-block;
	margin:0 auto;
	padding-top:2px;
	background: url(../img/password/btn_reply.gif) no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	height:22px;
	width:82px;
	text-decoration:none;
}
div#messageContent div.transmitFlow div.seasonRecommend {
	border: 1px solid #63cdff;
}
div#messageContent div.transmitFlow div.seasonRecommend div.seasonRecommendbox{
	padding: 20px 30px;
	border: 4px solid #dff9ff;
}
/* Start clearfix ------------------------------ */
div#messageContent div.transmitFlow div.seasonRecommend:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#messageContent div.transmitFlow div.seasonRecommend { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#messageContent div.transmitFlow div.seasonRecommend { height: 1%; }
	div#messageContent div.transmitFlow div.seasonRecommend { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
	
div#messageContent div.transmitFlow div.seasonRecommend h2 {
	margin-bottom: 15px;
	font-size: 125%;
	text-align: center;
}
div#messageContent div.transmitFlow div.seasonRecommend h3 {
	float: left;
	width: 150px;
	margin-right: 30px;
	margin-bottom: 15px;
	font-weight: normal;
	text-align:left;
}
div#messageContent div.transmitFlow div.seasonRecommend h3 span {
	margin-top:10px;
}
div#messageContent div.transmitFlow div.seasonRecommend ul {
	list-style: none;
	float: left;
	width: 505px;
	margin-bottom: 15px;
}

div#messageContent div.transmitFlow div.seasonRecommend ul li {
	float: left;
	width: 245px;
	margin-right: 5px;
}
div#messageContent div.transmitFlow div.seasonRecommend ul li dl dt {
	padding: 1px 0 2px;
	background: #0099ff;
}
div#messageContent div.transmitFlow div.seasonRecommend ul li dl dt span {
	display: block;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	font-size:115%;
	text-align: center;
	padding-top:2px;
}
div#messageContent div.transmitFlow div.seasonRecommend ul li dl dd {
	float: left;
	width: 100px;
	padding: 5px 11px;
	background: #FFFFFF;
}
div#messageContent div.transmitFlow div.seasonRecommend ul li dl dd.pc {
	float: left;
	width: 84px;
	padding: 5px 19px;
	background: #FFFFFF;
}
div#messageContent div.transmitFlow div.seasonRecommend ul li dl dd a img {
	margin: 3px 0;
	border: 3px solid #ededed;
}
div#messageContent div.transmitFlow div.seasonRecommend ul li dl dd a:hover img {
	margin: 3px 0;
	border: 3px solid #FBB999;
}
div#messageContent div.transmitFlow div.seasonRecommend div.searchArea {
	clear: left;
	margin-bottom:15px;
	padding:10px 0 10px 50px;
	background:#F4F4F4;
	border:1px solid #cccccc;
}
div#messageContent div.transmitFlow div.seasonRecommend div.searchArea th {
	padding:4px 10px 4px 20px;
	background: url(../img/top/icon_search.gif) no-repeat scroll 0 50%;
	text-align:left;
	font-weight:normal;
}
div#messageContent div.transmitFlow div.seasonRecommend div.searchArea td input,
div#messageContent div.transmitFlow div.seasonRecommend div.searchArea td select {
	width: 210px;
	*width: 209px;
	vertical-align: middle;
}
div#messageContent div.transmitFlow div.seasonRecommend div.searchArea td.select{
	width:232px;
	*width:228px;
}
div#messageContent div.transmitFlow div.seasonRecommend div.searchArea td img {
	vertical-align: middle;
	margin: 0 3px;
}
div#messageContent div.transmitFlow div.seasonRecommend div.searchArea td input.submit {
	width: 57px;
	height: 21px;
	margin-left: 5px;
}
div#messagePage p.copy {
	color: #666666;
}
div#content div.messageScreen {
	width: 850px;
	margin: 0 auto 10px;
}
div#content div.messageScreen p.statusConfirm span {
	font-weight:bold;
}
div#content div.messageScreen p.statusConfirm span.red {
	font-weight:bold;
	color:#FF0000;
}
div#content div.messageScreen div.inner {
	margin: 0 auto;
}
div#content div.messageScreen div.inner dl.forOpen {
	margin: 0 auto 20px;
	background: #FFFFFF url(../img/password/bg_pwd_box.gif) no-repeat scroll 0 bottom;
	width:755px;
}
div#content div.messageScreen div.inner dl.forOpen dt {
	padding: 5px;
	background: #FFFFFF url(../img/password/pwd_box_top.gif) no-repeat scroll 0 top;
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}
div#content div.messageScreen div.inner dl.forOpen dd {
	padding: 30px 0 35px 180px;
}
div#content div.messageScreen div.inner dl.forOpen dd p {
	margin-bottom: 15px;
}
div#content div.messageScreen div.inner dl.forOpen dd span {
	color: #FF0000;
	font-weight: bold;
}
div#content div.messageScreen div.inner ul.question {
	list-style: none;
}
div#content div.messageScreen div.inner ul.question ul {
	width:755px;
}
div#content div.messageScreen div.inner ul.question li {
	padding: 20px 0 40px;
	background: url(../img/password/bg_pwd_list.gif) repeat-x;
}
div#content div.messageScreen div.inner ul.question dl {	
	width: 755px;
	margin: 0 auto;
}
div#content div.messageScreen div.inner ul.question dl dt {
	margin-bottom: 10px;
	padding-left: 25px;
	background: url(../img/password/pwd_icon_question.gif) no-repeat;
	font-weight: bold;
}
div#content div.messageScreen div.inner ul.question dl dd {
	margin-bottom: 20px;
}
div#content div.messageScreen div.inner ul.question dl dd span {
	color: #FF0000;
}

div#messageContent div.transmitFlow div.preview pre.mobileMessage {
	display: block;
	width: 408px;
	margin: -1px auto 25px auto;
	padding: 66px 50px 35px 50px;
	background: #f7f7f7 url(../img/greeting/bg_mobileMessage.gif) no-repeat 0 0!important;
	text-align: left;
	font-weight: bold;
}

/* ------------------------------------------------------------
【009】お気に入り・【010】閲覧履歴・【011】受信BOX・【012】アドレス帳
------------------------------------------------------------ */
div#content div.mycontentsManage {
	width: 850px;
	margin: 0 auto 10px;
}
div#content div.mycontentsManage p {
	margin-bottom: 15px;
}

div#content div.mycontentsManage div.switch {
	text-align: right;
}
div#content div.mycontentsManage div.switch ul {
	margin-bottom: 10px;
	list-style: none;
}
div#content div.mycontentsManage div.switch li {
	display: inline;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #CCCCCC;
	font-weight: bold;
}
div#content div.mycontentsManage div.switch li.last {
	margin: 0;
	padding: 0;
	border: none;
}
div#content div.mycontentsManage div.switch li a {
	font-weight: normal;
}
div#content div.mycontentsManage table th {
	white-space: nowrap;
}
div#content div.mycontentsManage table th span.title {
	display: block;
	margin: -18px 20px 0 0;
}
div#content div.mycontentsManage table th span.sort {
	display: block;
	text-align: right;
	margin: 0;
}



/* ------------------------------------------------------------
【013】送信履歴
------------------------------------------------------------ */

/* ------------------------------------------------------------
【014】カレンダー
------------------------------------------------------------ */
div#content div.calendarManage {
	width: 850px;
	margin: 0 auto 10px;
}
div#content p.info {
	margin-bottom: 20px;
	text-align: center;
}
div#content div.calendarManage dl {
	float: right;
	width: 120px;
	margin-bottom: 10px;
	padding: 3px 0 3px 3px;
	background: #cccccc;
}
div#content div.calendarManage dt {
	float: left;
	margin-right: 5px;
}
div#content div.calendarManage dd select {
	width: 60px;
	border: 1px solid #cccccc;
}

div#content div.calendarManage div.inner div.menu {
	clear: right;
	width:850px;
	margin-bottom: 3px;
	border-bottom: 1px solid #cccccc;
}
/* Start clearfix ------------------------------ */
div#content div.calendarManage div.inner div.menu:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#content div.calendarManage div.inner div.menu { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#content div.calendarManage div.inner div.menu { height: 1%; }
	div#content div.calendarManage div.inner div.menu { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */

div#content div.calendarManage div.inner div.menu h2 {
	float: left;
	line-height: 1;
}
div#content div.calendarManage div.inner div.menu h2 span {
	font-size: 200%;
}
div#content div.calendarManage div.menu ul {
	display: block;
	list-style: none;
	float: right;
}
div#content div.calendarManage div.menu li {
	display: block;
	float: left;
	width: 48px;
	padding: 5px 0;
	background: url(../img/calendar_manage/tab_bg.gif) no-repeat;
	font-weight: bold;
	text-align: center;
}
div#content div.calendarManage div.menu li.active {
	background: url(../img/calendar_manage/tab_bg_active.gif) no-repeat;
	color:#FFFFFF;
}
div#content div.calendarManage table {
	width: 850px;
	border: 2px #cccccc solid;
	border-collapse: collapse;
	border-spacing: 0;
}
div#content div.calendarManage table th {
	width: 110px;
	padding: 5px;
	border: #cccccc solid;
	border-width: 0 0 1px 1px;
	background: #eeeeee;
	font-weight: bold;
	text-align: center;
}
div#content div.calendarManage table th.sunday {
    background: #ffcccc;
}
div#content div.calendarManage table th.saturday {
	background: #d6e2ff;
}
div#content div.calendarManage table tr.date td {
	padding: 3px;
	border: 1px #cccccc solid;
	border-width: 0 1px 0 0;
	background: #f0f0f0;
	font-weight: normal;
}
div#content div.calendarManage table tr.date td.sunday {
	background: #f0e0e0;
}
div#content div.calendarManage table tr.date td.saturday {
	background: #e0e5f0;
}
div#content div.calendarManage table tr.date td.special {
	background: #f0edd0;
}
div#content div.calendarManage table tr.date span {
	font-weight: bold;
}
div#content div.calendarManage table td {
	width: 110px;
	padding: 5px;
	border: 1px solid #cccccc;
	border-width: 0 0 1px 1px;
	word-break: break-all;
}
div#content div.calendarManage table td.sunday {
	background: #ffeeee;
}
div#content div.calendarManage table td.saturday {
	background: #eef3ff;
}
div#content div.calendarManage table td.special {
	background: #fffcdd;
}
div#content div.calendarManage table td li {
	list-style: none;
	padding-left: 20px;
}
div#content div.calendarManage table td li.birthday {
	background: url(../img/calendar/ic101.gif) no-repeat left top;
}
div#content div.calendarManage table td li.anniversary {
	background: url(../img/calendar/ic102.gif) no-repeat left top;
}
div#content div.calendarManage ul.paging {
	display: block;
	list-style: none;
	float: right;
	width: 160px;
	font-weight: bold;
	text-align : right;
}
div#content div.calendarManage ul.paging li.prev {
	float: left;
}
div#content div.calendarManage ul.paging li.next {
	float: right;
}
div#content div.calendarManage ul.paging li.now {
	text-align: center;
}

div#content div.calendarRegister {
	width: 850px;
	margin: 0 auto 10px;
}
div#content div.calendarRegister h2 {
	margin: 0 auto 20px;
	padding: 10px;
	background: #eef2f9;
	border: 1px solid #d4e2ed;
}


/* ------------------------------------------------------------
【015】ランキング
------------------------------------------------------------ */
div#main div.ranking h1 {
	margin-bottom: 10px;
}
div#main div.ranking p {
	margin: 0 50px 10px;
}
div#main div.ranking div.rankingWrapper {
	padding: 10px 5px;
	background: #F6F6F6;
}
/* Start clearfix ------------------------------ */
div#main div.ranking div.rankingWrapper:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.ranking div.rankingWrapper { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.ranking div.rankingWrapper { height: 1%; }
	div#main div.ranking div.rankingWrapper { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.ranking div.pcCard {
	float: left;
	width: 367px;
}
div#main div.ranking div.pcCardmain {
	width: 367px;
	background: url(../img/ranking/pccardmain_bg.gif) repeat-y;
}
div#main div.ranking div.pcCard h2 {
	padding: 6px 0 6px 90px;
	background: url(../img/ranking/title_pc.gif) no-repeat;
	font-size: 115%;
}
div#main div.ranking div.mbCard {
	float: right;
	width: 367px;
}
div#main div.ranking div.mbCardmain {
	width: 367px;
	background: url(../img/ranking/mobilecardmain_bg.gif) repeat-y;
}
div#main div.ranking div.mbCard h2 {
	padding: 6px 0 6px 90px;
	background: url(../img/ranking/title_mobile.gif) no-repeat;
	font-size: 115%;
}
div#main div.ranking ol {
	width: 359px;
	padding: 0 4px;
	list-style: none;
}
div#main div.ranking div.pcCard ol {
	background: url(../img/ranking/pccardmain_bottom.gif) no-repeat 0 bottom;
}
div#main div.ranking div.mbCard ol {
	background: url(../img/ranking/mobilecardmain_bottom.gif) no-repeat 0 bottom;
}
div#main div.ranking div.pcCardmain li.rank01 {	background: url(../img/ranking/pc_rank01.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank02 {	background: url(../img/ranking/pc_rank02.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank03 {	background: url(../img/ranking/pc_rank03.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank04 {	background: url(../img/ranking/pc_rank04.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank05 {	background: url(../img/ranking/pc_rank05.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank06 {	background: url(../img/ranking/pc_rank06.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank07 {	background: url(../img/ranking/pc_rank07.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank08 {	background: url(../img/ranking/pc_rank08.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank09 {	background: url(../img/ranking/pc_rank09.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank10 {	background: url(../img/ranking/pc_rank10.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank11 {	background: url(../img/ranking/pc_rank11.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank12 {	background: url(../img/ranking/pc_rank12.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank13 {	background: url(../img/ranking/pc_rank13.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank14 {	background: url(../img/ranking/pc_rank14.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank15 {	background: url(../img/ranking/pc_rank15.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank16 {	background: url(../img/ranking/pc_rank16.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank17 {	background: url(../img/ranking/pc_rank17.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank18 {	background: url(../img/ranking/pc_rank18.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank19 {	background: url(../img/ranking/pc_rank19.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank20 {	background: url(../img/ranking/pc_rank20.gif) no-repeat 15px 5px;}
div#main div.ranking div.pcCardmain li.rank20 dl {	background: none;}

div#main div.ranking div.mbCardmain li.rank01 {	background: url(../img/ranking/mobile_rank01.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank02 {	background: url(../img/ranking/mobile_rank02.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank03 {	background: url(../img/ranking/mobile_rank03.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank04 {	background: url(../img/ranking/mobile_rank04.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank05 {	background: url(../img/ranking/mobile_rank05.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank06 {	background: url(../img/ranking/mobile_rank06.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank07 {	background: url(../img/ranking/mobile_rank07.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank08 {	background: url(../img/ranking/mobile_rank08.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank09 {	background: url(../img/ranking/mobile_rank09.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank10 {	background: url(../img/ranking/mobile_rank10.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank11 {	background: url(../img/ranking/mobile_rank11.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank12 {	background: url(../img/ranking/mobile_rank12.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank13 {	background: url(../img/ranking/mobile_rank13.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank14 {	background: url(../img/ranking/mobile_rank14.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank15 {	background: url(../img/ranking/mobile_rank15.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank16 {	background: url(../img/ranking/mobile_rank16.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank17 {	background: url(../img/ranking/mobile_rank17.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank18 {	background: url(../img/ranking/mobile_rank18.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank19 {	background: url(../img/ranking/mobile_rank19.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank20 {	background: url(../img/ranking/mobile_rank20.gif) no-repeat 15px 5px;}
div#main div.ranking div.mbCardmain li.rank20 dl {	background: none;}

div#main div.ranking div.pcCardmain li dl {
	padding: 10px 5px 10px 75px;
	background: url(../img/ranking/pccardlist_bg.gif) repeat-x 0 bottom;
}
div#main div.ranking div.mbCardmain li dl {
	padding: 11px 5px 12px 75px;
	background: url(../img/ranking/mobilecardlist_bg.gif) repeat-x 0 bottom;
}
/* Start clearfix ------------------------------ */
div#main div.ranking li dl:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.ranking li dl { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.ranking li dl { height: 1%; }
	div#main div.ranking li dl { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */

div#main div.ranking li dl dt {
	float: left;
}
div#main div.ranking div.pcCardmain li dl dd {
	margin-left: 90px;
}
div#main div.ranking div.mbCardmain li dl dd {
	margin-left: 110px;
}


/* ------------------------------------------------------------
【016】アーティスト一覧
------------------------------------------------------------ */
div#main div.artistList {
	color: #333333;
}
div#main div.artistList h1 {
	margin-bottom: 10px;
}
div#main div.artistList p {
	margin: 0 50px 10px;
}
div#main div.artistList p.pageTop {
	margin: 0;
	padding: 2px 5px;
	background: #E3F3F9;
	text-align: right;
}
div#main div.artistList p.pageTop a {
	padding-left: 15px;
	background: url(../img/artist/icon_pagetop.gif) no-repeat 0 50%;
}
div#main div.artistList dl.navi {
	width: 755px;
	margin-bottom: 15px;
	padding-bottom: 6px;
	background: url(../img/artist/list_bg.gif) repeat-x 0 bottom;
}
/* Start clearfix ------------------------------ */
div#main div.artistList dl.navi:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.artistList dl.navi { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.artistList dl.navi { height: 1%; }
	div#main div.artistList dl.navi { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.artistList dl.navi dt {
	float: left;
	width: 67px;
	padding-top: 3px;
}
div#main div.artistList dl.navi dd {
	float: left;
	width: 67px;
}
div#main div.artistList dl.navi dd a {
	display: block;
	width: 65px;
	padding: 5px 0;
	color: #333333;
	background: url(../img/artist/tab_bg.gif) no-repeat;
	text-align: center;
	font-weight: bold;
}
div#main div.artistList dl.navi dd a:hover {
	color: #F26522;
}
div#main div.artistList dl.artist {
	padding: 3px 0;
	background: #E3F3F9;
}
div#main div.artistList dl.artist dt {
	margin-bottom: 3px;
	padding: 7px 15px;
	background: url(../img/artist/title_bg.gif) no-repeat;
	font-weight: bold;
}
div#main div.artistList dl.artist dd {
	margin: 0 3px 2px;
	padding: 10px;
	border: 1px solid #99CCFF;
	background: #FFFFFF;
}
/* Start clearfix ------------------------------ */
div#main div.artistList dl.artist dd dl:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.artistList dl.artist dd dl { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.artistList dl.artist dd dl { height: 1%; }
	div#main div.artistList dl.artist dd dl { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.artistList dl.artist dd dt {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
div#main div.artistList dl.artist dd dd {
	margin: 0 0 3px 90px;
	padding: 0;
	border: none;
}
div#main div.artistList dl.artist dd.cardIcon {
	margin: 0;
	float: right;
}
div#main div.artistList dl.artist dd.cardIcon a {
	margin-left: 5px;
}
div#main div.artistList dl.artist dd dd.artistName {
	font-size: 115%;
	font-weight: bold;
}
div#main div.artistList dl.artist dd dd.url {
	padding-left: 25px;
	background: url(../img/artist/homepage.gif) no-repeat 0 50%;
}


/* ------------------------------------------------------------
【017】利用規約
------------------------------------------------------------ */
div.agreement h1 {
	margin-bottom: 20px;
	padding: 9px 25px;
	background: url(../img/common/h1_bg_yellow.gif) no-repeat;
	font-size: 115%;
}
div.agreement dl {
	margin: 0 50px 10px;
}
div.agreement dt {
	margin-bottom: 10px;
	padding: 1px 0;
	border-top: 1px solid #FFD739;
	border-bottom: 1px solid #FFD739;
	font-size: 115%;
	font-weight: bold;
}
div.agreement dt span {
	display: block;
	padding: 3px 10px;
	background: #FFF6CC;
}
div.agreement dd {
	margin-bottom: 20px;
}
div.agreement dd ol {
	margin-left: 30px;
}
div.agreement p {
	margin: 0 50px 10px;
	text-align: right;
}


/* ------------------------------------------------------------
【018】サイトマップ
------------------------------------------------------------ */
div#content div.sitemap {
	margin: 0 15px;
}
/* Start clearfix ------------------------------ */
div#content div.sitemap:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#content div.sitemap { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#content div.sitemap { height: 1%; }
	div#content div.sitemap { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#content div.sitemap div.group01,
div#content div.sitemap div.group02,
div#content div.sitemap div.group03 {
	float: left;
	width: 295px;
	padding-right: 10px;
}
div#content div.sitemap ul {
	list-style: none;
}
div#content div.sitemap ul li {
	margin-bottom: 20px;
	font-size: 115%;
	font-weight: bold;
}
div#content div.sitemap ul li ul {
	margin-top: 5px;
	padding-top: 5px;
	background: url(../img/common/dotted.gif) repeat-x;
	padding-left: 20px;
}
div#content div.sitemap ul li ul li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../img/common/icon_arrow_yellow_s.gif) no-repeat 0 3px;
	font-size: 82%;
	font-weight: normal;
}


/* ------------------------------------------------------------
【019】スペシャルカード
------------------------------------------------------------ */
div#main div.special h1 {
	margin-bottom: 15px;
	text-align: center;
}
div#main div.special h2 {
	margin-bottom: 15px;
	padding: 1px;
	color: #FFFFFF;
	font-size: 125%;
}
div#main div.special h2 span {
	display: block;
}
div#main div.special h2.livly {
	background: #ff5900;
}
div#main div.special h2.monchhichi {
	background: #CE6300;
}
div#main div.special h2.keroro {
	background: #7CC252;
}
div#main div.special h2.mitsuwo {
	background: #CC6666;
}
div#main div.special h2.etei {
	background: #999966;
}
div#main div.special h2.torch {
	background: #FF3366;
}
div#main div.special h2.oyako {
	background: #FF3C05;
}
div#main div.special h2 span {
	padding: 2px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
div#main div.special h2.thevinh span {
	padding: 0;
	border: none;
	text-align: left;
}
div#main div.special h3.keroro,
div#main div.special h3.mitsuwo {
	margin: 0 0 5px 92px;
	padding-left: 15px;
	background: url(../img/common/icon_bottom.gif) no-repeat 0 50%;
}
div#main div.special p {
	margin-bottom: 15px;
}
div#main div.special p.center {
	text-align: center;
}
div#main div.special p.officialSite {
	text-align: center;
}
div#main div.special div.colL {
	width: 370px;
	float: left;
	overflow: hidden;
}
div#main div.special div.colR {
	width: 370px;
	float: right;
	overflow: hidden;
}
div#main div.special div.mitsuwoMobile {
	width: 755px;
	background: #F9FFE6;
}
/* Start clearfix ------------------------------ */
div#main div.special div.mitsuwoMobile:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.special div.mitsuwoMobile { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.special div.mitsuwoMobile { height: 1%; }
	div#main div.special div.mitsuwoMobile { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.special div.mitsuwoMobile h2 {
	background: #009900;
}
div#main div.special div.mitsuwoMobile h2 span {
	padding: 2px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
div#main div.special div.mitsuwoMobile p.img {
	display: block;
	width:145px;
	float: left;
	text-align: center;
}
div#main div.special div.mitsuwoMobile p.img img {
	margin-bottom: 10px;
}
div#main div.special div.mitsuwoMobile p.text {
	margin: 0 15px 5px 150px;
}
div#main div.special div.mitsuwoMobile p.text strong {
	color: #009900;
}
div#main div.special dl.machiraku {
	float: right;
	width: 350px;
	margin: -110px 0 0 160px;
}
div#main div.special dl.machiraku dt {
	float: left;
	width: 160px;
}
div#main div.special dl.lightBoard {
	width: 725px;
	margin-bottom: 10px;
	padding: 10px;
	border: 4px solid #CEDEB6;
	background: #ECF1E7 url(../img/special/lightboard/ptn.gif);
}
/* Start clearfix ------------------------------ */
div#main div.special dl.lightBoard:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.special dl.lightBoard { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.special dl.lightBoard { height: 1%; }
	div#main div.special dl.lightBoard { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.special dl.lightBoard dt {
	float: left;
	width: 200px;
}
div#main div.special dl.lightBoard dt img {
	border: 7px solid #276207;
}
div#main div.special dl.lightBoard dd {
	margin: 0 0 5px 220px;
}
div#main div.special dl.lightBoard dd.title {
	font-size: 115%;
	font-weight: bold;
}
div#main div.special dl.lightBoard dd.more {
	padding-left: 10px;
	background: url(../img/common/icon_arrow_brue.gif) no-repeat 0 50%;
}

div#main div.special div.oyako {
	width: 755px;
}
div#main div.special div.oyako,
div#main div.special div.oyako3col {
	margin-bottom: 15px;
}
/* Start clearfix ------------------------------ */
div#main div.special div.oyako:after,
div#main div.special div.oyako3col:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.special div.oyako,
div#main div.special div.oyako3col { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.special div.oyako,
	* html div#main div.special div.oyako3col { height: 1%; }
	div#main div.special div.oyako,
	div#main div.special div.oyako3col { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.special div.oyako h1 {
	float: left;
}
div#main div.special div.oyako p {
	clear: none;
	margin: 0 0 5px 210px;
}
div#main div.special div.oyako3col dl {
	width: 250px;
}

/* スペシャルカード花言葉 */
div#main div.specialHanakotoba h1 {
	margin-bottom: 10px;
}
div#main div.specialHanakotoba ul {
	margin-bottom: 15px;
	text-align: center;
}
div#main div.specialHanakotoba ul li {
	display: inline;
}
div#main div.specialHanakotoba div.days {
	width: 375px;
	float: left;
	margin-bottom: 15px;
	padding-top: 15px;
	background: url(../img/special/hanakotoba/list_bg.gif) no-repeat;
}
div#main div.specialHanakotoba dl {
	width: 375px;
	padding-bottom: 15px;
	background: url(../img/special/hanakotoba/list_bg_bottom.gif) no-repeat 0 bottom;
}
/* Start clearfix ------------------------------ */
div#main div.specialHanakotoba dl:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.specialHanakotoba dl { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.specialHanakotoba dl { height: 1%; }
	div#main div.specialHanakotoba dl { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.specialHanakotoba dl dt {
	float: left;
	width: 113px;
	text-align: right;
}
div#main div.specialHanakotoba dl dd {
	padding: 0 20px 10px 135px;
}
div#main div.specialHanakotoba div.monthInfo {
	margin-bottom: 15px;
}
/* Start clearfix ------------------------------ */
div#main div.specialHanakotoba div.monthInfo:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.specialHanakotoba div.monthInfo { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.specialHanakotoba div.monthInfo { height: 1%; }
	div#main div.specialHanakotoba div.monthInfo { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.specialHanakotoba div.monthInfo h2 {
	float: left;
	width: 210px;
}
div#main div.specialHanakotoba div.monthInfo p {
	padding: 20px 0 0 210px;
}


/* ------------------------------------------------------------
【020】特集
------------------------------------------------------------ */
div#main div.event h1 {
	margin-bottom: 10px;
	padding: 1px;
	border-top: 3px solid;
	border-right: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	color: #333333;
	font-size: 125%;
}
div#main div.event h1 span {
	display: block;
	padding: 5px 20px;
	background: #F3F3F3 url(../img/event/title_bg.gif) repeat-x;
}
div#main div.event p {
	margin: 0 0 10px 15px;
}
div#main div.event p.phone {
	margin: 75px 0 10px 0;
	_margin: 42px 0 10px 0;
}
div#main div.event h2 {
	margin-bottom: 20px;
	padding-top: 1px;
	font-size: 115%;
}
div#main div.event h2 span {
	display: block;
	padding: 2px;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
div#main div.event hr {
	height: 1px;
	margin-bottom: 20px;
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #CCCCCC;
}
div#main div.event div.pccardSelection{
	position:relative;
	bottom:0;
	width: 755px;
	margin-bottom:20px;
}
div#main div.event div.pccardSelectionBtm,
div#main div.event div.mobilecardSelection {
	width: 755px;
	margin: 0;
}
div#main div.event div.otherSelection {
	width: 725px;
	margin: 0 15px;
}
/* Start clearfix ------------------------------ */
div#main div.event div.pccardSelection:after,
div#main div.event div.mobilecardSelection:after,
div#main div.event div.otherSelection:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.event div.pccardSelection,
div#main div.event div.mobilecardSelection,
div#main div.event div.otherSelection { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.event div.pccardSelection,
	* html div#main div.event div.mobilecardSelection,
	* html div#main div.event div.otherSelection { height: 1%; }
	div#main div.event div.pccardSelection,
	div#main div.event div.mobilecardSelection,
	div#main div.event div.otherSelection { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.event div.eventList {
	float: left;
	width: 180px;
}
div#main div.event div.eventList ul {
	margin: 0 0 15px 15px;
	list-style: none;
}
div#main div.event div.eventList li {
	padding: 0 0 3px 10px;
	background: url(../img/common/icon_arrow_brue.gif) no-repeat 0 5px;
}
div#content div#main div.event ul.col5 {
	float: right;
	width: 545px;
}
div#main div.event div.mobilecardSelection div.mobilecard {
	float: right;
	width: 545px;
}
div#main div.event div.mobilecardSelection div.mobilecard div {
	width: 145px;
	float: left;
	background: url(../img/top/top_mobilearea_bg.gif) no-repeat 0 0;
}
div#main div.event div.mobilecardSelection div.mobilecard div p.genre {
	margin-bottom: 5px;
	text-align: center;
}
div#main div.event div.mobilecardSelection div.mobilecard div dl {
	width: 104px;
	height: 72px;
	margin-left: 19px;
	padding-top: 30px;
	text-align: center;
}
div#main div.event div.mobilecardSelection div.mobilecard div dl dt {
	margin-bottom: 5px;
}
div#content div#main div.event div.mobilecardSelection div.mobilecard ul.col3 {
	width: 400px;
	float: right;
}
div#main div.event div.otherSelection dl {
	width: 241px;
}

/* バースデーカード */
div#main div.event h1.birthday {	border-top-color: #45ABF6;}
div#main div.event h2.birthday {	background: #45ABF6;}
/* ありがとう */
div#main div.event h1.thankyou {	border-top-color: #45ABF6;}
div#main div.event h2.thankyou {	background: #45ABF6;}
/* おめでとう */
div#main div.event h1.congratulation {	border-top-color: #45ABF6;}
div#main div.event h2.congratulation {	background: #45ABF6;}
/* 結婚・出産 */
div#main div.event h1.marriage {	border-top-color: #FF4F7A;}
div#main div.event h2.marriage {	background: #FF4F7A;}
/* 応援 */
div#main div.event h1.encourage {	border-top-color: #45ABF6;}
div#main div.event h2.encourage {	background: #45ABF6;}
/* ラブ */
div#main div.event h1.love {	border-top-color: #45ABF6;}
div#main div.event h2.love {	background: #45ABF6;}
/* ゲーム */
div#main div.event h1.game {	border-top-color: #45ABF6;}
div#main div.event h2.game {	background: #45ABF6;}
/* ゲーム */
div#main div.event h1.photo {	border-top-color: #339966;}
div#main div.event h2.photo {	background: #339966;}
/* 年賀状 */
div#main div.event h1.nenga {	border-top-color: #FF3300;}
div#main div.event h2.nenga {	background: #FF3300;}
/* 年賀状 */
div#main div.event h1.nenga {	border-top-color: #FF3300;}
div#main div.event h2.nenga {	background: #FF3300;}
/* 寒中見舞い */
div#main div.event h1.winter {	border-top-color: #60BDD5;}
div#main div.event h2.winter {	background: #60BDD5;}
/* 成人の日 */
div#main div.event h1.seijin {	border-top-color: #FF3300;}
div#main div.event h2.seijin {	background: #FF3300;}
/* 受験 */
div#main div.event h1.juken {	border-top-color: #FF6600;}
div#main div.event h2.juken {	background: #FF6600;}
/* 節分 */
div#main div.event h1.setsubun {	border-top-color: #CC6600;}
div#main div.event h2.setsubun {	background: #CC6600;}
/* バレンタイン */
div#main div.event h1.valentine {	border-top-color: #660000;}
div#main div.event h2.valentine {	background: #660000;}
/* 猫の日 */
div#main div.event h1.cat {	border-top-color: #EB4454;}
div#main div.event h2.cat {	background: #EB4454;}
/* ひな祭り */
div#main div.event h1.hinamatsuri {	border-top-color: #D02238;}
div#main div.event h2.hinamatsuri {	background: #D02238;}
/* ホワイトデー */
div#main div.event h1.whiteday {	border-top-color: #72CAE1;}
div#main div.event h2.whiteday {	background: #72CAE1;}
/* 新生活 */
div#main div.event h1.fresh {	border-top-color: #66CC00;}
div#main div.event h2.fresh {	background: #66CC00;}
/* 春の挨拶 */
div#main div.event h1.spring {	border-top-color: #FF9999;}
div#main div.event h2.spring {	background: #FF9999;}
/* エイプリルフール */
div#main div.event h1.aprilfool {	border-top-color: #0099CC;}
div#main div.event h2.aprilfool {	background: #0099CC;}
/* ゴールデンウィーク　こどもの日 */
div#main div.event h1.gw {	border-top-color: #33CCFF;}
div#main div.event h2.gw {	background: #33CCFF;}
/* 母の日 */
div#main div.event h1.mother {	border-top-color: #9999CC;}
div#main div.event h2.mother {	background: #9999CC;}
/* 父の日 */
div#main div.event h1.father {	border-top-color: #FF9900;}
div#main div.event h2.father {	background: #FF9900;}
/* 初夏の挨拶 */
div#main div.event h1.earlysummer {	border-top-color: #339900;}
div#main div.event h2.earlysummer {	background: #339900;}
/* 梅雨の挨拶 */
div#main div.event h1.rainyseason {	border-top-color: #0099CC;}
div#main div.event h2.rainyseason {	background: #0099CC;}
/* 七夕 */
div#main div.event h1.tanabata {	border-top-color: #000066;}
div#main div.event h2.tanabata {	background: #000066;}
/* 暑中見舞い */
div#main div.event h1.shotyu {	border-top-color: #66CCFF;}
div#main div.event h2.shotyu {	background: #66CCFF;}
/* 残暑見舞い */
div#main div.event h1.zansho {	border-top-color: #4751E6;}
div#main div.event h2.zansho {	background: #4751E6;}
/* 敬老の日 */
div#main div.event h1.keirou {	border-top-color: #996633;}
div#main div.event h2.keirou {	background: #996633;}
/* 十五夜 */
div#main div.event h1.jugoya {	border-top-color: #333366;}
div#main div.event h2.jugoya {	background: #333366;}
/* 秋の挨拶 */
div#main div.event h1.autumn {	border-top-color: #CC6633;}
div#main div.event h2.autumn {	background: #CC6633;}
/* ハロウィン */
div#main div.event h1.halloween {	border-top-color: #660066;}
div#main div.event h2.halloween {	background: #660066;}
/* 勤労感謝の日 */
div#main div.event h1.kinroukansha {	border-top-color: #FF9704;}
div#main div.event h2.kinroukansha {	background: #FF9704;}
/* クリスマス */
div#main div.event h1.xmas {	border-top-color: #CC0000;}
div#main div.event h2.xmas {	background: #CC0000;}
/* 年末の挨拶 */
div#main div.event h1.nenmatsu {	border-top-color: #45ABF6;}
div#main div.event h2.nenmatsu {	background: #45ABF6;}



/* ------------------------------------------------------------
【021】占い
------------------------------------------------------------ */
div#main div.horoscope p.date {
	margin: -95px 0 37px 20px;
}
div#main div.horoscope p.date img {
	margin-right: 15px;
}
div#main div.horoscope ul {
	list-style: none;
	padding: 10px 0;
	background: #000033 url(../img/horoscope/title_foot.jpg) no-repeat;
	text-align: center;
}
div#main div.horoscope ul li {
	display: inline;
	margin-right: 3px;	
	color: #FFFFFF;
	font-size: 82%;
}
div#main div.horoscope ul li a,
div#main div.horoscope ul li a:visited {
	color: #E8E7EE;
	text-decoration: none;
}
div#main div.horoscope ul li a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
div#main div.horoscope ol {
	list-style-type: none;
	padding: 7px 11px 11px;
	background: #000033;
}
div#main div.horoscope ol li {
	width: 713px;
	padding: 10px;
}
/* Start clearfix ------------------------------ */
div#main div.horoscope ol li:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#main div.horoscope ol li { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#main div.horoscope ol li { height: 1%; }
	div#main div.horoscope ol li { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#main div.horoscope ol li h3 {
	float: left;
	padding-right: 50px;
}
div#main div.horoscope ol li div.details {
	float: left;
	width: 430px;
}
div#main div.horoscope ol li dt {
	color: #6489CC;
	font-weight: bold;
}
div#main div.horoscope ol li dd{
	color: #ffcc66;
}
div#main div.horoscope ol li.rankTop {
	background: #2124e1 url(../img/horoscope/box_bg01.jpg) no-repeat;
}
div#main div.horoscope ol li.rankTop h2 {
	float: left;
	width: 140px;
	height: 115px;
}
div#main div.horoscope ol li.rankTop div.border {
	width: 430px;
	margin-top: 5px;
	padding-top: 5px;
	background: url(../img/horoscope/line_dotted_blue.gif) repeat-x 0 0;
}
div#main div.horoscope ol li.rankTop div.border dt {
	float: left;
}
div#main div.horoscope ol li.rankTop div.border dd {
	margin-left: 8.5em;
	color: #FFFFFF;
}
div#main div.horoscope ol li.rankTop div.border div.average {
	width: 430px;
}
div#main div.horoscope ol li.rankTop div.border div.average dl {
	float: left;
	width: 210px;
}
div#main div.horoscope ol li.rankTop div.border div.average dt {
	float: left;
}
div#main div.horoscope ol li.rankTop div.border div.average dd {
	margin-left: 4em;
}
div#main div.horoscope ol li.rank {
	background: #0001b4 url(../img/horoscope/box_bg02.jpg) no-repeat;
}
div#main div.horoscope ol li.rank h2 {
	float: left;
	width: 100px;
	height: 60px;
}
div#main div.horoscope ol li.rank div.border {
	clear: left;
	margin-top: 5px;
	padding-top: 5px;
	background: url(../img/horoscope/line_dotted_blue.gif) repeat-x 0 0;
}
div#main div.horoscope ol li.rank div.border div.lucky {
	float: left;
	width: 280px;
}
div#main div.horoscope ol li.rank div.border div.lucky dt {
	float: left;
}
div#main div.horoscope ol li.rank div.border div.lucky dd {
	margin-left: 8.5em;
	color: #FFFFFF;
}
div#main div.horoscope ol li.rank div.border div.average {
	float: left;
	width: 430px;
}
div#main div.horoscope ol li.rank div.border div.average dl {
	float: left;
	width: 210px;
}
div#main div.horoscope ol li.rank div.border div.average dt {
	float: left;
}
div#main div.horoscope ol li.rank div.border div.average dd {
	margin-left: 4em;
	color: #FFFFFF;
}
div#main div.horoscope p.copy {
	margin-bottom: 5px;
	padding: 0 10px 10px;
	color: #357DED;
	text-align: right;
	background: #000033;
}


/* ------------------------------------------------------------
【022】ニュース
------------------------------------------------------------ */
div#content div.mailMagazineManage h2 {
	margin-bottom: 5px;
}
div#content div.mailMagazineManage h2:before {
	content: "■";
	color: #0A90D9;
}
div#content div.mailMagazineManage ol {
	margin: 0 0 15px 25px;
}
div#content div.mailMagazineManage ul.magazineName {
	width: 600px;
	margin: 0 auto 30px;
	padding: 15px 30px;
	list-style: none;
	border: 1px solid #dae8ef;
	background: #dce9f0 url(../img/calendar_manage/table_bg_s.gif) repeat-x 0 100%;
}
div#content div.mailMagazineManage div.send {
	width: 600px;
	margin: 0 auto 15px;
	padding: 15px 30px;
	border: 1px solid #dae8ef;
	background: #dce9f0 url(../img/calendar_manage/table_bg_s.gif) repeat-x 0 100%;
	text-align: center;
}
div#content div.mailMagazineManage div.send input {
	vertical-align: middle;
	margin: 0 5px;
}
div#content div.mailMagazineManage div.send input.text {
	width: 300px;
}


/* ------------------------------------------------------------
【027】その他
------------------------------------------------------------ */
div#content div.errorArea {
	width: 850px;
	margin: 0 auto 10px;
}
div#content .pl70{
	padding-left:70px;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
p.copy{ color:#666666;}

.cardimagebtn a{
	display:block;
	width:900px;
	height:23px;
	padding-top:5px;
}


div#cardmsg{
	background-color:#f9f9f9;
	padding:35px 50px 10px 50px;
	*padding:20px 50px 10px 50px;
	text-align:left;
	margin-bottom:20px;
}


div.cardbottom div#cardmsg p#tx{
margin-bottom:18px;
	line-height:1.8em;
}

div.cardbottom div#cardmsg p#to{
margin-bottom:18px;
	line-height:1.8em;
}


div.cardimagelink{
	background:#fff;
	text-align:right;
	padding:10px;
	margin-bottom:20px;
}



div.cardimagelink span{
	background:url(images/messagecard_arrow_bg.gif) no-repeat left 50%;
	padding-left:15px;
}

div.cardimagelink span a{
	color:#000;
}