@charset "utf-8";

body
		{
		background-color: #ffffff;
		font-family: "メイリオ",meiryo, "MS Pゴシック",  osaka, sans-serif;
		color:  #556b2f;
		font-size: 12;
		text-align: center;
		}


div#contents
		{
		width: 953px;
		background-color: #ffffff;
		margin: auto;

		}
			
div#main
		{
		margin-left: 190px;
		display: inline ;
		float: left;
		width: 468px;
		background-color: #ffffff;
		}
		
div#title img
		{
		margin-bottom: 0px;
		}
div.title a img:hover
{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opcity=70)";
	background: none!important;
}
div#main .topix
		{
		width: 465px;
		background-color: #ccff99;
		margin: auto;
		}
		
div#main #books
		{
		margin: 20px;
		}

		
div#main dl
		{
		width: 550px;
		background-color: #ccff99;
		text-align: left;
		margin-top: 0;
		color: #333333;
		padding-bottom: 3px;
		padding-top: 3px;
		}

div#main dt
		{
		border-top-style: dotted;
		border-width: thin;
		border-color: #669966;
		margin: 0 0 0 10;
		font-size: 110%;
		}
		
div#main dd
		{
		margin-left: 170;
		margin-bottom: 7;
		font-size: 100%;
		}

div.product div.showcase
		{
		clear: none;
		float: left;
		width:150px;
		height: 118px;
		margin: 2px;
		margin-top: 8px;
		padding: 0;
		font-size: 90%;
		}

div.product div.showcase img
		{
		width: 120px;
		height: 90px;
		background-color: #ffffff;
		padding: 0.5em;
		border: solid 1px;
		margin-bottom:0px;
		margin: 0px;
		border-color: #cccccc #999999 #999999 #cccccc;
		-moz-box-shadow: 3px 3px 5px #DDD;    /* firefox　*/
		-webkit-box-shadow: 3px 3px 5px #DDD;  /* safari、chorme */			
		}

div.product div.showcase img:hover
		{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opcity=70)";
		background: none!important;
		}


				
div.product div.showcase p.title
		{
		margin:0 10px 0 0;
		padding:0 0 0 5px;
		clear: both;
		}

div.infomation
		{
		text-align: left;
		}
		
div.infomation p
		{
		font-size: 13px;
		line-height: 1.8em;
		}		
		
div.infomation img
		{
		width: 100px;
		height: 100px;
		float: right;
		background-color: #ffffff;
		padding: 4px;
		border: solid 1px;
		margin-bottom:0px;
		margin: 3px;
		border-color: #cccccc #999999 #999999 #cccccc;
		}
		
		{
		margin:0 10px 0 0;
		padding:0 0 0 5px;
		}



div#side
{
	margin-left: -658px;
	float: left;
	width: 180px;
	background-color: #ffffff;
}
		
div#side p
		{
		text-align: left;
		}		
		
div.title
		{
		margin-top: 5px;
		margin-bottom: 10px;
		border: solid thin;
		border-color: #cccccc #999999 #999999 #cccccc;
		}
		
div#ex
		{
		float: left;
		width: 281px;
		margin-left: 10px;
		background-color: #ffffff;
		}
.info
		{

		border-width: thin;
		border-color: #ff9900;
		margin-top: 5px;
		margin-bottom: 10px;
	
		}
.info p
		{
		text-align:left;
		}

div#foot
		{
		clear: both;
		color: #ffffff;
		background-color:  #ff9900;
		}
		
div#ex p
		{
		width: 85%;
		margin-left: 30px;
		margin-right:10px

		}