@charset "Shift_JIS";
/*- box ---------------------------------- */
.box{
	width:642px;
	background:#f6f6f6;
	border:1px solid #e3e3e3;
	padding:10px;
	color:#315E88;
	font-size:100%;
	margin-top:10px;
 	line-height: 150%;
}
/*- Side-Bar2 ---------------------------------- */
#menu-side-bar2 {
	height:132px; 
	width:132px; 
	position:relative;
}

#menu-side-bar2 ul {
	margin:0; 
	padding:0; 
	list-style:none; 
	white-space:nowrap; 
	text-align:left; 
	padding:1px 1px 0 1px; 
	background:#fff;
}

#menu-side-bar2 li {
	margin:0; 
	padding:0; 
	list-style:none;
}
#menu-side-bar2 li {
	display:inline-block; 
	display:inline;
}
#menu-side-bar2 ul ul {
	position:absolute; 
	left:-9999px;
}
#menu-side-bar2 ul#toplevel {
	position:absolute; 
	left:0; 
	top:0;
}

#menu-side-bar2 a {
	display:block; 
	font:normal 11px verdana,arial,sans-serif; 
	color:#000; 
	line-height:22px; 
	text-decoration:none;
	padding:0 20px 0 10px;
} 

#menu-side-bar2 ul li:hover > ul {
	left:100%; 
	margin-top:-23px; 
	margin-left:-1px;
}

#menu-side-bar2 a:hover ul,
#menu-side-bar2 a:hover a:hover ul, 
#menu-side-bar2 a:hover a:hover a:hover ul {
	left:100%;
}
#menu-side-bar2 a:hover ul ul, 
#menu-side-bar2 a:hover a:hover ul ul {
	left:-9999px;
}

#menu-side-bar2 li a:hover {
	background:#959595; 
	color:#fff;
} 
#menu-side-bar2 li:hover > a {
	background:#959595; 
	color:#fff;
}
#menu-side-bar2 li a.fly {
	background: url(images/arrow.gif) no-repeat right top;
}
#menu-side-bar2 li a.fly:hover {
	background:#959595 url(images/arrow.gif) no-repeat right top;
} 
#menu-side-bar2 li:hover > a.fly {
	background:#959595 url(images/arrow.gif) no-repeat right top;
}

#menu-side-bar2 table {
	position:absolute; 
	left:99%; height:0; 
	width:0; 
	border-collapse:collapse; 
	margin-top:-7px; 
	margin-left:-1px;
}
/*- horizontal_jq1 ---------------------------------- */
ul#menu-jq1 {
	margin: 6px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 1em;
	clear: both;
	float: left;
	width: 100%;
}
ul#menu-jq1 li{
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	height:32px;
}
ul#menu-jq1 a, ul#menu-jq1 span {
	padding: 6px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
	font-weight:bold; 
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background: #1d1d1d;
}
ul#menu-jq1 a {
	color: #cc0;
}
ul#menu-jq1 span {
	display: none;
}
/*- horizontal_jq1_white ---------------------------------- */
ul#menu-jq1-w {
	margin: 6px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 1em;
	clear: both;
	float: left;
	width: 100%;
}
ul#menu-jq1-w li{
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	height:32px;
}
ul#menu-jq1-w a, ul#menu-jq1-w span {
	padding: 6px 20px;
	float: left;
	text-decoration: none;
	color: #000;
	font-weight:bold; 
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background: #fff;
}
ul#menu-jq1-w a {
	color: #000;
}
ul#menu-jq1-w span {
	display: none;
}
/*- horizontal_jq ---------------------------------- */
	ul#menu-jq {/* Menu Body */
		width:80%;
		height:51px;
		background:url(images/bg.png) repeat-x;
		list-style:none;
		margin:0;
		padding:0;
		padding-top:10px;
		padding-left:10%;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu-jq li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu-jq li a {
		background:url(images/sprite.png) no-repeat scroll top left;
		display:block;
		height:41px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu-jq li a.home {
		width:79px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu-jq li a.portfolio {
		width:78px;
		background-position:-79px 0px;
	}
	
	/* Span (on hover) - common attributes */
	ul#menu-jq li a span {
		background:url(images/sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu-jq li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu-jq li a.home span {
		background-position:0px -41px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu-jq li a.portfolio span {
		background-position:-79px -41px;
	}
/*- horizontal_jq2 ---------------------------------- */
ul#menu-jq2 {
	margin: 6px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 1em;
	clear: both;
	float: left;
	width: 100%;
}
ul#menu-jq2 li{
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	height:32px;
}
ul#menu-jq2 a, ul#menu-jq2 span {
	padding: 6px 20px;
	float: left;
	text-decoration: none;
	color: #eee;
	font-weight:bold; 
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background:url(images/bg-jq21.png) repeat-x;
}
ul#menu-jq2 a {
	color: #fff;
	background:url(images/bg-jq20.png) repeat-x;
}
ul#menu-jq2 span {
	display: none;
}
/*- horizontal_jq3 ---------------------------------- */
ul#menu-jq3 {
	margin: 6px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 1em;
	clear: both;
	float: left;
	width: 100%;
}
ul#menu-jq3 li{
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	height:32px;
}
ul#menu-jq3 a, ul#menu-jq3 span {
	padding: 6px 20px;
	float: left;
	text-decoration: none;
	color: #000;
	font-weight:bold; 
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background:url(images/bg-jq30.png) repeat-x;
}
ul#menu-jq3 a {
	color: #0088ff;
	background:url(images/bg-jq31.png) repeat-x;
}
ul#menu-jq3 span {
	display: none;
}