@import url("/fuzoku.common.css");
/* CSS Document */
@media screen and (min-width: 0px) and (max-width: 800px)  {
	#main {
	}
	#main a {
		color: #0066CC;
	}
	#main a:hover {
		color: #FF0000;
	}
	#main h1 {
		//width: 100%;
		//display: block;
		padding: 0px;
		//position: absolute;
		margin: 5px;
		//margin-left: auto;
		//margin-right: auto;
		//font-size: 120%;
	}
	#main h1 span {
		font-size: 50%;
		font-weight: normal;
		#padding-top: 5px;
		margin-bottom: 10px;
	}
	#main h2 {
		//width: 100%;
		//display: block;
		padding: 0px;
		//position: absolute;
		margin: 0px;
		//margin-left: auto;
		//margin-right: auto;
		//font-size: 100%;
		font-family: Roboto;
	}
	#main h2 span {
		font-size: 50%;
		font-weight: normal;
		#padding-top: 5px;
		margin-bottom: 10px;
	}

	#shop {
		margin: 5px;		
	}
	#latest {
		display: block;
		background-color: #FAFAFA;
	}
	#latest ol {
		margin: 0px;
		padding: 0px;
	}
	#latest ol li {
		border-width: thin;
		border-style: solid;
		border-color: #CCCCCC;
		background-color: #FFFFFF;
		margin: 5px;
		padding: 5px;
		list-style-type: none;
		width: auto;
		display: block;
	}
	#latest ol li h3 {
		margin: 0px;
		padding: 0px;
	}
	#latest dl {
		margin-top: 3px;
		margin-bottom: 0px;
	}
	#latest dl dt {
		white-space: nowrap;
		font-size: 90%;
		color: #6633CC;
	}
	#latest dl dt:after {
		content: ":";
		color: #666666;
	}
	#latest dl dd {
		display: table-cell;
	}
	#foot {
		position: fixed;
		bottom: 0px;
		//left: 0px;
		background-color: #FFFFFF;
		display: block;
		width: 220px;
		height: 36px;
		border-bottom-width: thin;
		border-bottom-style: solid;
		border-bottom-color: #CCCCCC;
		z-index: 5;
	}
}