@charset "Shift_JIS";

/* -------------------------------------------- 共通 --------------------------------------------- */
.wrapper-main-right {
	float: right;
	width: 610px;
}

.pagetop-btn {
	text-align: right;
	width: 610px;
	padding-top: 15px;
	padding-bottom: 30px;
}

.pagetop-btn-what {
	text-align: right;
	width: 540px;
	margin: 15px auto 20px;
}

/* -------------------------------------------- メニュー ----------------------------------------- */

.wrapper-menu {
	width: 200px;
	float: right;
}

/* -------------------- ログイン ------------- */
.wrapper-login {
	background: url(/mepoint/img/menu/login_bg.gif) repeat-y left top;
}

.wrapper-login-parts {
	width: 155px;
	padding-top: 6px;
	margin-left: 11px;
}

input.login{
	width:150px;
	margin-bottom:6px;
}

input.login:hover,
input.login:focus,
input.login:active{
	background-color: #f1f1f1;
}
 
p.login-name-box{
	padding-bottom: 7px;
	display:block;
	width: 155px;
 }
 
.login-name{
	font-weight: bold;
 }
 
p.login-date{
	padding-bottom: 7px;
	display:block;
 }
 
p.login-point-box{
	padding-bottom: 7px;
	display:block;
	width: 155px;
	text-align: right;
}
 
.login-point{
	font-weight: bold;
}

.wrapper-point-out {
	background: #FFF;
	width: 198px;
	margin-right: auto;
	margin-left: auto;
}

.login-forget-pass {
	background: url(/mepoint/img/menu/login_arrow.gif) no-repeat 10px 4px;
	width: 155px;
	padding-left: 18px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}

/* -------------------- ボタン等 ------------ */
.menu-btn-what {
	width: 198px;
	background: #FFF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.menu-present-info-ttl {
	margin-bottom: 13px;
}

.wrapper-menu-present-info p {
	width: 170px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper-menu-present-info .menu-present-pic {
	text-align: center;
	padding-bottom: 8px;
}
.wrapper-menu-present-info .menu-present-txt {
	padding-bottom: 14px;
}

/* -------------------------------------------- トップページ ----------------------------------------- */

.wrapper-all-index {
	margin: 12px auto 0;
	width: 850px;
}

.link-txt {
	color: #444444;
}

/* -------------------- タイトル ------------- */
.wrapper-header-index {
	width: 850px;
	margin-bottom: 6px;
}
.wrapper-header-index h1 {
	float: left;
}
.wrapper-header-index p {
	float: right;
}

/* -------------------- 今月のプレゼント ----- */
.wrapper-monthly-present {
	width: 850px;
	margin-bottom: 20px;
}
.present-left {
	float: left;
}
.present-right {
	float: right;
}
.present-right-middle img {
	margin-bottom: 15px;
}

.wrapper-main {
	background: url(/mepoint/img/menu/bg_blue.gif) repeat-y left top;
	width: 850px;
}

/* -------------------- MEポイント説明 ----- */

.index-txt-catch {
	padding-top: 10px;
	background: url(/mepoint/img/index/hr_large.gif) no-repeat left bottom;
	width: 610px;
	padding-bottom: 27px;
}
.wrapper-index-mepoint-detail {
	width: 610px;
	margin-top: 20px;
	background: url(/mepoint/img/index/hr_large.gif) no-repeat left bottom;
	padding-bottom: 18px;
	margin-bottom: 16px;
}
.wrapper-index-mepoint-detail h4 {
	margin-bottom: 10px;
}
.wrapper-index-mepoint-detail p {
	padding-left: 20px;
	margin-bottom: 20px;
}

/* -------------------- 会員サイト説明 ----- */
.wrapper-index-member-site-info {
	background: url(/mepoint/img/index/bg-member-site.gif) repeat-y left top;
	width: 579px;
	margin-top: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper-index-member-site {
	float: left;
	width: 170px;
}
.wrapper-index-member-site h5 {
	margin-bottom: 5px;
}

/* -------------------------------------------- 第二階層 ----------------------------------------- */

/* -------------------- 共通 ---------------------- */

/* -------- ヘッダー ----- */
.wrapper-header-secondary {
	width: 850px;
	margin-bottom: 13px;
	margin-top: 8px;
}

/* -------- メニュー ----- */
.campaign-secondary {
	padding-top: 14px;
	border-top: 1px dotted #333;
}
.wrapper-point {
	width: 155px;
	margin-right: auto;
	margin-left: auto;
}

.wrapper-menu-logo {
	background: #FFF;
	width: 198px;
	margin-right: auto;
	margin-left: auto;
}

/* -------------------- プレゼントタイトル --------- */
.wrapper-present-ttl-large {
	width: 590px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.present-ttl-sub {
	margin-top: 10px;
	margin-bottom: 12px;
}

.present-pic-sub {
	float: left;
	width: 220px;
	margin-top: 25px;
}
.wrapper-present-ttl-small {
	float: right;
	width: 370px;
}

/* -------------------- プレゼント詳細 --------- */
.present-detail-ttl {
	margin-bottom: 5px;
}
.present-detail-txt {
	width: 570px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.present-detail-thumb-left {
	margin-right: 10px;
	margin-bottom: 5px;
}
.present-detail-thumb-right {
	margin-left: 10px;
	margin-bottom: 5px;
}

/* -------------------- 応募詳細 --------------- */
.oubo-detail-ttl {
	margin-bottom: 12px;
}

/* -------------------- 応募ボタン ------------- */
.btn-present-submit {
	background: url(/mepoint/img/common/btn_present_submit_bg.gif) no-repeat left top;
	padding-top: 15px;
	padding-bottom: 15px;
}
.btn-present-submit p {
	margin-right: auto;
	margin-left: auto;
	width: 209px;
}

/* -------------------------------------------- MEポイントについて ----------------------------------------- */

.wrapper-all-what {
	background: url(/mepoint/img/what/bg_header.jpg) no-repeat center top;
	padding-top: 30px;
}

.wrapper-all-what-inner {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper-what-ttl {
	width: 610px;
}
.wrapper-what-ttl h2 {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

/* -------------------- アンカーリンク --------- */
.wrapper-anchor table {
	margin-right: auto;
	margin-left: auto;
}
.wrapper-anchor {
	padding-top: 15px;
	padding-bottom: 15px;
}
.wrapper-anchor table tr th {
	background: url(/mepoint/img/what/arrow.gif) no-repeat left 5px;
	padding-right: 18px;
	padding-bottom: 6px;
	padding-left: 9px;
	border-bottom: 1px solid #999;
	font-weight: bold;
}

.wrapper-anchor table tr td {
	background: url(/mepoint/img/what/arrow.gif) no-repeat left 10px;
	padding-right: 18px;
	padding-top: 5px;
	padding-left: 9px;
	font-weight: bold;
}

/* -------------------- 各説明 --------- */
.wrapper-what-detail h3 {
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 540px;
}
.wrapper-what-detail-txt {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.what-use-ttl {
	font-weight: bold;
	color: #F30;
}

.wrapper-flow-chart {
	background: url(/mepoint/img/what/flow_bg.gif) repeat-y left top;
	width: 504px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper-flow-chart-left {
	float: left;
	width: 152px;
}
.wrapper-flow-chart-center {
	float: left;
	width: 171px;
}
.wrapper-flow-chart-right {
	float: left;
	width: 179px;
}
.wrapper-flow-chart-left .flow-chart-txt {
	width: 144px;
	margin-bottom: 10px;
}
.wrapper-flow-chart-center .flow-chart-txt {
	width: 155px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.wrapper-flow-chart-right .flow-chart-txt {
	width: 171px;
	margin-left: 8px;
	margin-bottom: 10px;
}
.wrapper-how-list {
	width: 502px;
	margin-top: 12px;
	margin-right: auto;
	margin-left: auto;
}
.how-list-detail {
	margin-top: 10px;
	margin-bottom: 10px;
}
.how-list-detail-tbl-left {
	float: left;
	width: 240px;
}

.how-list-detail-tbl-right {
	float: right;
	width: 240px;
}
how-detail {
	width: 240px;
}
.how-tbl tr th {
	padding-top: 7px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #999;
	padding-left: 5px;
}
.how-tbl tr td {
	padding-top: 7px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #999;
	text-align: right;
	padding-right: 5px;
}

/* -------------------------------------------- Thank you ----------------------------------------- */
.wrapper-thanks-txt {
	text-align: center;
	width: 610px;
}
.wrapper-thanks-txt h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}
.wrapper-btn-thanks {
	background: url(/mepoint/img/thanks/btn_bg.gif) no-repeat left top;
	width: 610px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 12px;
	margin-bottom: 20px;
}
.wrapper-btn-thanks p {
	width: 209px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper-thanks-link-all {
	background: url(/mepoint/img/thanks/present-link-bg.gif) repeat-y left top;
}
.wrapper-thanks-link {
	margin: 13px auto;
	width: 570px;
}
.wrapper-thanks-site-link {
	width: 275px;
}
.thanks-site-link {
	width: 275px;
	margin-bottom: 9px;
	height:75px;
}

.wrapper-thanks-link ul {
	width: 275px;
}
.wrapper-thanks-link ul li h5 {
	font-weight: bold;
	text-align: center;
	display: block;
	padding-top: 8px;
	padding-bottom: 12px;
}
.wrapper-thanks-link ul li p {
	padding-top: 12px;
}
.wrapper-thanks-link ul.thanks-left {
	float: left;
}
.wrapper-thanks-link ul.thanks-right {
	float: right;
}
.wrapper-thanks-link ul li .name-purple {
	color: #720fd0;
}
.wrapper-thanks-link ul li .name-orange {
	color: #fe5400;
}
.wrapper-thanks-link ul li .name-red {
	color: #d50101;
}
.wrapper-thanks-link ul li img {
	vertical-align: bottom;
}
.wrapper-thanks-link ul li h5 .cinema-normal {
	font-weight: normal;
}


/* -------------------------------------------- パスワードお忘れの方 ----------------------------------------- */

.wrapper-password-ttl {
	width: 850px;
	padding-top: 25px;
	margin-bottom: 13px;
}
.wrapper-password-ttl h1 {
	float: left;
	width: 293px;
	padding-top: 28px;
}
.wrapper-password-ttl h2 {
	float: right;
	width: 176px;
}
.wrapper-password-txt {
	font-weight: bold;
	text-align: center;
	width: 850px;
	padding-top: 70px;
	padding-bottom: 70px;
}
.wrapper-password-btn-bg {
	background: url(/mepoint/img/password_forget/btn_bg.gif) no-repeat left top;
	padding-top: 15px;
	padding-bottom: 15px;
}
.wrapper-password-btn-bg ul li {
	display: inline;
}
.wrapper-password-btn-bg ul {
	margin-right: auto;
	margin-left: auto;
	width: 657px;
}

/* -------------------------------------------- 今月のアート・アーカイブ -------------------------------------- */

.wrapper-art-archive-ttl {
	width: 610px;
	padding-bottom: 20px;
}
.wrapper-art-archive-ttl h2 {
	width: 547px;
	margin-right: auto;
	margin-left: auto;
}.wrapper-art-archive-detail {
	width: 610px;
}
.wrapper-art-archive-inner {
	width: 540px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
.wrapper-art-archive-inner h3 {
	margin-bottom: 15px;
}
.wrapper-art-archive-inner .art-archive-pic {
	float: left;
	width: 220px;
}
.wrapper-art-archive-inner-right {
	float: right;
	width: 315px;
}
.wrapper-art-archive-inner-right h2 {
	margin-bottom: 15px;
}
.btn-art-archive {
	padding-top: 15px;
	background: url(/mepoint/img/art_archive/btn_art_archive_bg_header.gif) no-repeat left top;
	margin-top: 25px;
}
.btn-art-archive p {
	margin-right: auto;
	margin-left: auto;
	width: 238px;
}
.btn-art-archive-inner {
	background: url(/mepoint/img/art_archive/btn_art_archive_bg_footer.gif) no-repeat left bottom;
	padding-bottom: 15px;
	text-align: center;
}
.btn-art-archive-inner-txt {
	margin: 10px auto;
	width: 507px;
	text-align: center;
}

/* -------------------------------------------- 今月のアート・ユーザの声 -------------------------------------- */

.user-voice-ttl {
	margin-bottom: 15px;
}
.user-voice-txt {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.user-voice-txt h5 {
	background: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 12px;
}
.user-voice-txt-left {
	float: left;
	width: 263px;
}
.user-voice-txt-right {
	float: right;
	width: 292px;
}
.user-voice-txt-subttl {
	margin-bottom: 12px;
}

/* -------------------------------------------- 今月のアート・作家履歴 -------------------------------------- */

.wrapper-artist-history {
	width:570px;
}

.wrapper-artist-history dl dt {
	line-height: 1.2em;
	width:60px;
}

.wrapper-artist-history dl dd {
	position:relative;
	top:-1.2em;
	left:60px;
	z-index:1;
	width:510px;
	line-height: 1.2em;
	margin-bottom:-0.5em;
}

/* --------------------- ソーシャルボタン ------------------------- */

#socialParts {
	margin:0 0 12px 0;
	padding:10px 10px 4px 10px;
	background-color:#f3f3f3;
	text-align:right;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#socialParts iframe {
height:23px !important;
margin-left:6px;
overflow:hidden;
}
.archive-anchor-menu {
	width: 540px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	background: #CCC;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* -------------------------------------------- 今月のアートポスター・複数選択 -------------------------------- */

.art-poster-btn-txt {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 30px;
	font-weight: bold;
}
.art-poster-btn-set-inner {
	overflow: hidden;
}
.art-poster-btn-pic {
	padding-top: 6px;
	padding-bottom: 12px;
	text-align: center;
}
.art-poster-btn-set-inner ul {
	width: 190px;
	float: left;
}
ul .art-poster-btn {
	background: url(/mepoint/art201208/img/btn_3bg.gif) no-repeat left bottom;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 12px;
}
.art-poster-btn-center {
	margin-right: 20px;
	margin-left: 20px;
}
.art-poster-kekka-btn {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.art-poster-kekka-btn img {
	margin-top: 8px;
}
.art-poster-btn-attention {
	font-weight: bold;
	color: #F00;
	text-align: center;
	padding-bottom: 15px;
	padding-top: 15px;
}
.art-poster-btn-set-inner ul .art-poster-btn-link {
	background: url(/mepoint/art201208/img/btn_3header.gif) no-repeat left bottom;
	padding-bottom: 12px;
	text-align: center;
}


.wrapper-zyuyou{
	border:solid 3px #ff0000;
	padding:15px;
	margin:10px 0 15px;
}
.wrapper-zyuyou-ttl{
	padding-bottom:5px;
	font-weight:bold;
}
.wrapper-zyuyou-txt{
	font-weight:bold;
}
.what-anchor-link {
	margin-bottom: 25px;
	padding-top: 25px;
	border-top: 1px dotted #cccccc;
}
.what-anchor-link ul li {
	float: left;
	margin-right: 25px;
	border-right: 1px solid #efefef;
	display: block;
	padding-right: 20px;
}
.what-anchor-link ul {
	margin-right: auto;
	margin-left: 12px;
}

.wrapper-news{
	border:solid 1px #c9c9c9;
	padding:15px;
	margin:10px 0 15px;
}

.wrapper-news .txt{
	color:#444444;
	font-weight:bold;
 }
 .wrapper-news .txt img{
	 padding:2px 3px;
 }
  .wrapper-news .txt a{
	  font-weight:normal;
}
 

/* -------------------------------------------- 共通サンクスページ -------------------------------- */

.wrapper-mepoint-thanks {
	width: 980px;
	margin-top: 12px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper-mepoint-thanks h1 {
	margin-bottom: 30px;
}
.wrapper-thanks-main {
	text-align: center;
	padding-top: 30px;
}
.wrapper-thanks-main h3 {
	margin-bottom: 50px;
}
.thanks-btn {
	background: url(/mepoint/img/what/btn_bg_footer.gif) no-repeat left bottom;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}
.thanks-btn p {
	background: url(/mepoint/img/what/btn_bg.gif) left top;
	padding-top: 20px;
}
.thanks-btn.clearfix ul {
	width: 544px;
	margin-right: auto;
	margin-left: auto;
}
.thanks-btn.clearfix ul li {
	float: left;
	padding-right: 20px;
}
.thanks-btn ul li.last {
	padding-right: 0;
}
.thanks-btn ul li img {
	vertical-align: bottom;
}