/*==============================
　共通設定
================================*/

body { width:100%; margin:0; padding:0; color:#000000; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, hr, div { margin:0; padding:0; font-style:normal; font-size:100%; line-height:170%;}
ul, ol { list-style:none; }
img { display:block; }
hr { clear:both; visibility:hidden; }

a{text-decoration:none;}
a:link { color:#00008B; }
a:visited,a:active { color:#778899 }
a:hover { color:#F08080;  }
a img { border:none; }

#warapper { width:760px; margin:0 auto; background:url(../images/wara_back.gif) repeat-y 0 0; }
#container { width:740px; margin:0 10px; background:#ffffff; }
#containeri { width:740px; margin:0 10px; background:url(../images/index_back.gif) repeat-y 0 0; }

/*===== ヘッダー設定 =====*/
#header { width:720px; margin:0 10px; padding:0 10px; height:60px; background:url(../images/title_back.gif) 0 100%; }
#header a{border:none;}

/*===== ナビゲーション設定 =====*/
#globalmenu{ border-bottom:1px solid #999999; border-top:1px solid #999999; font-size:90%; padding:0.5em 0;}
#globalmenu ul.menu{margin:0 12px; border-left:2px solid #666666;}
#globalmenu ul.menu li{ display:inline; border-right:1px solid #666666; padding:0 5px;}
ul.popup {position:absolute; display:none; background-color:#EEEEEE;  border:1px solid #cccccc; padding:5px;}
ul.popup li{ font-size:9pt;}

/*===== メイン設定 =====*/
#contents{ padding:0 10px;}

#photos{width:160px; float:left;}
#main { width:540px; padding:0; float:right;}
/*IE6hack*/
* html #contents{ width:720px;}
* html #main { width:530px;}


#pan { font-size:80%; color:#666666; display:block;  background:url(../images/pan_back.gif) no-repeat 0 0; padding-top:2px; padding-left:12px; }
#pan a{}

#title { border:1px solid #BBD9FD; margin:1em 0; background:url(../images/h3back.gif) repeat;}

#title h2{font-size:95%; background:#ffffff; margin:10px 0; padding-left:5px; border-bottom:1px solid #BBD9FD; border-top:1px solid #BBD9FD;}
#title h3{font-size:150%; margin:5px 5px;}

#content h4  { font-size:100%; margin:0.5em 0;border-top:1px solid #c7daf1; border-bottom:1px solid #c7daf1;background:url(../images/outback.gif) repeat; padding-left:5px;}
#main h4     { font-size:100%; margin-bottom:0.25em;  border:1px solid #c7daf1; border-left:5px solid #c7daf1;padding-left:5px; background:url(../images/h4back.gif) repeat; color:#666666;}

#content h5 {font-size:100%;margin:0.75em 0;border-bottom:1px solid #c7daf1;}


#main p      { margin-bottom:0.5em; font-size:95%;}
#main p.sage { margin-left:10px;}


.gotop{float:right; font-size:80%;}
.gotop a{padding:5px;}
.gotop a:hover{background:#000000; color:red;}

/*===== フッター設定 =====*/
#footer { width:720px; margin:0 10px; border-top:1px solid #999999; border-bottom:1px solid #999999; background:#ffffff; clear:both;  padding:10px;}
#footer p {height:70px; padding:0px 5px 0px 65px; font-size:70%; line-height:120%; background:url(../images/smt_logo.gif) no-repeat 0 0;}


/*==========================
　トップページ
============================*/

#maintitle {float:left; width:420px; padding:5% 0;}
#maintitle img{margin-left:10px;}
#mainmenu  {float:right; margin:0; width:320px;}
#mainmenu h2{font-size:150%; color:#ffffff; font-family:Geneva, Arial, Helvetica, sans-serif; padding-left:20px;}

#mainmenu ul,#mainmenu ul ul{font-size:10pt; }
#mainmenu ul {padding-left:20px;margin-bottom:10px;}
#mainmenu ul ul{padding-left:0;margin-bottom:0;}

#mainmenu ul li a{width:285px; padding-left:10px; line-height:30px; heigh:30px; text-decoration:none; display:block; background:#ffffff;}

#mainmenu ul li a{border-left:5px solid #666666; border-bottom:1px solid #cccccc; background:#FFFAF0;}
#mainmenu ul li a:hover{ color:#ff3300; background:#000000; border-left:5px solid #ff3300;}
#mainmenu ul li ul li a{border-left:5px solid #cccccc; border-bottom:1px solid #cccccc; background:#ffffff; }
#mainmenu ul li ul li a:hover{ background:#666666; border-left:5px solid #ccff33; color:#ccff33;}

/*=========================================================
■事業詳細設定
===========================================================*/

/*==========================
　事業概要
============================*/

#outline{ padding:5px; margin:1em 0; font-size:90%; border:1px solid #cccccc;}
/*IE6hack*/
* html #outline{ padding:9px;}
#outline table {font-size:90%; width:708px; border-collapse:collapse; line-height:150%;}

/*IE6hack*/
* html #outline table {font-size:90%; width:700px; border-collapse:collapse; }

#outline td{ padding:2px 3px; border-bottom:1px solid #ffffff;  background:#e2effe; vertical-align:top; width:150px; }
#outline td.syosai{background:#ffffff; border-bottom:1px solid #cccccc; width:540px;}

#outline td.outtitle{ font-weight:bold; border-top:2px solid #BBD9FD; border-bottom:3px double #666666; width:690px; background:url(../images/outback.gif) repeat;font-size:110%; color:#333333;}

#photos img{margin-bottom:15px;}
#photos p { font-size:90%; color:#666666; text-align:center; background:url(../images/h4back.gif) repeat;}
#photounder4 {margin-left:0;}
#photounder3 {margin-left:180px;}
* html #photounder3 {margin-left:190px;}
#photounder3 img,#photounder4 img{float:left; margin-right:15px; margin-bottom:5px; }

.photounder5 { margin:0 auto 10px auto;}
.photounder5 img{float:left; margin-left:10px; margin-bottom:10px;}

/*IE6hack*/
*html #photounder3 img{margin-right:10px;}


.moviedl   { width:160px; height:60px; clear:both; margin-bottom:10px;}
.moviedl a { width:160px; height:60px; display:block; background: url(../images/moviedl.gif) no-repeat 0 0; text-indent:-9999em;}
.moviedl a:hover { background:url(../images/moviedl.gif) no-repeat 0 -60px;}

/*==========================
　事業メニュー
============================*/

#projectnavi {border:1px solid #666666; margin-bottom:10px;}
#projectnavi ul {background:#cccccc; padding-bottom:10px;} 
#projectnavi ul li a { border:none;}
#projectnavi ul li strong {display:block; background:#666666; color:#FFFAF0; padding-left:10px; font-weight:bold;}
#projectnavi ul ul , #projectnavi ul ul ul{ border:none; padding-bottom:0px;}
#projectnavi ul li ul li{background:#ffffff; margin-left:10px;  margin-right:10px; font-size:90%; font-weight:normal; border:none;}
#projectnavi ul ul ul{ background:#FFFFFF;margin-left:1em;}
#projectnavi ul ul ul li{ list-style:circle; margin-left:2em;}

#projectnavi ul li ul li a{display:block;  background:#ffffff; padding-left:10px;}
/*IE6hack*/
* html #projectnavi ul li ul li a{height:24px; line-height:24px;}

#projectnavi ul li ul li a:hover{background:#cccccc; color:#FF0000;}


/*==========================
　はじめになど概要
============================*/
#content {padding:0 0 0 10px;}
#content p{text-indent:0; font-size:90%;}
#content p.rig{text-align:right; margin-top:1em;}
#content p.cap { text-indent:0; font-size:80%; margin-bottom:0.5em;}

#content table{ border-collapse:collapse; font-size:90%; line-height:110%;}
#content table table{ border-collapse:collapse; font-size:100%; line-height:110%;}
#content table td{ padding-right:0.5em; vertical-align:top; border-collapse:collapse;}
#content table td.tbol{ font-weight:bold; }

#content table.gr2{border-left:1px solid #ffffff;}
#content table.gr,#content table.gr2{border-top:2px solid #666666;border-bottom:2px solid #666666; line-height:150%;}

#content table.gr caption,#content table.gr2 caption,#content table.gr3 caption{ text-align:right;}
#content table.gr td,#content table.gr2 td,#content table.gr3 td{ border-bottom:1px solid #666666; white-space:nowrap;}
#content table.gr td.tdright{text-align:right;padding-right:0.5em;}
#content table.gr td.tdcenter{ text-align:center; border-left:1px solid #666666;padding:0 0.75em;}

#content table.gr2 td{ text-align:center; border-left:1px solid #666666; padding:0 0.75em;}
#content table.gr2 th {text-align:center;  padding:0 0.75em; font-weight:normal;border-bottom:1px solid #666666;}
#content table.gr td.tdright2{ border-left:1px solid #666666; text-align:right;  padding:0 0.75em;}



#content ul{padding-left:1em; margin-left:1em; font-size:95%;}
#content ul li{ list-style:circle;}

/*情報サービス*/
div.infoti { font-size:90%; border-bottom:1px dotted #cccccc; margin:0.5em 0;}

/*映像音響*/
#content table.gr3 {border-top:2px solid #666666; border-bottom:2px solid #666666; line-height:150%;}
#content table.gr3 {font-size:80%;}
#content table.gr3 th,#content table.gr4 th,#content table.gr5 th{background:#FFFAF0;font-weight:normal; border-left:1px solid #666666;border-bottom:1px solid #666666;}
#content table.gr3 th{width:6em;}
#content table.gr3 td,#content table.gr4 td,#content table.gr5 td,#content table.gr5-2 td{border-left:1px solid #666666;border-bottom:1px solid #666666; text-align:center; padding:0;}
#content table.gr3 .genre{width:6em; background:#FFFAF0; border-left:none;}

#content table.gr3_2 { line-height:150%;}
#content table.gr3_2 {font-size:80%;}
#content table.gr3_2 th{background:#FFFAF0;font-weight:normal; border-left:1px solid #666666;border-bottom:1px solid #666666;}
#content table.gr3_2 th{width:6em;border-top:2px solid #666666; }
#content table.gr3_2 td,#content table.gr4 td,#content table.gr5 td,#content table.gr5-2 td{border-left:1px solid #666666;border-bottom:1px solid #666666; text-align:center; padding:0;}
#content table.gr3_2 .genre{width:6em; background:#FFFAF0; border-left:none;}
#content table.gr3_2 .bottomt {border-bottom:2px solid #666666;}
#content table.gr3_2 .clearb { background:#fff; border:none; white-space:nowrap; }




/*教材*/
#content table.gr4 {border-top:2px solid #666666;border-bottom:2px solid #666666; line-height:150%;margin-bottom:0.5em;}
#content table.gr4{font-size:80%;}
#content table.gr4 th{width:6em;}
#content table.gr4 th.gr4-9{width:9em;}
#content table.gr4 .genre{width:8em; background:#FFFAF0; border-left:none;}



/*バリアフリー情報提供*/
#content table.gr5,#content table.gr5-2,#content table.gr6 {border-top:2px solid #666666;border-bottom:2px solid #666666; line-height:150%;margin-bottom:0.5em;}

#content table.gr5,#content table.gr5-2,#content table.g6{font-size:80%;}
#content table.gr5 th,#content table.gr5 td{width:9em;}
#content table.gr5 .genre{width:9em; background:#FFFAF0; border-left:none;}

#content table.gr5-2 th,#content table.gr5-2 td{width:50%;}
#content table.gr5-2 .genre{width:50%; background:#FFFAF0; border-left:none;}

#content table.gr6 td{width:50%; border-left:1px solid #666666;border-bottom:1px solid #666666; vertical-align:middle; padding:0 0.5em;}
#content table.gr6 td.genre{ border-left:none;}

/*図書館*/

#content table.lib{ width:100%; font-size:90%; border-top:2px solid #666666;border-bottom:2px solid #666666; line-height:150%; margin-bottom:20px;}
#content table.lib th{background:#FFFAF0;font-weight:normal; border-left:1px solid #666666;border-bottom:1px solid #666666; width:14%;　padding:0 0.5em;}
#content table.lib td{ border-left:1px solid #666666;border-bottom:1px solid #666666; vertical-align:middle; padding:0 0.5em; text-align:right;}
#content table.lib .genrelib{border-left:none; text-align:left; background:#FFFAF0;}


/*刊行物*/
#title2 { border:1px solid #BBD9FD; margin:1em 0; background:url(../images/h3back.gif) repeat; padding:5px; font-size:150%; font-weight:bold;}



/*===== floatバグ対策 =====*/
.clearfix:after { height: 0; display: block; clear: both; visibility: hidden; overflow: hidden; content:"."; }

/*= win IE v5/v6> =*/
@media all { * html .clearfix { height:1%; } }

/*= win IE7 =*/
*:first-child+html .clearfix { overflow: hidden; }

/*= mac IE v5> =*/
* html>body .clearfix { display: inline-block; }