@charset "utf-8";




.bg_item_mypage {
	display:block;
	background-image:url(../images/mypage/item_mypage.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}



/*--------------------------------------------------
  Base
--------------------------------------------------*/
a.cssover:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


#mypageSide{
	display:block;
	float:left;
	margin-left:22px;
	width:188px;
	margin-bottom:0px;
}


/*--------------------------------------------------
  最近みたちらし
--------------------------------------------------*/
#history-chirashi{
	margin-bottom:14px;
	width:188px;
	height:160px;
}

#history-frame {
	border:1px solid #c4c4c4;
	padding:8px 8px 0px;
	background:url(../../201009/images/mypage/history-bg.gif) repeat-x top;
}

.history-scroll {
	position:relative;
	overflow:hidden;
	height:89px;
}

.history-scroll .scl-items {
	position:absolute;
	height:20000em;
}

div.scl-items {
	height:89px;
	width:168px !important;
}

div.scl-items ul li{
	padding-left:8px;
	background:url(../../201009/images/mypage/scl-arrow.gif) left 4px no-repeat;
	margin-bottom:0;
	_line-height:0;
}

div.scl-items a {
	display:block;
	_display:inline-block;
	margin-bottom:6px;
	cursor:pointer;
	_line-height:12px;
	font-size:11px;
	font-weight:bold;
}

div.scl-items a:link, div.scl-items a:visited, div.scl-items a:active {
	color:#923131;
	text-decoration: none;
}
div.scl-items a:hover {
	color:#db5353;
	text-decoration: underline
}

#scl-controller {
	background: url(../../201009/images/mypage/scl-navi-bg.gif) right top no-repeat;
	height:21px;
	padding:3px 5px;
	text-align:right;
	margin-top:6px;
}
#scl-controller a img {
	cursor:pointer;
}


/*--------------------------------------------------
 みるとクーポン
--------------------------------------------------*/
#mirutoku-pon{
	position:relative;
	margin:0 0 14px 0;
	width:188px;
	text-align:center;
}

#mirutoku-pon #mirutoku-btn{
	position:relative;
	text-align:center;
	background:url(../images/mypage/mypage-coupon-middle.gif) top left repeat-y;
}

#mirutoku-pon #mirutoku-btn a{
	display:block;
	background-color: #FFF;
	cursor:pointer;
	width:174px;
	margin:0 auto;
	padding:0;
}

#mirutoku-pon #mirutoku-btn a:hover img, #mirutoku-pon #mirutoku-btn a:hover span {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#mirutoku-pon #mirutoku-btn #to-mycoupon {
	position:relative;
	display:block;
	margin-bottom:3px;
	text-decoration:none !important;
}

#mirutoku-pon #mirutoku-btn #to-mycoupon span{
	display:block;
	position:absolute;
	text-decoration:none !important;
	font-size:9px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	right:6px;
	line-height:22px;
	top:0;
	z-index:10;
	width:24px;
	height:24px;
	background:url(../images/mypage/mypage-coupon-btn01-c.gif) top left no-repeat;
	text-align:center;
	text-shadow:-1px -1px 0px #e46b0e;
}

#mirutoku-pon #mirutoku-bottom{
	*margin-top:-8px;
	_margin-top:-6px;
}



/*--------------------------------------------------
 OpenX
--------------------------------------------------*/
#mypage-ad {
	padding:0;
	margin:0;
	padding-bottom:-8px;
	width:188px;
	_margin-bottom:10px;
}
div#mypageSide > div#mypage-ad:first-child {
	margin-bottom:10px;
}

#mypage-ad a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}



/*--------------------------------------------------
 マイページコンテンツ
--------------------------------------------------*/
#submenu {
	position:relative;
	margin-top:-10px;

}
#submenu ul {
	text-align:right;
}

#submenu ul li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-left:3px;
}

#myflash {
	width:760px;
	height:500px;
	display:block;
	float:left;
	margin-top:-6px 0 20px 0;
	margin-bottom:10px;
	padding:0;
}


/*--------------------------------------------------
 PICK UP
--------------------------------------------------*/
.pickup {
	position:relative;
	width:970px;
	margin:0 auto;
	clear: both;
}


/*--------------------------------------------------
 ウィジェットコンテンツ
--------------------------------------------------*/
#columns .column {
	float: left;
	width: 232px;
	/* Min-height: */
	min-height: 300px;
	height: auto !important; 
	height: 300px;
	padding-right:14px;
	background-repeat:no-repeat;
}


/* Column dividers (background-images) : */
#columns .column .widget { width:232px; margin: 13px 0px 0 0px; }

#columns .widget {
	width:232px;
	overflow:hidden;
	display:block;
}

/* ウェジットの頭の部分 */
#columns .widget .widget-head {
	color:#FFF;
    overflow: hidden;
    width: 100%;
    height: 22px;
}

#columns .widget .widget-head h3 {
    float:left;
	color:#FFF;
	padding:5px 0 0 5px;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:11px;
	line-height:11px;
	height: 22px;
	-webkit-text-shadow: -1px -1px 0px rgba(10,0,0,0.2);
	-moz-text-shadow: -1px -1px 0px rgba(10,0,0,0.2);
	text-shadow: -1px -1px 0px rgba(10,0,0,0.2);
}

#columns .widget .widget-content {
    color: #444;
    line-height: 1.2em;
    overflow: hidden;
	margin:0 7px 7px;
	width:218px;
	height:105px;
}
#columns .widget .widget-content p {
}
#columns .widget .widget-content img {
}
#columns .widget .widget-content pre {
   color: #EEE;
   font-size: 12px;
}
#columns .widget .widget-content ul {
    list-style: disc;
}
#columns .widget .widget-content ul li { padding: 3px 0; }
#columns .widget .widget-content ul.images {
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */

.widget {
	background-repeat:no-repeat;
}

.widget-head a.remove {
	display:none;
}

.widget-head .collapse {
	display:none;
}

.main_box {
	width:970px;
	margin:-10px auto 0;
	overflow:hidden;
	text-align:left;
}

.c_box {
	width:990px;
	margin:auto;
}

.box1 {
	height:135px;
	background-image:url(../../201009/images/mypage/widgetframe1.gif);
}
.box2 {
	height:283px;
	background-image:url(../../201009/images/mypage/widgetframe2.gif);
}
.box2static {
	height:283px;
	background-image:url(../../201009/images/mypage/widgetframe2static.gif);
}

.box2 .widget-content{
	height:254px !important;
}

.box2static .widget-content{
	height:254px !important;
}


.box3blink .widget-content{
	height:401px !important;
}

.box3blink {
	height:430px;
	background-image:url(../../201009/images/mypage/widgetframe3blink.gif);
}


/*--------------------------------------------------
  Campaign
--------------------------------------------------*/
#campaign-area {
	text-align:center !important;
	background:url(/contents/campaign/parts/mp_campaign_footer.gif) no-repeat bottom left;
	display:block;
	position:relative;
	height:254px;
	overflow:hidden;
}
#campaign-area img {
	margin:0 !important;
}
#campaign-area a {
	display:block;
}
#campaign-area a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
#campaign-area span{
	font-size:10px;
	line-height:10px;
	color:#e14e36;
	margin:0px auto;
	display:block;
	font-weight:bold;
}

#prize-area {
	height:147px;
	text-align:center !important;
	background:url(/contents/campaign/parts/mp_prize_bg.gif) no-repeat bottom left;
	margin:0;
	width:218px;
}

#prize-area .prize-message{
	padding-top:11px;
}

#prize-area span{
	height:60px;
	display:table-cell;
	width:218px;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:10px;
	line-height:12px;
	color:#ee6816;
	font-weight:bold;
	vertical-align:middle;
}

#prize-area span strong{
	color:#ee1616;
}
#prize-area img {
	display:block;
	margin:0 auto;
}
#prize-area a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}




/*--------------------------------------------------
  くらしリサーチ
--------------------------------------------------*/
#pickup-life-research .pickup_box_content {
	background:url(../images/mypage/life_search_bg.gif) no-repeat 0 0;
}
.pickup-life-research-ttl {
	text-indent:-9999px;
	height:51px;
}

#pickup-life-research .pickup_box_content ul{
	display:block;
	margin:4px 17px 5px 17px;
}
#pickup-life-research .pickup_box_content ul li{
	display:block;
	font-size:12px;
	position:relative;
	margin-bottom:4px;
}
#pickup-life-research .pickup_box_content ul li span{
	display: inline-block;
	font-size:10px;
	text-indent:7px;
	margin:0 0 0px 0;
}
#pickup-life-research .pickup_box_content .life-btn {
	display:block;
	position:relative;
	margin:0 0 0 13px;
	padding-bottom:15px;
}
#pickup-life-research .pickup_box_content .life-btn0 {
	display:block;
	position:relative;
	margin:0 0 0 13px;
	padding-bottom:17px;
}
#pickup-life-research .pickup_box_content .life-btn1 {
	display:block;
	position:relative;
	margin:7px 0 0 4px;
	padding:0 0 6px 20px;
}
#pickup-life-research .pickup_box_content .life-btn2 {
	display:block;
	position:relative;
	margin:6px 0 0 15px;
	padding-bottom:0px;
}




/*--------------------------------------------------
  バナー
--------------------------------------------------*/
#bnr{
	margin:-3px 0 10px;
}




/*--------------------------------------------------
  static sectionFavoriteShopChirashi
--------------------------------------------------*/
/* セクション　Myエリア */
#fsc {
	position:relative;
	margin:0 0 10px;
	zoom:1;
}
#fsc .section_head_A {
	width:205px;
	background-position:0 -110px;
	margin:0 0 20px;
}
#fscSortMode {
	position:absolute;
	top:-2px;
	right:0;
	zoom:1;
}
#fscSortMode li {
	float:right;
	line-height:1.6;
	border-right:1px solid #ccc;
}
#fscSortMode li a {
	display:block;
	padding:0 10px;
	text-align:center;
	color:#2166E7;
}
#fscSortMode li.first {
	border:none;
}
#fscSortMode li.last {
}
#fscSortMode li.on a {
	text-decoration:none;
	font-weight:bold;
	cursor:default;
	color:#080808;
}
#fscSortMode li a:hover {
}
#fscSortMode li.on a:hover {
}
#fscInner {
	position:relative;
}
.fsc_loading {
	height:200px;
	background:url(../images/shared/loading.gif) no-repeat 50% 50%;
	text-indent:-9999px;
	position:relative;
}
.fsc_list {
	width:669px;
	display:none;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
}
.fsc_list_now {
	display:block;
}
.fsc_list_box {
	width:223px;
	height:212px;
	margin:0 0 16px;
	float:left;
	position:relative;
}
.fsc_list_box_active {
	background:url(../images/mypage/fsc_box_bg_active.png) no-repeat 0 0;
}
.fsc_list_box_inactive {
	background:url(../images/mypage/fsc_box_bg_inactive.png) no-repeat 0 0;
}
.fsc_list_box_count {
	display:block;
	width:31px;
	line-height:31px;
	position:absolute;
	top:6px;
	right:15px;
	text-align:center;
	font-size:14px;
	color:#fff;
	font-weight:normal;
}
.fsc_list_box_inactive .fsc_list_box_count {
	display:none;
}
.fsc_list_box_count .none {
	display:none;
}

.fsc_list_box_name {
	padding:9px 0 0 9px;
}
.fsc_list_box_name_inner {
	height:2.25em;
	display:inline-block;
	overflow:hidden;
}
.fsc_list_box_name .vertical_height {
	height:2.25em;
	width:0px;
	display:inline-block;
	*display: inline;
	*zoom: 1;							
	vertical-align:middle;
}
.fsc_list_box_name .text {
	width:163px;
	display:inline-block;
	*display: inline;
	*zoom: 1;							
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}
.fsc_list_box_active .fsc_list_box_name .text { color:#c60909; }
.fsc_list_box_inactive .fsc_list_box_name .text { color:#252525; }

.fsc_list_box_thumb {
	width:190px;
	height:118px;
	position:absolute;
	top:53px;
	left:12px;
}
.fsc_list_box_inactive .fsc_list_box_thumb a {
	display:block;
	width:190px;
	height:118px;
}
.fsc_list_box_thumb img {
	vertical-align:middle;
}

.fsc_list_box_btn {
}
.fsc_list_box_btn p {
	width:192px;
	height:21px;
	overflow:hidden;
	position:absolute;
	bottom:5px;
	left:10px;
	margin:0;
	text-align:center;
}
.fsc_list_box_btn ul {
	width:136px;
	height:21px;
	overflow:hidden;
	position:absolute;
	bottom:7px;
	left:39px;
	margin:0;
}
.fsc_list_box_btn ul li {
	width:34px;
	height:21px;
	float:left;
	position:relative;
}
.fsc_list_box_btn ul li a {
	width:33px;
	height:21px;
	overflow:hidden;
	outline:none;
}
.fsc_list_box_btn ul li.btn_favorite a { background-position:-208px -21px; }
.fsc_list_box_btn ul li.btn_mail a { background-position:-241px 0; }
.fsc_list_box_btn ul li.btn_twitter a { background-position:-274px 0; }
.fsc_list_box_btn ul li.btn_oshirase_on a { background-position:-307px 0; }
.fsc_list_box_btn ul li.btn_oshirase_off a { background-position:-307px -21px; }

.tooltips {
	position:absolute;
	overflow:hidden;
	text-indent:-9999px;
}
.tooltips_1 {
	width:124px;
	height:26px;
	top:-26px;
	left:-45px;
	background:url(../images/mypage/fsc_tooltips_1.png) no-repeat 0 0;
}
.tooltips_2 {
	width:84px;
	height:26px;
	top:-26px;
	left:-25px;
	background:url(../images/mypage/fsc_tooltips_2.png) no-repeat 0 0;
}
.tooltips_3 {
	width:114px;
	height:26px;
	top:-26px;
	left:-40px;
	background:url(../images/mypage/fsc_tooltips_3.png) no-repeat 0 0;
}
.tooltips_4 {
	width:162px;
	height:38px;
	top:-38px;
	left:-64px;
	background:url(../images/mypage/fsc_tooltips_4.png) no-repeat 0 0;
}
.tooltips_5 {
	width:162px;
	height:38px;
	top:-38px;
	left:-64px;
	background:url(../images/mypage/fsc_tooltips_5.png) no-repeat 0 0;
}

.fsc_list_box_ticker {
	width:69px;
	height:26px;
	position:absolute;
	top:63px;
	left:-4px;
	text-indent:-9999px;
	overflow:hidden;
}
.fsc_list_box_ticker_new { background: url(../images/mypage/fsc_ticker_new.png) no-repeat 0 0; }
.fsc_list_box_ticker_todayend { background: url(../images/mypage/fsc_ticker_todayend.png) no-repeat 0 0; }
.fsc_list_box_ticker_todayxxxx { background: url(../images/mypage/fsc_ticker_todayxxxx.png) no-repeat 0 0; }
.fsc_list_box_ticker_newshop { background: url(../images/mypage/fsc_ticker_newshop.png) no-repeat 0 0; }


#fsc div.nav-page-top {
	padding: 0 0 25px;
}







.send_mail_box {
	width:340px;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1);
	background-color:#ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.send_mail_box_inner {
	margin:5px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);
	background-color:#fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position:relative;
	padding:0 0 10px;
}
.send_mail_box_header {
	position:relative;
}
.send_mail_box_header .ttl {
	padding:10px 10px;
	border-bottom:1px solid #ccc;
}
.send_mail_box_header dl {
	padding:3px 10px;
	font-size:75%;
	background-color:#f0f0f0;
	border-bottom:1px solid #ccc;
}
.send_mail_box_header dl dt {
	float:left;
}
.send_mail_box_header dl dd {
	margin:0 0 0 6em;
}
.send_mail_box_header .btn_close {
	width:63px;
	height:18px;
	background-position:-208px -42px;
	position:absolute;
	top:10px;
	right:7px;
}
.send_mail_box_body dl.form_parts {
	padding:3px 10px;
	font-size:88%;
	margin:0 0 10px;
}
.send_mail_box_body dl.form_parts dt {
}
.send_mail_box_body dl.form_parts dt .error {
	font-size:12px;
	margin:0 0 0 12px;
	color:#d00;
}
.send_mail_box_body dl.form_parts dd {
}
.send_mail_box_body dl.form_parts dd input {
	border:1px solid #ccc;
	width:302px;
	padding:3px 3px;
	font-size:14px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	outline:none;
	vertical-align:middle;
}
.send_mail_box_body dl.form_parts dd textarea {
	border:1px solid #ccc;
	width:302px;
	height:100px;
	padding:3px 3px;
	font-size:14px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	outline:none;
	vertical-align:middle;
}

.send_mail_box_body dl.confirm_form_parts_mailto {
	margin:0 10px 10px;
}
.send_mail_box_body dl.confirm_form_parts_mailto dt {
	font-size:12px;
	margin:0 0 3px;
}
.send_mail_box_body dl.confirm_form_parts_mailto dd {
	padding:10px;
	border:1px solid #e5b935;
	background-color:#fdecad;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.send_mail_box_body dl.confirm_form_parts_text {
	margin:0 10px 10px;
}
.send_mail_box_body dl.confirm_form_parts_text dt {
	font-size:12px;
	margin:0 0 3px;
}
.send_mail_box_body dl.confirm_form_parts_text dd {
	padding:10px;
	font-size:12px;
	border:1px solid #ccc;
	background-color:#f0f0f0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	word-wrap:break-word;
}
.send_mail_box_body .send_mail_completion {
	background:url(../images/mypage/send_mail_completion.png) no-repeat 50% 50px;
	height:200px;
}
.send_mail_box_body .send_mail_completion p {
	padding:108px 0 0;
	text-align:center;
}


.send_mail_box_footer {
	position:relative;
}
.btn_area {
	padding:0 0 0 2px;
}
.btn_1 {
	width:179px;
	margin:0 auto;
}
.btn_area div {
}
.btn_area div a {
	height:36px;
}
.btn_1 div {
	width:179px;
}
.btn_1 div a {
	width:179px;
}
.btn_2 {
	width:248px;
	margin:0 auto;
}
.btn_2 div {
	float:left;
	width:119px;
}
.btn_2 div.first {
	width:129px;
}
.btn_2 div a {
	width:119px;
}

#btnSendMailConfirm a {
	background-position:-1177px -88px;
}
#btnSendMail a {
	background-position:-1177px -124px;
}
#btnSendMailCorrection a {
	background-position:-1296px -124px;
}
#btnSendMailOk a {
	background-position:-1356px -88px;
}








.fsc_not {
	width:400px;
	padding:10px;
	margin:0 auto;
}
.fsc_not_inner {
	border:1px solid #ccc;
	padding:20px;
	background-color:#f0f0f0;
	text-align:center;
}