@charset "utf-8";

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

	Navigation CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Textdecorations
	
	2.Navi Section
		2-1.RSS
		2-2.Navi List
			2-2-1.dfn
			2-2-2.Time Line
		2-3.Join Twitter
	
	3.Navi Box 01
	
	4.Banner Section
	
	5.Local Menu
		5-1.Menu List
	
	6.form
		6-1.input
			6-1-1.Radio
			6-1-2.Submit
		6-2.Select

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

/* 1.Textdecorations
=========================================== */
#navigation h2 {
	margin: 0 0 10px;
}

#navigation p {
	font-size: 92.4%;
	line-height: 1.5;
}

#navigation li {
	font-size: 92.4%;
	line-height: 1.335;
}

#navigation a {
	color: #2461A4;
	text-decoration: none;
}

#navigation a:hover {
	text-decoration: underline;
}


/* 2.Navi Section
=========================================== */
#navigation .naviSection {
	margin: 0 0 10px;
	background-color: #FFFFFF;
}

#navigation .naviSection h2.secTitle {
	position: relative;
	margin: 0 0 -3px;
}

	/* 2-1.RSS
	---------------------------------------- */
	#navigation .naviSection p.rss {
		position: relative;
		top: -22px;
		margin: 0 0 -19px 233px;
		width: 19px;
	}
	
	#navigation .naviSection p.rss a {
		display: block;
		background: url(../../images/common/ico_rss_01_o.jpg) no-repeat;
	}
	
	#navigation .naviSection p.rss a:hover {
		background-color: #FFFFFF;
	}
	
	#navigation .naviSection p.rss a:hover img {
		visibility: hidden;
	}
	
	/* 2-2.Navi List
	---------------------------------------- */
	#navigation .naviSection ul.naviList {
	}
	
	#navigation .naviSection ul.naviList li {
		padding: 6px 10px 7px;
		zoom: 1;
	}
	
	#navigation .naviSection ul.naviList li.even {
		background: url(../../images/common/bg_dotted01_gray01.gif);
	}
	
		/* 2-2-1.dfn
		---------------------------------------- */
		#navigation .naviSection ul.naviList li dfn {
			display: block;
			margin: 0 0 2px;
			padding: 0 0 0 13px;
			background: url(../../images/common/ico_circle01_green01.gif) no-repeat 0 0.34em;
		}
		
		#navigation .naviSection ul.naviList.list01 li dfn {background-image: url(../../images/common/ico_circle01_green01.gif);}
		#navigation .naviSection ul.naviList.list02 li dfn {background-image: url(../../images/common/ico_circle01_orange01.gif);}
		
		/* 2-2-2.Time Line
		---------------------------------------- */
		#navigation .naviSection ul.naviList li p.timeLine {
			margin: 7px 0 0;
			font-size: 83.34%;
			line-height: 1.6;
		}
		
	/* 2-3.Join Twitter
	---------------------------------------- */
	#navigation .naviSection dl.joinTwitter {
		padding: 7px 10px 8px;
		background-color: #CDCDCD;
	}
	
	#navigation .naviSection dl.joinTwitter dd {
		position: relative;
		margin: -17px 0 0 99px;
	}


/* 3.Navi Box 01
=========================================== */
#navigation .naviBox01 {
	position: relative;
	margin: 0 0 10px;
	padding: 0 10px;
	width: 242px;
	background: url(../../images/parts/navibox_bg_01.gif) repeat-y;
}

#navigation .naviBox01 .bgTop,
#navigation .naviBox01 .bgBtm {
	position: relative;
	margin: 0 -10px;
	width: 262px;
	height: 10px;
	background: no-repeat;
	overflow: hidden;
	zoom: 1;
}

#navigation .naviBox01 .bgTop {background-image: url(../../images/parts/navibox_bg_top_01.gif);}
#navigation .naviBox01 .bgBtm {background-image: url(../../images/parts/navibox_bg_btm_01.gif);}

#navigation .naviBox01 p {
	margin: 5px 0 0;
}


/* 4.Banner Section
=========================================== */
#navigation .naviSection#bannerSection {
	margin-top: 20px;
	background: none; /* Reset */
}

#navigation .naviSection ul.bannerList {
	position: relative;
	margin: 0 0 -5px;
}

#navigation .naviSection ul.bannerList li {
	margin: 0 0 5px;
}


/* 5.Local Menu
=========================================== */
#navigation #localMenu {
	padding: 0 0 15px;
}

#navigation #localMenu dl {
	position: relative;
	margin: 0 0 -7px;
}

#navigation #localMenu dl dt {
	margin: 0 0 5px;
}

#navigation #localMenu dl dd {
	margin: 0 10px 7px;
}

	/* 5-1.Menu List
	---------------------------------------- */
	#navigation #localMenu dl dd ul.menuList {
	}
	
	#navigation #localMenu dl dd ul.menuList li {
		padding: 3px 5px;
		background: url(../../images/common/line_dotted03_gray02.gif) repeat-x 0 100%;
	}
	
	#navigation #localMenu dl dd ul.menuList li a {
		--color: #99B0C3;
	}

/* 6.form
=========================================== */
	/* 6-1.input
	---------------------------------------- */
	#navigation input {
		position: relative;
		height: 1.335em;
		font-size: 100%;
		line-height: 1.335;
		vertical-align: middle;
	}
		
		/* 6-1-1.Radio
		---------------------------------------- */
		#navigation label.radio {
		}
		
		#navigation label.radio input {
			margin: -3px 3px 0 0;
			width: 13px;
			height: 13px;
		}
		/* IE6 Only */
		* html               #navigation label.radio input {margin-top: 0;}
		/* IE7 Only */
		*:first-child + html #navigation label.radio input {margin-top: 0;}
		/* Safari Only \*/
		html:\66irst-child   #navigation label.radio input {margin-top: -4px;}/**/
		
		/* 6-1-2.Submit
		---------------------------------------- */
		#navigation label.submit input {
			padding-top: 4px;
			padding-bottom: 2px;
			height: auto; /* Reset */
		}
		/* IE6 Only */
		* html               #navigation label.submit input {padding: 3px 3px 0;}
		/* IE7 Only */
		*:first-child + html #navigation label.submit input {padding: 3px 3px 0;}
	
	/* 6-2.Select
	---------------------------------------- */
	#navigation select {
		position: relative;
		top: 1px;
		margin-top: -1px;
		font-size: 100%; /* Reset */
		line-height: 1.335;
		vertical-align: middle;
	}



/* 3.Navi Box 02
=========================================== */
#navigation .naviBox02 {
	position: relative;
	margin: 0 0 10px;
	width: 262px;
}


#navigation .naviBox02 p.mb5 {
	margin: 0 0 5px;
}