/* ボディ */
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: small;
	font-family: "MS UI Gothic", "Osaka", "ヒラギノ角ゴ Pro W3", Comic Sans MS, Helvetica, sans-serif;
	text-align: center;
}

/* 見出し */
h1 {
	margin: 0px 0px 4px 0px;
	padding: 0px;
	font-size: x-large;
/*  font-family: Verdana, Helvetica, sans-serif;*/
  font-family: Helvetica, sans-serif;
	font-weight: bold;
}
h1 span {
/*	font-size: 60%;*/
	font-size: medium;
	font-weight:	lighter;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-size: medium;
	font-weight: bold;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-size: small;
	font-weight: bold;
}
/* フォーム */
form {
	margin:				4px 0px;
	padding:			0px;
}
pre {
	margin:				0px;
	padding:			0px 0px 0px 8px;
	background-color:	#DDDDDD;
	color:				#000000;
	font-size:		small;
	font-weight:	lighter;
}
pre.melmaga {
	margin:				0px;
	padding:			0px;
	background-color:	#FFFFFF;
	color:				#000000;
	font-size:		13px;
	font-weight:	lighter;
}

/* グループ化 */
div {
	margin: 0px;
	padding: 0px;
}
div.head {
	padding: 4px 12px;
	color: #ffffff;
	background-color:	#000000;
	text-align: left;
}
div.head img {
	margin-right: 8px;
	vertical-align: middle;
}
div.locate {
	padding: 4px 12px;
	font-size: small;
	font-weight: bold;
	text-align: left;
}
div.main {
	clear: both;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	padding: 40px 0px 0px 0px;
	text-align: left;
}
div.title {
	padding: 8px 0px;
	border-bottom: #999999 8px solid;
}
div.content {
	clear: both;
	width: 540px;
	float: left;
	padding: 24px 0px 0px 0px;
}
div.contentTopLeft {
	clear: both;
	float: left;
	width: 260px;
	font-size: small;
}
div.contentTopCenter {
	float: left;
	width: 20px;
}
div.contentTopRight {
	float: left;
	width: 260px;
	font-size: small;
}
div.contentTopTitle {
	padding: 2px 12px 2px 4px;
	color: #ffffff;
	background-color:	#000000;
	font-size: small;
	font-weight: bold;
	font-variant: small-caps;
}
div.contentTop {
	margin: 0px 0px 12px 0px;
	padding: 12px 12px 0px 12px;
	border-left: black 1px solid;
}
div.contentLeft {
	clear: both;
	float: left;
	width: 540px;
	padding: 0px 12px 0px 0px;
	font-size: medium;
}
div.contentLeftLinks {
	font-size: small;
	line-height: 160%;
}
div.subContentTitle {
	margin:				24px 0px 0px 0px;
	padding:			2px 6px;
	color: #ffffff;
	background-color:	#000000;
	font-size:			small;
	font-weight: bold;
	font-variant:		small-caps;
}
div.subContent {
	margin:				0px 0px 24px 0px;
	padding:			10px 0px 0px 10px;
	font-size:			small;
	border:				black 1px solid;
	/* border-left:		black 1px solid; */
	/* border-top:			black 1px solid; */
}
div.subContentLeftTitle {
	clear: both;
	float: left;
	width: 540px;
	padding: 2px 12px 2px 4px;
	color: #ffffff;
	background-color:	#000000;
	font-size: small;
	font-weight: bold;
	font-variant: small-caps;
}
div.subContentLeft {
	clear: both;
	float: left;
	width: 540px;
	margin: 0px 0px 12px 0px;
	padding: 12px 12px 0px 12px;
	border-left: black 1px solid;
}
div.subContentLeftListCap {
	font-weight: bold;
	margin-bottom: 8px;
}
div.subContentLeftList {
	padding: 0px 0px 0px 8px;
	/* border-left: #777777 8px solid; */
	font-size: small;
}
div.subContentMap {
	font-weight: bold;
	margin-bottom: 2px;
}
div.bar {
	width: 160px;
	float: right;
	padding: 24px 0px 0px 0px;
	text-align: center;
}
div.hoot {
	clear: both;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 24px;
	padding: 8px 0px 0px 0px;
	border-top: #999999 2px solid;
	font-size: small;
	text-align: right;
}
div.topInfo {
	background-image: url(image/beat-net_infotop.gif);
	background-repeat: repeat-y;
	margin: 8px 0px 12px 0px;
	padding-left: 22px;
	font-size: small;
}
/*
div.contentInfo {
	background-image:url(image/beat-net_infotop.gif);
	background-repeat:	repeat-y;
	margin:				8px 0px 8px 0px;
	padding-left:		22px;
	font-size:			medium;
}
*/
div.infoMenu {
	background-color:	#000000;
	color: #FFFFFF;
	margin:	4px 0px;
	padding: 4px 0px;
	font-size: small;
	text-align:	center;
}
div.infoBarTitle {
	color: #FFFFFF;
	background-color:	#000000;
	text-align: center;
	font-weight: bold;
}
div.infoBar {
	background-color:	#FFFFFF;
	color: #000000;
	margin: 0px;
	padding: 6px;
	font-size: small;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	text-align: left;
}
div.melmagaad {
	text-align: left;
	font-size: small;
	line-height: 120%;
	padding:8px;
	background-color: #CCCCCC;
	border: 1px solid #000000;
}
form.infoBar {
	padding: 6px 2px;
/*	background-color:	#CCCCCC;*/
	background-image:url(image/beat-net_infoback.gif);
}

/* テーブル */
caption {
	text-align: left;
	font-size: medium;
	font-weight: bold;
}
table.topMain {
	width:				100%;
}
table.box {
	width:				100%;
	border-width:		2px;
	border-style:		dotted;
	border-color:		#999999;
}
td.topLeft {
	vertical-align:		top;
	width:				49%;
}
td.topCenter {
	vertical-align:		top;
	width:				2%;
}
td.topRight {
	vertical-align:		top;
	width:				49%;
}
td.box {
	vertical-align:		top;
	padding:			12px;
}
td.tableImgLL {
	vertical-align:		top;
	width:				172px;
}
td.tableMainLL {
	vertical-align:		top;
	font-size:			small;
}
td.tableImgL {
	vertical-align:		top;
	width:				130px;
}
td.tableMainL {
	vertical-align:		top;
	font-size:			small;
}
td.tableImgM {
	vertical-align:		top;
	width:				90px;
}
td.tableMainM {
	vertical-align:		top;
	font-size:			small;
}
td.tableImgS {
	vertical-align:		top;
	width:				50px;
}
td.tableImgS_beat {
	vertical-align:		top;
	width:				50px;
	background-color: #CCCCCC;
}
td.tableMainS {
	vertical-align:		top;
	font-size:			small;
}
td.tableMainS_beat {
	vertical-align:		top;
	font-size:			small;
	background-color: #CCCCCC;
}

/* リスト */
ul {
	margin: 0px;
	padding: 0px 16px;
}
ul.cateBar {
	margin: 0px;
	padding: 6px 6px;
	background-color:	#FFFFFF;
	color: #000000;
	font-size: small;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
/*	text-align: center;*/
	text-align: left;
}
li {
	margin:				0px 0px 4px 0px;
	padding:			0px;
	font-size:			small;
	font-weight:		bold;
	list-style-type:	circle;
/*	list-style-type:	none;*/
}
li.map {
	margin: 0px 0px 1px 0px;
	list-style-type:	circle;
}
li.cateBar {
	margin: 6px 0px 1px 0px;
/*	list-style-type: none;*/
	list-style-type:	circle;
}
li.cateBar a {
/*	color: #000000;*/
/*	font-weight: lighter;*/
}
li.cateBar a:visited {
/*	color: #000000;*/
/*	font-weight: lighter;*/
}

/* グループ化 */
span.fontSmaller {
	font-size: 80%;
}
span.fontBigger {
	font-size: 120%;
}

/* リンク */
a:link {
	font-weight: bold;
}
a:visited {
	font-weight: bold;
}
a.info:link {
	color: #ffffff;
	font-weight: lighter;
}
a.info:visited {
	color: #999999;
	font-weight: lighter;
}
a.cpright:link {
	color: #000000;
	font-weight: lighter;
}
a.cpright:visited {
	color: #000000;
	font-weight: lighter;
}

/* イメージ */
img {
	border: 			0px;
}
img.headLogo {
	width:				120px;
	height:				42px;
}
img.bann {
	width:				88px;
	height:				31px;
}
img.barImg {
	width:				160px;
	height:				80px;
}
img.amazonBuy {
	width:				164px;
	height:				28px;
}
img.jacketLL {
	width:				160px;
	height:				160px;
}
img.jacketL {
	width:				120px;
	height:				120px;
}
img.jacketM {
	width:				80px;
	height:				80px;
}
img.jacketS {
	width:				40px;
	height:				40px;
}
img.jacketdegLL {
	width:				160px;
	height:				144px;
}
img.jacketdegL {
	width:				120px;
	height:				108px;
}
img.jacketdegM {
	width:				80px;
	height:				72px;
}
img.jacketdegS {
	width:				40px;
	height:				36px;
}
img.jacketboxLL {
	width:				160px;
	height:				282px;
}
img.jacketboxL {
	width:				120px;
	height:				210px;
}
img.jacketboxM {
	width:				80px;
	height:				140px;
}
img.jacketboxS {
	width:				40px;
	height:				71px;
}
img.dvdLL {
	width:				160px;
	height:				236px;
}
img.dvdL {
	width:				120px;
	height:				178px;
}
img.dvdM {
	width:				80px;
	height:				118px;
}
img.dvdS {
	width:				40px;
	height:				59px;
}
img.videoLL {
	width:				160px;
	height:				266px;
}
img.videoL {
	width:				120px;
	height:				200px;
}
img.videoM {
	width:				80px;
	height:				134px;
}
img.videoS {
	width:				40px;
	height:				67px;
}
