@charset "euc-jp";


@import url(leftmenu.css);
@import url(rightmenu.css);
@import url(tab.css);
@import url(db_tab.css);
@import url(cent.css);


#leftside {/*	width: 167px;	float: left;	text-align: left;	overflow: hidden; */padding-bottom: 300px;}
/*#centerside {	width: 493px;	float: left;	text-align: left;	overflow: hidden;}*/
#rightside {/*	width: 320px;	float: right;	text-align: left;	overflow: hidden; */margin-top: 20px;}
#centerside2 {	width: 812px;/*	float: right;	text-align: left;	overflow: hidden;*/}

.mt20 { margin-top:20px; }


li.list, li.rss { float: right; margin-bottom: 10px; }

li.list a {
	display: block;
	height: 13px;
	width: 37px;
	background-image: url(/common/img/ico_list.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 4px 3px 0px 3px;
}
li.rss a {
	display: block;
	height: 13px;
	width: 13px;
	background-image: url(/common/img/ico_rss.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 4px 5px 0px 0px;
}

















.cont {
	font-size: 83%;
	margin-top: 15px;
}

.cont_box {
	font-size: 83%;
	border: 1px solid #c8c8c8;
/*	padding: 5px;*/
	padding:2px 2px 12px 2px;
	margin-top: 15px;
}

.cont_box .hd{
	min-height:20px;
	_height:20px;
	line-height: 110%;
	/*height: 27px;*/
	font-weight: normal;
	float: none !important;
}

.cont_box #contact {
	background:#dadada url(/shop/common/img/hd_contact.gif) no-repeat 6px 3px;
}

.cont_box #warning {
	background:#dadada url(/shop/common/img/hd_warning.gif) no-repeat 6px 3px;
}

.cont_box .hd h2{
	padding: 7px 0px 6px 34px;
	font-size: 100% !important;
	font-weight:normal !important;
	float: none !important;
}

.cont_box p {
	padding: 10px 10px 10px 10px;
}







h2.bold {
	font-weight: bold;
}



#blue {
/*	background: #dadada;*/
	margin: 20px 0px 10px 0px;
	overflow: hidden;
	/* 08.09.11 Yoshida Add */
	background:url(/shop/common/img/bg_blue.gif) repeat-x left bottom;
}

#blue h2 {
	/*font-weight: normal;*/
	padding: 6px 0px 0px 54px;
}

#blue h2.nm {
	/*font-weight: normal;*/
	font-size: 130%;
	padding: 4px 0px 5px 54px;
}

#blue h2.nm a:link, #blue h2.nm a:active, #blue h2.nm a:visited, #blue h2.nm a:hover {
	/*font-weight: normal;*/
	color: #444;
	text-decoration: none;
}

#blue .hd {
	font-size: 100%;
	line-height: 110%;
	min-height: 29px;
	height: auto !important;  
	height: 29px;
	font-weight: normal;
	float: left;
	/* 08.09.11 Yoshida Add */
}
#blue h2 a:link, #blue h2 a:active, #blue h2 a:visited, #blue h2 a:hover {
	/*font-weight: normal;*/
	color: #444;
	text-decoration: none;
}

#blue .hd2 {
	font-size: 86%;
	line-height: 110%;
	min-height: 29px;
	height: auto !important;  
	height: 29px;
	font-weight: normal;
	float: left;
	/* 08.09.11 Yoshida Add */
	width:224px;
}
#blue .hd3 {
	font-size: 100%;
	line-height: 110%;
	min-height: 29px;
	height: auto !important;  
	height: 29px;
	font-weight: normal;
	float: left;
	/* 08.09.11 Yoshida Add */
	width:370px;
}
/* 08.09.11 Yoshida Add */
#blue .list{
	width: 48px;
	height: 21px;
	float:right;
}

#blue .list a {
	display: block;
	height: 13px;
	width: 37px;
	background-image: url(/common/img/ico_list.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 8px 8px 0px 0px;
	/*float:right;*/
}

#blue .tp{
	width: 48px;
	height: 21px;
	float:right;
}

#blue .tp a {
	display: block;
	height: 13px;
	width: 48px;
	background-image: url(/common/img/ico_top.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 8px 8px 0px 0px;
	/*float:right;*/
}

#blue .newitem{
	width: 66px;
	height: 21px;
	float:right;
}
#blue .newitem a {
	display: block;
	height: 13px;
	width: 58px;
	background-image: url(/shop/common/img/ico_newitem.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 8px 8px 0px 0px;
	/*float:right;*/
}

#blue .caution{
	width: 77px;
	height: 21px;
	float:right;
}

#blue .caution a {
	display: block;
	height: 13px;
	width: 69px;
	background-image: url(/shop/common/img/btn_caution.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 8px 8px 0px 0px;
	/*float:right;*/
}

/* 08.09.11 Yoshida Add */
#blue .rss{
	width: 21px;
	height: 21px;
	float:right;
}

#blue .rss a {
	display: block;
	height: 13px;
	width: 13px;
	background-image: url(/common/img/ico_rss.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 8px 8px 0px 0px;
	/*float:right;*/
}

#blue .rankday{
	font-size:80%;
	float:right;
	padding-top:6px;
}

#blue .db {
	padding: 0px;
	margin: 0px;
	background: url(/shop/common/img/hd_database.gif) no-repeat;
}

#blue .book {
	padding: 0px;
	margin: 0px;
	background: url(/shop/common/img/hd_book.gif) no-repeat;
}

#blue .mg {
	padding: 0px;
	margin: 0px;
	background: url(/shop/common/img/hd_magazine.gif) no-repeat;
}

#blue .cd {
	padding: 0px;
	margin: 0px;
	background: url(/shop/common/img/hd_cdrom.gif) no-repeat;
}

#blue .news {
	padding: 0px;
	margin: 0px;
	background: url(/shop/common/img/hd_news.gif) no-repeat;
}

ul.list6 {
	font-size: 100%;
	margin-bottom: 10px;
}

.im_list p {
	width: 84px;
	margin: 0px 18px 15px 0px;
	font-size: 10px;
	line-height: 13px;
	float: left;
}

.im_list p.no {
	margin-right: 0px;
}

table.im_list {
	width: 100%;
	margin: 0px 0px 15px 0px;
	padding-left: auto;
	padding-right: auto;
}

table.im_list td {
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	padding-left: auto;
	padding-right: auto;
}


li.sp_db {
	background: url(/shop/common/img/li.gif) no-repeat 0 4px;
	/*background: url(/shop/common/img/li_database.gif) no-repeat 0 4px;*/
}

li.sp_mg {
	background: url(/shop/common/img/li.gif) no-repeat 0 4px;
	/*background: url(/shop/common/img/li_magazine.gif) no-repeat 0 4px;*/
}

li.sp_df {
	background: url(/shop/common/img/li.gif) no-repeat 0 4px;
}

li.sp_bk {
	background: url(/shop/common/img/li_bk.gif) no-repeat 0 4px;
}



#white .others {
	height: 25px;
	padding: 3px 3px 3px 94px;
	background-image: url(/shop/common/img/cat_others.gif);
	background-repeat: no-repeat;
}




/*
.btn_db {
	margin: 15px 0px 15px 0px;
}

.btn_db li {
	float: left;
}

.btn_db li img {
	margin: 0px 10px 0px 10px;
}
*/

/* 08.09.11 Yoshida Add */
div.btn_dbl{
	width:396px;
	border:solid 1px #e1dfdf;
	float:left;
}

div.btn_dbr{
	width:399px;
	float:right;
}

div.btn_dbr1{
	width:191px;
	float:left;
	border:solid 1px #e1dfdf;
}

div.btn_dbr2{
	width:191px;
	float:right;
	border:solid 1px #e1dfdf;
}

div.btn_dbl dl, div.btn_dbr dl{
	padding:2px;
	text-align:center;
}

div.btn_dbl dt, div.btn_dbr dt{
	padding:9px 8px 8px 8px;
	background-color:#000000;
	font-size:75%;
	color:#ffffff;
	font-weight:bold;
}

div.btn_dbl dd, div.btn_dbr dd{
	padding:12px 0px 8px;
}

div.btn_dbl img{
	margin:0px 10px;
}









span.btn_nl {
	background: #000;
	color: fff;
	padding: 4px 10px 4px 10px;
	margin-bottom: 15px;
}

.contact_box {
	border: 1px dotted #c8c8c8;
	padding: 8px 8px 0px 8px;
	margin: 0px 20px;
}

.contact_box p {
	margin: 0px;
	padding: 0px;
}




.cont_box ul,.cont_box ol{
	margin:0px 8px;
	padding: 10px 0px 10px 20px;
	border-bottom: 1px solid #b9b9b9;
}

.cont_box ul li {
	list-style-type: disc;
}

.cont_box ol li {
	list-style-type: decimal;
}

.cont_box .nobd{
	border:none;
	margin: 0px;
	padding:0px;
}

.cont_box .nobd *{
	border:none;
}

table.db_tbl h3 {
	font-size: 90%;
}

#db_tit {
	margin: 10px 22px 0px 22px;
}

#db_tit h2 {
	float: left;
	margin-top: 10px;
	font-size: 85%;
}

#db_tit ul.db_ico {
	float: right;
	font-size: 85%;
	text-align: left;
	padding: 0px;
	margin: 8px 0px 0px 0px;
}

#db_tit ul.db_ico li.ico1 { background: url(/shop/common/img/db_ico1.gif) no-repeat; padding-left: 22px; }
#db_tit ul.db_ico li.ico2 { background: url(/shop/common/img/db_ico2.gif) no-repeat; padding-left: 22px; }






table.db_sheet {
	font-size: 80%;
	padding-top: 1px;
	margin: 10px 22px 15px 22px;
	width:760px;
}

table.db_sheet th {
	font-size: 83%;
	font-weight: normal;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #000;
	background: #000;
	color: #ccc;
	padding: 8px;
}


table.db_sheet td {
	padding: 8px;
	border-bottom: 1px solid #000;
}

table.db_sheet td.tit { width: 150px; font-weight: bold;}
table.db_sheet td.cnt { width: 410px; }
table.db_sheet td.unt { width: 200px; }
table.db_sheet td.lline { border-left: 1px dotted #000; }

p.pagetop {
	font-size: 83%;
	padding-right: 20px;
	margin: 0px 22px 15px 22px;
	text-align: right;
	background: url(/shop/common/img/ico_pagetop.gif) no-repeat right 0;
}

table.db_tbl {
	margin-top: 15px;
}

table.db_tbl h3 {
	font-size: 110%;
	margin-bottom: 10px;
}

table.db_tbl h4 {
	font-size: 85%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #000;
}

table.db_tbl ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
}


table.db_tbl td {
	padding: 8px;
}

table.db_tbl .db_btn {
	width: 100%;
	font-size: 75%;
	background: #ffa16e;
	margin-top: 5px;
	padding: 2px 0px 2px 0px;
}

table.db_tbl .db_btn a {
	display: block;
	text-align: center;
	text-decoration: none;
}

.cont h4 {
	color: #000;
	border-bottom: 1px solid #000;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	margin: 10px 0px 5px 0px;
}

.cont p {
	padding: 5px 0px 10px 0px;
}

table.db_unt {
	margin: 10px 0px 10px 0px;
	border-collapse: collapse;
}

table.db_unt td {
	font-size: 75%;
	line-height: 150%;
	border: 1px solid #000;
	padding: 8px;
}

table.db_unt td.t {
	width: 25%;
	background: #e6e6e6;
}

dl.other {
	width: 100%;
	border-bottom: 1px dotted #bab6b6;
	margin: 10px 0px 10px 0px;
}

dl.other dt {
	font-weight: bold;
	width: 85px;
	float: left;
	clear: both;
	padding: 3px 0px 3px 0px;
}

dl.other dd {
	width: 380px;
	margin: 0px 0px 0px 93px;
	padding: 3px 0px 3px 0px;
	text-align: left;
}


ul.main_cdrom { margin: 15px 0px 15px 0px; }

ul.main_cdrom li {
	font-size: 70%;
	float: left;
	padding: 0px 12px 0px 12px;
	text-align: center;
}


.cd_cnt {
	font-size: 80%;
	padding: 10px 0px 10px 15px;
}

.cd_cnt h3 {
	border-bottom: 1px dashed #000;
	margin: 10px 0px 15px 0px;
}

.cd_unt {
	width:478px;
	position: relative;
	border-bottom: 1px solid #000;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

.cd_unt img {
	margin-right: 20px;
	float: left;
}

.cd_unt .str {
	width:358px;
	height: 100px;
	float: left;
}

.cd_unt .str ul {
	width:358px;
	font-size: 90%;
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align:right;
}

.cd_unt .str ul li {
/*	color: #fff;
	width: 80px;
	float: right;
	text-align: center;
	margin-left: 2px;
	background: #000;*/
/* 08.09.11 Yoshida Add */
	display:inline;
}

.cd_unt ul img {
	margin-right:0px;
	float:none;
}

/*.cd_unt .str ul li a {
	color: #fff;
	display: block;

}*/

.books_list {
	margin-top: 10px;
}
.books_list .lt {
	width: 90px;
	float: left;
}
.books_list .lt .box {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.books_list .lt .box img {
	text-align: center;
}
.books_list .rt p.detail {
	margin: 0px 0px 1px 0px;
	padding: 0px;
	height: 25px;
	overflow: hidden;
}
.books_list .rt {
	width: 390px;
	float: right;
}
.books_list .rt p {
	font-size: 84%;
}
.books_list .rt p.tit {
	font-size: 90%;
	border-bottom:1px dotted #A8A8A8;
	padding-bottom:5px;
	margin-bottom:10px;
}


.cd_dtl {
	margin-top: 20px;
}

.cd_dtl .lt {
	width: 187px;
	float: left;
}

.cd_dtl .lt .box {
	width: 100%;
	border: 1px solid #cdcdcd;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.cd_dtl .lt .box img {
	padding: 0px 7px 0px 7px;
	margin: 10px 0px 10px 0px;
}

.cd_dtl .lt ul, .cd_dtl .rt ul  { margin: 10px 0px 10px 0px; }
.cd_dtl .lt li, .cd_dtl .rt li { font-size: 83%; padding-left: 20px;}
.cd_dtl .lt li.env { background: url(/shop/common/img/ico_env.gif) no-repeat 0 3px;}
.cd_dtl .lt li.blog { background: url(/shop/common/img/ico_blog.gif) no-repeat 0 3px;}
.cd_dtl .rt li.nad { background: url(/shop/common/img/ico_nad.gif) no-repeat 0 3px; padding-left: 25px;}
.cd_dtl .rt li.sad { background: url(/shop/common/img/ico_sad.gif) no-repeat 0 3px; padding-left: 25px;}
.cd_dtl .rt li.cal { background: url(/shop/common/img/ico_cal.gif) no-repeat 0 3px; padding-left: 25px;}
.cd_dtl .lt li.dwl { background: url(/shop/common/img/ico_dwl.gif) no-repeat 0 3px; padding-left: 25px;}
.cd_dtl .lt li.tcy { background: url(/shop/common/img/ico_tcy.gif) no-repeat 0 3px; padding-left: 25px;}

.cd_dtl .lt p {
	font-size: 70%;
}

.cd_dtl .rt p.detail {
	margin: 0px 0px 1px 0px;
	padding: 0px;
	height: 25px;
	overflow: hidden;
}

.cd_dtl .rt p.detail a {
	font-size: 83%;
	width: 285px;
	height: 25px;
	text-align: center;
	padding: 3px 0px 1px 0px;
	background: url(/shop/common/img/tlink1_bg.jpg) no-repeat;
	display: block;
	color: #000;
	margin: 0px;
	text-decoration: none;
}

.cd_dtl .rt p.detail2 {
	margin: 0px 0px 1px 0px;
	padding: 0px;
	height: 25px;
	overflow: hidden;
}

.cd_dtl .rt p.detail2 a {
	font-size: 83%;
	width: 285px;
	height: 25px;
	text-align: center;
	padding: 3px 0px 1px 0px;
	background: url(/shop/common/img/tlink1_bg2.jpg) no-repeat;
	display: block;
	color: #FFFFFF;
	margin: 0px;
	text-decoration: none;
}

.cd_dtl .rt p.no a {
	background: none;
}

.cd_dtl .lt p.caution {
	color: #ff0000;
	font-size: 70%;
	line-height: 120%;
}

.cd_dtl .rt {
	width: 285px;
	float: right;
}

.cd_dtl .rt h3 {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

.cd_dtl .rt h4 {
	font-size: 105%;
	line-height: 124%;
	border-top: 1px dotted #000;
	padding-top: 10px;
	margin-top: 10px;
}


.cd_dtl .rt .mspc {
	border-top: 1px solid #000;
	margin-top: 5px;
	padding-top: 5px;
}

.cd_dtl .rt p {
	font-size: 83%;
	margin-top: 10px;
}

.cd_dtl .rt p.subtit {
	font-size: 75%;
	margin: 0px 0px 10px 0px;
}

.cd_dtl .rt p.tit {
	font-size: 130%;
	line-height: 120%;
	font-weight: bold;
}

.cd_dtl .rt p.subtxt {
	font-size: 70%;
	margin: 0px 0px 10px 0px;
}

.cd_dtl .rt span.summary {
	font-size: 90%;
	color: #fff;
	background: #666;
	padding: 2px 4px 2px 4px;
	margin-right: 4px;
}

.cd_dtl .lt p.env {
	font-size: 83%;
	line-height: 130%;
	margin: 5px 0px 0px 0px;
}

.cd_dtl .lt p.prc {
	font-size: 83%;
	font-weight: bold;
}

.cd_dtl .lt p.prc span.prc_clr {
	color: #bc0000;
}

.cd_dtl .rt p.env2 {
	font-size: 70%;
	line-height: 130%;
	padding: 10px 0px 0px 0px;
	border-top: 1px dotted #000;
}

.cd_dtl ul.btn_dt {
	margin: 10px 0px 5px 0px;
}

.cd_dtl ul.btn_dt li {
	width: 187px;
	height: 27px;
	margin: 0px 0px 0px;
	padding: 0px;
}

.cd_dtl .rt div {
	font-size: 105%;
	line-height: 120%;
	margin-bottom: 15px;
}


.cd_dtl ul.tlink {
	border-top: 1px solid #000;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

.cd_dtl ul.tlink li {
	font-size: 70%;
	float: left;
	margin: 0px 11px 0px 0px;
	padding: 0px 0px 0px 8px;
}

.cd_dtl .tlink {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.cd_dtl ul.tlink_detail {
	margin: 0px 0px 1px 0px;
	padding: 0px;
}

.cd_dtl ul.tlink_detail li {
	width: 142px;
	height: 25px;
	overflow: hidden;
	margin: 0px 0px 2px 0px;
	padding: 0px;
}

.cd_dtl ul.tlink_detail li a {
	font-size: 80%;
	width: 142px;
	height: 25px;
	text-align: center;
	padding: 3px 0px 1px 0px;
	background: url(/shop/common/img/tlink2_bg.jpg) no-repeat;
	display: block;
	color: #000;
	margin: 0px;
	text-decoration: none;
}

.cd_dtl ul.tlink_detail li.lt { float: left; margin: 0px; padding: 0px;}
.cd_dtl ul.tlink_detail li.rt { float: right; margin: 0px; padding: 0px;}






ul.mg_link li {
	float: right;
	font-size: 75%;
	margin-left: 10px;

}


h3.shop {
	font-size: 83%;
	background: url(/shop/common/img/ico_tcy.gif) no-repeat 0 3px;
	padding-left: 25px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
	margin: 10px 0px 10px 0px;
}

ul.ico_shop li {
	float: left;
	margin: 0px 20px 10px 0px;
}





h3.contents {
	font-size: 90%;
	border-bottom: 1px dotted #000;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

dl.contents {
	width: 473px;
	font-size: 80%;
}
dl.contents:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
	visibility: hidden;
}
* html dl.contents {
	zoom: 1;
}

dl.contents dt.t {
	font-weight: bold;
	width: 50px;
	float: left;
	clear: both;
	text-align: right;
	padding: 0px 0px 0px 0px;
}

dl.contents dd.t {
	width: 393px;
	_width: 423px;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	text-align: left;
}

dl.contents dt.s {
	width: 65px;
	float: left;
	clear: both;
	text-align: right;
	padding: 0px 0px 0px 0px;
}

dl.contents dd.s {
	width: 378px;
	_width: 408px;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	text-align: left;
}

/* 08.10.15 Yoshida Add */
table.contents{
	font-size: 80%;
	border:none;
}

table.contents th{
	padding:0px 0px 4px 12px;
	border:none;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
}

table.contents td{
	padding:0px 0px 4px 30px;
	border:none;
	text-align:left;
	vertical-align:top;
}



.contents h3 {
	font-size: 90%;
	border-bottom: 1px dotted #000;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.contents h4 {
	font-size: 83%;
	color: #ff0000;
}

.contents p {
	font-size: 83%;
	margin-bottom: 10px;
}

.contents span.brawn {
	color: #7d0000;
}






ul.relate_bk {
	width:auto !important;
	padding:0px;
	border-top:dashed 1px #c9c9c9;
}

ul.relate_bk li {
	width:auto !important;
/*	width: 224px;*/
/*	float: left;*/
	font-size:75%;
	min-height:110px;
	_height:110px;
	padding:10px;
	border-bottom:dashed 1px #c9c9c9;
}

ul.relate_bk li img {
	margin-right: 10px;
}











ul.tab_link {
	margin-top: 20px;
}

ul.tab_link li {
	font-size: 75%;
	height: 23px;
	font-weight: normal;
	float: left;
	background: url(/shop/common/img/tab_bg.gif) repeat-x;
	margin-right: 2px;
	overflow: hidden;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
}

ul.tab_link li a {
	color: #000;
	padding: 3px 15px 3px 15px;
	display: block;
	text-decoration: none;
}

ul.tab_link li.on {
	background: #000;
}

ul.tab_link li.on a {
	color: #fff;
}

ul.bk_search li {
	font-size: 75%;
	height: 33px;
	font-weight: normal;
	float: left;
	background: url(/shop/common/img/tab_search_bg.gif) repeat-x;
	margin-right: 2px;
	overflow: hidden;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
}

ul.bk_search li a {
	color: #000;
	padding: 8px 20px 8px 20px;
	display: block;
	text-decoration: none;
}


.tab_cont {
	font-size: 83%;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #c8c8c8;
	background-image: url(/shop/common/img/tab2_bg.gif);
	background-repeat: repeat-y;
	padding: 15px;
	overflow: hidden;
}

.noline {
	border: none;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}

.sp h3 {
	font-weight: bold;
	color: #000;
	border-bottom: 1px dotted #000;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.sp div {
	border-bottom: 1px dotted #000;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.sp img {
	float: left;
	margin: 0px 20px 0px 10px;
}

.sp p {
	font-size: 90%;
}

.tab_cont table.search1 {
	border-top: 1px dotted #000000;
	margin-top: 5px;
	padding-top: 15px;
}

.tab_cont table.search2 {
	width: 464px;
	border: 1px solid #e0e0e0;
	padding: 8px;
	margin: 0px 0px 15px 0px;
}

.tab_cont td {
	font-size: 83%;
	padding: 0px 8px 8px 0px;
}

.search_genre {
	width: 100%;
	border-top: 1px dotted #000000;
	margin-top: 15px;
	padding-top: 15px;
}

.search_genre .lt, .search_genre .rt {
	width: 185px;
	float: left;
	padding: 0px 20px 0px 20px;
}

.search_genre h3 {
	font-weight: bold;
	background: #000;
	color: fff;
	text-align: center;
	margin-bottom: 10px;
}

.search_genre ul {
	margin-bottom: 20px;
}

.search_genre li {
	margin-bottom: 5px;
}


table.search_genre {
	margin: 0px 0px 15px 0px;
	border-top: none;
}

table.search_genre td {
	font-size: 70%;
	padding: 4px 0px 4px 23px;
	background: url(/common/img/li.gif) no-repeat 8px 5px;
}

table.search_genre td.t { background-color: #e6e6e6; }

table.search_genre th {
	font-size: 90%;
	padding: 5px 0px 5px 10px;
	text-align: left;
	border-bottom: 1px dotted #000;
}

table.search_genre th.g1 { background-color: #b6ddb2; }
table.search_genre th.g2 { background-color: #c5e2e5; }
table.search_genre th.g3 { background-color: #f8dd8b; }
table.search_genre th.g4 { background-color: #bec4e8; }
table.search_genre th.g5 { background-color: #f4c6db; }
table.search_genre th.g6 { background-color: #c8d5b9; }
table.search_genre th.g7 { background-color: #cccccc; }




ul.tab_author {
}

ul.tab_author li {
	padding: 5px;
	float: left;
}

ul.tab_author li a {
}

ul.tab_author li.on {
	background: #808080;
}

.sub_author {
	background: #808080;
	padding: 4px;
}

ul.sub_author {
	float: left;
}

ul.sub_author li {
	float: left;
	border: 1px solid #ccc;
	margin-right: 8px;
	font-size: 16px;
	font-weight: bold;
	background: #fff;
}

ul.sub_author li a {
	display: block;
	padding: 2px 4px 2px 4px;
	color: #000;
	text-decoration: none;
}

.sub_author p {
	color: #fff;
	float: right;
	padding: 6px 6px 0px 0px;
}

ul.search_author {
	margin: 15px;
}

ul.search_author li {
	background: url(/shop/common/img/ico_author.gif) no-repeat 0 3px;
	padding: 0px 0px 5px 20px;
}




.tab_store {
}

.tab_store table {
	font-size: 83%;
	border-bottom: 1px solid #000;
}

.tab_store th {
	background: #000;
	color: #fff;
	font-weight: normal;
	font-size: 75%;
	padding: 6px;
	vertical-align: middle;
}

.tab_store td {
	padding: 6px;
}

.tab_store td.h {
	background: #999;
	color: #fff;
}

.tab_store td.t {
	background: #eee;
}

.tab_store td.ld {
	border-left: 1px dotted #c1c1c1;
}

.tab_store td.space {
	width: 20px;
	background: #fff;
}

.tab_store td.alcenter {
	text-align: center;
}






/* 08.09.11 Yoshida Add */
h3.mgcategory{
	padding-bottom:6px;
	background:url(/common/img/gray_bg.gif) repeat-x left bottom;
	font-size:80%;
}

table.mglist{
	margin:0px 15px 30px;
}

table.mglist th{
	padding-top:20px;
	width:120px;
}

table.mglist td{
	padding-top:20px;
	font-size:85%;
}

table.mglist td a{
	font-weight:bold;
}

table.mglist td a:link,table.mglist td a:visited{
	color:#053395;
}

table.mglist td a:hover{
	color:#ff0000;
	text-decoration:underline;
}

table.mglist td a:active{
	color:#6a2f5b;
	text-decoration:underline;
}

table.mglist td span{
	font-size:70%;
	color:#676767;
}


/* 08.09.11 Yoshida Add */
div.item_list{
	width:812px;
	background:url(/shop/common/img/bg_cd_rom.gif) repeat-y center top;
	border-top:solid 7px #e1dfdf;
}

div.item_list div.end{
	width:812px;
	padding-bottom:8px;
	background:url(/shop/common/img/bg_cd_rom_end.gif) no-repeat center bottom;
}

div.item_list div.head{
	width:796px !important;
	width /**/:812px;
	padding:0px 8px 6px;
	background-color:#e1dfdf;
}

div.item_list div.head h2{
	padding-right:0.8em;
	font-size:80%;
	color:#000000 !important;
	float:left;
}

div.item_list div.head div.list{
	float:left;
}

div.item_list div.head div.list a{
	display: block;
	height: 13px;
	width: 37px;
	background-image: url(/common/img/ico_list.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top:3px;
}

div.item_list div.frame{
	margin:0px 6px;
	background-color:#ffffff;
	border:solid 1px #a8aaab;
}

div.item_list div.db_frame{
	margin:0px 6px;
	background-color:#ffffff;
	border:solid 1px #a8aaab;
}

div.item_list div.frame li, 
div.item_list div.frame li img {
	width: 145px;
}

div.item_list ul {padding:20px 8px;}

div.item_list li {
	font-size: 70%;
	float: left;
	padding: 0px 5px;
}

div.item_list li span{
	font-weight:bold;
}

/* 08.10.17 Yoshida Add */
div.db_list{
	width:812px;
	background:url(/shop/common/img/bg_cd_rom.gif) repeat-y center top;
	border-top:solid 7px #e1dfdf;
}

div.db_list div.end{
	width:812px;
	padding-bottom:8px;
	background:url(/shop/common/img/bg_cd_rom_end.gif) no-repeat center bottom;
}

div.db_list div.head{
	width:796px !important;
	width /**/:812px;
	padding:0px 8px 6px;
	background-color:#e1dfdf;
}

div.db_list div.head h2{
	padding-right:0.8em;
	font-size:80%;
	color:#000000 !important;
	float:left;
}

div.db_list div.frame{
	margin:0px 6px;
	background-color:#ffffff;
	border:solid 1px #a8aaab;
}

div.db_list div.frame ul.tab_db_tp{
	margin:0px 14px 0px 15px;
	padding:0px !important;
	border-top:solid 16px #ffffff;
}

div.db_list div.frame ul.tab_db_tp li{
	width:111px;
	padding-bottom:12px;
	float:left;
}

div.db_list div.frame ul.tab_db_tp li#endtab{
	width:99px;
}

div.db_list div.frame ul.tab_db_tp li span{
	width:99px;
	height:159px;
	display:block;
	background:transparent url(/shop/common/img/tab_db_bg.gif) no-repeat scroll center bottom;
	text-align:center;
	font-weight:bold;
	font-size:80%;
	color:#FFFFFF;
	line-height:normal;
}

div.db_list div.frame ul.tab_db_tp li a{
	display:block;
	margin-bottom:9px;
}

div.db_list div.frame ul.tab_db_tp li.selected{
	padding-bottom:0px;
}

div.db_list div.frame ul.tab_db_tp li.selected span{
	height:171px;
	background:#e5e5e5;
	color:#000000;
}

div.db_list div.tab_db_sb{
	margin:0px 18px 16px 15px;
	padding:13px;
	background: #e5e5e5;
}

div.db_list div.tab_db_sb ul {
	padding:16px 0px 0px !important;
/*	padding: 15px;*/
}

div.db_list div.tab_db_sb li {
	width:214px !important;
	width /**/:234px;
	padding:0px 8px !important;
	border-right:solid 10px #e5e5e5;
	background: url(/shop/common/img/li.gif) no-repeat 0 5px;
/*	width: 250px;*/
	font-size: 80%;
	text-align:left !important;
	float: left;
}

div.db_list div.tab_db_sb li a{
	padding:0px !important;
}

ul.tab_db {
	margin: 15px 0px 0px 0px;
	border-bottom: 5px solid #000;
}

ul.tab_db li {
	float: left;
	background: #fff;
}

ul.tab_db li.on {
	background: #000;
}

ul.tab_db li img {
	margin: 5px;
}

/* 08.09.11 Yoshida Add */
div.recommend{
	width:492px;
}

div.recommend div.rec_l{
	width:242px !important;
	width /**/:248px;
	min-height:124px;
	margin-top:14px;
	_height:124px;
	padding:0px 2px;
	border:solid 1px #cccccc;
	float:left;
}

div.recommend div.rec_l div.head{
	margin:2px 0px 9px;
	padding-bottom:4px;
	background:url(/shop/common/img/bg_blue_s.gif) repeat-x left bottom;
}

div.recommend div.rec_l div.head h2{
	min-height:19px;
	_height:27px;
	padding:8px 0px 0px 36px;
	padding-left:36px;
	background:url(/shop/common/img/hd_recommend.gif) no-repeat left top;
	float:none !important;
}

div.recommend div.rec_l div.image{
	width:64px;
	padding-bottom:2px;
	text-align:center;
	float:left;
}

div.recommend div.rec_l dl{
	width:168px;
	padding-bottom:2px;
	float:left;
}

div.recommend div.rec_l dt{
	font-size:80%;
	line-height:1.2;
}

div.recommend div.rec_l dd{
	padding-top:8px;
	text-align:right;
}

div.recommend div.rec_r{
	width:208px !important;
	width /**/:230px;
	min-height:124px;
	margin-top:14px;
	_height:124px;
	padding:0px 10px;
	border:solid 1px #cccccc;
	float:right;
}

div.recommend div.rec_r div.image{
	width:81px;
	padding:8px 0px;
	float:left;
}

div.recommend div.rec_r p{
	width:116px;
	padding:8px 0px;
	font-size:80%;
	line-height:1.2;
	float:right;
}


/* 08.09.11 Yoshida Add */
table.persistence{
	margin-bottom:20px;
}

table.persistence th{
	padding-right:12px;
	vertical-align:top;
}

table.persistence td{
	vertical-align:top;
}

table.persistence dt{
	font-size:80%;
	font-weight:bold;
}

table.persistence dd{
	font-size:80%;
	line-height:1.5;
	padding-top:8px;
}

/* 08.09.11 Yoshida Add */
div.booklist{
	width:492px;
}

div.booklist div.blbox{
	width:240px;
	padding-bottom:16px;
	float:left;
}

div.booklist div.last{
	width:160px;
}

div.booklist div.blbox dl{
	width: 240px;
}

div.booklist div.blbox dt{
	display:block;
	width:70px;
	float:left;
}

div.booklist div.blbox dd{
	width:150px;
	font-size:70%;
	line-height:1.2;
	float:left;
}

div.booklist div.last div.blbox dd{
	width:70px;
}





/* 08.09.11 Yoshida Add */




/* カレンダー */

table.calender {
	width: 100%;
	font-size: 80%;
	padding-top: 1px;
	background: #fff;
	border-bottom: 1px solid #000;
}

table.calender th {
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #000;
	padding: 8px;
}


table.calender td {
	padding: 8px 8px 8px 8px;
	font-weight: normal;
	border: none;
}

table.calender td.tit { width: 20%; border-top: 1px dashed #d2d2d2; }
table.calender td.cnt { width: 50%; border-top: 1px dashed #d2d2d2; }
table.calender td.unt { width: 30%; border-top: 1px dashed #d2d2d2; }

table.calender td.tpls { border: none; }

table.calender td.tp {
	padding-top: 12px;
}


/* ランキング */
#rankcent { font-size: 90%;width:495px; }
.rankleft { font-size: 90%;float:left;width:246px; }
.rankcent { width:246px; }

.rankcent .compare, .rankcent .ranking, .rankcent .str, .rankcent .img {
	float:left;
	padding-bottom: 10px;
	/* margin-bottom:10px; */
}

.rankcent .compare {
	margin-top: 30px;
	padding: 3px 8px 0px 0px;
	/*margin: 3px 8px 0px 0px;*/
}

.rankcent .ranking {
	margin-top: 30px;
	margin-right: 10px;
}

.rankcent .img {

	margin-right: 10px;
}

.rankcent .str {
	width:110px;
	font-size: 90%;
}

.rankcent .rank01 {

}



/* カレンダー */

table.calender_main {
	width: 100%;
	font-size: 80%;
	padding-top: 1px;
	background: #fff;
	border-bottom: 1px solid #000;
}

table.calender_main th {
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #000;
	padding: 8px;
}


table.calender_main td {
	padding: 8px;
	font-weight: normal;
	border-bottom: 1px dashed #d2d2d2;
}

table.calender_main td.tit { width: 20%; }
table.calender_sub td.cnt { width: 80%; }
table.calender_sub td.unt { width: 20%; }

table.calender_sub {
	width: 100%;
	font-size: 100%;
	padding-top: 1px;
	background: #fff;
}

table.calender_sub td {
	padding: 0px;
	font-weight: normal;
	border: none;
}


.tab_box {
	border: 1px solid #c8c8c8;
	padding: 5px 15px 5px 15px;
}

.tab_box li { font-size: 83%; color: #c8c8c8; float: left; margin-right: 10px; }
.tab_box li a { color: #000; }


.cal_main {
	margin: 10px 0px 10px 0px;
	background: #ebebeb;
}

.cal_main .hd {
	font-size: 83%;
	color: #fff;
	background: #000;
	padding: 4px 10px 4px 10px;
}

.cal_main .hd h3 { float: left; }
.cal_main .hd .renew { float: right; }


.cal_main .lt { float: left; width: 344px; overflow: hidden; border: 1px;}
.cal_main .rt { float: right; width: 148px; text-align: left;}

table.cal_sheet {
	font-size: 83%;
	width: 330px;
	text-align: center;
	border-collapse: collapse;
	background: #fff;
	margin: 10px 0px 10px 10px;
}

table.cal_sheet th {
	font-weight: normal;
	background: #d4d4d4;
	color: #4a4a4a;
	padding: 4px 8px 5px 8px;
	border: 5px solid #fff;
}


table.cal_sheet td {
	height: 28px;
	padding: 0px 8px 0px 8px;
	font-weight: normal;
	border: 4px solid #fff;
	vertical-align: middle;
	background: url(/shop/common/img/cal_bg.gif) repeat-x;
}

table.cal_sheet td.on {
	background: #f09450;
	color: #fff;
}

table.cal_sheet td.on a {
	color: #fff;
}

.cal_main .buy {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}

.cal_main .buy p { margin: 3px 0px 3px 0px; }

.cal_main p.caution { font-size: 83%; line-height: 120%; margin-bottom: 3px; text-align: left; }

.cal_main p.btn { margin: 0px 0px 10px 0px; }
.cal_main p.hd { background: none; color: #000; }

.cal_main p { font-size: 70%; margin: 0px 10px 5px 10px; }

.cal_list { font-size: 83%; }

.cal_list h3 {
	font-weight: bold;
	border-bottom: 1px dotted #000;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.cal_list dl {
	margin: 0px 0px 15px 0px;
}

.cal_list dt {
	width: 350px;
	float: left;
	clear: both;
	padding: 3px 0px 3px 13px;
	background: url(/common/img/li.gif) no-repeat 0 7px;
}

.cal_list dd {
	width: 150px;
	margin: 0px 0px 0px 370px;
	padding: 3px 0px 3px 0px;
	text-align: left;
}

 

/* 新阜-L告 */

ul.bt_cr_bk  {
	border-bottom: 6px solid #000;
	margin: 0px 0px 15px 0px;
}

ul.bt_cr_gr  {
	border-bottom: 6px solid #e1dfdf;
	margin-bottom: 15px;
}

.news_list {
	font-size: 83%;
	padding-bottom: 15px;
	border-bottom: 1px solid #000;
}

.news_list h3 {
	font-weight: normal;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 5px 0px 5px 10px;
}

.news_list dl {
	width: 100%;
	margin: 10px 0px 10px 0px;
}

.news_list dl dt {
	width: 115px;
	float: left;
	clear: both;
	background: url(/shop/common/img/li_bk.gif) no-repeat 15px 8px;
	padding: 3px 0px 3px 25px;
}

.news_list dl dd {
	width: 330px;
	margin: 0px 0px 0px 130px;
	padding: 3px 0px 3px 0px;
	text-align: left;
}

.news_list ul { padding: 5px 0px 10px 0px; }

.news_list ul li {
	background: url(/shop/common/img/li_bk.gif) no-repeat 15px 8px;
	padding: 3px 0px 3px 25px;
}


/* 検鷺ﾀ*/

.search1 td {
	color: #333333;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #e1e1e1;
	padding: 5px 0px 5px 10px;
}

.search1 input { font-size: 16px; }



/* 拡窒7p */

.ft_m { font-size: 83% !important; }
.ft_s { font-size: 70% !important; }
.ft_l { font-size: 110% !important; }

.ft_bold { font-weight: bold !important; }

.bd_top { border-top: 1px dotted #000 !important; }
.bd_bottom { border-bottom: 1px dotted #000 !important; }
.nobd { border: none !important; }



/* add kawai */
.backnum li { display:inline;float:left;font-size: 83% !important; }
.backnum li a:link,.backnum li a:visited { color:#000000; }
.backnum li a:hover,.backnum li a:active { color:#ff5b00; }



/* トップページDB */


ul.db_tp {
	margin: 0px 0px 0px 15px;
	padding: 10px 0px 0px 0px;
}

ul.db_tp li{
	font-size: 75%;
	line-height: 120%;
	text-align: center;
	margin: 0px 8px 0px 8px;
	width: 99px;
	float: left;
}

ul.db_tp li img {
	margin: 0px 0px 2px 0px;
}



/* add kondo */

#bk_author { }

#bk_author .author-img {
	width: 100px;
	float: left;
}

#bk_author .profile, #bk_author .profile_fl {
	float: left;
}

#bk_author .profile p {
	width: 370px;
}

#bk_author .profile_fl p {
	width: 470px;
}

#bk_author .profile p.name {
	font-size: 90%;
	margin-bottom: 8px;
	line-height: 120%;
}

#bk_author .profile p.name .small{
	font-size: 70%;
}

#bk_cmt { }

#bk_cmt p.name {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	margin:10px 0px 0px 0px;
}

#bk_cmt p.sname {
	font-size: 70%;
	text-align: center;
}

#bk_cmt .ft_s {font-size:80%;}
#bk_cmt .ft_m {}
#bk_cmt .ft_l {font-size:120%;}





/* 08.10.15 Yoshida Add */
body#popup #headertp{width:100%;}

body#popup .page{
	width:100%;
	margin:0px;
	text-align:center;
}

body#popup .cont{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

body#popup #footer{width:100%;}

.dbs_img {
	margin: 3px 0px 0px 0px;
	font-size: 80%;
	font-weight: normal;
}

.slh {
	line-height: 120%;
}

