/* webopacTOP専用 */
.toplayout{
	width:100%;
	table-layout:fixed;
}
.toplayout td{
	vertical-align:top;
}
.toplayout .l{
	width:20%;
}
.toplayout .c{
	width:55%;
}
.toplayout .r{
	width:25%;
}
#search #basic{
	width:60%;
}
#search #other{
	width:40%;
}
#newcomer {
	width:60%;
	padding-right:3%;
	float:left;
}
#top-calendar {
	width:35%;
	float:right;
}


/* トップページ */
.toplayout a:visited{
	color:#7d2aa8;
}
.toplayout h2{
	border-bottom:3px solid #638ec5;
	margin:0;
	padding:0;
	_padding:0 0 1px;
	font-size:1.3em;
}
.toplayout h3{
	background:#d0e3f3;
	color:#214e99;
	padding:3px 5px;
	_padding:4px 5px 2px;
	margin-top:5px;
	font-size:1.1em;
}
.toplayout .sep{
	border-top:2px dotted #ddd;
	margin-top:5px;
	padding-top:5px;
}
.toplayout #stat-login,
.toplayout #stat-logout{
	border:0;
}
.toplayout #stat-logout{
	background:#eee;
}
#search h3{
	border:1px solid #fff;
	margin:0;
}
#search td{
	background:#ebf3fa;
	padding:5px;
}
#search #other{
	border-left:5px solid #fff;
}
#personal-info{
	background:#fff5e9;
}
#personal-info table table th,
#personal-info table table td{
	border-bottom:1px solid #edb;
	padding:3px 2px 1px;
}
#personal-info table table th{
	padding-left:20px;
	background:url(../img/i_announce.png) no-repeat left center;
}
.top .cal{
	border:1px solid #c9def0;
}
#ranking li{
	padding:0 0 0 20px;
	background:no-repeat left top;
}
#ranking li.r1{
	background-image:url(../img/n1.png);
}
#ranking li.r2{
	background-image:url(../img/n2.png);
}
#ranking li.r3{
	background-image:url(../img/n3.png);
}
#ranking li.r4{
	background-image:url(../img/n4.png);
}
#ranking li.r5{
	background-image:url(../img/n5.png);
}
#newcomer li, #mynewcomer .media li{
	padding:0 0 0 20px;
	background:no-repeat left top;
}
#newcomer li.book, #mynewcomer .media li.book{
	background-image:url(../img/i_book.png);
}
#newcomer li.mag, #mynewcomer .media li.mag{
	background-image:url(../img/i_top_magazine.png);
}
#newcomer li.dvd, #mynewcomer .media li.dvd{
	background-image:url(../img/i_dvd.png);
}
#newcomer li.cd, #mynewcomer .media li.cd{
	background-image:url(../img/i_cd.png);
}

/* 汎用スタイル */
a.arrow{
	padding-left:15px;
/*	display:block;*/
	background:url(../img/arrow.png) no-repeat left center;
}
.button{
	border:solid #7fb1e0;
	border-width:1px 2px 2px 1px;
	color:#214e99;
	background:#fff url(../img/bg_clickable.png) repeat-x left bottom;
	cursor:pointer;
	cursor: hand;
}
.parts-cell .remove{
	padding-left:20px;
	_padding-left:15px;
	background:url(../img/bg_remove.png) no-repeat left bottom;
}
.remove1{
	font-size:1.6em;
	padding:5px 30px;
	_padding:5px 3px;
	background:url(../img/bg_remove2.png) no-repeat left bottom;
}
.ubox{
	border:1px solid #d0e3f3;
	border-top:0;
}
.fbox{
	border:1px solid #7fb1e0;
	background:#fff;
}
.form-base1 .fbox{
	border:1px solid #c1daf2;
}
.msg-box{
	border-color:#999;
	background:#fff;
}
.error{
	border-color:#f99;
	background:#fee;
}
.expired{
	color:#f00;
}
.notice{
	color:#f00;
}
.blur{
	padding:5px;
	background:#eee;
}
.uline{
	border-bottom:2px dotted #ccc !important;
}

.blist li{
	background-image:url(../img/li2.png);
	_border-top:1px solid #fff;
}
.sinannai{
	width:138px;
	height:198px;
	vertical-align:top;
	background:url(../img/shikaku.gif) no-repeat left top;
}