@charset "utf-8";

/* ----------------------------------------------

	ArtMeter / OTHER PAGES styles
	author   : (C)KAYAC http://www.kayac.com/

---------------------------------------------- */

@import url("/css/common.css");
@import url("news/special_news.css");


/* DEFAULT PAGES
---------------------------------------------- */

body#DEFAULT div.contSection {
	padding-bottom: 40px;
}
body#DEFAULT div.contSection strong {
	color: #588E03;
}

/* MAIL MAGAZINE
---------------------------------------------- */

div#contHead h2#titleMelmaga {
	background-image: url(/img/mailmagazine/ti_mailmagazine.gif);
	width: 365px;
	height: 16px;
}

div#contHead h2#titleMailSubs {
	background-image: url(/img/mailmagazine/ti_mailmagazine.gif);
	width: 365px;
	height: 16px;
}
div#contBody h3#tiMeilagaSubs {
	background-image: url(/img/mailmagazine/ti_melmaga_entry.gif);
	width: 600px;
	height: 16px;
	margin-bottom: 10px;
	text-indent: -9999px;
}

p#mailSubsE strong {
	color: #F9630D;
}
p#hysBack {
	margin-top: 25px;
}


body#DEFAULT div#mailMagazine {
	margin: 10px auto 0 14px;
}
body#DEFAULT div#contBody div#MailMagazine p.formExp {
	margin: 15px 0;
	color: #F9630D;
	font-weight: bold;
}
body#DEFAULT div#contBody div#MailMagazine p.ERROR {
	color: #FFF;
}
body#DEFAULT div#contBody div#MailMagazine p.naviLink {
	margin: 20px 0 0;
}
body#DEFAULT div#mailMagazine input {
	float: left;
}
body#DEFAULT div#mailMagazine input#mailInput {
	width: 200px;
	height: 19px;
}
body#DEFAULT div#mailMagazine input#mailSubscribe,
body#DEFAULT div#mailMagazine input#mailCancel {
	width: 64px;
}

div.contSection h3#tiMelmagaBK {
	width: 600px;
	height: 17px;
	margin-bottom: 12px;
	margin-left: 10px;
	background-image: url(/img/mailmagazine/ti_bk.gif);
}
div.contSection dl.melmagaBkList {
	width: 710px;
	margin: 0 10px 50px;
	padding: 14px 0;
	border: 1px solid #CCC;
	border-width: 1px 0;
}

/* CLEAR FIX */

div.contSection dl.melmagaBkList {
    zoom:1;/*for IE 5.5-7*/
}
div.contSection dl.melmagaBkList:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html div.contSection dl.melmagaBkList {
	display:inline-table;
	/*\*/display:block;/**/
}

div.contSection dl.melmagaBkList dt  {
	float: left;
	clear: left;
	width: 130px;
	margin: 0;
	padding: 8px 10px;
	color: #333;
	font-weight: bold;
	background: url(/img/common/line_dot01.gif) 0 100% repeat-x;
}
div.contSection dl.melmagaBkList dd {
	float: left;
	width: 550px;
	margin: 0;
	padding: 8px 5px;
	background: url(/img/common/line_dot01.gif) 0 100% repeat-x;
}
div.contSection dl.melmagaBkList dd strong {
	margin-right: 10px;
}

div.contSection dl.melmagaBkList dt.last  {
	background: none;
}
div.contSection dl.melmagaBkList dd.last {
	background: none;
}

/* NEWS
---------------------------------------------- */
h2#titleArtistNews {
	width: 600px;
	height: 16px;
	background: url(/img/mypage/ti_artist_news.gif) no-repeat 0 0;
}
h2#titleUserNews {
	width: 600px;
	height: 16px;
	background: url(/img/mypage/ti_user_news.gif) no-repeat 0 0;
}

div#contHead h2#titleNews {
}
div#contHead h2#titleShopNews {
	background-image: url(/img/news/ti_shop_news.gif);
	width: 450px;
	height: 16px;
}
div.contSection dl.newsBkList {
	width: 710px;
	margin:0 0 50px;
	border: 1px solid #CCC;
	border-width: 1px 0;
}
div.contSection dl.newsBkList dt  {
	float: none;
	margin: 0 10px 7px;
	color: #333;
	font-weight: bold;
}
div.contSection dl.newsBkList dt span {
	margin: 0 0 0 8px;
	padding: 0 0 0 8px;
	border-left: 1px solid #888888;
	font-weight: normal;
	color: #888888;
}
div.contSection dl.newsBkList dt span.icon {
	margin-left:10px;
	padding:2px;
	color:#FFFFFF;
	font-size:85%;
	white-space:nowrap;
	background:#999999 none repeat scroll 0 0;
}
div.contSection dl.newsBkList dd {
	float: none;
	margin: 0 0 15px;
	padding: 0 12px 15px;
	background: url(/img/common/line_dot01.gif) 0 100% repeat-x;
}

div.contSection dl.newsBkList dt.last  {
	background: none;
}
div.contSection dl.newsBkList dd.last {
	background: none;
}

/* LOGIN
---------------------------------------------- */

h2#titleLogin {
	width: 149px;
	height: 16px;
	background-image: url(/img/default/ti_login.gif);
}

div#Reminder h3 {
	width: 100%;
	height: 25px;
	margin-bottom: 10px;
	border-top: 2px solid #CCC;
	background-position: 0 8px;
	background-image: url(/img/default/subti_reminder.gif);
}

form#Reminder p {
	margin: 0 0 10px;
}
form#Reminder p.errorMsg {
	margin-top: 0;
}
form#LoginSub p img {
	margin-top: 15px;
}
form#LoginSub {
	width: 550px;
}
form#LoginSub div {
	padding: 0 0 0 15px;
}

div#Reminder {
	margin: 40px 0 20px;
	padding: 10px 0;
}

div#loginFormSub h4.ERRORsubti {
	margin: 0 0  15px;
	padding: 0;
	color: #FF0099;
	font-weight: bold;
}
div#loginFormSub p {
	height: 23px;
	margin-bottom: 3px;
	padding-left: 0;
}
div#loginFormSub dl,
div#loginReminder dl {
	clear: both;
	width: 380px;
	margin: 0;
	padding: 0 0 10px;
	font-size: 83%;
}
div#loginFormSub dl dt,
div#loginReminder dl dt {
	float: left;
	clear: left;
	width: 100px;
	height: 23px;
	margin-right: 2px;
	padding: 0 auto;
	font-weight: bold;
	text-align: center;
}
div#loginFormSub dl dt#login_id {
	text-indent: -9999px;
	overflow: hidden;
	background: #E7E7E7 url(/img/common/login_email.gif) no-repeat 50% 50%;
}
div#loginFormSub dl dt#login_pass {
	text-indent: -9999px;
	background: #E7E7E7 url(/img/common/login_pass.gif) no-repeat 50% 50%;
}
div#loginReminder dl dt#login_email {
	text-indent: -9999px;
	background: #E7E7E7 url(/img/common/login_email.gif) no-repeat 50% 50%;
}
div#loginFormSub dl dd,
div#loginReminder dl dd {
	float: left;
	width: 260px;
	padding-bottom: 2px;
}

div#formList div#formCookie {
	clear: both;
	margin: 10px auto 15px 220px;
	padding: 7px;
	text-align: left;
	background: #F0F0F0;
}
div#formList div#loginSSL {
	clear: both;
	margin: 15px auto 0;
	padding: 10px 0 0;
	text-align:center;
}
div#formList div#loginSSL a.btnQ {
	margin: 0 5px;
}
div#formList div#loginRemind {
	clear: both;
	padding-top: 3px;
}
div#loginFormSub input,
div#loginReminder input {
	float: left;
	height:19px;
	margin-top: 0px;
	padding-top: 2px;
	border: none;
	font-size:13px;
}
div#loginFormSub input#btnInputSub,
div#loginReminder input#btnReminder {
	height: 23px;
	padding-top: 3px;
	border: none
}
div#loginFormSub dl dd input#EmailSub,
div#loginFormSub dl dd input#PasswordSub,
div#loginReminder input#inputReminder {
	width: 250px;
	border:1px solid #CCC;
}
div#loginFormSub img {
	margin-top: 0px;
}



div.contSection p.hysback {
	background: url(/img/common/icn_hysback.gif) no-repeat 16px 0;
	margin-top: 20px;
	padding-left: 30px;
}
div.contSection p.hysback a {
	font-size: 92%;
}
/*201011重要なお知らせ*/


div#unitNewsmove {
padding:20px;
margin: 20px 0;
}
div#unitNewsmove p {
padding: 5px;
}
div#unitNewsmove h5 {
    border-left: 4px solid #333333;
    margin-bottom: 5px;
    margin-left: 0;
    padding: 10px 0 10px 20px;
}
div#unitNewsmove h6 {
    background-image: url("/img/guide/common/icn_head02.gif");
    background-position: 0 50%;
    background-repeat: no-repeat;
    clear: both;
    font-weight: bold;
    margin: 15px 15px 10px 0;
    padding-left: 20px;
}
div#unitNewsmove ul.guideList li {
    background-image: url("/img/guide/common/icn_head01.gif");
    background-position: 5px 50%;
    background-repeat: no-repeat;
    color: #F9630D;
    font-weight: bold;
    margin-left: 30px;
    padding-left: 15px;
}