/* ナビ[header]
-------------------------------------------- */

.headerNavi {
	margin-bottom: 15px;
	border: 1px solid #e6e6e6;
	padding: 1px;
}

.headerNavi ul {
	margin: 0;
	padding: 5px;
	background: #f1608d;
}

.headerNavi ul li {
	float: left;
	margin: 5px 0;
	padding: 5px 20px;
	background: none;
	border-right: 1px solid #fdadc6;
}

.headerNavi ul li a {
	text-decoration: none;
	color: #fff;
	white-space: nowrap;
}

.headerNavi ul li a:hover {
	color: #ff9900;
}

/* メインナビ
-------------------------------------------- */

.mainNavi {
	margin-bottom: 15px;
	padding: 5px;
	background: url(../images/side/mainnavi.jpg) repeat 0 0;
}

.mainNavi ul {
	margin: 0;
	padding: 3px;
	background: #fff;
}

.mainNavi ul li {
	padding: 0;
	background: url(../images/side/mainnavi_li.jpg) repeat-x left bottom;
}

.mainNavi ul li a {
	display: block;
	width: 159px !important;
	width /**/: 189px;
	padding: 8px 10px 12px 20px;
	background: url(../images/common/arrow.gif) no-repeat 8px 16px;
	color: #333;
	text-decoration: none;
}

.mainNavi ul li a:hover {
	color: #ff9900;
}


/* 第2階層[side][right]
-------------------------------------------- */

.mainNavi ul li ul {
	margin: 0;
	padding: 0 0 10px;
	background: none;
}

.mainNavi ul li ul li {
	padding: 0;
	background: none;
}

.mainNavi ul li ul li a {
	display: block;
	width: 139px !important;
	width /**/: 189px;
	padding: 0 10px 5px 40px;
	background: url(../images/common/arrow.gif) no-repeat 28px 8px;
}


/* 第3階層[side][right]
-------------------------------------------- */

.mainNavi ul li ul li ul {
	margin: 0;
	padding: 0;
	background: none;
}

.mainNavi ul li ul li ul li {
	padding: 0;
	background: none;
}

.mainNavi ul li ul li ul li a {
	display: block;
	width: 119px !important;
	width /**/: 189px;
	padding: 0 10px 5px 60px;
	background: url(../images/common/arrow.gif) no-repeat 48px 8px;
}


/* ナビ[upper][bottom]
-------------------------------------------- */

.upperNavi,
.bottomNavi {
	margin-bottom: 15px;
	padding: 10px 0 5px 15px;
	border: 1px solid #e6e6e6;
}

.upperNavi ul,
.bottomNavi ul {
	margin: 0;
}

.upperNavi ul li,
.bottomNavi ul li {
	float: left;
	margin: 5px 15px 5px 0;
}

.upperNavi ul li a,
.bottomNavi ul li a {
	text-decoration: none;
	white-space: nowrap;
}


/* ナビ[opt1]
-------------------------------------------- */

.opt1Navi {
	margin-bottom: 15px;
}

.opt1Navi ul {
	margin: 0;
}

.opt1Navi ul li {
	padding: 0;
	background: url(../images/common/line_bot.gif) repeat-x left bottom;
}

.opt1Navi ul li a {
	display: block;
	width: 370px !important;
	width /**/: 390px;
	padding: 8px 0 12px 20px;
	background: url(../images/common/arrow02.jpg) no-repeat 0 10px;
	color: #333;
	text-decoration: none;
}

.opt1Navi ul li a:hover {
	color: #ff9900;
}


/* 第2階層[opt1]
-------------------------------------------- */

.opt1Navi ul li ul {
	padding-bottom: 5px;
}

.opt1Navi ul li ul li {
	padding: 0;
	background: none;
}

.opt1Navi ul li ul li a {
	display: block;
	width: 350px !important;
	width /**/: 390px;
	padding: 0 0 5px 40px;
	background: url(../images/common/arrow02.jpg) no-repeat 20px 2px;
}


/* 第3階層[opt1]
-------------------------------------------- */

.opt1Navi ul li ul li ul {
	padding-bottom: 5px;
}

.opt1Navi ul li ul li ul li {
	padding: 0;
	background: none;
}

.opt1Navi ul li ul li ul li a {
	display: block;
	width: 330px !important;
	width /**/: 390px;
	padding: 0 0 5px 60px;
	background: url(../images/common/arrow02.jpg) no-repeat 40px 2px;
}


/* ナビ[opt2]
-------------------------------------------- */

.opt2Navi {
	margin-bottom: 15px;
}

.opt2Navi ul {
	margin: 0;
}

.opt2Navi ul li {
	padding: 0;
	background: url(../images/common/line_bot.gif) repeat-x left bottom;
}

.opt2Navi ul li a {
	display: block;
	width: 225px !important;
	width /**/: 245px;
	padding: 8px 0 12px 20px;
	background: url(../images/common/arrow02.jpg) no-repeat 0 10px;
	color: #333;
	text-decoration: none;
}

.opt2Navi ul li a:hover {
	color: #ff9900;
}


/* 第2階層[opt2]
-------------------------------------------- */

.opt2Navi ul li ul {
	padding-bottom: 5px;
}

.opt2Navi ul li ul li {
	padding: 0;
	background: none;
}

.opt2Navi ul li ul li a {
	display: block;
	width:205px !important;
	width /**/: 245px;
	padding: 0 0 5px 40px;
	background: url(../images/common/arrow02.jpg) no-repeat 20px 2px;
}


/* 第3階層[opt2]
-------------------------------------------- */

.opt2Navi ul li ul li ul {
	padding-bottom: 5px;
}

.opt2Navi ul li ul li ul li {
	padding: 0;
	background: none;
}

.opt2Navi ul li ul li ul li a {
	display: block;
	width: 185px !important;
	width /**/: 245px;
	padding: 0 0 5px 60px;
	background: url(../images/common/arrow02.jpg) no-repeat 40px 2px;
}


/* ナビ[footer]
-------------------------------------------- */

.footerNavi {
	font-size: 77%;
}

.footerNavi ul {
	margin: 0 0 15px;
}

.footerNavi ul li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	background: none;
	border-right: 1px solid #ccc;
	line-height: 1;
}

.footerNavi ul li a {
	white-space: nowrap;
}