#@charset "Shift_JIS";
/* CSS Document */
* {font-family:arial,helvetica,hirakakupro-w3,osaka,"ms pgothic",sans-serif}
body { margin:0px; padding:0px; font-family:arial,helvetica,hirakakupro-w3,osaka,"ms pgothic",sans-serif;}

p, ul, li, h1, h2, h3 { margin:0px; padding:0px; font-weight:normal }

ul { margin-bottom:17px; list-style:inside }
li { margin-left:10px; }

h1, h4 { color:#174693; font-size:18px;  font-weight:bold; margin:0 0 12px 0; line-height:24px}
h2 { color:#174693; font-size:14px; font-weight:bold;}
h3 { color:#174693; font-size:26px; font-weight:bold; margin:24px 0 4px 0;}
h4 { color:#333333}
p { color:#585c62; font-size:13px; margin-bottom:17px; word-break:normal; line-height:140%;}
a { color:#1F86E8; text-decoration:underline; }
img { border:none; }

.clear { clear:both; }

#header { height:96px;  background:#292a2c url(../images/bar.gif) 0px 72px repeat-x;}
#header #width { width:900px; height:96px; text-align:left; background:#292a2c url(../images/bar.gif) repeat-x bottom;}
#header #width #dna { margin: 24px 0 1px 0; float:left;}
#header #width #bt { margin: 12px 0 0px 0; float:right;}

#footer { width:900px; background:url(../images/footerbg.jpg) repeat-x; border-top:solid 1px #c8c8c7; clear:both; margin:30px 0 0 0}
#footer #left { background:url(../images/footerbg_left.jpg) no-repeat top left; width:5px; height:100px; float:left;}
#footer #right { background:url(../images/footerbg_right.jpg) no-repeat top right; width:5px; height:100px; float:right;}

#footer #center { padding:13px 0 0 0; float:left; text-align:left;}
#footer #center #logo { margin: 0 100px 10px 19px; float:left; }
#footer #center #footerCol1 { float:left; width:284px; margin:0 6px 70px 0;}
#footer #center #footerCol1 h1, 
#footer #center #footerCol2 h1,
#footer #center #footerCol1 h1 a,
#footer #center #footerCol2 h1 a { font-size:16px; font-weight:bold; margin:0px; color:#174693; text-decoration:none;}
#footer #center #footerCol1 a,
#footer #center #footerCol2 a  { font-size:14px; font-weight:normal; color:#868784; display:block; margin-bottom:2px; width:auto; }
#footer #center #footerCol2 { float:left; width:250px; margin:0 0 70px 0;}

#footer #center p a { color:#adadac; text-decoration:none; }
#footer #center p a:hover { color:#adadac; text-decoration:underline; }
#footer #center p { color:#adadac; font-size:12px; margin:0 0 35px 19px; clear:both; }

#links { margin: 8px 0 9px 0; width:900px; }
#links #link1, #links #link2, #links #link3, #links #link4, #links #link5, #links #link6, #links #link7,
#links #link1A, #links #link2A, #links #link3A, #links #link4A, #links #link5A, #links #link6A, #links #link7A{
 display:block; width:107px; height:42px; float:left; border-left:solid 1px #d0d2d5; }
#links #link8, #links #link8A{
 display:block; width:70px; height:42px; float:left; }
#links #link9, #links #link9A{
 display:block; width:67px; height:42px; float:left; }
#links #link1 { background:url(../images/toplink1.gif) no-repeat; margin-left:1px;}
#links #link2 { background:url(../images/toplink2.gif) no-repeat; }
#links #link3 { background:url(../images/toplink3.gif) no-repeat; }
#links #link4 { background:url(../images/toplink4.gif) no-repeat; }
#links #link5 { background:url(../images/toplink5.gif) no-repeat; }
#links #link6 { background:url(../images/toplink6.gif) no-repeat; }
#links #link7 { background:url(../images/toplink7.gif) no-repeat; }
#links #link8 { background:url(../images/toplink8.gif) no-repeat; }
#links #link9 { background:url(../images/toplink9.gif) no-repeat; }
#links #link1:hover, #links #link1A { background:url(../images/toplink1.gif) -107px 0px no-repeat; margin-left:1px;}
#links #link2:hover, #links #link2A { background:url(../images/toplink2.gif) -107px 0px no-repeat; }
#links #link3:hover, #links #link3A { background:url(../images/toplink3.gif) -107px 0px no-repeat; }
#links #link4:hover, #links #link4A { background:url(../images/toplink4.gif) -107px 0px no-repeat; }
#links #link5:hover, #links #link5A { background:url(../images/toplink5.gif) -107px 0px no-repeat; }
#links #link6:hover, #links #link6A { background:url(../images/toplink6.gif) -107px 0px no-repeat; }
#links #link7:hover, #links #link7A { background:url(../images/toplink7.gif) -107px 0px no-repeat; }
#links #link8:hover, #links #link8A { background:url(../images/toplink8.gif) -70px 0px no-repeat; }
#links #link9:hover, #links #link9A { background:url(../images/toplink9.gif) -67px 0px no-repeat; }
#links img { border-left:solid 1px #e1e2e4; }

#content { width:900px; text-align:left;}
.fullSpan { width:900px; clear:both; position:relative;}
.twoSpan { width:585px; margin:12px 15px 0 0; float:left; position:relative;}
.oneSpanRight { width:290px; margin:12px 0 0 2px; float:left; position:relative;}
.oneSpan { width:277px; margin:12px 12px 0 0; float:left; border-right:solid 1px #e2e4e7; padding-right:10px; position:relative;}
.oneSpanNoLine { width:277px; margin:12px 0 0 0; float:left; position:relative; }
.oneSpanNoLineB { width:277px; margin:12px 16px 0 0; float:left; position:relative; }

#accel { float:left; padding-right:1px; }
.horizLine {  border-top:solid 1px #d7d9db; margin:-5px 0 10px 0; }
#viewDemo { position:absolute; top:96px; left:616px;}
#bigcudiv {	position:absolute; top:85px; left:624px;}
#bigcudiv2 {	position:absolute; top:87px; left:24px;}
.oneSpanRight .bg { padding:10px 0 21px 16px; margin:-16px 0 4px 0; width:275px; background-color:#efeff1; border-right:solid 1px #d7d9db; border-left:solid 1px #d7d9db; }
.oneSpanRight .bg img { float:left; margin:0 12px 0 0;}
.oneSpanRight .bg p {width:auto; padding-top:8px;  }
.oneSpanRight .snd { margin:0 0 12px 0;}
.oneSpanRight .bg a { dislpay: block; padding:6px; border:solid 1px #d4d6da; color:#585c62; margin:5px; text-decoration:none; font-size:12px;}
.oneSpanRight .bg .groupedLinks { margin-left:74px; }
.dl { color:#40288e }

a.boxedLink { dislpay: block; padding:6px; border:solid 1px #d4d6da; color:#585c62; margin:5px; text-decoration:none; font-size:12px;}

.box { background-color:#f6f7f7; padding:15px 0 13px 16px; margin-bottom:7px;}
.box h1 { font-weight:bold; font-size:18px; color:#a3a9a9; }

.box img { margin:0 11px 9px 0; border:none; }

.rightModule { width:292px; background-color:#efeff1;  border-right:solid 1px #d7d9db; border-left:solid 1px #d7d9db; border-top:solid 1px #d7d9db; padding-bottom:20px; margin-bottom:5px; margin-top:-2px; }
.rightModule h1 { font-weight:bold; font-size:18px; padding:10px 0 0 10px;  }
.rightModule img { float:left; margin:-6px 11px 0 16px; }
.rightModule p { width:auto; padding-top:2px; padding-bottom:4px; position:normal}
.rightModule #button { clear:both; margin:-5px 0 -5px 95px; float:none; padding:none; border:none;}

.logos { padding-bottom:10px; overflow:hidden;}
.logos img { width:140px; padding:0 12px 10px 0; }
.logos #right { padding-right:0px; }

form {padding:11px 0 0 2px; color:#292a2c}
form p {margin:0px; padding:0px; color:#292a2c; background:url(../images/dash.gif) 38px 28px no-repeat;}
form img { margin-top:-5px; }
form .name { float:left; width:219px; }
form #submit a { clear:both; display:block; margin-top:10px; padding:7px; border:solid 1px #ced0d5; width:68px; text-align:center; font-size:13px; font-weight:bold; color:#292a2c; text-decoration:none; }
label { display:block; font-size:13px; font-weight:bold; padding-bottom:4px;}
.input210, .input210A, .input38, .input100 { margin:0 0 2px 0; padding:4px; background:url(../images/input210px.jpg) no-repeat; border:none; height:19px; width:206px}
.input210A { padding:0px; height:auto; width:200px; background:none; border:solid 1px #c8c8c7; }
.input38 { background:url(../images/input38px.jpg) no-repeat; width:27px; padding-left:7px}
.input100 { background:url(../images/input100px.jpg) no-repeat; width:92px; }

.r_banner { padding:0px 0px 15px 0px; height:auto; width:290px; background:none; border:0; }

.style2 {
	font-size: 13px;
	text-align: left;
}
.style4 {
	font-size: 13px;
	text-align: left;
	color: #585c62;
}
.style5 {color: #174693}


.t_center { color:#585c62; font-size:14px; margin-bottom:17px; word-break:normal; line-height:140%; text-align:center;}

/* ------------ ocw ------------ */
table.management{ margin:5px 0px 20px 0px; width:900px; font-size:13px; }
th.image { width:95px; vertical-align:top; }
th.name { font-weight:bold; color:#174693; }
td { padding:0 0 10px 0; color:#585c62; }




#btn-get-bt {position:absolute;top:31px;right:12px;height:25px;width:129px;}
#btn-get-bt a {display:block;height:25px;text-align:center;background:url(/images/magenta-ondark-50h-left.gif) 0 -50px no-repeat transparent;color:#fff;margin:0 auto 0.25em auto;text-decoration:none;font-size:110%;overflow:hidden;cursor:pointer;}
#btn-get-bt a strong {display:block;background:url(/images/magenta-ondark-50h-right.gif) 100% -50px no-repeat transparent;text-align:center;line-height:25px;overflow:hidden;font-weight:normal;}
#btn-get-bt a:hover {background-position:0 0;}
#btn-get-bt a:hover strong {background-position:100% 0;}

