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

div#contents
		{
		width: 800px;
		background-color: #ffffff;
		margin: auto;
		}
			
div#main
		{
		margin-left: 190px;
		display: inline ;
		float: left;
		width: 610px;
		margin-bottom: 200px;
		background-color: #ffffff;
		}
		
div#main h2
		{
		font-size: 120%;
		font-weight: normal;
		background-color: #ff9900;
		color: #333333;
		margin: 0 0 5 0;
		clear: both;
		text-align: left;
		padding-left: 5;
		}
		
div#main h3
		{
		font-size: 120%;
		font-weight: normal;
		background-color: #ccff00;
		color: #333333;
		margin: 5 0 0 5;
		clear: both;
		text-align: left;
		padding-left: 5;
		}
	
div.showcase
		{
		clear: none;
		float: left;
		width:117px;
		height: 130px;
		margin: 2px;
		margin-top: 0px;
		padding: 0;
		font-size: 80%;
		}

div.showcase img
		{
		width: 100px;
		height: 100px;
		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.showcase a img:hover
		{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opcity=70)";
		background: none!important;
		}
				
div.showcase p.title
		{
		margin:0 10px 0 0;
		padding:0 0 0 5px;
		}

div#container
		{
		width: 610px;
		border: thin;
		border-color: #cccccc;
		}
		
div#container .pict img
		{
		width: 170px;
		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; 
		-webkit-box-shadow: 3px 3px 5px #DDD;
		}
		
div#container p
		{
		width: 255px;
		margin-bottom: auto;
		float: left;
		text-align: left;
		margin: 10px 5px 0px 10px;
		font-size: 105%;
		line-height: 26px;
		}

		
div.dictionary
		{
		clear: both;
		width: 600px;
		margin-left: 8px;
		margin-bottom: 10px;
		border-width: thin;
		border-color: #cccccc;
		background-color: #F5F5DC;
		overflow: auto;
		}
		
div#container .photbox 
		{
		width: 310px;
		float: right;
		margin: 5px 5px 5px 5px;
		}
		
div#container .photbox img
		{
		width: 300px;
		background-color: #ffffff;
		padding: 0.5em;
		border:	 solid 1px;
		margin-bottom: 0px;
		margin-right: 0px;
		border-color: #cccccc #999999 #999999 #cccccc;
		-moz-box-shadow: 3px 3px 5px #DDD; 
		-webkit-box-shadow: 3px 3px 5px #DDD;
		}
	
						
div.dictionary p
		{
		width: 580px;
		background-image: url("../img/bottom-line.gif");
		margin: 0px;
		}
		

div#index
		{
		width: 600px;
		height: auto;
		background-color:#ffffff;
		}
		
		div#indexleft
				{
				width: 146px;
				height: auto;
				display: inline ;
				float: left;
				background-color:#F5F5DC;
				margin-bottom: 10px;
				}
		div#indexcenter
				{
				width: 146px;
				height: auto;
				float: left;
				margin-left: 4px;
				margin-bottom: 10px;
				background-color:#F5F5DC;
				}
				
				div#indexcenter2
				{
				width: 146px;
				height: auto;
				float: left;
				margin-left: 4px;
				background-color:#F5F5DC;
				margin-bottom: 10px;
				}
				
		div#indexright
				{
				width: 146px;
				height: auto;
				float: left;
				margin-left: 4px;
				margin-bottom: 10px;
				background-color:#F5F5DC;
				}		
				
		div#index ul
				{
				padding-left: 25px;
				margin-right: 5px;
				}
		
		div#index ul li ul li
				{
				border-bottom: thin dashed #999999;
				padding-left: 15px;
				font-size: 100%;
				position:relative;
 				white-space:nowrap;
				}
		div#index li
				{
				line-height: 1.8em;
				border-bottom-style: none;
				border-color: #669966;
				}
		div#space
				{
				clear: both;
				width: 600;
				height: 200px;
				}

				
div#side
		{
		margin-left: -810px;
		float: left;
		width: 180px;
		background-color: #ffffff;
		border-style: solid;
		border-top-style: hidden;
		border-width: thin;
		border-color: #ffffff;
		}

div#side h3
		{
		margin-top: 10px;
		}

div#side h2 a:link
		{
		color: #ffffff;
		}
		
div#side h2 a:visited
		{
		color: #ffffff;
		}
		
div#side h2 a:hover
		{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opcity=70)";
		background: none!important;
		}
		
div#side a img:hover
		{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opcity=70)";
		background: none!important;
		}
		
div#side .showcase
		{
		margin-left: 30px;
		}

div#side ul
		{
		padding-left: 30px;
		border :thin dashed #ffffff;
		}
		
div#side ul li ul li
		{
		border-bottom: thin dashed #999999;
		padding-left: 10px;
		font-size: 95%;
		position:relative;
 		white-space:nowrap;
		}

div#column
		{
		background-color: #F5F5DC;
		background-image: url("../img/bottom-line2.gif");
		margin: 0px;
		}
		
div#column p
		{
		text-align: left;
		font-size: 103%;
		margin: 5px;
		line-height: 23px;
		}
		
div#foot
		{
		clear: both;
		font-size: 120%;
		font-weight: normal;
		background-color: #ccff00;
		color: #333333;
		margin: 5 0 200 5;
		clear: both;
		text-align: left;
		padding-left: 5;
		}