* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#myimg {
	text-align:center;
}
#myimgimg {
	width:50%;
	min-width:250px;
}
.lefthead{
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	background:#FFFFFF;
}
.righthead{
	text-align:center;
	border:1px solid #CCCCCC;
	margin-top:10px;
	background:#FFFFFF;
}
.live{
	border:1px solid #CCCCCC;
	margin-top:10px;
	background:#FFFFFF;
}
.shoei{
	margin:5px;
	width:80%;
	max-height:296px;
	max-width:200px;
}
.searchbox{
	width:85%;
	height:40px;
}
#rightbottom {
	background:#EEEEFF;
}
#leftbottom {
	padding-top:10px;
	background:#FFEEEE;
}
#content{
	background:#FFEEEE;
}
.row {
  margin: 0 auto;
  overflow: hidden;
}

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -1.2%;
}

.cols {
  float: left;
  min-height: 1px;
  padding: 0 1.2%;
  position: relative;
}

[class*="cols"] + [class*="cols"]:last-child { float: right; }
[class*="cols"] + [class*="cols"].end { float: left; }

.row .one { width: 8.33%; }
.row .two { width: 16.66%; }
.row .three { width: 25%; }
.row .four { width: 33.33%; }
.row .five { width: 41.66%; }
.row .six { width: 50%; }
.row .seven { width: 58.33%; }
.row .eight { width: 66.66%; }
.row .nine { width: 75%; }
.row .ten { width: 83.33%; }
.row .eleven { width: 91.66%; }
.row .twelve { width: 100%; }

.lt-ie8 .row { min-width: 1140px; }
.lt-ie8 .row .one { width: 5.886%; } /* 8.33 - (1.2 x 2) - 0.5/1140 ... 2.4439 */
.lt-ie8 .row .two { width: 14.2161%; }
.lt-ie8 .row .three { width: 22.5561%; }
.lt-ie8 .row .four { width: 30.8861%; }
.lt-ie8 .row .five { width: 39.2161%; }
.lt-ie8 .row .six { width: 47.5561%; }
.lt-ie8 .row .seven { width: 55.8861%; }
.lt-ie8 .row .eight { width: 64.2161%; }
.lt-ie8 .row .nine { width: 72.5561%; }
.lt-ie8 .row .ten { width: 80.8861%; }
.lt-ie8 .row .eleven { width: 89.2161%; }
.lt-ie8 .row .twelve { width: 100%; }

.row .mine { width: 25%; }
.lt-ie8 .row .mine { width: 22.5561%; }

@media screen and (min-width: 1141px) {
	#dropmenu {
		width: 100%;
	}
	#dropmenu li {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		display: inline-block;
		width: calc(100% / 5);
		font-size: 1rem;
		vertical-align: top;
	}
	#dropmenu li a {
		display: block;
		margin: 0;
		padding: 16px 0;
		font-size: normal;
		font-weight: bold;
		line-height: 1;
		text-decoration: none;
		border-left: 1px solid #ccc;
		color:#FFFFFF;
		background:#99BB99;
	}
	#dropmenu li ul {
		list-style: none;
		position: absolute;
		z-index: 100;
		top: 100%;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#dropmenu li ul li {
		overflow: hidden;
		width: 100%;
		height: 0;
		color: #FFF;
		transition: .2s;
	}
	#dropmenu li ul li a {
		padding: 13px 15px;
		text-align: left;
		font-size: small;
		font-weight: normal;
		color:#000000;
		background:#CCEECC;
	}
	#dropmenu li ul li a:hover {
		color:#000000;
		background:#DDFFDD;
	}
	#dropmenu li:hover > ul > li {
		overflow: visible;
		height: 38px;
	}
	.profile {
		text-align:left;
		padding-left:10px;
		font-size:small;
		line-height:200%;"
	}
	.bookgenre{
		color:white;
		font-size:small;
		background:#99BB99;
	}
	.booktitle{
		font-size:small;
		font-weight:bold;
	}
	.bookauthor{
		font-size:small;
	}
	.bookprice{
		font-size:small;
	}
	.livecopy{
		color:white;
		font-size:small;
		background:#99BB99;
		text-align:center;
	}
	.livename{
		font-size:normal;
		font-weight:bold;
		text-align:center;
		padding:5px;
	}
	.livedesc{
		font-size:small;
		padding-left:5px;
		padding-right:5px;
	}
	.title{
		color:white;
		font-size:normal;
		font-weight:bold;
		padding:5px;
		margin:5px;
		background:#99BB99;
	}
	.description{
		margin:10px;
		font-size:small;
		line-height:200%;
		color:#666666;
	}
	.content{
		margin:10px;
		font-size:small;
		color:#666666;
		line-height:200%;
	}
	.footer {
		padding-top:20px;
		margin-bottom:100px;
		border-bottom:1px solid #99BB99;
		text-align:right;
		font-size:normal;
		color:#666666;
	}
	.tablemenu {
		padding:5px;
		font-size:small;
		background:#99BB99;
		color:white;
	}
	.tablecontent {
		padding:5px;
		font-size:small;
		border-bottom:1px solid #99BB99;
	}
	.cell-title {
		font-size:small;
		line-height:200%;
		font-weight:bold;
		color:#333333;
		background:#DDDDDD;
		padding:5px;
	}
	.cell-content {
		font-size:small;
		line-height:200%;
		color:#333333;
		border:1px solid #666666;
		padding:5px;
	}
}

@media screen and (max-width: 1140px) {
	#myimgimg {
		width:100%;
	}
	.cols {
		float: none;
		width: auto !important;
		height: 100%;
		margin-top: 10px; 
	}
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
	[class*="cols"] + [class*="cols"]:last-child { float: none; }
	[class*="cols"] + [class*="cols"].end { float: none; }
	#dropmenu {
		width: 100%;
	}
	#dropmenu li {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		display: inline-block;
		width: 100%;
		font-size: 1rem;
		vertical-align: top;
	}
	#dropmenu li a {
		display: block;
		width:100%;
		margin: 0;
		padding: 10px 0;
		font-size: large;
		font-weight: bold;
		line-height: 200%;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		text-align: center;
		color:#FFFFFF;
		background:#99BB99;
	}
	#dropmenu li ul {
		list-style: none;
		position: relative;
		z-index: 100;
		top: 100%;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#dropmenu li ul li {
		overflow: hidden;
		width: 100%;
		height: 0;
		color: #fff;
		transition: .2s;
	}
	#dropmenu li ul li a {
		padding: 13px 15px;
		text-align: left;
		font-size: normal;
		font-weight: normal;
		color:#000000;
		background:#CCEECC;
	}
	#dropmenu li ul li a:hover {
		color:#000000;
		background:#DDFFDD;
	}
	#dropmenu li:hover > ul > li {
		overflow: visible;
		height: 38px;
	}
	.profile {
		text-align:left;
		padding-left:10px;
		font-size:normal;
		line-height:200%;"
	}
	.bookgenre{
		color:white;
		font-size:normal;
		background:#99BB99;
	}
	.booktitle{
		font-size:normal;
		font-weight:bold;
	}
	.bookauthor{
		font-size:normal;
	}
	.bookprice{
		font-size:normal;
	}
	.livecopy{
		color:white;
		font-size:normal;
		background:#99BB99;
		text-align:center;
	}
	.livename{
		font-size:normal;
		font-weight:bold;
		text-align:center;
		padding:5px;
	}
	.livedesc{
		font-size:normal;
		padding-left:5px;
		padding-right:5px;
	}
	.title{
		color:white;
		font-size:normal;
		font-weight:bold;
		padding:5px;
		margin:5px;
		background:#99BB99;
	}
	.description{
		margin:10px;
		font-size:small;
		line-height:200%;
		color:#666666;
	}
	.content{
		margin:10px;
		font-size:normal;
		line-height:200%;
		color:#666666;
	}
	.footer {
		padding-top:20px;
		margin-bottom:100px;
		border-bottom:1px solid #99BB99;
		text-align:right;
		font-size:normal;
		color:#666666;
	}
	.tablemenu {
		padding:5px;
		font-size:normal;
		background:#99BB99;
		color:white;
	}
	.tablecontent {
		padding:5px;
		font-size:normal;
		border-bottom:1px solid #99BB99;
	}
	.cell-title {
		font-size:normal;
		line-height:200%;
		font-weight:bold;
		color:#333333;
		background:#DDDDDD;
		padding:5px;
	}
	.cell-content {
		font-size:normal;
		line-height:200%;
		color:#333333;
		border:1px solid #666666;
		padding:5px;
	}
}