/* ================================================================ *
	NexasDesign 2009/2
	ナビゲーションCSS
	
 * ================================================================ */



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


#navi-area {
	clear : both;
	_zoom : 1;
	overflow:hidden;
	background: url(../img/parts/navi_bg.jpg) repeat-x 0 0 #EFF0EE;
}
.rp-navi {
	border-bottom: 1px solid #E2E2DE;
}
#navi-area .wrap {
	_zoom : 1;
	overflow:hidden;
	background: url(../img/navi/navi_shadow.jpg) no-repeat center 50px;
}
#main-navi li{
	display : inline;
	text-indent : -5000px;
}
#main-navi a {
	display : block;
	float : left;
	width : 190px;
	height : 50px;
	overflow : hidden;
}
#main-navi a:hover {
	background-position : 0 -50px;
}

#navi01 a {
	background : url(../img/navi/navi01.jpg);
}
#navi02 a {
	background : url(../img/navi/navi02.jpg);
}
#navi03 a {
	background : url(../img/navi/navi03.jpg);
}
#navi04 a {
	background : url(../img/navi/navi04.jpg);
}
#navi05 a {
	background : url(../img/navi/navi05.jpg);
}

/* -----------------------------------------------------------------------------
>> パンくずリスト
----------------------------------------------------------------------------- */
#topic-path {
	clear : both;
	padding : 0 0 0 0;
/*	background:#EFF0EE;*/
}
#topic-path ul {
	text-align : left;
}
#topic-path li {
	display: inline;
	font-size : 13px;
}
#topic-path a {
	display:inline-block;
	padding : 4px 20px 5px 0;
	color : #008237;
	text-decoration: none;
	background:url(../img/parts/path_line.gif) no-repeat right center;
}
#topic-path  #home-icon {
	padding : 0 0 0 20px;
	background:url(../img/icon/home_icon.gif) no-repeat 0 center;
}



/* -----------------------------------------------------------------------------
>> ヘッダーサブナビ
----------------------------------------------------------------------------- */
#sub-navi {
	float : right;
	margin : 14px 20px 0 0;
}
#sub-navi li {
	display : inline;
}
#sub-navi a {
	display : block;
	float : left;
	height : 13px;
	margin : 0 0 0 20px;
	overflow : hidden;
	text-indent : -5000px;
}
#sub-navi a:hover {
	background-position : 0 -14px;
}

#sub-navi01 a{
	width:105px;
	background : url(../img/navi/sub_navi01.gif);
}
#sub-navi02 a{
	width:77px;
	background : url(../img/navi/sub_navi02.gif);
}
#sub-navi03 a{
	width:143px;
	background : url(../img/navi/sub_navi03.gif);
}
#sub-navi04 a{
	width:91px;
	background : url(../img/navi/sub_navi04.gif);
}


/* -----------------------------------------------------------------------------
>> フッターナビ
----------------------------------------------------------------------------- */

#footer-navi {
	height: 48px;
	background : url(../img/parts/footer_navi_bg.jpg) no-repeat;
}
#footer-navi ul {
	padding : 10px 0 0 2px;
}
#footer-navi li {
	float : left;
	padding : 0 7px 4px;
	background : url(../img/parts/fnavi_border.gif) no-repeat right center;
/*	display : inline;*/
}
#footer-navi li.border-none {
	background : none;
}

#footer-navi a {
	color : #ffffff;
	font-size : 12px;
	text-decoration : none;
}
#footer-navi a:hover {
	color : #ffcc00;
}

/* -----------------------------------------------------------------------------
>> アローリンク設定
----------------------------------------------------------------------------- */
.arrow-box:after,
.arrow-box ul:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}

/*--------------------------------------------------------------------- 一覧用 */
.arrow-box {
	clear : both;
	_zoom : 1;
	overflow:hidden;
	width : 100%;
	margin : 0 auto 0;
	font-size : 12px;
	text-align:center;
/*	border-bottom : 1px dotted #BBCCB9;*/
}

.arrow-box ul {
	padding : 6px 0;
	width : 100%;
}
.arrow-box li {
	margin : 0 0 0 10px;
	display:inline;
	color : #806B23;
	font-size : 12px;
}
.arrow-box .text-left {
	float : left;
	padding : 0.5em 0 0;
	font-size : 14px;
	vertical-align:middle;
}
.arrow-box .text-left em {
	font-style: normal;
	font-size : 20px;
	color : #F60;
}
.arrow-box a {
	display:inline-block;
	padding : 2px 6px;
	color :#806B23;
	text-decoration: none;
	border: 1px solid #469A01;
}
.arrow-box a:hover {
	color : #fff;
	background : #84CD47;
}
.arrow-box li.now a{
	color : #fff;
	background : #00893A;
}
.arrow-box li.now a:hover {
	background : #84CD47;
}


/* -----------------------------------------------------------------------------
>> ページ内ナビゲーション
----------------------------------------------------------------------------- */
.page-navi {
	margin : 0 0 30px;
	border : 1px solid #DFDFD5;
	background: #fff;
}
.page-navi dd {
	border-bottom : 1px solid #DFDFD5;
}
.page-navi a {
	display:block;
	padding : 6px 0 8px 30px;
	background:url(../img/parts/page_navi_bg.jpg) no-repeat 0 0 #EFEFEF;
}


/* -----------------------------------------------------------------------------
>> ボタン設定
----------------------------------------------------------------------------- */

p.goto-top {
	clear:both;
/*	display : inline;*/
	text-indent : -5000px;
}
.goto-top a {
	display : block;
	float : right;
	width : 120px;
	height : 30px;
	overflow : hidden;
	background : url(../img/btn/goto_top.jpg) no-repeat;
}
.goto-top a:hover {
	background-position : 0 -30px;
}

/* 一覧ボタン */
.left-area .more-btn {
	position:absolute;
	top : 2px;
	left : 260px;
}
.more-btn a {
	width:65px;
	height:40px;
	overflow:hidden;
	text-indent : -5000px;
}

/* 申込ボタン */
#req-btn {
	width: 100%;
	text-align: center;
	border : 1px solid #C9CFC5;
	background: url(../img/parts/btn_bg.gif) 0 0;
}
#req-btn a {
	display:block;
	margin : 0 auto;
	width : 452px;
	height: 64px;
	background:url(../img/btn/req_btn.jpg) no-repeat;
}


.btn {
/*	display : inline;*/
	text-indent : -5000px;
	padding : 10px 0 10px;
}
.btn a {
	display : block;
	height : 25px;
	overflow : hidden;
}

#btn01 a {
	width : 253px;
	background : url(../img/btn/btn01.jpg) no-repeat;
}
#btn02 a {
	width : 226px;
	background : url(../img/btn/btn02.jpg) no-repeat;
}
#btn03 a {
	width : 159px;
	background : url(../img/btn/btn03.jpg) no-repeat;
}
#btn01 a:hover,
#btn02 a:hover,
#btn03 a:hover {
	background-position: 0 -25px;
}

.form-btn2 {
	font-size : 16px;
	position : relative;
	left : 23.5em;
	z-index : 20;
	margin : -45px 0 0;
}
.form-btn2 a{
	width : 167px;
	height : 32px;
	background : url(../img/btn/inq_btn.jpg);
}
.form-btn2 a:hover {
	background-position : 0 -32px;
}