@charset "utf-8";

/* ==================================
**	common.css
/**	Created 2011/7/4
**	LastUpdate 2011/9/26
/* ==================================
ボタン・タブ設定 // 汎用ブロック
アイコン設定
================================== */

/* ********** ボタン ********** */
 a.btns,.btns,
 .addedMyshelf,
.btns_added,a.btns_added,.delbtn,.delbtn_bookrepo{
    width: 110px;
    height: 24px;
	color: #333;
    line-height: 24px;
    text-align: center;
    display: block;
	text-decoration: none;
}
 a.btns,.btns{ color: #fff; background: url(/static/img/common/unit_bt.png) 0 0 no-repeat; }

.unitAction a:link,.unitAction a:visited,.unitAction a:hover,
.addAll a:link,.addAll a:visited,.addAll a:hover,.addAll a:active,
.btnSet a:link,.btnSet a:visited{ text-decoration: none; }

.btnSet a:hover{ background-position: 0 -24px; text-decoration: none; }
.delbtn{ height:20px; background: url(/static/img/common/unit_bt.png) 0 -120px no-repeat; }
.delbtn_bookrepo{height:20px; background: url(/static/img/common/unit_bt.png) 0 -296px no-repeat;}
.delbtn:hover{ background-position: 0 -140px; }
.delbtn_bookrepo:hover{ background-position: 0 -316px; }
.btns_added,a.btns_added{ background:url(/static/img/common/unit_bt.png) 0 -48px no-repeat; }

.btnDel_min,.btnEdit_min,.btnCancel_min{width:30px; height: 14px; background: url(/static/img/common/fa_btn.png) no-repeat 0 0; border: none; display: block;cursor: pointer;}
.btnEdit_min{background: url(/static/img/common/fa_btn.png) no-repeat 0 -14px;}
.btnCancel_min{background-position: 0 -28px;}
.btnAdd_min{background: url(/static/img/common/fa_btn.png) no-repeat 0 -42px;}

.greenArrow{ padding: 3px 0 2px 25px; background: url(/static/img/common/icons.png) no-repeat 5px -584px; }

/* input用 */
.unitbtNr,.unitbtGray,.unitbtAccept{ width: 108px; height: 24px; background: url(/static/img/common/unit_bt.png) no-repeat 0 0; border: 0; cursor: pointer; }
input.unitbtNr{ color: #fff; }
input.unitbtGray{ background-position: 0 -200px; }
input.unitbtAccept{ color: #fff; background-position: 0 -248px;}
input.unitbtNr:hover{ background-position: 0 -24px; }
input.unitbtGray:hover{ background-position: 0 -224px; }
input.unitbtAccept:hover{ background-position: 0 -272px;}

/* 横幅可変のボタン設定 */
.btNrAccept,a.btNr,.btNrBlank,.btNrGray,.btNrDark{
    display:block;
    width:98px;
    height:24px;
	font-size: 12px;
    overflow:hidden;
    background:url(/static/img/common/bt_normal.png) no-repeat 0 0;
}
a.btNrAccept,a.btNr,a.btNrBlank,a.btNrGray,a.btNrDark,a.btFatAccept{ text-decoration: none!important;}

.btNrBlank{background-position:0 -96px;}
.btNrAccept{background-position:0 -416px;}
.btNrGray{ font-size: 11px; background-position:0 -512px; }
.btNrDark{background-position: 0 -564px;}

a.btNrGray{text-decoration: none;}

.btNrAccept span.outer,
a.btNr span.outer,
.btNrBlank span.outer,
.btNrGray span.outer,.btNrDark span.outer{
    display:block;
    height:24px;
    line-height:24px;
    padding:0 5px 0 0;
    text-decoration:none;
    color:#fff;
    background: url(/static/img/common/bt_normal.png) no-repeat right 0;
}

.btNrBlank span.outer{ background-position:right -96px; color:#666; }
.btNrAccept span.outer{background-position:right -416px;}
.btNrGray span.outer{ color: #333; background-position:right -512px; }
.btNrDark span.outer{ color: #333; background-position:right -564px; }

.btNrAccept span.inner,
a.btNr span.inner,
.btNrBlank span.inner,
.btNrGray span.inner,.btNrDark span.inner{
    display:block;
    height:24px;
    line-height:24px;
    margin-left:5px;
    text-align:center;
    background:url(/static/img/common/bt_normal.png) repeat-x 0 -24px;
}
.btNrBlank span.inner{background-position: 0 -120px;}
.btNrAccept span.inner{background-position:0 -440px;}
.btNrGray span.inner{background-position:0 -536px;}
.btNrDark span.inner{background-position: 0 -588px;}
.tabRe span.inner{background-position: 0 -52px;}

a:hover.btNr{ background-position:0 -48px; text-decoration:none; }
a:hover.btNr span.outer{background-position:right -48px;}
a:hover.btNr span.inner{background-position:right -72px;}
a:hover.btNrAccept{background-position:0 -464px; text-decoration:none;}
a:hover.btNrAccept span.outer{background-position:right -464px;}
a:hover.btNrAccept span.inner{background-position:0 -488px;}
a:hover.btNrDark{background-position:0 -612px; }
a:hover.btNrDark span.outer{background-position:right -612px;}
a:hover.btNrDark span.inner{background-position:0 -636px;}
a:hover.btNrGray,a:hover.btNrDark{text-decoration: none;}
.btFatNr,.btFatAccept{
    display:block;
    width:160px;
    height:34px;
    overflow:hidden;
    background:url(/static/img/common/bt_normal.png) no-repeat 0 -144px;
}
.btFatNr span.outer,
.btFatAccept span.outer{
    display:block;
    height:34px;
    line-height:34px;
    padding:0 5px 0 0;
    text-decoration:none;
    color:#fff;
    background:url(/static/img/common/bt_normal.png) no-repeat right -144px;
}
.btFatNr span.inner,
.btFatAccept span.inner{
    display:block;
    height:34px;
    line-height:34px;
    margin-left:5px;
    text-align:center;
    background:url(/static/img/common/bt_normal.png) repeat-x 0 -178px;
}
.btFatAccept{background-position:0 -280px;}
.btFatAccept span.outer{background-position:right -280px;}
.btFatAccept span.inner{background-position:0 -314px;}

a:hover.btFatNr{background-position:0 -212px; text-decoration:none;}
a:hover.btFatNr span.outer{background-position:right -212px;}
a:hover.btFatNr span.inner{background-position:0 -246px;}
a:hover.btFatAccept{background-position:0 -348px; text-decoration:none;}
a:hover.btFatAccept span.outer{background-position:right -348px;}
a:hover.btFatAccept span.inner{background-position:0 -382px;}
a.btArrow,a.btArrowUp{
    padding:3px 0 3px 20px;
    background:url(/static/img/common/icons.png) no-repeat 0 -30px;
}
a.btArrowBrown{ padding:3px 0 3px 20px; background:url(/static/img/common/icons.png) no-repeat 0 -191px; }

/* いいねボタン */
.btNiceSet{	float: left; }
.btNiceAdd,.btNiceDel{width: 72px; height: 20px; display: block; }
.btNiceAdd{ background: url(/static/img/book_report/btnNice.png) no-repeat 0 0;}
a:hover.btNiceAdd { background: url(/static/img/book_report/btnNice.png) no-repeat 0 -80px;}
.btNiceDel{ background: url(/static/img/book_report/btnNice.png) no-repeat 0 -20px;}
.btNiceBalloon{ float: left; }
.btNiceRight,.btNiceLeft,.btNiceInner{ height: 20px; line-height: 20px; text-align: center;	float: left; }
.btNiceRight{ width: 8px; background: url(/static/img/book_report/btnNice.png) no-repeat 0 -40px; }
.btNiceBalloon .btNiceInner{ background: url(/static/img/book_report/btnNice.png) no-repeat 0 -60px; }
.btNiceLeft{ width: 5px; background: url(/static/img/book_report/btnNice.png) no-repeat -95px -40px; }

/* ********** タブ ********** */
.tabSet{ margin: 10px 0 5px 10px; width: 760px; border-bottom: 2px solid #cccccc; }
.tabSet ul{ margin-left: 10px; }
.tabSet li{ font-size: 12px; float: left; }

.tabListact,.tabList,
.tabRepeat,.tabRepeat .tabReOuter,.tabRepeat .tabReInner,
.tabRepeatact,.tabRepeatact .tabReOuter,.tabRepeatact .tabReInner{
    height: 26px;
    line-height: 26px;
    text-align: center;
    display:block;
}
.tabListact,.tabList{margin: 0 2px;width: 100px;}
.tabListact,a.tabListact{ color: #fff; font-weight: bold; background: url(/static/img/common/snsTabs.png) 0 0 no-repeat; }
.tabList,a.tabList{ color: #333; font-weight: bold; background: url(/static/img/common/snsTabs.png) 0 -26px no-repeat; }
.tabSet a:link,.tabSet a:visited,.tabSet a:hover{ text-decoration: none; }
.tabSet a.tabList:hover{ color: #fff; background: url(/static/img/common/snsTabs.png) 0 0 no-repeat; }

.tabRepeat{width: 98px;}
a.tabRepeat{ color: #333; text-decoration: none; }
.tabRepeat,.tabRepeat .tabReOuter,.tabRepeat .tabReInner,
.tabRepeatact,.tabRepeatact .tabReOuter,.tabRepeatact .tabReInner{ font-weight: bold; }

.tabRepeat .tabReInner{ background: url(/static/img/common/tabs.png) 0 -78px repeat-x; }
.tabRepeat{	background: url(/static/img/common/tabs.png) 0 -26px no-repeat; }
.tabRepeat .tabReOuter{	padding: 0 2px; background: url(/static/img/common/tabs.png) right -26px no-repeat; }

.tabRepeat .tabReInner:hover{background: url(/static/img/common/tabs.png) 0 -52px repeat-x; }
.tabRepeat:hover{ color: #fff; background: url(/static/img/common/tabs.png) 0 0 no-repeat; text-decoration: none; }
.tabRepeat .tabReOuter:hover{ background: url(/static/img/common/tabs.png) right 0 no-repeat; }
.tabRepeatact .tabReInner{color: #fff; background: url(/static/img/common/tabs.png) 0 -52px repeat-x; }
.tabRepeatact,a.tabRepeatact{ color: #fff; background: url(/static/img/common/tabs.png) 0 0 no-repeat; }
.tabRepeatact .tabReOuter{ padding: 0 2px; background: url(/static/img/common/tabs.png) right 0 no-repeat;	}

/* ********** 汎用ブロック ********** */
.generalBox{ margin: 20px auto 50px; padding: 10px; width: 450px; line-height: 1.3;}
.generalBox_header{
    margin-bottom: 15px;
    padding-bottom: 5px;
    color: #529b00;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #e3d8d4;
}
.generalBox .errorMsg{ margin-bottom: 10px; color: #f00;}
.generalBox .formarea{ margin: 0 auto; width:80%; text-align: right; }
.generalBox .formarea .formInner{ margin-bottom:10px; }
.generalBox .formarea input.sizeM{	padding: 1px 0; width: 250px; }

.generalBox .resign_table{ margin: 0 auto; width: 90%;}
.generalBox_footer{	margin: 20px auto 0; }

/* ********** フィニッシュ ********** */
.finish_msg{ margin: 15px 0; text-align: center; }
.btnNormal{ margin: 20px auto 0; width: 12em; text-align: center; }
.btnNormal_gen{ margin: 20px auto 0; width: 8.5em; text-align: center;}

/* ********** カウントなし ********** */
.noCount{ padding: 15px 10px; font-size: 12px; }

/* ********** 右下常駐アイコン ********** */
#topIcon{
    position: fixed !important;
    position: absolute;
        bottom: 0;
        right: 10px;
}

/* ********** レベルアイコン ********** */
.lv1,.lv2,.lv3,.lv4,.lv5{padding-left: 25px;background: url(/static/img/common/icons_lv.png) no-repeat;}
.lv1{ background-position: 0 0; }
.lv2{ background-position: 0 -20px; }
.lv3{ background-position: 0 -40px; }
.lv4{ background-position: 0 -60px; }
.lv5{ background-position: 0 -80px; }

/* ********** 公式アイコン ********** */
.lv0{padding-left: 35px; width:50px; background: url(/static/img/common/icons_official_s.png) no-repeat;}

/* ********** ランキングアイコン ********** */
.rank1,.rank2,.rank3{ width: 60px; height: 36px; background: url(/static/img/common/rankingIcon.png) no-repeat; }
.rank1{ background-position: 16px 0; }
.rank2{ background-position: 16px -36px; }
.rank3{ background-position: 16px -72px; }

/* ********** スタンプ ********** */
/* 本用スタンプ */
.stampSet{ background: url(/static/img/common/stamp.png) no-repeat; float: left; }
.stamp0{ background-position: 0 -442px; }
.stamp1{ background-position: 0 -102px; }
.stamp2{ background-position: 0 -34px; }
.stamp3{ background-position: 0 -238px; }
.stamp4{ background-position: 0 0; }
.stamp5{ background-position: 0 -306px; }
.stamp6{ background-position: 0 -170px; }
.stamp7{ background-position: 0 -68px; }
.stamp8{ background-position: 0 -136px; }
.stamp9{ background-position: 0 -204px; }
.stamp10{ background-position: 0 -272px; }
.stamp11{ background-position: 0 -340px; }
.stamp12{ background-position: 0 -374px; }
.stamp13{ background-position: 0 -408px; }
.stamp14{ background-position: 0 -476px; }

/* 本屋用スタンプ */
.stampSetshelf{ background: url(/static/img/common/stamp_shelf.png) no-repeat; float: left; }
.stamps0{ background-position: 0 -778px; }
.stamps1{ background-position: 0 -178px; }
.stamps2{ background-position: 0 -60px; }
.stamps3{ background-position: 0 -420px; }
.stamsp4{ background-position: 0 0; }
.stamps5{ background-position: 0 -540px; }
.stamps6{ background-position: 0 -300px; }
.stamps7{ background-position: 0 -120px; }
.stamps8{ background-position: 0 -240px; }
.stamps9{ background-position: 0 -360px; }
.stamps10{ background-position: 0 -480px; }
.stamps11{ background-position: 0 -600px; }
.stamps12{ background-position: 0 -660px; }
.stamps13{ background-position: 0 -718px; }
.stamps14{ background-position: 0 -838px; }

/* ********** 評価の星アイコン ********** */
.rateScore{ float: left; }
div.fixStarAve { padding-left: 46px; background: url(/static/img/common/star-matrix.png) no-repeat 0 -192px;}
div.fixStarScore { padding-left: 28px; background: url(/static/img/common/star-matrix.png) no-repeat 0 -209px;}
div.fixStar em {
	padding-top: 1px;
	display: block;
	font-size: 10px;
	float: left;
	color: #666;
}
div.fixStar { zoom: 100%; }
div.fixStar:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

div.fixStar span {
	width: 66px;
	height: 14px;
	text-indent: -999px;
	background: url(/static/img/common/star-matrix.png) no-repeat 0 -96px;
	overflow: hidden;
	display: block;
	float: left;
}
div.fixStar0 span {	background-position: 0 -96px; }
div.fixStar1 span {	background-position: 0 -113px; }
div.fixStar2 span {	background-position: 0 -130px; }
div.fixStar3 span {	background-position: 0 -146px; }
div.fixStar4 span {	background-position: 0 -162px; }
div.fixStar5 span {	background-position: 0 -178px; }

.ratingJs,.rating {
	width: 80px;
	height: 16px;
	margin: 0 0 0px 0;
	padding: 0;
	list-style: none;
	clear: both;
	background: url(/static/img/common/star-matrix.png) no-repeat 0 0;
}

.rating { position: relative;overflow:hidden; }
/* add these classes to the ul to effect the change to the correct number of stars */
.rate0 { background-position: 0 0 }
.rate1 { background-position: 0 -16px }
.rate2 { background-position: 0 -32px }
.rate3 { background-position: 0 -48px }
.rate4 { background-position: 0 -64px }
.rate5 { background-position: 0 -80px }

ul.ratingJs li,ul.rating li {
	cursor: pointer;
	/*ie5 mac doesn't like it if the list is floated\*/
	float: left;
	/* end hide*/
	text-indent: -999em;
}

ul.ratingJs li a { display: block; }
ul.ratingJs li a,ul.rating li a {width: 16px;height: 16px;text-decoration: none;}
ul.rating li a {position: absolute;	left: 0;top: 0;z-index:5;}
ul.rating li.star1 a { left: 0; }
ul.rating li.star2 a { left: 16px }
ul.rating li.star3 a { left: 32px; }
ul.rating li.star4 a { left: 48px; }
ul.rating li.star5 a { left: 64px; }
ul.rating li a:hover {
	z-index: 2;
	width: 80px;
	height: 16px;
	overflow: hidden;
	left: 0;
	background: url(/static/img/common/star-matrix.png) no-repeat 0 0;
}
ul.rating li.star1 a:hover { background-position: 0 -16px; }
ul.rating li.star2 a:hover { background-position: 0 -32px; }
ul.rating li.star3 a:hover { background-position: 0 -48px; }
ul.rating li.star4 a:hover { background-position: 0 -64px; }
ul.rating li.star5 a:hover { background-position: 0 -80px; }
/* end rating code */

/* ********** フローチャート ********** */
.divOrderStep ul{ margin: 0; padding: 0; list-style: none outside; }
.divOrderStep ul li{ width: 210px; height: 60px; float: left;}
.divOrderStep ul li.end{ background: none; }
.divOrderStep ul li span {
	width: 160px;
	height: 60px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
}
.divOrderStep {	padding: 0 0 30px 80px; }
.divOrderStep ul li{background: url(/static/img/main/cart_step.png) no-repeat -480px 0;}
.divOrderStep ul li span{background: url(/static/img/main/cart_step.png) no-repeat 0 0;}
.divOrderStep ul li.step1act span { background-position: 0 -60px; }
.divOrderStep ul li.step2 span { background-position: -160px 0; }
.divOrderStep ul li.step2act span { background-position: -160px -60px; }
.divOrderStep ul li.step3 span { background-position: -320px 0; }
.divOrderStep ul li.step3act span { background-position: -320px -60px; }
.divOrderStep ul li.step4 span { background-position: -480px 0; }
.divOrderStep ul li.step4act span { background-position: -480px -60px; }



/* ********** helpアイコン ********** */
.helpShelf{	width: 25px;height: 20px;background: url(/static/img/common/icon_b.png) 5px -106px no-repeat;display:block;}

/* ********** カート ********** */
.glbFooterCartAlertInner{ padding: 20px 0;text-align: center;}
.cartMsg{line-height: 1.5; text-align: center;}