@charset "utf-8";
/*----------------------------------------
1.mypage
	1-1.basic
	1-2.leftSection
	1-3.rightSection

2.clearFix  
----------------------------------------*/

/* 1-1.basic
----------------------------------------*/
#mypage { zoom:1;}
#mypage #container:after{content: ".";display: block;clear: both;height: 30px;visibility: hidden;}


/* 1-2.leftSection
----------------------------------------*/
#mypage div.lSec {float: left;width: 160px;margin: 0;padding: 0;}
#mypage div.lSec div.board {background: #ddd;}
#mypage div.lSec div.board div.mypageCircle {text-align: center;padding-top: 10px;}
#mypage div.lSec div.board div.profile {padding-top: 10px;}
#mypage div.lSec div.board div.profile dl {text-align: center;}
#mypage div.lSec div.board div.profile dt span {font-weight: bold;}
#mypage div.lSec div.board div.profile dd.thumbnail img {border:2px solid #333;width: 96px;height: 96px;}
#mypage div.lSec div.board div.profile dd.nickname {font-size: 10px;padding-top: 4px;}

#mypage div.lSec div.menu ul {padding-top: 10px;padding-bottom: 1px;background: #ddd;}
#mypage div.lSec div.menu li {height: 30px;text-align: center;line-height: 30px;}
#mypage div.lSec div.menu li.title {background: #4c4948;color: #fff;font-size: 13px;margin-left: 8px;margin-bottom: 5px;line-height: 24px;height: 24px;border-left: 5px solid #000;text-align: left;padding-left: 8px;}
#mypage div.lSec div.menu li.item {font-size: 11px;text-align: right;}
#mypage div.lSec div.menu li.last {margin-bottom: 20px;}
#mypage div.lSec div.menu li.item a {display: block; height: 30px; background: url('../img/icn_mypageMenu.png') no-repeat right #ddd ;text-align: center;color: #444;text-decoration: none;text-align: right;width: 120px;margin-right: 0;margin-left: auto;padding-right: 15px;}
#mypage div.lSec div.menu li.item a:hover {background: url('../img/icn_mypageMenu.png') no-repeat right #fff;}
#mypage div.lSec div.menu li.active { width: 120px;margin-right: 0;margin-left: auto;background:url('../img/icn_mypageMenuActive.png') no-repeat right #fff;color: #f60;z-index: 111;right: 2px;padding-right: 15px;}

#mypage div.lSec div.passbook {margin-top: 20px;word-break:break-all;word-wrap:break-word;white-space: normal;} 
#mypage div.lSec div.passbook a {color: #333;text-decoration: underline;}
#mypage div.lSec div.passbook a:hover {text-decoration: none;}


/* 1-3.rightSection
----------------------------------------*/
#mypage div.rSec {float: right;width: 790px;margin: 0;padding: 0;}

/* caption */
#mypage div.rSec div.caption {border-bottom: 3px solid #f90;font-weight: bold;font-size: 18px;line-height: 2;}
#mypage div.rSec div.caption p {margin: 0;padding: 0;font-weight: normal;float: right;}

/* prenotion */
#mypage div.rSec div.prenotion {margin-top: 20px;background: #ccc;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
#mypage div.rSec div.prenotion:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
#mypage div.rSec div.prenotion div.txt {float: left;width: 400px;text-align: center;color: #666;padding: 23px 0;line-height: 1.5;}
#mypage div.rSec div.prenotion div.txt span {font-size: 16px;font-weight: bold;}
#mypage div.rSec div.prenotion div.point {float: left;background: #fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;width: 300px;color: #f60;font-size: 50px;line-height: 50px;text-align: center;margin: 10px 0;padding: 10px 0;}
#mypage div.rSec div.prenotion div.point a {color: #f60;text-decoration: underline;}
#mypage div.rSec div.prenotion div.point a:hover {text-decoration: none;}

/* eke */
#mypage div.rSec div.eke {margin-top: 20px;font-size: 11px;color: #999;clear: both;}

/* receipt */
#mypage div.rSec div.receipt {width: 600px;margin: 0 auto;text-align: center;margin-top: 20px;margin-bottom: 20px;background: #fed; padding: 10px; border: 1px solid #B0A020;}

/* adRecord */
#mypage div.rSec div.adRecord {margin-top: 20px;clear: both;}
#mypage div.rSec div.adRecord p.title {font-weight: bold;}
#mypage div.rSec div.adRecord dl.totalCount {width: 130px;padding: 10px;border-right: 1px solid #ccc;float: left;}
#mypage div.rSec div.adRecord dl.totalCount dt {height:50px;text-align:center;}
#mypage div.rSec div.adRecord dl.totalCount dd {color:#f60;font-weight:bold;font-size:x-large;text-align:center;height:40px;}
#mypage div.rSec div.adRecord dl.totalRank {width: 130px;padding: 10px;border-right: 1px solid #ccc;float: left;}
#mypage div.rSec div.adRecord dl.totalRank dt {height:50px;text-align:center;}
#mypage div.rSec div.adRecord dl.totalRank dd {color:#f60;font-weight:bold;font-size:x-large;text-align:center;height:40px;}
#mypage div.rSec div.adRecord dl.mostPasted {width: 467px;height: 90px;padding: 10px;float: left;}
#mypage div.rSec div.adRecord dl.mostPasted dl.item {line-height: 1.2;}
#mypage div.rSec div.adRecord dl.mostPasted dl.item dt {margin-right:5px;border:1px solid #ccc;float:left;}
#mypage div.rSec div.adRecord dl.mostPasted dl.item dd.title {font-weight: bold;}
#mypage div.rSec div.adRecord dl.mostPasted dl.item dd.maker {font-size: 10px;}
#mypage div.rSec div.adRecord dl.mostPasted dl.item dd.count {font-size: 10px;}
#mypage div.rSec div.adRecord dl.mostPasted dl.item dd.count span {font-weight: bold;}
#mypage div.rSec div.adRecord p.eke {font-size: 11px;padding-left: 20px;}

/* sodateta */
#mypage div.rSec div.sodateta {margin-top: 20px;}
#mypage div.rSec div.sodateta:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
#mypage div.rSec div.sodateta img.washi {float: left;}

/* sodateta yes */
#mypage div.rSec div.sodateta dl {margin:0 10px;border:1px solid #8f8f8f;width:330px; padding:5px;line-height:1.2em; float:left;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;}
#mypage div.rSec div.sodateta dl span{margin:20px 0 0 -12px;width:7px; height:9px;float:left; background:url("../img/img_SpeechBalloon.png") no-repeat;text-indent:-9999px;}
#mypage div.rSec div.sodateta dt {float: left;margin-right: 5px;}
#mypage div.rSec div.sodateta dt img {border: 1px solid #ccc;}
#mypage div.rSec div.sodateta dd.name {font-weight: bold;}
#mypage div.rSec div.sodateta dd.maker {font-size: 10px;margin-right: 5px;float: left;}
#mypage div.rSec div.sodateta dd.record {font-size: 10px;}
#mypage div.rSec div.sodateta ul {width:370px; padding: 0 5px 5px;line-height:1.2em;float: left;word-break:break-all;word-wrap:break-word;white-space: normal;}
#mypage div.rSec div.sodateta ul a {font-weight: bold;}

/* sodateta no */
#mypage div.rSec div.sodateta p.noItem{margin:60px 10px 0;border:1px solid #8f8f8f;width:430px; padding:5px;line-height:1.2em; float:left;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;}
#mypage div.rSec div.sodateta p.noItem span{margin:20px 0 0 -12px;width:7px; height:9px;float:left; background:url("../img/img_SpeechBalloon.png") no-repeat;text-indent:-9999px;}

/* status */
#mypage div.rSec div.status {font-size: 11px;background: #d2d2d2;margin-top: 20px;padding : 5px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
#mypage div.rSec div.status dt span {font-weight:bold;font-size: 14px;padding: 0 10px;}
#mypage div.rSec div.status dd span {font-weight:bold;}

/* campaign */
#mypage div.rSec div.campaign {margin-top: 20px;text-align: center;}
#mypage div.rSec div.campaign:after {content: ".";display: block;clear: both;height: 30px;visibility: hidden;}

/* table */
#mypage div.rSec div.table {margin-top: 20px;}
#mypage div.rSec div.table p.pagenation {text-align: right;margin: 0;padding: 10px 0 0;font-size: 12px;}

#mypage div.rSec div.table table.history th {font-weight: bold;border: 0;padding-bottom: 5px;}
#mypage div.rSec div.table table.history td {word-break:break-all;word-wrap:break-word;white-space: normal;}
#mypage div.rSec div.table table.history th.shop {width: 100px;padding-right: 10px;}
#mypage div.rSec div.table table.history th.item {width: 330px;padding-right: 10px;}
#mypage div.rSec div.table table.history th.piece {width: 40px;padding-right: 10px;}
#mypage div.rSec div.table table.history th.order {width: 80px;padding-right: 10px;}
#mypage div.rSec div.table table.history th.shipment {width: 80px;padding-right: 10px;}
#mypage div.rSec div.table table.history th.receipt {width: 80px;padding-right: 10px;}
#mypage div.rSec div.table table.history th.delete {width: 20px;}
#mypage div.rSec div.table table.history td {padding-bottom: 10px;}
#mypage div.rSec div.table table.history td.item {color: #bbb;}
#mypage div.rSec div.table table.history td.piece {text-align: center;}
#mypage div.rSec div.table table.history td.delete a {color: #bbb;}

#mypage div.rSec div.table table.reportOrder th {font-weight: bold;border: 0;padding-bottom: 5px;}
#mypage div.rSec div.table table.reportOrder th.date {width: 80px;padding-right: 10px;}
#mypage div.rSec div.table table.reportOrder th.item {width: 360px;padding-right: 10px;}
#mypage div.rSec div.table table.reportOrder th.shop {width: 190px;padding-right: 10px;}
#mypage div.rSec div.table table.reportOrder th.piece {width: 40px;padding-right: 10px;}
#mypage div.rSec div.table table.reportOrder th.genre {width: 50px;padding-right: 10px;}
#mypage div.rSec div.table table.reportOrder th.delete {width: 20px;}
#mypage div.rSec div.table table.reportOrder td {padding-bottom: 10px;}
#mypage div.rSec div.table table.reportOrder td.item {color: #999;}
#mypage div.rSec div.table table.reportOrder td.piece {text-align: center;}
#mypage div.rSec div.table table.reportOrder td.genre {text-align: center;}
#mypage div.rSec div.table table.reportOrder td.delete a {color: #bbb;}

#mypage div.rSec div.table table.reportShipment th {font-weight: bold;bShipment: 0;padding-bottom: 5px;}
#mypage div.rSec div.table table.reportShipment th.date {width: 80px;padding-right: 10px;}
#mypage div.rSec div.table table.reportShipment th.item {width: 270px;padding-right: 10px;}
#mypage div.rSec div.table table.reportShipment th.shop {width: 110px;padding-right: 10px;}
#mypage div.rSec div.table table.reportShipment th.piece {width: 40px;padding-right: 10px;}
#mypage div.rSec div.table table.reportShipment th.point {width: 70px;padding-right: 10px;}
#mypage div.rSec div.table table.reportShipment th.genre {width: 50px;padding-right: 10px;}
#mypage div.rSec div.table table.reportShipment th.fix {width: 80px;padding-right: 10px;}
#mypage div.rSec div.table table.reportShipment th.delete {width: 20px;}
#mypage div.rSec div.table table.reportShipment td {padding-bottom: 10px;}
#mypage div.rSec div.table table.reportShipment td.item {color: #999;}
#mypage div.rSec div.table table.reportShipment td.piece {text-align: center;}
#mypage div.rSec div.table table.reportShipment td.point {text-align: center;}
#mypage div.rSec div.table table.reportShipment td.genre {text-align: center;}
#mypage div.rSec div.table table.reportShipment td.delete a {color: #bbb;}

#mypage div.rSec div.table table.reportFix th {font-weight: bold;bFix: 0;padding-bottom: 5px;}
#mypage div.rSec div.table table.reportFix th.date {width: 80px;padding-right: 10px;}
#mypage div.rSec div.table table.reportFix th.item {width: 300px;padding-right: 10px;}
#mypage div.rSec div.table table.reportFix th.shop {width: 110px;padding-right: 10px;}
#mypage div.rSec div.table table.reportFix th.piece {width: 40px;padding-right: 10px;}
#mypage div.rSec div.table table.reportFix th.point {width: 70px;padding-right: 10px;}
#mypage div.rSec div.table table.reportFix th.genre {width: 50px;padding-right: 10px;}
#mypage div.rSec div.table table.reportFix th.fix {width: 80px;}
#mypage div.rSec div.table table.reportFix td {padding-bottom: 10px;}
#mypage div.rSec div.table table.reportFix td.item {color: #999;}
#mypage div.rSec div.table table.reportFix td.piece {text-align: center;}
#mypage div.rSec div.table table.reportFix td.point {text-align: center;}
#mypage div.rSec div.table table.reportFix td.genre {text-align: center;}

/* ASIN form */
#mypage div.rSec div.asinForm {margin-top: 20px;}
#mypage div.rSec div.asinForm span {font-size: 10px;color: #555;}



/*----------------------------------------
2.clearFix
----------------------------------------*/
.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix{
    zoom:1;
}

#about_function:after,
#about_function .about:after,
#about_function .link:after,
#about_environment:after,
#about_NicoIchiGirls:after,
#adsense:after,
.artistDetail ul:after,
#bottomList:after,
#btn_social:after,
#busyRanking dl:after,
#busyHistory:after,
#categoryIndex:after,
#categoryIndex dl:after,
#container:after,
#chart:after,
#chartNav:after,
#creators_edit:after,
#creators_edit .itemMovie:after,
#creators_edit .itemDetail:after,
#creators_edit .creators_wysiwyg:after,
#creators_edit .artistDetail:after,
#creators_edit .related:after,
#creators_edit .creators_editmenu:after,
.creators_editmenu:after,
.creators_info:after,
#ctopHotItemList:after,
#ctopHotItemList li:after,
#editArea .addItemList:after,
.nsBuy:after,
#nsItem:after,
#nsItemlist li:after,
.flowView:after,
#glovalNav ul#topicsPath:after,
#headerNav:after,
#headerContents:after,
#headerMenu:after,
#headerMenu li dl:after,
#hotItem:after,
#hotItem li:after,
#hotItem2:after,
.hisItem:after,
#hitokotoForm:after,
#itemDetail:after,
#itemDetail ul:after,
#itemDetail ul li#detailInner dl:after,
#itemDetailInner:after,
#itemDetail2 #detailInner dl:after,
#itemList li dl:after,
#itsOpen ul:after,
.itemListThumbnail:after,
#item_ep0:after,
#matome:after,
#matomeDetail:after,
#masterpiece:after,
#mobileCaution:after,
.movieSelect ul:after,
.movieSelect li:after,
#nc_top:after,
#nsItem:after,
#nsItem .item:after,
#nsItemDetail:after,
.sp_seedItemList:after,
#editNcPageList:after,
#mypageNc ol:after,
#mypageNc dl:after,
editNcPageList:after,
#nicopedia:after,
#nicopediaBbs:after,
#nicopediaBbsNone:after,
#nicknameFlag:after,
#notPremiumMember:after,
.pickupItem:after,
#pastedWell ul.itemList dl:after,
#popupBlogparts dl:after,
#primaryEdit:after,
#search:after,
#shoutComment:after,
#sitemap:after,
#sitemap div:after,
#sitemap ul:after,
#saleAndReserve ul.itemList:after,
#saleAndReserve:after,
#schedule:after,
#sideRanking:after,
#sideTag:after,
#sideMatomegai dl:after,
#sidePastedWell dl:after,
#sideRanking dl:after,
#saleSoon ul:after,
#subCategoryList ul.itemList:after,
#secondaryEdit dl:after,
#search ul.itemList li dl:after,
#search ul.rankingList li dl:after,
#search .searchbox:after,
#saleSoon:after,
.sp_terraPageLink:after,
#subCategoryList:after,
#subCategoryList ul.itemList li:after,
#topline_other:after,
#topMobile:after,
#topMobile ul li dl:after,
#topRelease:after,
#topRelease ul:after,
#topReserveStart:after,
#topReserveStart ul li dl:after,
#topSale:after,
#topSale ul li dl:after,
#ranking:after,
#relatedCategoryItem:after,
#relatedCategoryItem ul.relatedItemlist:after,
#relatedVideoList ul.videoList li:after,
#relatedItem ul.relatedItemlist:after,
#relatedNicoVideoItem dl:after,
#relatedCategoryItem dl:after,
#relatedNicoVideoItem dl.relatedList:after,
#relatedCategoryItem dl.relatedList:after,
#rankingList li dl:after,
#relatedItem:after,
#relatedItem2 ul:after,
.related:after,
.relatedItem:after,
#relatedCategoryItem dl:after,
#relatedNicoVideo:after,
.relatedURL:after,
#resultStats:after,
#resultSection:after,
#viewSwitch:after,
#yahoo:after,
.itemSearch dl:after,
.itemList li dl:after,
.itemList li dl dt:after,
.clearfix:after,
.categoryMenu ul:after,
.categoryMenu:after,
.matomegai:after,
.matomegai ul li dl:after,
.checkCaution:after,
#htktForm:after,
#htktFormColor:after,
#htktFormSize:after,
#htktFormRate:after,
#itemTag:after,
#itemTagList:after,
#itemTagEdit:after,
#itemTagEdit li:after,
#itemTagEdit dl:after,
#top_event:after,
#topBnr:after,
#topNav:after,
#topMobile li:after,
#topMobile dl:after,
#footerTransition:after{
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}