@charset "utf-8";



/*	Shared base style
-------------------------------*/

div#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	_text-align: center;	/* IE6 hack */
    /*
	font-size: 90%;
    */
}



#header,
#nav,
#search,
#visual,
#footmenu,
#footer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	_text-align: center;	/* IE6 hack */
}
	#header {
		background-image: url('../images/shared_header_back.png');
		background-attachment: scroll;
		background-position: left top;
		background-repeat: repeat-x;
	}
	#nav {
	}
	#search {
		background-image: url('../images/shared_search_back.png');
		background-attachment: scroll;
		background-position: left top;
		background-repeat: repeat;
	}
/*
	#visual {
		display: none;
	}
		#index #visual {
			display: none;
		}
		#shizuoka #visual.visualShizuoka {
			display: block;
		}
		#parche #visual.visualParche {
			display: block;
		}
		#hamamatsu #visual.visualHamamatsu {
			display: block;
		}
		#entetsu #visual.visualEntetsu {
			display: block;
		}
		#numazu #visual.visualNumazu {
			display: block;
		}
		#fujieda #visual.visualFujieda {
			display: block;
		}
*/
	#footmenu {
	}
	#footer {
	}
@media screen and (min-width: 931px){	/* for PC */
	#header,
	#nav,
	#search,
	#visual,
	#footer {
	}
		#header {
		}
		#nav {
			border-bottom: 3px solid;
		}
			#index #nav,
			#page #nav {
				border-color: #114499;
			}
			#shizuoka #nav {
				border-color: #AACC77;
			}
			#parche #nav {
				border-color: #FFBE68;
			}
			#hamamatsu #nav {
				border-color: #FF6633;
			}
			#entetsu #nav {
				border-color: #3399CC;
			}
			#numazu #nav {
				border-color: #FE99BB;
			}
			#fujieda #nav {
				border-color: #CC99CC;
			}
		#search {
		}
		#visual {
			background-attachment: scroll;
			background-position: center top;
			background-repeat: repeat-x;
		}
			#shizuoka #visual {
				background-image: url('../images/shared_visual_back_shizuoka.jpg')
			}
			#parche #visual {
				background-image: url('../images/shared_visual_back_parche.jpg')
			}
			#hamamatsu #visual {
				background-image: url('../images/shared_visual_back_hamamatsu.jpg')
			}
			#entetsu #visual {
				background-image: url('../images/shared_visual_back_entetsu.jpg')
			}
			#numazu #visual {
				background-image: url('../images/shared_visual_back_numazu.jpg')
			}
			#fujieda #visual {
				background-image: url('../images/shared_visual_back_fujieda.jpg')
			}
		#footmenu {
			margin-top: 10px;
			background: #114499;
		}
			#index #footmenu {
				margin-top: 30px;
			}
		#footer {
		}
}
@media screen and (max-width: 930px){	/* for SP */
	#header,
	#nav,
	#search,
	#visual,
	#footer {
	}
		#header {
		}
		#nav {
			border-bottom: 1px solid #CCCCCC;
		}
		#search {
			border: none;
		}
		#visual {
			background: none;
		}
			#shizuoka #visual {
				background: #B2D184;
			}
			#parche #visual {
				background: #FFC477;
			}
			#hamamatsu #visual {
				background: #FF6633;
			}
			#entetsu #visual {
				background: #47A3D1;
			}
			#numazu #visual {
				background: #FEA3C2;
			}
			#fujieda #visual {
				background: #D1A3D1;
			}
		#footmenu {
		}
		#footer {
		}
}



.holder,
.breadcrumbs {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	_text-align: center;	/* IE6 hack */
}
	#index .breadcrumbs {
		display: none;
	}
@media screen and (min-width: 769px){	/* for PC */
	.holder {
		margin-top: 20px;
	}
	.breadcrumbs {
		margin-top: 5px;
	}
		.breadcrumbsFoot {
			margin-top: 30px;
		}
}
@media screen and (max-width: 768px){	/* for SP */
	.holder {
		margin-top: 16px;
	}
    .breadcrumbs {
        display: none;
    }
	/*.breadcrumbs {
		margin-top: 8px;
	}
		.breadcrumbsFoot {
			margin-top: 10px;
		}*/

}



#headerField,
#navField,
#searchField,
#visualField,
#footMenuField,
#footerField {
	margin: 0 auto;
	padding: 0;
}
	#headerField {
		position: relative;
	}
	#navField {
		overflow: hidden;
	}
	#searchField {
	}
	#visualField {
	}
	#footmenuField {
	}
	#footerField {
	}
@media screen and (min-width: 1001px){	/* for PC */
	#headerField,
	#navField,
	#searchField,
	#visualField,
	#footerField {
		width: 1000px;
	}
		#headerField {
			height: 100px;
		}
		#navField {
		}
		#searchField {
		}
		#visualField {
			height: 140px;
		}
		#footmenuField {
		}
		#footerField {
		}
}
@media screen and (max-width: 1000px){	/* for SP */
	#headerField,
	#navField,
	#searchField,
	#visualField,
	#footerField {
		width: 100%;
	}
		#headerField {
			height: auto;
		}
		#navField {
		}
		#searchField {
		}
		#visualField {
			height: auto;
		}
		#footmenuField {
		}
		#footerField {
		}
}
@media screen and (max-width: 768px){	/* for SP */
	#headerField,
	#navField,
	#searchField,
	#visualField,
	#footerField {
		width: 100%;
	}
		#headerField {
			height: auto;
		}
		#navField {
		}
		#searchField {
		}
		#visualField {
			height: auto;
		}
		#footmenuField {
		}
		#footerField {
		}
}



.holderField,
.breadcrumbsField {
	margin: 0 auto;
	padding: 0;
}
@media screen and (min-width: 1001px){	/* for PC */
	.holderField {
		width: 1000px;
	}
	.breadcrumbsField {
		width: 1000px;
	}
}
@media screen and (max-width: 1000px){	/* for SP */
	.holderField {
		width: 100%;
	}
	.breadcrumbsField {
		width: 100%;
	}
}
@media screen and (max-width: 768px){	/* for SP */
	.breadcrumbsField {
		/*width: 97%;*/
        margin: 0 4px;
	}
}



.holderColumn {
	margin: 0 auto;
	padding: 0;
}
.holderColumn .holderColumnMain,
.holderColumn .holderColumnMenu {
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 1001px){	/* for PC */
	.holderColumn {
		width: 1000px;
		overflow: hidden;
	}
	.holderColumn .holderColumnMain {
		width: 730px;
		float: left;
	}
	.holderColumn .holderColumnMenu {
		margin-top: 0;
		width: 250px;
		float: right;
	}
}
@media screen and (max-width: 1000px){	/* for SP */
	.holderColumn {
		width: 100%;
		overflow: hidden;
	}
	.holderColumn .holderColumnMain {
		width: 730px;
        margin: auto;
		float: none;
	}
	.holderColumn .holderColumnMenu {
		margin-top: 48px;
		width: 100%;
		float: none;
	}
}
@media screen and (max-width: 768px){	/* for SP */
	.holderColumn {
		width: 100%;
	}
	.holderColumn .holderColumnMain {
		width: 100%;
	}
}



.modal {
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}
@media screen and (min-width: 769px){	/* for PC */
	.modal {
		width: 800px;
	}
}
@media screen and (max-width: 768px){	/* for SP */
	.modal {
		width: 100%;
	}
}