@charset "shift_jis";

/* CSS Document */

/*------------------------------------------------------------
##############################################################
‘common
##############################################################
------------------------------------------------------------*/
* {
margin:0;
padding:0;
font-family:Arial, Tahoma, Verdana,"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3" ;
}
body {
text-align:center;
padding:0 0 3px;
font-size:88%;
line-height:140%;
}
img {
border-style:none;
vertical-align:bottom;
}
a img {border:none}
th,td {
_font-size:88%;
}
.clear {
clear:both;
visibility:hidden;
height:0;
width:0;
}
.clearB {clear:both}
.clearfix:after {
content: ".";
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}
.external {
width:auto;
margin:0 0 10px;
}
.external li a {
display:block;
border:1px solid #dedede;
margin:5px 0 5px;
}
.external li a:hover {
display:block;
border:1px solid #bebebe;
}

/*------------------------------------------------------------
##############################################################
‘layout 20100206
##############################################################
------------------------------------------------------------*/
#container {
width:870px;
margin:0 auto;
text-align:left;
}
#header {
width:870px;
}
#header h1 {
	font-size:80%;
	font-weight:normal;
	padding:.2em 0 0 .8em;
	color:#ffffff;
	background-color: #145692;
}
#header a img#bbilogo {
display:block;
float:left;
width:224px;
}


#header #toplinks {
width:642px;
float:left;
padding:16px 0 0 4px;
}
#header #toplinks ul {
float:right;
list-style:none;
}
#header #toplinks ul li {
float:left;
width:57px;
text-align:right;
}
#header #toplinks ul li a img {
width:55px;
}

/* ƒOƒ[ƒoƒ‹ƒiƒr */
ul.menu {list-style:none;width:870px;margin:0 0 5px; text-align:left;}
ul.menu a {display:block; text-decoration:none;font-size:84%;}
ul.menu li {position:relative; float:left; z-index:50}
ul.menu li.large_li {}
ul.menu li.small_li {}
/* ƒOƒ[ƒoƒ‹ƒiƒr 2’i–Ϊ*/
ul.menu li ul {position:absolute; top:50px; left:0; background:#f1f4f9; display:none; opacity:0; list-style:none}
ul.menu li ul li {position:relative; border:1px solid #bac7d5; border-top:none;width:172px; margin:0;}



ul.menu li.wide01 ul li a {display:block; width:160px; padding:2px 6px 2px; background-color:#f1f4f9;}
ul.menu li.wide02 ul li a {display:block; width:160px; padding:2px 6px 2px; background-color:#FFF5F0;}
ul.menu li.wide03 ul li a {display:block; width:160px; padding:2px 6px 2px; background-color:#EFF9EE;}
ul.menu li.narrow ul li a {display:block; width:160px; padding:2px 6px 2px; background-color:#FAFAEF;}

ul.menu li ul li a:hover {background-color:#ffffff;text-decoration:none}


/* ƒOƒ[ƒoƒ‹ƒiƒr 3’i–Ϊ*/
ul.menu ul ul {left:172px; top:-1px}
ul.menu ul ul li img{margin:0 5px 0 0;vertical-align:middle}
ul.menu .menulink {width:172px}
ul.menu .menulinksml {width:118px}
ul.menu .sub {background:#f1f4f9 url(../images/common/arrow.gif) 162px 8px no-repeat}
ul.menu .topline {border-top:1px solid #bac7d5}
ul.menu a {color:#666666;}
ul.menu a:visited {color:#666666;}
ul.menu a:hover {color:#006699;}
ul.menu ul li.linetop {border-top:1px solid #bac7d5;}
ul.menu ul li strong {font-weight:normal;color:#ff0000}


h2#message {
font-size:88%;
line-height:1.4;
font-weight:normal;
border:1px solid #cecece;
margin:0 0 .8em;
padding:.3em .8em;
color:#666666;
clear:both;
}
#contents {
width:694px;
margin:0 0 .8em;
padding:0 0 20px;
float:left;
}
#sidenav {
	width:176px;
	padding:0 0 130px;
	float:left;
	}
#slideshow {
position:relative;
width:174px;
height:174px;
overflow:hidden;
margin:0 0 15px;
z-index:10;
}
#slideshow img {
position: absolute;
left:0px;
top:0px;
}
#sidenav ul {
list-style:none;
}
#sidenav ul#sidelink01 {
	width:174px;
	background-color: #FAF8E7;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#sidenav ul#sidelink01 #side_step1 {
position:relative;
background:url(../images/common/banner03_step1.gif) no-repeat;
width:174px;
height:70px;}

#sidenav ul#sidelink01 #side_step1 #side_step1j{
position:absolute;
left:51px;
top:23px;
}
#sidenav ul#sidelink01 #side_step1 #side_step1e{
position:absolute;
left:116px;
top:23px;}

#sidenav ul#sidelink02 {
width:auto;
margin:10px 0 20px;
}
#sidenav ul#sidelink02 li {
width:170px;
margin:0 0 5px;
}
#sidenav ul#sidelink02 li a {
border-bottom:2px solid #9bc3eb;
display:block;
}
#sidenav ul#sidelink02 li a:hover {
border-bottom:2px solid red;
}
#footer {
width:870px;
}
#footer li {
font-size:88%;
float:left;
list-style:none;
margin:0 0 .3em;
padding:0 .6em;
border-left:1px solid #bebebe;
white-space:nowrap;
}
#footer li.bdrLnone {border-left:none}
#footer address {
display:block;
clear:both;
width:870px;
color:#ffffff;
font-size:80%;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
text-align:center;
background:#145692;
padding:.1em 0;
}

ul.sub_banners {
margin-bottom:15px;}

ul.sub_banners li{
margin-bottom:4px;}

/*------------------------------------------------------------
##############################################################
‘layout
##############################################################

#container {
width:870px;
margin:0 auto;
text-align:left;
}
#header {
width:870px;
}
#header h1 {
font-size:80%;
font-weight:normal;
background:#196bb4;
padding:.2em 0 0 .8em;
color:#ffffff;
text-align:left;
}
#header a img {
display:block;
float:left;
width:224px;
}
#header #toplinks {
width:642px;
float:left;
padding:16px 0 0 4px;
}
#header #toplinks ul {
float:right;
list-style:none;
}
#header #toplinks ul li {
float:left;
width:57px;
text-align:right;
}
#header #toplinks ul li a img {
width:55px;
}
ul.menu {list-style:none;width:870px;margin:0 0 5px;text-align:left}
ul.menu a {display:block; text-decoration:none;font-size:84%;}
ul.menu li {position:relative; float:left; z-index:50}
ul.menu ul {position:absolute; top:41px; left:0; background:#f1f4f9; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #bac7d5; border-top:none; width:174px; margin:0}
ul.menu ul li a {display:block; width:160px; padding:2px 7px 2px; background-color:#f1f4f9}
ul.menu ul li a:hover {background-color:#e1e9fc;text-decoration:none}
ul.menu ul ul {left:174px; top:-1px}
ul.menu ul ul li img{margin:0 5px 0 0;vertical-align:middle}
ul.menu .menulink {width:174px}
ul.menu .sub {background:#f1f4f9 url(../images/common/arrow.gif) 162px 8px no-repeat}
ul.menu .topline {border-top:1px solid #bac7d5}
ul.menu a {color:#666666;}
ul.menu a:visited {color:#666666;}
ul.menu a:hover {color:#006699;}
ul.menu ul li.linetop {border-top:1px solid #bac7d5;}
ul.menu ul li strong {font-weight:normal;color:#ff0000}
h2#message {
font-size:88%;
line-height:1.4;
text-align:left;
font-weight:normal;
border:1px solid #cecece;
margin:0 0 .8em;
padding:.3em .8em;
color:#666666;
clear:both;
}
#contents {
width:694px;
margin:0 0 .8em;
padding:0 0 20px;
float:left;
}
#sidenav {
width:176px;
margin:0 0 .8em;
float:left;
}
#slideshow {
position:relative;
width:174px;
height:174px;
overflow:hidden;
margin:5px 0 0;
z-index:10;
}
#slideshow img {
position: absolute;
left:0;
top:0;
}
#sidenav ul {
list-style:none;
}
#sidenav ul#sidelink01 {
width:auto;
margin:5px 0 20px;
}
#sidenav ul#sidelink02 {
width:auto;
margin:10px 0 20px;
}
#sidenav ul#sidelink02 li {
width:170px;
margin:0 0 5px;
}
#sidenav ul#sidelink02 li a {
border-bottom:2px solid #9bc3eb;
display:block;
}
#sidenav ul#sidelink02 li a:hover {
border-bottom:2px solid red;
}

//added 05112009
ul.sub_banners li{
margin-bottom:2px;}

#footer {
width:870px;
}
#footer li {
font-size:88%;
float:left;
list-style:none;
margin:0 0 .3em;
padding:0 .6em;
border-left:1px solid #bebebe;
white-space:normal ;
}
#footer li.bdrLnone {border-left:none}
#footer address {
display:block;
clear:both;
width:870px;
color:#ffffff;
font-size:80%;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
text-align:center;
background:#196bb3;
padding:.1em 0;
}

------------------------------------------------------------*/