@charset "UTF-8";

/***************************************************************************************************

"Gift now"

Cascading Style Sheet - "/css/yahoo.css"
Ver. 2010.06

----------------------------------------------------------------------------------------------------

yahoo!タイアップ関連ページの設定を行います。

***************************************************************************************************/




/** Yahoo!Shopping ********************************************************************* |START| **/

/**====================================================== Top Tab Contents ==**/
#YahooRankTabBox{background-image:url("/images/yahoo/bg_rankTabBox.gif");}


/** Yahoo Shopping Logo **/
#YahooRankHdTab h2{
	float:right;
	width:150px;
	text-align:right;
}
#YahooRankHdTab h2 img{margin:14px 7px 12px 0;}


/**------------------------------------- Tab naigation --**/
#YahooRankHdTab{
/*	width:623px;*/
}

ul.ui-tabs-nav{
/*	float:left;*/
	width:625px;
	margin:0 0 0 4px;
	padding-top:3px;
}
ul.ui-tabs-nav li{float:left;}
ul.ui-tabs-nav a, ul.ui-tabs-nav a span{
	display:block;
	height:46px;
}
ul.ui-tabs-nav a{
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
	outline:0;	/* Firefox */
}
ul.ui-tabs-nav li.ui-tabs-selected a{cursor:pointer;}

ul.ui-tabs-nav a span{text-indent:-9999px;}

ul.ui-tabs-nav li#Tab1, 
ul.ui-tabs-nav li#Tab1 a, ul.ui-tabs-nav li#Tab1 span{width:154px;}
ul.ui-tabs-nav li a#TabNavi1:link, 
ul.ui-tabs-nav li a#TabNavi1:visited{background-image:url("/images/yahoo/tab_rank_pop.png");}
ul.ui-tabs-nav li a#TabNavi1:hover, 
ul.ui-tabs-nav li a#TabNavi1:active, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi1:link, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi1:visited, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi1:hover, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi1:active{background-image:url("/images/yahoo/tab_rank_pop_on.png");}

ul.ui-tabs-nav li a#TabNavi2:link, 
ul.ui-tabs-nav li a#TabNavi2:visited{background-image:url("/images/yahoo/tab_rank_hot.png");}
ul.ui-tabs-nav li a#TabNavi2:hover, 
ul.ui-tabs-nav li a#TabNavi2:active, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi2:link, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi2:visited, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi2:hover, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi2:active{background-image:url("/images/yahoo/tab_rank_hot_on.png");}

ul.ui-tabs-nav li#Tab3, 
ul.ui-tabs-nav li#Tab3 a, ul.ui-tabs-nav li#Tab3 span{width:154px;}
ul.ui-tabs-nav li a#TabNavi3:link, 
ul.ui-tabs-nav li a#TabNavi3:visited{background-image:url("/images/yahoo/tab_rank_sell.png");}
ul.ui-tabs-nav li a#TabNavi3:hover, 
ul.ui-tabs-nav li a#TabNavi3:active, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi3:link, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi3:visited, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi3:hover, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi3:active{background-image:url("/images/yahoo/tab_rank_sell_on.png");}

ul.ui-tabs-nav li#Tab4, 
ul.ui-tabs-nav li#Tab4 a, ul.ui-tabs-nav li#Tab4 span{width:156px;}
ul.ui-tabs-nav li a#TabNavi4:link, 
ul.ui-tabs-nav li a#TabNavi4:visited{background-image:url("/images/yahoo/tab_rank_user.png");}
ul.ui-tabs-nav li a#TabNavi4:hover, 
ul.ui-tabs-nav li a#TabNavi4:active, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi4:link, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi4:visited, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi4:hover, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi4:active{background-image:url("/images/yahoo/tab_rank_user_on.png");}

ul.ui-tabs-nav li#Tab5, 
ul.ui-tabs-nav li#Tab5 a, ul.ui-tabs-nav li#Tab5 span{width:156px;}
ul.ui-tabs-nav li a#TabNavi5:link, 
ul.ui-tabs-nav li a#TabNavi5:visited{background-image:url("/images/yahoo/tab_rank_rcmnd.png");}
ul.ui-tabs-nav li a#TabNavi5:hover, 
ul.ui-tabs-nav li a#TabNavi5:active, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi5:link, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi5:visited, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi5:hover, 
ul.ui-tabs-nav li.ui-tabs-selected a#TabNavi5:active{background-image:url("/images/yahoo/tab_rank_rcmnd_on.png");}


/**------------------------------------------- Tab Box --**/
#YahooRankTabBox .shopInner{
	margin:0 6px 6px 6px;
	padding:10px 0 0 25px;
	border-bottom:1px solid #ECECEC;
}

#YahooRankTabBox .shopItemBox{background:transparent;}
#YahooRankTabBox .shopItemBox dl.shopItem{
	margin-top:0;
	padding:0;
}

dl.shopItem dd.evaluateBtn{padding-bottom:5px;}
dl.shopItem dd.evaluateBtn img.yes{margin-right:2px;}


/** Button **/
#YahooRankTabBox .shopInner p.center{padding:5px 25px 10px 0;}



/**============================================================= List Page ==**/
.yahooShopArea{background-image:url("/images/yahoo/bg_top_shopArea_yahoo.gif") !important;}

#YahooShopArea{
	width:900px;
	position:relative;
}
#YahooShopArea .rightArea{width:630px;}
#YahooShopArea .leftArea{width:240px;}


/**---------------------------------------- Yahoo!Mark --**/
p.yahooShopping{
	position:absolute;
	top:2px;
	right:0;
}


/**---------------------------------------- Head Title --**/
.yahooShopArea .shopName{
	position:relative;
	height:50px;
}
.yahooShopArea .shopName h2{
	position:absolute;
	float:none;
}
.yahooShopArea h2 img{margin:0 !important;}

#YahooRcmndArea .shopName h2{top:-14px;left:4px;}	/** Recommend **/
#YahooRankArea .shopName h2{top:-10px;left:4px;}	/** Ranking **/

/*.yahooShopArea .shopName p.rightBtn{
	width:150px;
	padding-bottom:0;
}
.yahooShopArea .shopName p.rightBtn img{margin:14px 7px 12px 0;}*/

.wishHdLink .myListBtn span a{width:250px;}

/**----------------------------------------- Item List --**/
.yahooShopArea .shopInner{padding-top:25px;}

/** 先頭行 **/
.yahooShopArea .shop1stItemBox{margin:0;}


/**------------------------------------ Item List|Rank --**/
.shopItemRankBox{/** blank **/}
.shopItemRankBox dl.shopItem{
	width:119px;
	background-position:103px 0;
}
dl.shopItem dt img.rank4, dl.shopItem dt img.rank5{margin:2px 0 7px 0;}

/** 最終列 **/
.shopItemRankBox dl.lastShopItem{width:89px;}


/**------------------------------------- Left | Search --**/
.shopMenuBox{
	margin-bottom:12px;
	padding-bottom:4px;
	background:transparent url("/images/bg_shopSearch_btm.gif") no-repeat left bottom;
}
.shopMenuBox .shopMenuInner{
	padding:5px 5px 1px 5px;
	background:#D5D2C1 url("/images/bg_shopSearch_top.gif") no-repeat left top;
}
.shopMenuBox .whiteBox{
	margin-top:1px;
	background:#FFFFFF;
}

#ShopSearch .whiteBox{padding:10px 10px 1px 10px;}
#ShopSearch input#YahooShopSearch{width:264px;}
#ShopSearch input#YahooShopSearch2{width:204px;}


/**------------------------------------- Left | Search --**/
#YahooShopArea .shopMenuBox{background-image:url("/images/bg_shopSearch2_btm.gif");}
#YahooShopArea .shopMenuBox .shopMenuInner{background-image:url("/images/bg_shopSearch2_top.gif");}


/**----------------------------------- Left | MenuList --**/
ul.subMenuList{padding-bottom:0 !important;}
ul.subMenuList li{
	padding:7px 6px 7px 10px;
	background:transparent url("/images/bg_dotLine.gif") repeat-x left top;
}
ul.subMenuList li.firstMenuList{background:transparent;}

ul.subMenuList li a{
	display:block;
	padding-left:9px;
	background:transparent url("/images/icn_arrow.gif") no-repeat 0 0.44em;
	line-height:1.3;
}
ul.subMenuList li span{
	display:block;
	padding-left:9px;
	background:transparent url("/images/icn_arrow.gif") no-repeat 0 0.44em;
	font-weight:bold;
	line-height:1.3;
}

/**----------------------------------------- Recommend --**/
.shopListPage .shopInner{
	margin:0 6px 6px 6px;
	padding:15px 0 0 18px;
	border-bottom:1px solid #ECECEC;
}

.shopListPage .shopItemBox{
	width:580px;
	margin:0 0 1px 0;
}
.shopListPage .shopItemBoxInner{
	width:580px;
	padding-top:10px;
	background:transparent url("/images/bg_top_shopItem.gif") repeat-y center top;
}
.shopListPage .shopItem{width:280px;}

/** Image **/
.shopItem .shopImg{
	float:left;
	width:65px;
}

/** Text, Button **/
.shopItem .shopTxt{
	float:right;
	width:210px;
	text-align:left;
}
.shopTxt dl{padding-bottom:5px !important;}
.shopTxt dt, .shopTxt dd{line-height:1.2 !important;}
.shopTxt .twitterbtn img{margin-left:4px;}

/** Shop Link (Text Only) **/
p.shopLink{
	padding:0 0 8px 20px;
	background:transparent url("/images/icn_arrow2.gif") no-repeat 1px 0.15em;
}

/** 先頭行 **/
.shopListPage .shop1stItemBox{
	margin-top:10px;
	background:transparent;
}
.shopListPage .shop1stItemBox .shopItemBoxInner{padding-top:0;}


/**---------------------------------------------- Rank --**/
.shopListPage .shopItemBoxInner{
	width:580px;
	padding-top:10px;
	background:transparent url("/images/bg_top_shopItem.gif") repeat-y center top;
}
.shopListPage .itemRank{
	width:580px;
	padding-top:10px;
}

/** Rank Icon, Shop Image **/
.itemRank .shopImg{
	float:left;
	width:120px;
}
.itemRank .shopImg h3, .itemRank .shopImg p{display:inline;}
.itemRank .shopImg h3 img{margin:13px 11px 0 9px;}
.itemRank .shopImg h3 img.rank4, .itemRank .shopImg h3 img.rank5{margin:13px 13px 0 11px;}
.itemRank .shopImg p img{margin-bottom:9px;}


/** Text, Button **/
.itemRank .shopTxt{
	float:right;
	width:450px;
	text-align:left;
}
.itemRank .shopTxt dl{padding-bottom:10px !important;}

.shopItem .shopTxt dt span{font-weight:bold;}


/** 先頭行 **/
.shopListPage .shop1stItemBox .itemRank{padding-top:0;}



/**========================================================= Search Result ==**/

/**---------------------------------------- ページャー --**/
.searchResult{
	padding-bottom:10px;
	background:transparent url("/images/bg_dotLine2.gif") repeat-x left bottom;
}

.searchResult p, .searchResult ul{
	display:inline;
	padding-right:15px;
}
.searchResult ul li{padding:0 5px;}

input.searchWord{width:200px;}


/**------------------------------ List(2column Layout) --**/
#YahooSearchArea .shop1stItemBox{margin-top:0;}

#YahooSearchArea .shopItemBox, 
#YahooSearchArea .itemRank{width:630px;}

#YahooSearchArea .itemRank .shopImg{width:115px;}
#YahooSearchArea .itemRank .shopImg img{margin-bottom:8px;}

#YahooSearchArea .itemRank .shopTxt{width:510px;}
#YahooSearchArea .shopTxt dl{padding-bottom:0 !important;}
#YahooSearchArea .shopTxt dt, #YahooSearchArea .shopTxt dd{padding-bottom:8px;}



/**========================================================== Yahoo Layout ==**/
body#YahooLayout .headArea{background:#DD0018 url("/images/yahoo/bg_yahooHead.gif") repeat-x left bottom;}

/**------------------------------- Left | Logo, GiftID --**/
body#YahooLayout .siteLogo{
	float:left;
	width:160px;
}
body#YahooLayout .siteLogo img{margin:7px 0 8px 8px;}

body#YahooLayout .headArea .giftID{
	float:left;
	width:270px;
	padding:22px 0 10px 0;
	color:#FFFFFF;
}

/**--------------------------------- Right | Head/Menu --**/
body#YahooLayout .headMenu{width:550px;}

body#YahooLayout .headMenu ul{
	position:relative;
	top:0;
	right:0;
}
body#YahooLayout .headMenu ul li{
	display:inline;
	float:none;
	padding-right:1px;
	color:#FFFFFF;
	font-size:86%;
	line-height:1.5;
}
body#YahooLayout .headMenu ul li img{vertical-align:middle;}

body#YahooLayout .headMenu ul li a:link{color:#FFFFFF;}
body#YahooLayout .headMenu ul li a:visited{color:#FBE7E8;}
body#YahooLayout .headMenu ul li a:hover, 
body#YahooLayout .headMenu ul li a:active{color:#FFFFFF;}

body#YahooLayout .headMenu ul.headMenuList1{padding-top:6px;}
body#YahooLayout .headMenu ul.headMenuList1 li.giftnow{
	padding:1px 0 1px 16px;
	background:transparent url("/images/yahoo/icn_beginner.gif") no-repeat left center;
}
body#YahooLayout .headMenu ul.headMenuList1 li.mypage{
	padding:1px 0 1px 17px;
	background:transparent url("/images/yahoo/icn_mypage.gif") no-repeat left center;
}
body#YahooLayout .headMenu ul.headMenuList1 li.help{
	padding:1px 10px 1px 18px;
	background:transparent url("/images/yahoo/icn_help.gif") no-repeat left center;
}
body#YahooLayout .headMenu ul.headMenuList1 li img{margin-right:6px;}


body#YahooLayout .headMenu ul.headMenuList2{padding:3px 4px 0 0;}



/**===================================================== Yahoo Item Detail ==**/

/**---------------------------------- GlobalMenu+Yahoo --**/
.poweredYahoo ul.headMenuList{right:195px;}
.poweredYahoo p{
	position:absolute;
	top:72px;
	right:20px;
}

/**------------------------------------- Purchase Flow --**/
.helpSubTitle{width:auto;}

ol.purchaseFlowList{width:940px;}
ol.purchaseFlowList li{
	float:left;
	width:315px;
	background:transparent url("/images/arrow_purchaseFlow.gif") no-repeat left center;
}
ol.purchaseFlowList li span{
	display:block;
	margin-left:15px;
	padding:10px 8px 10px 48px;
	border:1px solid #CFCFCF;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:8px 10px;
}

/** 先頭 **/
ol.purchaseFlowList li#Flow1{
	width:300px;
	background:transparent;
}
ol.purchaseFlowList li#Flow1 span{
	margin-left:0;
	background-image:url("/images/lst_purchaseFlow1.gif");
}

ol.purchaseFlowList li#Flow2 span{background-image:url("/images/lst_purchaseFlow2.gif");}
ol.purchaseFlowList li#Flow3 span{background-image:url("/images/lst_purchaseFlow3.gif");}


/**-------------------------------------------- iframe
iframe#YahooIframe{border:1px solid #CCCCCC;} --**/


/**--------------------------------- Tab Menu Contents --**/
.tabDsplyBox{
	display:none;
	padding:20px 30px 30px 30px;
	background:transparent url("/images/yahoo/bg_tabDsplyBox.gif") repeat-x left bottom;
}

/** 右寄せリンク **/
.tabDsplyBox p.right a{
	padding-left:9px;
	background:transparent url("/images/icn_arrow.gif") no-repeat 0 0.28em;
}

/** hoshii **/
.shopItemBox .halfPadding{padding-bottom:5px;}

/**-- Input Sample --**/
ul#YahooSample{/** Blank **/}

ul#YahooSample li img, ul#YahooSample li input{vertical-align:middle;}
ul#YahooSample li img{margin:5px 0;}
ul#YahooSample li input{margin:0 10px 0 5px;}

input#SampleName1, input#SampleName2{width:80px;}
input#SampleZip, input#SampleAddress1, input#SampleAddress2{width:70px;}
input#SampleAddress3{width:150px;}
input#SampleAddress4{width:200px;}
input#SampleTel{width:100px;}


/**------------------------------------ giftID Buy Fin --**/
#IDissueFin{
	margin:30px 35px 35px 35px;
	padding:35px 35px 35px 35px;
	background:#EDEDED;
	text-align:center;
}

#IDissueFin h2{
	padding-bottom:25px;
	color:#D5000C;
}


/** |END| **************************************************************************** Shop Area **/