@charset "utf-8";
/******ヘッダー*************************************************************/
/*------ヘッダー大箱------------------------------------------*/
.object1{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: +1;
	background-color: #FFFFFF;
}
/*------ヘッダーメニュー------------------------------------------*/
.mainMenu{
	margin:0 auto;
	width: 960px;
}
.mainMenu:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
* html .mainMenu {
	height: 1%;
}
/*------メニュー基本定義------*/
.mainMenu li{
	width: 16%;
	float: left;
	position: relative;
}
.mainMenu li a {
	color: #222222;
}
/*------メニューの大きさを調整------*/
.mainMenu li.wide{
	width: 12%;               /*------ここを調整------*/
}
.mainMenu li.mini{
	width: 10%;               /*------ここを調整------*/
}
/*------メニューのボタン------*/
.mainMenu a , .mainMenu p{
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 20px 0;
	font-size: 1.6em;
	border-right: 1px solid #DDDDDD;
	cursor: pointer;
}
/*------メニューのボタンの初めにだけボーダー------*/
.mainMenu li:first-child p , .mainMenu li:first-child a{
	border-left: 1px solid #DDDDDD;
}
.mainMenu li:hover a , .mainMenu li p:hover {
	background-color: #30937e;
	color: #FFFFFF;
}
.mainMenu a:active{
	color:#C7D7EA;
}
/*------メニュー内メニュー------*/
.classPopupMenu {
	position:absolute;
	top: 100%;
	left: 0;
	line-height:110%;
	z-index:+5;
	display:none;
	width: 400px;
}
.mainMenu li .classPopupMenu a{
	display: block;
	margin: 0px;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	background-color: #30937e;
	color: #FFFFFF;
	border-top: 1px dotted #ffffff;
	border-right: 0;
}
.mainMenu li:first-child .classPopupMenu a{
	border-left: 0;
}
.mainMenu li .classPopupMenu a:hover{
	background: #ed823a;
}
/*------パンくずリスト------*/
.path{
	width:98%;
	background-color: #3fbda2;
	color:#FFFFFF;
	padding: 5px 1%;
	font-size: 1.2em;
}