@charset "utf-8";

.leftnavi-title {height:28px; background-image:url(../leftnavi_title_bkg.png); background-repeat:no-repeat; font-size:15px; font-weight:bold; line-height:28px; text-align:left; padding-left:10px; color:#333;}
.leftnavi-bottom {height:6px; background-image:url(../leftnavi_bottom_bkg.png); background-repeat:no-repeat;}
.leftnavi-subtitle {height:22px; background-color:#E4DCCC; font-size:12px; font-weight:bold; line-height:22px; padding-left:10px;}
.leftnavi-content {margin:0 auto; text-align:left; line-height:140%; padding:5px;}
.leftnavi-content ul {margin:0; padding:0;}
.leftnavi-content ul li {list-style:none; margin:0; padding:0;}


.leftnavi-content .detail {
	line-height: 150%;
}

.leftcol-error-msg {
	font-weight: bold;
	color: red;	
	margin-bottom: 8px;
}

/* welcome */
#leftnavi-welcome-wrapper {
	padding-top:10px;	
}

.wlc-img {
	background:url(/images/global/leftcol_welcome_img.png) no-repeat;
	width:160px;
	position:relative;
	display:block;
}
#wlc-login-btn {
	height:32px;
	background-position:left 0;
}
#wlc-login-btn:hover{
	height:32px;
	background-position:-160px 0;
}
#wlc-login-txt {
	height:20px;
	background-position:left -32px;
}
#wlc-rgt-btn {
	margin-top:16px;
	// margin-top: 11px; /* for IE */
	height:32px;
	background-position:left -60px;
}
#wlc-rgt-btn:hover {
	height:32px;
	background-position:-160px -60px;
}
#wlc-rgt-txt {
	height:15px;
	background-position:left -92px;
}

/* Member Info */
.mInfo-table,
.snsNavi-table { width:100%; }
.mInfo-table a,
.snsNavi-table a { white-space:nowrap; }
.mInfo-table td,
.snsNavi-table td { padding:3px 0; text-align:left; }
.snsSubNavi th { text-align:left; }
.mInfo-table .icon,
.snsNavi-table .icon { background:url("/images/global/d_header.png") no-repeat; width:20px; height:22px; display:block; float:left; padding-right:2px; }
tr.snsSubNavi { line-height:100%; }
tr.snsSubNavi th { font-weight:normal; margin:0; padding:1px 0 1px 30px !important; line-height:1; }
tr.snsSubNavi td { margin:0; padding:0; line-height:1; }
.memberId,
.memberMsg,
.memberD2Pt,
.memberD2Coupon,
.memberPremium,
.memberHistory { margin-right:0px; }
.memberId {margin-bottom: 6px;}
#rankUpOffer-box { background:#fc0; margin-top:4px; padding:8px;}
.mInfo-field { line-height:22px; white-space:nowrap; }
.memberMsg .icon { background-position:-250px -198px; }
.memberD2Pt .icon { background-position:-250px -220px }
.memberD2Coupon .icon { background-position:-250px -242px }
.memberPremium .icon { background-position:-250px -264px }
.memberHistory .icon { background-position:-250px -286px }
.memberHotoku .icon { background-position:-250px -308px }
.memberChatPt .icon { background-position:-250px -330px }
#mHistory-wrapper { position:relative; }
#mHistory-popup { background-color:#fff; border:1px solid #000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:absolute; top:-10px; left:-11px; padding:10px; z-index:300; width:180px; }
#mHistory-popup .title { display:block; margin-bottom:3px; text-align:left; }
.history-sm {display:inline; margin:0 5px 0 3px; }
.myAcct-btnWrapper { border-top:1px dashed #ccc; padding-top:15px; text-align: center}
.jClose { background:url("/images/mylist/mybookmark-icons.png") 0 0 no-repeat; width:16px; height:16px; display:block; position:absolute; top:5px; right:5px; }
.jClose:hover { background-position:0 -16px; }
#hotokucoins_close_expire { color: #F00;}

.memberInfoSec {
	border-bottom:1px dashed #ccc;
	padding-bottom:15px !important;
}

.iconImg {
	padding-left:2px;
	margin-right:6px;
	float:left;
	display:block;
}

.d2PointBtnLefNav {
	border-top:1px dashed #CCC;
}

.d2PointBtnLefNav a:link,
.d2PointBtnLefNav a:visited,
.d2PointBtnLefNav a:active {
	width:138px;
	height:19px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding-top:3px;
	text-align:center;
	color:#FFF;
	display:block;
	
	text-shadow: #333 0.15em 0.15em 0.05em;
	cursor: pointer;
	border: 1px solid #060;
	border-radius: 2px;
	background: #75DD19;
	background: -moz-linear-gradient(top, #75DD19 0%, #060 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75DD19), color-stop(100%, #060));
	background: -webkit-linear-gradient(top, #75DD19 0%, #060 100%);
	background: -o-linear-gradient(top, #75DD19 0%, #060 100%);
	background: -ms-linear-gradient(top, #75DD19 0%, #060 100%);
	background: linear-gradient(top, #75DD19 0%, #060 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75DD19', endColorstr='#006600',GradientType=0 );
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.d2PointBtnLefNav a:hover {
	background: #090;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75DD19', endColorstr='#006600',GradientType=0 );
}

.d2PointMSG {
	margin-left:0 !important;
	color:#09F !important;
	text-shadow:none !important;
	background:none !important;
	border:none !important;
}

.myAcct-btnWrapper .button-sm {
	width:110px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/* Available Sites */
.availableSites-ul { overflow:hidden; }
.availableSites-ul li { clear:both; }
.availableSites-siteicon { float:left; width:30px; height:30px; margin:0 5px 5px 0; }
.availableSites-sitename { line-height:30px; float:left; text-decoration:inherit; }

/* Page Navi */
.page-lfNavi-wrapper {margin-bottom:8px; widows:100%;}
.page-lfNavi-content {background-image: url(/images/global/page_lfnavi_middle_bkg.png); display: block;}
.page-lfNavi-content ul {margin:0; padding:0;}
.page-lfNavi-content ul li {list-style:none; margin:0; padding:0;}
.page-lfNavi-desc {margin-top:5px; padding: 0 5px; text-align:left;}
.page-lfNavi-title {display: block; height: 32px; width: 168px;}
.page-lfNaviBG-top, .page-lfNaviBG-bottom {background: url(/images/global/page_lfnavi_bkg.png) no-repeat; height: 6px; position: relative; width: 180px; font-size:0;}
.page-lfNaviBG-top { background-position: 0 0; }
.page-lfNaviBG-bottom { background-position: 0 -6px;}

.page-lfNavi-wrapper ul.level1 li a:hover,
.page-lfNavi-wrapper ul.level2 li a:hover,
.currentNavi { background:url(/images/global/page_lfnavi_bkg.png) no-repeat; }
.page-lfNavi-wrapper ul.level1 li a,
.page-lfNavi-wrapper ul.level1 li a:hover,
.page-lfNavi-wrapper ul.level2 li a,
.page-lfNavi-wrapper ul.level2 li a:hover { display:block; text-decoration:none; font-weight:bold; height:18px; line-height:18px; }
.page-lfNavi-wrapper ul.level1 li a,
.page-lfNavi-wrapper ul.level1 li a:hover { font-size:12px; padding: 5px 0 5px 15px; margin-top:5px; }
.page-lfNavi-wrapper ul.level2 li a,
.page-lfNavi-wrapper ul.level2 li a:hover { margin-top:2px; }
.page-lfNavi-wrapper ul.level1 li a,
.page-lfNavi-wrapper ul.level1 li a:visited { color:#000000; }
.page-lfNavi-wrapper ul.level1 li a:hover { color:#fff !important; background-position:0 -12px; }
.page-lfNavi-wrapper ul.level2 li a,
.page-lfNavi-wrapper ul.level2 li a:hover { font-size:12px; padding: 5px 0 5px 25px; height:10px; line-height:10px; }
.page-lfNavi-wrapper ul.level2 li a {color:#666 !important; }
.page-lfNavi-wrapper ul.level2 li a:hover { background-position:0 -68px; }
.currentNavi { color:#fff !important; background-position:0 -40px;}
.page-lfNavi-wrapper ul.level2 .currentNavi { color:#fff !important; background-position:0 -88px; }


/* breaking news */
.brkCouponBanner, .brkCouponText, .brkCouponBtn {
	margin-bottom: 10px;
	clear: both;
	line-height: 130%;
}
.brkCouponBtn .button {
	float: none;
	margin: 0;
	text-align: center;
}
.brkCouponLink {
	text-align: center;
}


/* ピックアップ */
.special-wrap {width:160px; _width:158px; /* IE only */ height:50px; position:relative; margin: 5px 0;}
.special-icon {width:50px; height:50px; position:absolute; top:0; left:0; overflow:hidden; }
.special-text {width:104px; height:50px; position:absolute; top:0; left:57px;}
.special-wrap div.tooltip .popup { top: -80px; left:20px; }

/* Twitter widget */

/*
.twtr-hd{
background:url(../twit_bg.gif) no-repeat; 
text-align:left !important;
}
.twtr-ft{
background:url(../twit_foot.gif) no-repeat center bottom;
}
*/

/* history */
.history-a{
height:25px;
}
.history-sb{
width:35px;
cursor:pointer;
}

/* contact */
#leftnavi-manual {
	margin-top: 5px;
}
a.manual-button {
	width: 118px;
	background: transparent url('../global/bg_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	font: normal 12px arial, sans-serif;
	height: 24px;
	padding-right: 14px; /* sliding doors padding */
	text-decoration: none;
}

a.manual-button span {
	background: transparent url('../global/bg_button_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 14px;
	text-align:center;
}

a.manual-button:hover {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}

a.manual-button:hover span {
	background-position: bottom left;
	padding: 6px 0 4px 14px; /* push text down 1px */
}

ul.allbrightTwitter li a{
	display:block;
	width:160px;
	height:71px;
	margin-top:10px;
	background: url('../global/allbright_twitter.jpg') no-repeat;
	text-indent:-9000px;
}

ul.allbrightTwitter li a:hover{
	background-position:0 -71px;
}
	
/**************************************************************************/