@charset "shift_jis";

/* ================================================

 File name:      navi.css
 Author:         Your Name
 Style info:     ナビゲーション
 
 ================================================*/ 


/*----------------------------------------------------
	gNav　グローバルナビ
----------------------------------------------------*/

#gNav {
	background-image: url(../img/gnavi_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 73px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	list-style-type: none;

}

#gNav ul {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}

#gNav ul li {
	float: left;
	height: 73px;
	width:167px;
	display: block;
	overflow:hidden;
}

#gNav ul li a{
	float: left;
	height: 73px;
	width:167px;
	display: block;
	text-decoration: none;
}

#gNav span {
	display: none;
}

#home {
	background-image: url(../img/gnavi_home.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-right: 24px;
}
	
#home a:hover {background: url(../img/gnavi_home_o.jpg);}
#home_o {
	background-image: url(../img/gnavi_home_o.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-right: 24px;
}

#function {
	background-image: url(../img/gnavi_function.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-right: 24px;
}
	
#function a:hover {background: url(../img/gnavi_function_o.jpg);}
#function_o {
	background-image: url(../img/gnavi_function_o.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-right: 24px;
}
	
	
#list {
	background-image: url(../img/gnavi_list.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-right: 24px;
}
	
#list a:hover {background: url(../img/gnavi_list_o.jpg);}
#list_o {
	background-image: url(../img/gnavi_list_o.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-right: 24px;
}

#case {
	background-image: url(../img/gnavi_case.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-right: 23px;
}
	
#case a:hover {background: url(../img/gnavi_case_o.jpg);}
#case_o {
	background-image: url(../img/gnavi_case_o.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-right: 23px;
}

#faq {
	background-image: url(../img/gnavi_faq.jpg);
	background-repeat: no-repeat;
	display: block;
}
	
#faq a:hover {background: url(../img/gnavi_faq_o.jpg);}
#faq_o {
	background-image: url(../img/gnavi_faq_o.jpg);
	background-repeat: no-repeat;
	display: block;
}



/*----------------------------------------------------
	sNav　サイドメニュー
----------------------------------------------------*/
#sNav {
	float: left;
	width: 234px;
	list-style-type: none;

}


/*----------------------------------------------------
	entrance　ログイン関連
----------------------------------------------------*/
#entrance {
	background-image: url(../img/entrance_bg.jpg);
	background-repeat: no-repeat;
	height: 381px;
	padding-top: 16px;
	overflow:hidden;
	text-align: left;
	padding-left: 15px;
	list-style-type: none;
}

.topEntrance {
	background-image: url(../img/top_entrance_bg.jpg)!important;

}


#entry img{
	margin-bottom: 18px;
}

#login {
	text-align: left;
}
#loginTable {
	display: block;
	width: 180px;
	margin: 0px;
	padding: 0px;

}
#loginTable table{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	margin-bottom: 16px;
}
#loginTable table img{
	padding-top: 1px;
	padding-bottom: 1px;
}

 
 
/* ================================================

機能一覧
 
 ================================================*/ 
.function {
	background-image: url(../img/function_bg.jpg);
	background-repeat: repeat-y;
	margin-bottom: 20px;
	list-style-type: none;



}
.function_tit {
	background-image: url(../img/function_tit_bg.jpg);
	background-repeat: no-repeat;
	height: 60px;
	display: block;
	text-align: left;

}
.function_tit img{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 180px;
	margin-top: 16px;
	margin-left: 15px;

}

.function li {
	color: #666666;

}

.function li a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-left: 15px;
	text-align: left;
	color: #666666;
	display: block;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-right: 39px;
	height: 28px;
	padding-top: 14px;
}

.function li a:visited {
	color: #666666;
}

.function li a:hover {
	background-color: #FFFFFF;
	display: block;
	color: #333333;
}

.function li a:active {
	color: #333333;
}


.fin{
	padding-top: 3px;
	background-position: center bottom;
	background-repeat: no-repeat;
	display: block;
	height: 27px;
}

/*----------------------------------------------------
	banner　関連サービス
----------------------------------------------------*/

#banner {
	background-image: url(../img/fs_service.gif);
	background-repeat: no-repeat;
	text-align: left;
	margin-left: 15px;
	padding-top: 40px;
	margin-top: 0px;
	list-style-type: none;

}

#banner li{
	margin-bottom: 10px;
}

/*----------------------------------------------------
	サンプルフォームボタン
----------------------------------------------------*/

#sample {
	text-align: left;
	margin-left: 15px;
	margin-top: 0px;
	list-style-type: none;

}

#sample li{
	margin-bottom: 10px;
}


/*----------------------------------------------------
	ブックマーク
----------------------------------------------------*/

#bookMark{
	margin-bottom:10px;
	text-align: right;
}