@charset "utf-8";
@import url("/fuzoku.common.css");
/* CSS Document */


/* For Desktop */
@media screen and (min-width: 800px) {

	#main h1 {
		padding: 5px;
		background: linear-gradient(#FFFFFF, #FAFAFA);
		border-top-width: 2px;
		border-top-style: solid;
		border-top-color: #CC99FF;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #CCCCCC;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #CCCCCC;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCCCCC;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#main h1 span {
		font-size: 50%;
		font-weight: normal;
		#padding-top: 5px;
		margin-bottom: 10px;
	}
	#main h1 span:before {
		content: " < ";
	}
	#main h2 {
		padding: 5px;
		background: linear-gradient(#FFFFFF, #FAFAFA);
		border-top-width: 2px;
		border-top-style: solid;
		border-top-color: #CC99FF;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #CCCCCC;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #CCCCCC;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCCCCC;
		boader-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#main h2 span {
		font-size: 50%;
		font-weight: normal;
		#padding-top: 5px;
		margin-bottom: 10px;
	}
	#main h2 span:before {
		content: " < ";
	}

	#main h3 span {
		font-size: 50%;
		font-weight: normal;
		#padding-top: 5px;
		margin-bottom: 10px;
	}
	#main h3 span:before {
		content: " < ";
	}

	#option table,
	#course table,
	#system table {
		background-color: #FF9999;
		border-spacing: 1px;
	}
	#option table tr,
	#course table tr,
	#system table tr {
		background-color: #FFFFFF;
	}
	#option table tr th,
	#course table tr th,
	#system table tr th {
		background-color: #FFE6E6;
		padding: 5px;
		text-align: center;
	}
	#option table tr td,
	#course table tr td,
	#system table tr td {
		padding: 5px;
	}
	#option .zeikomi,
	#course .zeikomi,
	#system .zeikomi {
		text-align: right;
	}

	#shukkin table {
		background-color: #FF9999;
		border-spacing: 1px;
	}
	#shukkin table tr {
		background-color: #FFFFFF;
	}
	#shukkin table tr th {
		background-color: #FFE6E6;
		padding: 5px;
		text-align: center;
	}
	#shukkin table tr td {
	}

	#shop {
		display: block;
	}
	#shop ol {
		margin: 0px;
		padding: 0px;
		display: flex;
		flex-wrap: wrap;
	}
	#shop ol li {
		margin: 1px;
		padding: 0px;
		//display: inline-block;
		border: 1px solid #CCCCCC;
		list-style-type: none;
		//font-weight: bold;
		//vertical-align: middle;
		width: 144px;
		height: 144px;
		//float: left;
	}
	#shop ol li:hover {
		border: 1px solid #FF99FF;
	}

	#cast table {
		background-color: #FF9999;
		border-spacing: 1px;
	}
	#cast table tr {
		background-color: #FFFFFF;
	}
	#cast table tr th {
		background-color: #FFE6E6;
		text-align: center;
	}
	#cast table tr td {
		padding-top: 4px;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 4px;
		font-size: 100%;
	}
	#pc .address dt {
		color: #FF99FF;
		margin: 5px;
		display: table-cell;
		width: 80px;
	}
	#pc .address dd {
		margin: 5px;
		display: table-row;
	}
	#hotels {
	}
	#hotels ol {
		margin: 5px;
		padding: 0px;
	}
	#hotels ol li {
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		padding: 0px;
		display: block;
		border-bottom: thin solid #CCCCCC;
		list-style-type: none;
	}

	#rooms {
	}
	#rooms ol {
		margin: 5px;
		padding: 0px;
	}
	#rooms ol li {
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		padding: 0px;
		display: block;
		border: thin solid #CCCCCC;
	}
	#rooms ol li span {
		margin: 0px;
		padding: 5px;
	}
	#rooms ol li h3 {
		margin: 0px;
		padding: 5px;
		background-color: #FAFAFA;
	}
	#rooms ol li img {
		margin: 5px;
		padding: 0px;
	}
	#rooms ol li p {
		margin: 0px;
		padding: 5px;
	}
	#cast {
		width: 600px;
		display: block;
	}
	#cast ol {
		width: 600px;
		margin: 5px;
		padding: 0px;
		display: flex;
		flex-wrap: wrap;
	}
	#cast ol li {
		margin: 0px;
		padding: 0px;
		//display: inline-block;
		border: 1px solid #CCCCCC;
		list-style-type: none;
		//font-weight: bold;
		//vertical-align: middle;
		width: 144px;
		height: 144px;
		//float: left;
	}
	#cast ol li:hover {
		border: 1px solid #FF99FF;
	}

	#image {
		width: 600px;
		display: block;
	}
	#image ol {
		width: 600px;
		margin: 5px;
		padding: 0px;
		display: flex;
		flex-wrap: wrap;
	}
	#image ol li {
		margin: 0px;
		padding: 0px;
		//display: inline-block;
		border: 1px solid #CCCCCC;
		list-style-type: none;
		//font-weight: bold;
		//vertical-align: middle;
		width: 144px;
		height: 144px;
		//float: left;
	}
	#image ol li:hover {
		border: 1px solid #FF99FF;
	}
	#photo {
		margin-top: -36px;
		padding-top: 18px;
	}
	#photo ol {
		margin: 5px;
		padding: 0px;
		display: block;
	}
	#photo ol li {
		margin-top: 1px;
		margin-left: 1px;
		margin-right: 1px;
		margin-bottom: 10px;
		padding: 1px;
		display: table;
		border-bottom: thin solid #CCCCCC;
		list-style-type: none;
		font-weight: bold;
		vertical-align: middle;
		height: 72px;
	}
	#photo ol .select {
		display: block;
		border-left: medium solid #CC66CC;
	}

	#photo ol li h3 {
		font-size: medium;
		padding: 0px;
		margin: 0px;
	}
	#photos ol li img {
	}
	#photos table {
		background-color: #FAFAFA;
		border-spacing: 1px;
	}
	#photos table tr {
		background-color: #FFFFFF;
	}
	#photos table td img {
	}
	#photos table .select img {
		opacity: 0.2;
		filter:alpha(opacity=20);
		-moz-opacity: 0.2;
	}
	.selects {
		border: 10px solid #CCCCCC;
	}
	.status b {
		margin: 2px;
	}
	.pager {
		
	}
	.pager a {
		border: 1px solid #CCCCCC;
		margin: 2px;
		padding: 0px 4px;
		display: inline-block;
	}
	.pager b {
		border: 1px solid #CCCCCC;
		margin: 2px;
		padding: 0px 4px;
		display: inline-block;
	}
}
/* For Desktop */

/* For Smartphone */
@media screen and (max-width: 800px) {
	#select {
		margin: 5px;
	}
	#select h1 {
		font-size: large;
	}
	#select img {
		width: 100%;
	}
	#shop {
		display: block;
	}
	#shop ol {
		margin: 5px;
		padding: 0px;
		display: flex;
		flex-wrap: wrap;
		list-style-type: none;
	}
	#shop ol li {
		margin: 0px;
		padding: 0px;
		//display: inline-block;
		//border: 1px solid #CCCCCC;
		//list-style-type: none;
		//font-weight: bold;
		//vertical-align: middle;
		width: 20%;
		//height: 144px;
		//float: left;
	}
	#shop ol li:hover {
		//border: 1px solid #FF99FF;
	}
	#shop ol li img {
		width: 100%;
		height: 100%;
	}
	#cast {
		display: block;
	}
	#cast ol {
		margin: 5px;
		padding: 0px;
		display: flex;
		flex-wrap: wrap;
		list-style-type: none;
	}
	#cast ol li {
		margin: 0px;
		padding: 0px;
		//display: inline-block;
		//border: 1px solid #CCCCCC;
		//font-weight: bold;
		//vertical-align: middle;
		width: 20%;
		//height: 144px;
		//float: left;
	}
	#cast ol li:hover {
		//border: 1px solid #FF99FF;
	}
	#cast ol li img {
		width: 100%;
		height: 100%;
	}
	
	#latest {
		clear: both;
		display: block;
		float: none;
		width: 100%;
	}
	#room h2 {
		background-color: #9900FF;
		padding: 5px;
		color: #FFFFFF;
	}
	#room ul {
		margin: 0px;
		padding: 0px;
	}
	#room ul li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#room ul li img {
		width: 100%;
	}
	#photo h2 {
		background-color: #9900FF;
		padding: 5px;
		color: #FFFFFF;
	}
	#photo ul {
		margin: 0px;
		padding: 0px;
	}
	#photo ul li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#photo ul li img {
		width: 100%;
	}
}