/* CSS Document */


* {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-family:"ＭＳ Ｐゴシック", Osaka;
}

a:link    { color:#333; text-decoration: none; }/*まだみてないリンク*/
a:visited { color: #333; text-decoration: none; }/*すでにみたリンク */
a:hover   { color:#0066FF; text-decoration: underline; }/*カーソルが上にあるとき*/
a:active  { color: #0066FF; text-decoration: underline; }/*押したとき*/

h5, h6, p, address,
ul, ol, li, dl, dt, dd,
img, form {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 100%;
  list-style-type: none;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  text-align: left;
}

#h1title {
	width: 560px;
	height: 105px;
	position: relative;
	margin: 0px 0px 0px; 0px;
	padding: 0px;
}
#h1title_textframe {
	height: 50px;
	position: absolute;
	top: 10px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}
#h1title_textbg {
	height: 50px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: url(../images/h1title_textbg.png) repeat-x;
	float: left;
}
#h1title_text {
	display: block;
	height: 20px;
	margin: 15px 0px;
	font-size: 1.3em;
	font-weight: 900;
	color: #FFFFFF;
	-moz-text-shadow: -1px -1px 2px #333,
				  1px -1px 2px #333,
				 -1px  1px 2px #333,
				  1px  1px 2px #333,
				 -1px  0px 2px #333,
				  1px  0px 2px #333,
				  0px  1px 2px #333,
				  0px -1px 2px #333;
	-webkit-text-shadow: -1px -1px 2px #333,
				  1px -1px 2px #333,
				 -1px  1px 2px #333,
				  1px  1px 2px #333,
				 -1px  0px 2px #333,
				  1px  0px 2px #333,
				  0px  1px 2px #333,
				  0px -1px 2px #333;
	text-shadow: -1px -1px 2px #333,
				  1px -1px 2px #333,
				 -1px  1px 2px #333,
				  1px  1px 2px #333,
				 -1px  0px 2px #333,
				  1px  0px 2px #333,
				  0px  1px 2px #333,
				  0px -1px 2px #333;
}
#h1title_textbg_right {
	width: 40px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	background: url(../images/h1title_textbg_right.png) no-repeat;
	float: left;
}

h2.toph2 {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 100%;
  list-style-type: none;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  text-indent: -9999px;
  text-align: left;
  background: url(../images/news.png) no-repeat;
}

h2.top2h2 {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 100%;
  list-style-type: none;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  text-indent: -9999px;
  text-align: left;
  background: url(../images/backnum.png) no-repeat;
}

h2 {
  width: 560px;
  height: 21px;
  margin: 0px;
  padding: 7px 0 0 30px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  color:#1891B5;
  background: url(../images/h2.png) no-repeat;
}

h3 {
  width: 560px;
  height: 21px;
  margin: 0px;
  padding: 7px 0 0 12px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  color:#777777;
  background: url(../images/h3.png) no-repeat;
}

h4 {
  width: 560px;
  height: 12px;
  margin: 0px;
  padding: 0 0 0 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  background: url(../images/arrow01.png) no-repeat;
}

p, ul, ol, li, dl, dt, dd, table, th, td{
  line-height: 140%;
}

a {
  outline: none;
} 
.fr {
  float: right;
}
.fl {
  float: left;
}
.tl{
  text-align: left;
}
.tr{
  text-align: right;
}
.tc{
  text-align: center;
}
.indent {
  margin: 0 0 0 1em;
}
.cb {
  clear: both;
}
.totop{
  margin: 1em 0 2em;
}
.innerlink {
  width: 540px;
  background:#EEE;
  margin: 1em 0;
  padding: 1em;
  font-size: 80%;
}
.innerlink ul li {
  line-height:1.5;
  padding: 0 0 0 1em;
}
.fwb{
  font-weight: bold;
}
.note{
  font-weight:700;
  color: red;
}
.vt{
  vertical-align: top;
}

table.listtable{
  width: 560px;
  margin: 0;
  padding:0;
  border: 0;
}
table.listtable tr th,
table.listtable tr td{
  margin: 0;
  padding:0;
  border: 0;
}
table.listtable tr th{
  width: 10px;
  vertical-align: top;
}
table.listtable tr td{
  width: 550px;
}



/*　all　*/
body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000;
  background-color: #F3F3F3;
  border-top: 4px #2EB1CD solid;
}
div#wrapper{
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 806px;
  text-align : left;
  color: #000;
}

div#header {
  position: relative;
  margin: 0 3px;
  padding: 0;
  width: 800px; 
  height: 75px;
  border: 0;
  background: url(../images/head2.png) 0 0 no-repeat;
} 


/* logo */
p#sitetitle{ 
  position: absolute;
  margin: 8px 0 0;
  padding: 0; 
  width: 370px;
  height: 58px; 
  border: 0;
  text-indent: -9999px;
} 
p#sitetitle a,
p#sitetitle a:hover { 
  width: 370px;
  height: 58px; 
  border: 0;
  text-indent: -9999px;
  display: block;
  background: url(../images/head2.png) 0 -8px no-repeat;
} 

/* AURORA-OPAC */
div#aurora{
  position: absolute;
  margin: 15px 0 0 615px;
  padding: 0; 
  width: 184px;
  height: 48px;
}
#kywd{
  position: absolute;
  margin: 5px 0 0 117px;
  width: 160px;
  height: 15px;
  border: 1px solid #CCC;
}
#searchbtn {
  position:absolute;
  top:5px;
  left:282px;
}

/* content
------------------------------------------ */
div#wrappertop{
  width: 806px;
  height: 10px;
  margin: 0 3px;font-size:1px;
  background: url(../images/wrap01.png) 0 0 no-repeat;
}


div#wrapperbottom{
  clear: both;
  width: 806px;
  height: 13px;
  margin: 0 3px;font-size:1px; 
  background: url(../images/wrap02.png) 0 0 no-repeat;

}
div#contentwrapper {
  width: 780px; /* 800 →　806　影の分で左右3pxずつふやす*/
  margin: 0;
  height:100%;
  padding: 0 13px 10px 13px;
  background: url(../images/wrap03.png) 0 0 repeat-y;
}

div#mainimage{
  border: 0;
  width: 780px; /* 800 */
  height: 105px;
  margin: 0;
  padding: 0;

}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* TOP tab
-------------------------------------------- */
table.tabtable{
  margin:0; 
  padding:0;
  width: 570px;
}
table.tabtable tr td {
  width: 570px;
}
table.tabtable tr.tabtr td.tabtd {
  padding: 3px 0;
  font-size: 80%;
  border: 0;
}
table.tabtable tr td.newsdate {
  width: 100px;
  font-weight: bold;
}
table.tabtable tr td.newsicon {
  width: 70px;
  font-weight: bold;
}
table.tabtable tr td.newstext {
  width: 400px;
  font-weight: normal;
  text-align:left;
}
table.tabtable tr td.newstext a{
  color:#0066FF;
}
p.tolist {
  margin:0 0 0;
  padding:.5em 1em 0 0;
  border: 0;
}
p.tolist a{
  font-size: 70%;
  color: #F14949;
  clear:both;
  text-decoration:underline;
}






div.gnaviwrapper{
  position: relative;
  margin: 0;
  padding: 0;
  width: 780px;
  height: 37px;
}

/* HOMEのナビ 
-------------------------------------------------------*/
.menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1000px;
    margin: 0 auto;
}
.menu > li{
    font-weight: bold;
    font-size:13px;
    text-align: center;
    background: url(../images/new_gnavi.png) 0px 0px no-repeat;
    height: 37px;
    line-height: 37px;
    border-left: 1px solid #ffffff;
}

.menu > li.g1 {
    float: left;
    width: 77px;

}

.menu > li.g2 {
    float: left;
    width: 180px;
}

.menu > li.g3 {
    float: left;
    width: 178px;
}

.menu > li.g4 {
    float: left;
    width: 170px;
}

.menu > li.g5 {
    float: left;
    width: 170px;
}

.menu > li a {
    display: block;
    color: #fff;
}

.menu > li a:hover {
    text-decoration: none;
    background: url(../images/new_gnavi.png) 0px -37px no-repeat;
    color: #fff;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: url(../images/new_gnavi.png) 0px -37px no-repeat;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #ffffff;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #1790B5;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 37px;
    width: 100%;
    background: #2EB1CD;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 37px;
    visibility: visible;
    opacity: 1;
}

.sl_c {
    padding:10px;
}

/*
ul#gnavia{
  position: absolute;
  background: url(../images/gnavi.png) 0 0 no-repeat;
  width: 780px;
  height: 37px;
}
ul#gnavia li{
  display:inline;
  list-style: none;
}
ul#gnavia li#gnavia01{
  position: absolute; 
  top: 0;
  left: 0;
  width: 93px;
  height: 37px;
}
ul#gnavia li#gnavia01 a {
  width: 93px;
  height: 37px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#gnavia li#gnavia01 a:hover,
ul#gnavia li#gnavia01.navicurrent{
  background: url(../images/gnavi.png) 0px -37px no-repeat;
}

ul#gnavia li#gnavia02{
  position: absolute; 
  top: 0;
  left: 94px;
  width: 210px;
  height: 37px;
}
ul#gnavia li#gnavia02 a {
  width: 210px;
  height: 37px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#gnavia li#gnavia02 a:hover,
ul#gnavia li#gnavia02.navicurrent {
  background: url(../images/gnavi.png) -94px -37px no-repeat;
}

ul#gnavia li#gnavia03{
  position: absolute; 
  top: 0;
  left: 302px;
  width: 119px;
  height: 37px;
}
ul#gnavia li#gnavia03 a {
  width: 119px;
  height: 37px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#gnavia li#gnavia03 a:hover ,
ul#gnavia li#gnavia03.navicurrent{
  background: url(../images/gnavi.png) -302px -37px no-repeat;
}

ul#gnavia li#gnavia04{
  position: absolute; 
  top: 0;
  left: 420px;
  width: 181px;
  height: 37px;
}
ul#gnavia li#gnavia04 a {
  width: 181px;
  height: 37px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#gnavia li#gnavia04 a:hover,
ul#gnavia li#gnavia04.navicurrent {
  background: url(../images/gnavi.png) -420px -37px no-repeat;
}

ul#gnavia li#gnavia05{
  position: absolute; 
  top: 0;
  left: 600px;
  width: 181px;
  height: 37px;
}
ul#gnavia li#gnavia05 a {
  width: 181px;
  height: 37px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#gnavia li#gnavia05 a:hover,
ul#gnavia li#gnavia05.navicurrent {
  background: url(../images/gnavi.png) -600px -37px no-repeat;
}

*/


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

div#maincontent{
  width: 780px;
/*  height: 100%;*/
  margin: 0; 
  padding: 0 18px;/*20*/
}
div#maincontent01{
  clear: both;
  width: 780px;
/*  height: 100%;*/
  margin: 0; 
  padding: 0;
}

div#maincontent02{
  clear: both;
  width: 780px;
/*  height: 100%;*/
  margin: 0; 
  padding: 0;
}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

p#breadnavi {
  font-size:10px;
  margin: 10px 0 5px 0;
  color: #333;
}

/* banner
------------------------------------------------------- */

div#banner{
  width: 157px;
  height: 439px;
  position: absolute;
  top: 114px;
  left: 805px;
}
div#banner h3{
  margin:0;
  padding:0;
}
div#bannerbg_top,
div#bannerbg_middle,
div#bannerbg_bottom{ 
  width: 157px; 
  margin:0;
  padding:0 0 0 8px;
  font-size: 12px;
}
div#bannerbg_top p,
div#bannerbg_middle p,
div#bannerbg_bottom p{ 
  margin:0;
  padding:0;
}
div#bannerbg_top {
  width: 157px;/* 512 */
  height: 32px;
  margin-top: 5px;
  padding: 0;
  vertical-align: middle;
  text-indent: -9999px;
  background: url(../images/banner_bg_r1_c1.png) 0 0 no-repeat;
}

div#bannerbg_bottom {
  width: 157px;/* 512 */
  height: 15px;
  margin-top:-0.3em;
  padding-top: 0;
  text-indent: -9999px;
  background: url(../images/banner_bg_r31_c1.png) 0 0 no-repeat;
}

div#bannerbg_middle {
  margin-top:0;
  padding-top: 0;
  padding-bottom: 3em;
  background: url(../images/banner_bg_r9_c1.png) 0 0 repeat-y;
}

ul.se07 {
  width: 136px;
  margin: -1em 0 0;
  padding: 5px 0 5px 1px;
  list-style: none;
  background-color: #F3F8FD;
}
ul.se07 li {  
  margin: 0;
  padding: 0 0 0 14px;
  background: url(../images/arrow_c.gif) 0 2px no-repeat;
}
ul.se07 li {         /* Firefoxの以外 */
  line-height: 135%;
} 
html>/**/body ul.se07 li {/* Firefoxのスタイル */
  line-height: 120%;
}
html:first-child ul.se07 li {/* Firefoxの以外 */
  line-height: 135%;
} 

ul.se08 {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
ul.se08 li {
  margin: 0;
  padding: 0;
}
#bannertop{
  padding-top:8px;
} 
 
ul.se09 {
  width: 137px;
  margin: 14px 0 5em 0;
  padding: 5px 0 5px 1px;
  list-style: none;
  background-color: #F3F8FD;
}
ul.se09 li {
  margin: 0;
  padding: 0 0 0 14px;
  background: url(../images/arrow_c.gif) 0 2px no-repeat;
} 
ul.se09 li {         /* Firefoxの以外 */
  line-height: 135%;
} 
html>/**/body ul.se09 li{/* Firefoxのスタイル */
  line-height: 120%;
}
html:first-child ul.se09 li{/* Firefoxの以外 */
  line-height: 135%;
} 


/* login
--------------------------------------------------------*/

/* TOPの実験 CASEC　*/
table#logintable01{
  margin:0;
  padding:0;
  border: 0;
  width: 190px;
}
table#logintable01 tr td{
  margin:0;
  padding:0;
  border: 0;
}
table#logintable01 tr td#logintable01a{
  width: 190px;
  height: 26px;
  border: 0;
  font-size:1px;
  background: url(../images/loginbg_a_01.png) 0 0 no-repeat;
}
table#logintable01 tr td#logintable01b{
  width: 180px;
  height: 100%;
  padding: 0 5px;
  background: url(../images/loginbg_a_02.png) 0 0 repeat-y;
  font-size: 75%;
  border: 0;
  color: #666;
}
table#logintable01 tr td#logintable01b p{
  line-height: 1.2;
  margin: 5px 0; 
}
table#logintable01 tr td#logintable01c{
  width: 190px;
  height: 11px;
  font-size:1px;
  border: 0;
  background: url(../images/loginbg_a_03.png) 0 0 no-repeat;
}



/* TOPの実験 smart　*/
table#logintable02{
  margin:0;
  padding:0;
  border: 0;
  width: 190px;
}
table#logintable02 tr td{
  margin:0;
  padding:0;
  border: 0;
}
table#logintable02 tr td#logintable02a{
  width: 190px;
  height: 28px;
  border: 0;
  font-size:1px;
  background: url(../images/loginbg_b_01.png) 0 0 no-repeat;
}
table#logintable02 tr td#logintable02b{
  width: 180px;
  height: 100%;
  padding: 0 5px;
  background: url(../images/loginbg_b_12.png) 0 0 repeat-y;
  font-size: 75%;
  border: 0;
  color: #666;
}
table#logintable02 tr td#logintable02b p{
  margin: 5px 0;  
  line-height: 1.2;
}
table#logintable02 tr td#logintable02c{
  margin:0;
  padding:0;
  width: 190px;
  height: 16px;
  font-size:1px;
  border: 0;vertical-align: top;vertical-align: top; font-size:0px;
  background: url(../images/loginbg_c_13.png) 0 0 no-repeat;
}

/* TOPの実験 alc　*/
table#logintable03{
  margin:0;
  padding:0;
  border: 0;
  width: 190px;
}
table#logintable03 tr td{
  margin:0;
  padding:0;
  border: 0;
}
table#logintable03 tr td#logintable03a{
  margin:0;
  padding:0;
  width: 190px;
  height: 11px;
  border: 0;
  font-size:1px;vertical-align: top;vertical-align: top; font-size:0px;
  background: url(../images/loginbg_c_11.png) 0 0 no-repeat;
}
table#logintable03 tr td#logintable13a{
  margin:0;
  padding:0;
  width: 190px;
  height: 28px;
  border: 0;
  font-size:1px;vertical-align: top;vertical-align: top; font-size:0px;
  background: url(../images/loginbg_f_01.png) 0 0 no-repeat;
}
table#logintable03 tr td#logintable23a{
  margin:0;
  padding:0;
  width: 190px;
  height: 28px;
  border: 0;
  font-size:1px;vertical-align: top;vertical-align: top; font-size:0px;
  background: url(../images/loginbg_e_01.png) 0 0 no-repeat;
}
table#logintable03 tr td#logintable03b{
  margin:0;
  padding:0;
  width: 180px;
  height: 100%;
  padding: 0 5px;
  background: url(../images/loginbg_c_12.png) 0 0 repeat-y;
  font-size: 75%;
  border: 0;
  color: #666;vertical-align: top;vertical-align: top;
}
table#logintable03 tr td#logintable03b p{
  margin: 5px 0; 
  line-height: 1.2;
}
table#logintable03 tr td#logintable03c{
  margin:0;
  padding:0;
  width: 190px;
  height: 16px;
  font-size:1px;
  border: 0;vertical-align: top;vertical-align: top; font-size:0px;
  background: url(../images/loginbg_c_13.png) 0 0 no-repeat;
}
div#underloginwrapper{
  width: 190px;
  margin: 0 0 0 10px;
}

/* TOPの実験 CASEC　*/
table#logintable04{
  margin:0;
  padding:0;
  border: 0;
  width: 190px;
}
table#logintable04 tr td{
  margin:0;
  padding:0;
  border: 0;
}
table#logintable04 tr td#logintable04a{
  width: 190px;
  height: 26px;
  border: 0;
  font-size:1px;
  background: url(../images/loginbg_d_11.png) 0 0 no-repeat;
}
table#logintable04 tr td#logintable04b{
  width: 180px;
  height: 100%;
  padding: 0 5px;
  background: url(../images/loginbg_d_12.png) 0 0 repeat-y;
  font-size: 75%;
  border: 0;
  color: #666;
}
table#logintable04 tr td#logintable04b p{
  line-height: 1.2;
  margin: 5px 0; 
}
table#logintable04 tr td#logintable04c{
  width: 190px;
  height: 11px;
  font-size:1px;
  border: 0;
  background: url(../images/loginbg_d_13.png) 0 0 no-repeat;
}


/* footer
------------------------------------------------------- */

div#footer{
  position: relative;
   clear: both;
   width: 800px;
   height: 80px;
   margin: 0 3px;
   padding: 10px 0 0;
   border: 0;
}
div#footer p{
   display:block;
   width: 400px;
   margin: 10px auto;
   padding: 0;
   border: 0;
   font-size: 80%;
}
div#footer ul#fnavi {
　text-align:right;
  width: 100%;
  margin: 0;
  padding:0;
  background: url(../images/fnavi.png) 0 0 no-repeat;
  font-size: 80%;
}
div#footer ul#fnavi li { 
  display:inline;
  margin-left: 1em;
}
table#contact {
  margin: 2px auto 0;
  border: 0;
  font-size: 10px;
  border: 0;
}
table#contact {         /* Firefoxの以外 */
  width: 672px;
} 
html>/**/body table#contact  {/* Firefoxのスタイル */
  width: 682px;
}
html:first-child table#contact {/* Firefoxの以外 */
  width: 672px;
} 
table#contact tr td{
  margin: 0;
  padding:0;
  border: 0;
}
#contact01{
  width: 111px;
}
#contact02{
  width: 74px;
}
#contact03{
  width: 164px;
}
#contact04{
  width: 110px;
}
#contact05{
  width: 110px;
}
#contact06{
  width: 52px;
}
#contact07{
  width: 52px;
}
/* 
div#bottom{
  width: 800px; 
  margin: 0 0 0 -1em;
  padding: 1em 0;
  clear: both;
  background: url(../images/footer_bg.png) 0 0 no-repeat;
}*/
*:first-child+html div#bottom{/* IE7専用 */
  position: relative;
  margin: 0 auto 0;
  width: 810px;
  padding: 0;
  height: 60px;
  text-align : left;
  color: #000;
/*  background: url(../images/footer_bg.png) center top no-repeat;*/
  border:0;
}
div#bottom{
  position: relative;
  margin: 0 auto;
  width: 810px; /*   width: 790px; */
  padding: 0;
  height: 60px;
  text-align : left;
  color: #000;
/*  background: url(../images/footer_bg.png) center top no-repeat;*/
  border:0;
}
address{
  margin: 1em auto;
  padding: 1em 0 0;
  color:#666;
  font-style: normal;
  font-size: 10px;
  text-align: center;
}

*:first-child+html address{/* IE7専用 */
  margin: 2em auto 4em;
  padding: 1.5em 0 0;
  color:#666;
  font-style: normal;
  font-size: 10px;
  text-align: center;
}

.loginbtn{ 
  width: 116px;
  height: 20px;
  border: 0;
  margin:0;
  padding: 0;
  position:relative;
  top: 0px;
  left:0px;
}
.loginbtn a {
  width:116px;
  height: 20px;
  display: block;
  border: 0;
  text-indent: -9999px;
  background: url(../images/loginbtn.png) 0 0 no-repeat;
}
.loginbtn a:hover{
  background: url(../images/loginbtn02.png) 0 0 no-repeat;
}
/* 青山ログイン */
.loginbtnaoyama{ 
  width: 150px;
  height: 20px;
  border: 0;
  margin:0;
  padding: 0;
  position:relative;
  top: 0px;
  left:0px;
}
.loginbtnaoyama a {
  width:150px;
  height: 20px;
  display: block;
  border: 0;
  text-indent: -9999px;
  background: url(../images/loginbtnaoyama.png) 0 0 no-repeat;
}
.loginbtnaoyama a:hover{
  background: url(../images/loginbtnaoyama02.png) 0 0 no-repeat;
}
/* 相模原ログイン */
.loginbtnsagami{ 
  width: 150px;
  height: 20px;
  border: 0;
  margin:5px 0 5px;
  padding: 0;
  position:relative;
  top: 0px;
  left:0px;
}
.loginbtnsagami a {
  width:150px;
  height: 20px;
  display: block;
  border: 0;
  text-indent: -9999px;
  background: url(../images/loginbtnsagami.png) 0 0 no-repeat;
}
.loginbtnsagami a:hover{
  background: url(../images/loginbtnsagami02.png) 0 0 no-repeat;
}

#topcalendar{ 
  width: 190px;
  height: 54px;
  border: 0;
  margin:0;
  padding: 0;
  position:relative;
  top: 0px;
  left:0px;
}
#topcalendar a {
  width:190px;
  height: 54px;
  display: block;
  border: 0;
  text-indent: -9999px;
  background: url(../images/calendar.png) 0 0 no-repeat;
}
#topcalendar a:hover{
  background: url(../images/calendar02.png) 0 0 no-repeat;
}
#calendar{ 
  width: 190px;
  height: 54px;
  border: 0;
  margin:0 0 0 10px;
  padding: 0;
  position:relative;
  top: 0px;
  left:0px;
}
#calendar a {
  width:190px;
  height: 54px;
  display: block;
  border: 0;
  text-indent: -9999px;
  background: url(../images/calendar.png) 0 0 no-repeat;
}
#calendar a:hover{
  background: url(../images/calendar02.png) 0 0 no-repeat;
}




/* 下層ページ
-------------------------------------------------------- */
div#gnaviwrapper {
  width:780px;
  height:37px;
  border: 0;
}
div#bnaviwrapper {
  width:780px;
  height:12px;
  margin: 10px 0;
  font-size: 70%;
  color: #666;
  border: 0;
}
div#layoutwrapper{
  clear: both;
  margin: 10px 0 0;
  width:780px;
  border: 0;
}

div#layoutleft {
  float:left;
  width:560px;
  border: 0;
  font-size: 90%;
  color: #333;
}
div#newslayout {
  width:780px;
  border: 0;
  font-size: 90%;
  color: #333;
}
div#layoutright {
  float:right;
  width:210px;
  border: 0;
}
div#layoutleft a{
  text-decoration: underline;
  color:#0066FF;
}



/*  学生ナビ
------------------------------------------------------------*/


ul#lnavia{
  position: relative;
  background: url(../images/local01.png) 0 0 no-repeat;
  width: 210px;
  height: 166px;
  margin:0 0 4em;
}
ul#lnavia li{
  list-style: none;
}
ul#lnavia li#lnavi01{
  position: absolute; 
  top: 6px;
  left: 0;
  width: 210px;
  height: 40px;
}
ul#lnavia li#lnavi01 a {
  width: 210px;
  height: 40px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#lnavia li#lnavi01 a:hover,
ul#lnavia li#lnavi01.navicurrent{
  background: url(../images/local01.png) -210px -6px no-repeat;
}
ul#lnavia li#lnavi02{
  position: absolute; 
  top: 46px;
  left: 0;
  width: 210px;
  height: 40px;
}
ul#lnavia li#lnavi02 a {
  width: 210px;
  height: 40px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#lnavia li#lnavi02 a:hover,
ul#lnavia li#lnavi02.navicurrent{
  background: url(../images/local01.png) -210px -46px no-repeat;
}
ul#lnavia li#lnavi03{
  position: absolute; 
  top: 84px;
  left: 0;
  width: 210px;
  height: 40px;
}
ul#lnavia li#lnavi03 a {
  width: 210px;
  height: 40px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#lnavia li#lnavi03 a:hover,
ul#lnavia li#lnavi03.navicurrent{
  background: url(../images/local01.png) -210px -84px no-repeat;
}
ul#lnavia li#lnavi04{
  position: absolute; 
  top: 123px;
  left: 0;
  width: 210px;
  height: 40px;
}
ul#lnavia li#lnavi04 a {
  width: 210px;
  height: 40px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#lnavia li#lnavi04 a:hover,
ul#lnavia li#lnavi04.navicurrent{
  background: url(../images/local01.png) -210px -123px no-repeat;
}



/* 教員ナビ
------------------------------------------------------------*/


ul#lnavib{
  position: relative;
  background: url(../images/local02.png) 0 0 no-repeat;
  width: 210px;
  height: 242px;
  margin:0 0 4em;
}
ul#lnavib li{
  list-style: none;
}
ul#lnavib li#lnavi01{
  position: absolute; 
  top: 6px;
  left: 0;
  width: 210px;
  height: 40px;
}
ul#lnavib li#lnavi01 a {
  width: 210px;
  height: 40px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#lnavib li#lnavi01 a:hover,
ul#lnavib li#lnavi01.navicurrent{
  background: url(../images/local02.png) -210px -6px no-repeat;
}
ul#lnavib li#lnavi02{
  position: absolute; 
  top: 46px;
  left: 0;
  width: 210px;
  height: 40px;
}
ul#lnavib li#lnavi02 a {
  width: 210px;
  height: 40px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#lnavib li#lnavi02 a:hover,
ul#lnavib li#lnavi02.navicurrent{
  background: url(../images/local02.png) -210px -46px no-repeat;
}
ul#lnavib li#lnavi03{
  position: absolute; 
  top: 84px;
  left: 0;
  width: 210px;
  height: 40px;
}
ul#lnavib li#lnavi03 a {
  width: 210px;
  height: 40px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#lnavib li#lnavi03 a:hover,
ul#lnavib li#lnavi03.navicurrent{
  background: url(../images/local02.png) -210px -84px no-repeat;
}
ul#lnavib li#lnavi04{
  position: absolute; 
  top: 123px;
  left: 0;
  width: 210px;
  height: 40px;
}
ul#lnavib li#lnavi04 a {
  width: 210px;
  height: 40px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#lnavib li#lnavi04 a:hover,
ul#lnavib li#lnavi04.navicurrent{
  background: url(../images/local02.png) -210px -123px no-repeat;
}
ul#lnavib li#lnavi05{
  position: absolute; 
  top: 161px;
  left: 0;
  width: 210px;
  height: 40px;
}
ul#lnavib li#lnavi05 a {
  width: 210px;
  height: 40px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#lnavib li#lnavi05 a:hover,
ul#lnavib li#lnavi05.navicurrent{
  background: url(../images/local02.png) -210px -161px no-repeat;
}
ul#lnavib li#lnavi06{
  position: absolute; 
  top: 199px;
  left: 0;
  width: 210px;
  height: 40px;
}
ul#lnavib li#lnavi06 a {
  width: 210px;
  height: 40px;
  border: 0;
  text-indent: -9999px;
  display: block;
}
ul#lnavib li#lnavi06 a:hover,
ul#lnavib li#lnavi06.navicurrent{
  background: url(../images/local02.png) -210px -199px no-repeat;
}

ul.link {
  margin: 0 0 0 12px;
  padding: 0;
}

ul.link li.abst {
  width: 36px;
  white-space: nowrap;
  display: block;
  float: left;
  text-align: left;
  list-style-type: none;
  background: none;
  margin: 0 0 10px 0;
  padding: 0;
}

ul.link li.manual {
  width: 61px;
  white-space: nowrap;
  display: block;
  float: left;
  text-align: left;
  list-style-type: none;
  background: none;
  margin: 0 0 10px 0;
  padding: 0;
}

ul.link li.login {
  width: 51px;
  white-space: nowrap;
  display: block;
  float: left;
  text-align: left;
  list-style-type: none;
  background: none;
  margin: 0 0 10px 0;
  padding: 0;
}

p.bana{
  position:relative;
  margin-bottom:3px;
}

p.bana span{
  position: absolute;
  top: 15px;
  left: 10px;
  width: 150px;
  font-size:12px;
  color:#ffffff;
  font-weight:bold;
  line-height:110%;
}

table.guidetable {
  width: 560px;
  border: 1px solid #1891B5;
  border-collapse: collapse;
  font-size: 12px;
  margin: 0px 0px 0px; 0px;
}
table.guidetable caption {
  text-align: left;
}
table.guidetable tr th{
  border: 1px solid #1891B5;
  background-color:#CAE7EA;
  color: #116F8A;
}
table.guidetable tr th,
table.guidetable tr td{
  padding: 10px 5px;
}
table.guidetable tr td{
  background-color:#F6FBFC;
  color: #666;
  border-right: 1px solid #116F8A;
  border-bottom: 1px solid #116F8A;
}
table.guidetable tr td a,
table.guidetable tr td a:hover{
  color: #1891B5;
  text-decoration: underline;
}
.upim{
  margin: 0px;
  padding: 0px;
}
p.txbr{
  margin: 0px;
  padding: 0px;
  font-size:15px;
  letter-spacing:-0.6px;
  word-break:break-all;
}

p.txbr2{
  margin: 0px;
  padding: 0px;
  word-break: break-all;
}

div.bg1_1 {
	background: url("../images/A02_r1_c2.png") no-repeat;
	width:448px;
	height:169px;
	font-size:13px;
	color:#1891B5;
	text-shadow: #fff 0px 0px 10px 10px;
	padding-top:13px;
	padding-left:20px;
}

div.bg1_2 {
	background: url("../images/A02_r1_c3.png") no-repeat;
	width:448px;
	height:149px;
	font-size:13px;
	color:#1891B5;
	text-shadow: #fff 0px 0px 10px 10px;
	padding-top:13px;
	padding-left:20px;
}

div.bg1_3 {
	background: url("../images/A02_r1_c4.png") no-repeat;
	width:448px;
	height:129px;
	font-size:13px;
	color:#1891B5;
	text-shadow: #fff 0px 0px 10px 10px;
	padding-top:14px;
	padding-left:20px;
}

div.bg2_1 {
	background: url("../images/A02_r2_c2.png") no-repeat;
	width:448px;
	height:169px;
	font-size:13px;
	color:#1891B5;
	text-shadow: #fff 0px 0px 10px 10px;
	padding-top:14px;
	padding-left:20px;
}

div.bg2_2 {
	background: url("../images/A02_r2_c3.png") no-repeat;
	width:448px;
	height:149px;
	font-size:13px;
	color:#1891B5;
	text-shadow: #fff 0px 0px 10px 10px;
	padding-top:14px;
	padding-left:20px;
}

div.bg2_3 {
	background: url("../images/A02_r2_c4.png") no-repeat;
	width:448px;
	height:129px;
	font-size:13px;
	color:#1891B5;
	text-shadow: #fff 0px 0px 10px 10px;
	padding-top:14px;
	padding-left:20px;
}

li.bg_li {
	margin-bottom: 3px;
	list-style-type: none;
}

/* 生成したバナーの表示　*/
table#logintablenw{
  margin:0;
  padding:0;
  border: 0;
  width: 190px;
}
table#logintablenw tr td{
  margin:0;
  padding:0;
  border: 0;
}
table#logintablenw tr td#logintablenwa{
  width: 190px;
  height: 25px;
  border: 0;
  font-size:11px;
  font-weight:bold;
  color:#ffffff;
  background: url(../images/loginbg_a_00.png) 0 0 no-repeat;
}
table#logintablenw tr td#logintablenwd{
  width: 190px;
  height: 11px;
  border: 0;
  font-size:1px;
  margin:0;
  background: url(../images/loginbg_b_00.png) 0 0 no-repeat;
}
table#logintablenw tr td#logintablenwb{
  width: 180px;
  height: 100%;
  padding: 0 5px;
  background: url(../images/loginbg_a_02.png) 0 0 repeat-y;
  font-size: 75%;
  border: 0;
  color: #666;
}
table#logintablenw tr td#logintablenwb p{
  line-height: 1.2;
  margin: 5px 0; 
}
table#logintablenw tr td#logintablenwc{
  width: 190px;
  height: 11px;
  font-size:1px;
  border: 0;
  background: url(../images/loginbg_a_03.png) 0 0 no-repeat;
}


/* digital content */
.clearText { text-indent:100%; white-space:nowrap; overflow:hidden; }
.mb15{margin-bottom:15px!important;}

.h1_digitalcont{background:url(../hon/images/h1_digitalcont.png) no-repeat;}
.digitalcontBox{width:560px; background:url(../hon/images/tana_bg.png) no-repeat; min-height:222px;}
.digitalcontBox .honBox{width:25%; float:left;}
.digitalcontBox .honBox .imgBox{overflow: hidden;position: relative; width:100px; height:140px; top:6px; margin-left:20px;}
.digitalcontBox .honBox .imgBox img{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height:140px;}
.digitalcontBox .honBox p{font-size:12px; text-align:center; padding:16px 8px 0 8px; margin:0; color:#fff;}
.digitalcontBox .honBox .imgBox .noimgtxt{position:absolute; top:0; left:0; font-size:74%; text-align:left; padding:4px 4px 4px 4px; margin:20px 9px 0 17px; background:rgba(0,0,0,0.4); border:solid 1px rgba(255,255,255,0.2);}
.digitalcontBox .honBox .imgBox .noimgtxt01{position:absolute; top:0; left:0; font-size:80%; text-align:left; padding:4px 4px 4px 4px; margin:26px 9px 0 9px; color:#00253b;}
.digitalcontBox .honBox .imgBox .noimgtxt02{position:absolute; top:0; left:0; font-size:80%; text-align:left; padding:4px 4px 4px 4px; margin:30px 5px 0 5px; /*background:rgba(0,0,0,0.4); border:solid 1px rgba(255,255,255,0.2);*/}