@charset "shift_jis"; 

/*
===== CONTENTS =====
	last-updated: 20 JAN 2006;

	1: SubNavi in header
	2: Global Navi
	     + Global Gategory Navi
	3: Mechanism Navi
	4: UserIndex Navi
	5: Contents Block Design
	6: Table Design
	     + Finace Area Only Tools
	7: Category & smallCategory Layout

====================
*/
/* 1: SubNavi in header */
#header ul#subNav {
	margin: 0px;
	padding: 0px;
}
#header #subNav ul,
#header #subNav li {
	list-style: none;
}


#header #searchform #searchkey {
	float: left;
	margin-right: 3px;
}
#header ul#subNav li {
	position: absolute;
	top: 50px;
	left: 685px;
	height: 18px;
	font-size: 13px;
}
#header ul#subNav li#detial {
	top: 20px;
	left: 672px;
	width: 80px;
}
#header ul#subNav li#sitemap {
	left: 490px;
	width: 100px;
	background-image: url(../images/arrow_sitemap.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 0px 2px;
}
#header ul#subNav li#mail {
	width: 133px;
	left: 610px;
	background-image: url(../images/arrow_mail.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 18px;
}
#header ul#subNav li#english {
	width: 65px;
	left: 687px;
	top: 67px;
}



/* 2: Global Navi */
#g_Nav {
	background-image: url(../images/nav_global.gif);
	background-repeat: no-repeat;
	height: 75px;
	width: 760px;
	position: relative;
}
#g_Nav ul,#g_Nav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#g_Nav li {
	position: absolute;
	top: 3px;
	height: 70px;
	width: 120px;
}
#g_Nav li#nav1 { left: 8px; }
#g_Nav li#nav2 { left: 133px; }
#g_Nav li#nav3 { left: 258px; }
#g_Nav li#nav4 { left: 383px; }
#g_Nav li#nav5 { left: 508px; }
#g_Nav li#nav6 { left: 633px; }

#g_Nav li a {
	background-image: url(../images/nav_global.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 120px;
	display: block;
}
#g_Nav li#nav1 a:link, #g_Nav li#nav1 a:visited{ background-position: -8px -3px; }
#g_Nav li#nav2 a:link, #g_Nav li#nav2 a:visited{ background-position: -133px -3px; }
#g_Nav li#nav3 a:link, #g_Nav li#nav3 a:visited{ background-position: -258px -3px; }
#g_Nav li#nav4 a:link, #g_Nav li#nav4 a:visited{ background-position: -383px -3px; }
#g_Nav li#nav5 a:link, #g_Nav li#nav5 a:visited{ background-position: -508px -3px; }
#g_Nav li#nav6 a:link, #g_Nav li#nav6 a:visited{ background-position: -633px -3px; }


#g_Nav li#nav1 a:hover, #g_Nav li#nav1 a:active{ background-position: -8px -153px; }
#g_Nav li#nav2 a:hover, #g_Nav li#nav2 a:active{ background-position: -133px -153px; }
#g_Nav li#nav3 a:hover, #g_Nav li#nav3 a:active{ background-position: -258px -153px; }
#g_Nav li#nav4 a:hover, #g_Nav li#nav4 a:active{ background-position: -383px -153px; }
#g_Nav li#nav5 a:hover, #g_Nav li#nav5 a:active{ background-position: -508px -153px; }
#g_Nav li#nav6 a:hover, #g_Nav li#nav6 a:active{ background-position: -633px -153px; }

/* Global Gategory Navi */
#finance #g_Nav li#nav1 a { background-position: -8px -78px; }
#life #g_Nav li#nav2 a { background-position: -133px -78px; }
#teach #g_Nav li#nav3 a,
#teach_quiz #g_Nav li#nav3 a { background-position: -258px -78px; }
#tool #g_Nav li#nav4 a { background-position: -383px -78px; }
#event #g_Nav li#nav5 a { background-position: -508px -78px; }
#about #g_Nav li#nav6 a { background-position: -633px -78px; }


/* 3: Mechanism Navi */
#col_L li {
	list-style: none;
}
#col_L p {
	margin: 0px;
	padding: 0px;
}
#col_L #navMechanism{
	width: 179px;
}

#col_L #navMechanism ul li {
/* changed by egawa */
/*	font-size: 100%; */
	font-size: 95%;
}
#col_L #navMechanism ul li a {
	background-image: url(../images/col_left/bg_stilenavi.gif);
	background-repeat: no-repeat;
	display: block;
	width: 153px;
	padding: 8px 7px 4px 20px;
}
#col_L #navMechanism ul li ul li {
	width: 150px;
/* changed by egawa */
/*	font-size: 95%; */
	font-size: 80%;
}

#col_L #navMechanism ul li ul li a {
	background-image: url(../images/col_left/bg_stilenavi2.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 28px;
	padding: 7px 7px 6px 30px;
}
/* 20070313 */
#col_L #navMechanism ul li ul li ul li{
	width: 147px;
/* changed by egawa */
/*	font-size: 95%; */
	font-size: 100%;
}

#col_L #navMechanism ul li ul li ul li a {
	background-image: url(../images/col_left/bg_stilenavi3.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 28px;
	padding: 7px 7px 6px 40px;
}


/* 4: UserIndex Navi */
#col_L #navUserIndex{
	height: 185px;
	width: 179px;
	position: relative;
	margin-bottom: 20px;
	margin-top: 20px;
}
#col_L #navUserIndex ul {
	height: 150px;
	width: 179px;
}
#col_L #navUserIndex li {
	height: 30px;
	width: 179px;
	position: absolute;
	left: 0px;
}
#col_L #navUserIndex li#nav7 { top: 30px; }
#col_L #navUserIndex li#nav8 { top: 60px; }
#col_L #navUserIndex li#nav9 { top: 90px; }
#col_L #navUserIndex li#nav10 { top: 120px; }
#col_L #navUserIndex li#nav11 { top: 150px; }


#col_L #navUserIndex ul li a {
	background-image: url(../images/col_left/bg_usernavi.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 179px;
}
#col_L #navUserIndex #nav7 a:link,#col_L #navUserIndex #nav7 a:visited { background-position: 0px 0px; }
#col_L #navUserIndex #nav8 a:link,#col_L #navUserIndex #nav8 a:visited { background-position: 0px -30px; }
#col_L #navUserIndex #nav9 a:link,#col_L #navUserIndex #nav9 a:visited { background-position: 0px -60px; }
#col_L #navUserIndex #nav10 a:link,#col_L #navUserIndex #nav10 a:visited { background-position: 0px -90px; }
#col_L #navUserIndex #nav11 a:link,#col_L #navUserIndex #nav11 a:visited { background-position: 0px -120px; }

#col_L #navUserIndex #nav7 a:hover,#col_L #navUserIndex #nav7 a:active { background-position: -179px 0px; }
#col_L #navUserIndex #nav8 a:hover,#col_L #navUserIndex #nav8 a:active { background-position: -179px -30px; }
#col_L #navUserIndex #nav9 a:hover,#col_L #navUserIndex #nav9 a:active { background-position: -179px -60px; }
#col_L #navUserIndex #nav10 a:hover,#col_L #navUserIndex #nav10 a:active { background-position: -179px -90px; }
#col_L #navUserIndex #nav11 a:hover,#col_L #navUserIndex #nav11 a:active { background-position: -179px -120px; }

/* 8: UserIndex Navi2 20131126 */
#col_L #navUserIndex2{
	height: 90px;
	width: 179px;
	position: relative;
	margin-bottom: 20px;
	margin-top: 0px;
}
#col_L #navUserIndex2 ul {
	height: 90px;
	width: 179px;
}
#col_L #navUserIndex2 li {
	height: 30px;
	width: 179px;
	position: absolute;
	left: 0px;
}
#col_L #navUserIndex2 li#nav12 { top: 0px; }
#col_L #navUserIndex2 li#nav13 { top: 30px; }
#col_L #navUserIndex2 li#nav14 { top: 60px; }
#col_L #navUserIndex2 li#nav15 { top: 90px; }

#col_L #navUserIndex2 ul li a {
	background-image: url(../images/col_left/bg_usernavi2.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 179px;
}
#col_L #navUserIndex2 #nav12 a:link,
#col_L #navUserIndex2 #nav12 a:visited { background-position: 0px 0px; }
#col_L #navUserIndex2 #nav13 a:link,
#col_L #navUserIndex2 #nav13 a:visited { background-position: 0px -30px; }
#col_L #navUserIndex2 #nav14 a:link,
#col_L #navUserIndex2 #nav14 a:visited { background-position: 0px -60px; }
#col_L #navUserIndex2 #nav15 a:link,
#col_L #navUserIndex2 #nav15 a:visited { background-position: 0px -90px; }

#col_L #navUserIndex2 #nav12 a:hover,
#col_L #navUserIndex2 #nav12 a:active { background-position: -179px 0px; }
#col_L #navUserIndex2 #nav13 a:hover,
#col_L #navUserIndex2 #nav13 a:active { background-position: -179px -30px; }
#col_L #navUserIndex2 #nav14 a:hover,
#col_L #navUserIndex2 #nav14 a:active { background-position: -179px -60px; }
#col_L #navUserIndex2 #nav15 a:hover,
#col_L #navUserIndex2 #nav15 a:active { background-position: -179px -90px; }

#bannerArea {
	position: relative;
	margin-top: 10px;
}