@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: 700px;
		background-color: #ffffff;
		margin: auto;
		text-align: center;
		}
		
div#main
		{
		display: inline ;
		float: left;
		width: 700px;
		background-color: #ffffff;
		}
	
div#leftsite
		{
		float: left;
		width: 490px;
		margin-left: 10px;
		}
		
.contener
		{
		float: left;
		border-style: solid;
		border-width: thin;
		border-color: #99ff00;
		background-color: #ffffff;
		width: 490px;
	    margin-bottom: 10px;
		}		
		
.contener-left
		{
		float: left;
		width: 140px;
		}
		
.contener img
		{
		margin: 8px;
		}


div.product div.showcase
		{
		clear: none;
		float: left;
		width:350px;
		height: auto;
		margin: 5px;
		margin-top: 0px;
		padding: 0;
		font-size: 90%;
		}

div.product div.showcase img
		{
		width: 120px;
		height: auto;
		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;
		}
		
.case
		{
		float: left;
		width: 140px;
		}
		
.contener p
		{
		float: left;
		width: 335px;
		margin: 5px;
		line-height: 18px;
		}
		
div#rightsite
		{
		float: right;
		width: 180px;
		margin-right: 10px;
		border-style: dotted;
		border-width: thin;
		border-color: #ccff66;
		}

div#foot
		{
		text-align:right;
		font-size: 12px;
		margin: 10 0 10 0;
		clear: both;
		}
#list
		{
		text-align: left;
		font-size: 12px;
		margin: 10 0 10 0;
		}


div.back
		{
		text-align: right;
		font-size: 80%;
		margin-top: 0;
		}

h1
		{
		font-size: 200%;
		font-weight: bold;
		text-align: left;
		color: #333333;
		margin: 10 0 0 0;
		padding-left: 5px;
		}
		
h2
		{
		font-size: 130%;
		font-weight: normal;
		background-color: #ff9900;
		color: #ffffff;
		margin: 5 0;
		clear: both;
		}
		
h3
		{
		font-size: 120%;
		font-weight: normal;
		background-color: #ccff55;
		margin: 0 0 0 0;
		padding-left: 10px;
		text-align: left;
		}	
		
h4
		{
		font-size: 110%;
		font-weight: normal;
		margin: 0 0 0 0;
		background-color: #ccff55;
		}

#title h1
		{
		font-size: 200%;
		font-weight: bold;
		text-align: center;
		background-color: #ffffff;
		}		

div#title p
		{
		width:  370px;
		margin-left: 280px;
		line-height: 1.8em;
		font-size: 110%;
		text-align: left;

		}
		
div#title img
		{
		float: left;
		margin-left: 30px;
		clear: both;
		}
	
img
		{
		border: none;
		margin: 0;
		}

dl
		{
		width: 455px;
		text-align: left;
		margin-top: 0;
		color: #333333;
		padding-bottom: 3px;
		padding-top: 3px;
		padding-right: 10px;
		margin-left: 20px;
		}

dt
		{
		border-top-style: dotted;
		border-width: thin;
		border-color: #669966;
		margin: 0 0 0 10;
		font-size: 100%;
		letter-spacing: 1em;
		}
		
dd
		{
		margin-left: 70;
		margin-bottom: 15;
		font-size: 100%;
		list-style-type: square;
		}
a
		{
		text-decoration: none;
		color:  #556b2f;
		}
		
a:hover
		{
		text-decoration: underline;
		color: #666666;
		}		
			
ul
		{
		margin: auto;
		}
		
li
		{
		list-style-type: none;
		text-align: left;
		margin: 0 0 0 -15;
		line-height: 2.0em;
		border-bottom-style: dotted;
		border-width: thin;
		border-color: #669966;
		}