/*===== 共通設定 =====*/
html { margin: 0; padding: 0; }
body { width: 100%; margin: 0; padding: 0; color: #fff; background:#000 ; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, address, img, hr, div { margin: 0; padding: 0; font-style: normal; font-size: 100%; }
h2, h3 { font-size: 90%; clear: both; }
h4, h5 { font-size:85%;}
h6 { font-size: 80%; clear: both; }
p, address, blockquote, table { font-size: 80%; line-height: 1.5em; }
ul, ol, dl  { font-size: 80%;  }
a img ,li a,li a:hover,li a:visited,li a:active{ text-decoration: none; border:none;  outline: none;-moz-outline-style: none;}
img { display: block; }
hr { clear: both; visibility: hidden; }

a:link { color: #FFFFCC; }
a:visited { color: #FFFFCC;  }
a:hover { color: #fff; }
a:active { color: #fff; outline: none;}
a:focus {
-moz-outline-style: none;
}

#container { width:800px; margin:0; }



/*===== ヘッダー設定 =====*/
#header { width: 800px; height:130px; display:block; padding:0; overflow: hidden; background: url(../images/titleh1-2.jpg) no-repeat 0 0; }

#header h1 { margin: 0; display:block; width: 600px; height: 98px; text-indent:-9999em;}
#header h1 a:hover { background: none; }


#header_navi { width:170px; height: 17px; margin-left:370px;}
#header_navi ul { list-style: none; overflow: hidden; }
#header_navi li { float: left; text-indent: -9999px;}
#header_navi li a {width: 80px; height: 17px; display: block; text-decoration: none; margin-right:5px;}
#header_navi li#home a { width: 80px;background:url(../images/navi_glo.gif) no-repeat -80px 0; }
#header_navi li#home a:hover { background:url(../images/navi_glo.gif) no-repeat -80px -17px; }
#header_navi li#english a { width: 80px; background:url(../images/navi_glo.gif) no-repeat 0 0;}
#header_navi li#english a:hover { background:url(../images/navi_glo.gif) no-repeat 0 -17px; }

#search { margin-top: 10px; padding-right: 5px; float: right; }
#box { width:140px; }


/*===== ビジュアル設定 =====*/
#visual {  }



/*===== メイン設定 =====*/
#wrapper { width: 800px; margin: 0; padding: 0; background: url(../images/bg_wara.gif) repeat-x;}
#content {  width: 530px; float:right; }

#content_body { width: 520px; margin-top: 15px; margin-right:10px;}
#content_body h2 {  }
#content_body h2 a { }
#content_body h3 { width:520px; height:25px; line-height:25px; display:block; clear:both; margin-top: 10px; padding: 3px 5px; background:url(../images/bg_h3.gif) no-repeat 0 center; color: #fff; font-size:11pt;}
#content_body h3 a { color: #666; }
#content_body h4 { margin-top: 15px; padding: 2px 5px; background:url(../../images/bg_h4.gif); }
#content_body h4 a { color: #000; }
#content_body h5 { margin-top: 15px; padding: 2px 5px; border-bottom:1px dotted #003399; }
#content_body h6 { margin-top: 10px; padding: 2px 0; }

#content_body p { margin-top: 10px; }
#content_body p.right { text-align: right; clear: both; }

#content_body h3, #content_body h4, #content_body h5, #content_body h6 { clear: both; }
#content_body p+p { margin-top: 10px; } 
#content_body h2+h3, #content_body h3+h4, #content_body h4+h5, #content_body h5+h6 { margin-top: 10px; } 
#content_body h5+p, #content_body h6+p { margin-top: 0; } 
#content_body h5+ul, #content_body h6+ul { margin-top: 0; } 
#content_body h5+ol, #content_body h6+ol { margin-top: 0; } 
#content_body h5+table, #content_body h6+table { margin-top: 10px; } 

#content_body strong {  }

#content_body ul { margin: 10px 0 0 0; }
#content_body ul li { margin-top:5px; padding-left: 18px; list-style:none; background:url(../images/ul_list.gif) no-repeat 0 center; }

#content_body ol { margin: 10px 0 0 2em; }
#content_body ol li { line-height:150%;}

#content_body table { border-collapse:collapse; }
* html #content_body table { border-collapse:collapse; }
#content_body table th, #content_body table td { padding: 5px; border-bottom: 1px solid #666; border-left: 1px solid #333; }
#content_body table th { background: #333; white-space:nowrap; text-align:left; font-weight:normal; }


#content_body table table { margin-top: 0;  width: auto; border: none; }
#content_body table table th, #content_body table table td { padding: 0; border: none; white-space:nowrap; }


/*===== ナビゲーション設定 =====*/
#navi { width: 250px; }

#navi ul#local_navi { width: 250px; height: 460px; background: url(../images/navi_sub.gif) 0px 0px; overflow: hidden; list-style: none; padding-top:40px;}
#navi ul#local_navi li { text-indent:-9999px; }
#navi ul#local_navi li a { width: 250px; height: 40px; display: block; text-decoration: none; }
#navi ul#local_navi li#local_navi01 a:hover,
#navi ul#local_navi li#local_navi01 a.now { background: url(../images/navi_sub.gif) -250px -40px; }
#navi ul#local_navi li#local_navi02 a:hover,
#navi ul#local_navi li#local_navi02 a.now { background: url(../images/navi_sub.gif) -250px -80px; }
#navi ul#local_navi li#local_navi03 a:hover,
#navi ul#local_navi li#local_navi03 a.now{ background: url(../images/navi_sub.gif) -250px -120px; }
#navi ul#local_navi li#local_navi04 a:hover,
#navi ul#local_navi li#local_navi04 a.now { background: url(../images/navi_sub.gif) -250px -160px; }
#navi ul#local_navi li#local_navi05 a:hover,
#navi ul#local_navi li#local_navi05 a.now { background: url(../images/navi_sub.gif) -250px -200px; }
#navi ul#local_navi li#local_navi06 a:hover,
#navi ul#local_navi li#local_navi06 a.now { background: url(../images/navi_sub.gif) -250px -240px; }
#navi ul#local_navi li#local_navi07 a:hover,
#navi ul#local_navi li#local_navi07 a.now { background: url(../images/navi_sub.gif) -250px -280px; }
#navi ul#local_navi li#local_navi08 a:hover,
#navi ul#local_navi li#local_navi08 a.now { background: url(../images/navi_sub.gif) -250px -320px; }

#navi address { margin-top: 15px; }

#navi p { margin-top: 10px; padding-left: 12px; background: url(http://htrc.eng.tohoku-gakuin.ac.jp/common/images/bg_dl_li_info.gif) no-repeat left center; }



/*===== ボタン設定 =====*/
#up_btn { margin: 5px 0 0 0; float: right; clear: both; }
#up_btn p {  }
#up_btn p a { width: 90px; height: 20px; background: url(../images/up_btn.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; }
#up_btn p a:hover { background: url(../images/up_btn.gif) no-repeat 0 -20px; }

#btn_btm { margin:5px 5px 0 0; float: right; clear: both; }

#up_btn_btm { float: left;}
#up_btn_btm p { }
#up_btn_btm p a { width: 90px; height: 20px; background: url(../images/up_btn.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; }
#up_btn_btm p a:hover { background: url(../images/up_btn.gif) no-repeat 0 -20px; }


#prev_btn { float: left;  margin-right:5px;}
#prev_btn p { }
#prev_btn p a { width: 45px; height: 20px; background:url(../images/prev_btn.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; }
#prev_btn p a:hover { background: url(../images/prev_btn.gif) no-repeat 0 -20px; }
/*
#next_btn { float: left; }
#next_btn p { }
#next_btn p a { width: 86px; height: 20px; background: url(../images/next_btn.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; }
#next_btn p a:hover { background: url(../images/next_btn.gif) no-repeat 0 -23px; }
*/


/*===== フッター設定 =====*/
#footer { width: 100%; height:80px; background: url(../images/bg_footer.gif) repeat-x 0 0; clear: both; }
#footer_body { width: 800px; height: 25px; margin:0; padding:30px 0 0 20px; }
#footer_body p { font-size: 10px; color:#fff; }
#footer_body p.copyright {  }

/*==============================
News　Arc
================================*/
#news_contents { }
h2+#news_left {margin:0;}
#news_left {  margin:0; font-size: 80%; line-height: 1.5em;  }
#news_left h4 { margin-bottom:1em;}
/*#news_right {width:120px; float:right; background:url(../images/arcive_back.gif) no-repeat 0 0; margin-top:10px; padding:0;}
#news_right h4 { background:none; padding:0; margin:5px;font-size:10pt; font-weight:normal;}
#news_right ul{padding:0 0 1em 0; background:#000;}*/
#news_left .news_navi {font-size:10pt; margin:1.5em 0; line-height:150%; border-top:1px dotted #333;}
#news_left .news_navi a { text-decoration:none; }

#content_body #news_contents #news_left dl {  font-size: 90%;line-height:150%; margin:1em;}
#content_body #news_contents #news_left dl dt { border-bottom:1px dotted #666;}
#content_body #news_contents #news_left dl dd {margin-left:1em; margin-bottom:0.5em;}

/*==============================
greeting
================================*/

div.himg {margin:10px 0;}

div.tercher { width: 520px; clear:both; margin:10px 0 20px 0; display:block;}
div.tercher img {float:left;}
div.tercher table { width:380px;float:right;}

#content_body div.tercher table { border-collapse:collapse; }
#content_body div.tercher table th, #content_body table td { padding: 5px; border-bottom: 1px solid #666; border-left: 1px solid #333; }
#content_body div.tercher table th { background: #333; white-space:nowrap; text-align:left; font-weight:normal; width:7em; }
#content_body div.tercher table th.name { width:380px;background: #ccc;color:#000; }
div.tercher table strong { font-size:120%; }

#content_body ul.tercherlist {margin:1em 0; background:none;}
#content_body ul.tercherlist li{ float:left; margin:0; text-align:center;  background:none; line-height:180%; }


/*=======================================
　Equioment
========================================*/

#content_body ul.equip { padding:0; margin:10px 0; clear:both;}
#content_body ul.equip li { float:left; padding:0; margin:5px 0 10px 5px; background:#FFFFFF; } 

#content_body ul.equip li a{width:165px; height:135px; display:block; text-indent:-999em; }

#content_body ul.equip li#eq01 a { background:url(../../equipment/images/localnavi/eqip-off.jpg) no-repeat 0 0;}
#content_body ul.equip li#eq02 a { background:url(../../equipment/images/localnavi/eqip-off.jpg) no-repeat -170px 0;}
#content_body ul.equip li#eq03 a { background:url(../../equipment/images/localnavi/eqip-off.jpg) no-repeat 0 -140px;}
#content_body ul.equip li#eq04 a { background:url(../../equipment/images/localnavi/eqip-off.jpg) no-repeat -170px -140px;}
#content_body ul.equip li#eq05 a { background:url(../../equipment/images/localnavi/eqip-off.jpg) no-repeat -340px -140px;}
#content_body ul.equip li#eq06 a { background:url(../../equipment/images/localnavi/eqip-off.jpg) no-repeat 0 -280px;}
#content_body ul.equip li#eq07 a { background:url(../../equipment/images/localnavi/eqip-off.jpg) no-repeat -170px -280px;}
#content_body ul.equip li#eq08 a { background:url(../../equipment/images/localnavi/eqip-off.jpg) no-repeat -340px -280px;}
#content_body ul.equip li#eq09 a { background:url(../../equipment/images/localnavi/eqip-off.jpg) no-repeat 0 -420px;}
#content_body ul.equip li#eq10 a { background:url(../../equipment/images/localnavi/eqip-off.jpg) no-repeat -170px -420px;}
#content_body ul.equip li#eq11 a { background:url(../../equipment/images/localnavi/eqip-off.jpg) no-repeat -340px -420px;}


#content_body ul.equip li#eq01 a:hover { background:url(../../equipment/images/localnavi/eqip-on1.gif) no-repeat 0 0;}
#content_body ul.equip li#eq02 a:hover { background:url(../../equipment/images/localnavi/eqip-on2.gif) no-repeat 0 0;}
#content_body ul.equip li#eq03 a:hover { background:url(../../equipment/images/localnavi/eqip-on3.gif) no-repeat 0 0;}
#content_body ul.equip li#eq04 a:hover { background:url(../../equipment/images/localnavi/eqip-on4.gif) no-repeat 0 0;}
#content_body ul.equip li#eq05 a:hover { background:url(../../equipment/images/localnavi/eqip-on5.gif) no-repeat 0 0;}
#content_body ul.equip li#eq06 a:hover { background:url(../../equipment/images/localnavi/eqip-on6.gif) no-repeat 0 0;}
#content_body ul.equip li#eq07 a:hover { background:url(../../equipment/images/localnavi/eqip-on7.gif) no-repeat 0 0;}
#content_body ul.equip li#eq08 a:hover { background:url(../../equipment/images/localnavi/eqip-on8.gif) no-repeat 0 0;}
#content_body ul.equip li#eq09 a:hover { background:url(../../equipment/images/localnavi/eqip-on9.gif) no-repeat 0 0;}
#content_body ul.equip li#eq10 a:hover { background:url(../../equipment/images/localnavi/eqip-on10.gif) no-repeat 0 0;}
#content_body ul.equip li#eq11 a:hover { background:url(../../equipment/images/localnavi/eqip-on11.gif) no-repeat 0 0;}


div.equip-title {margin:0;}
#content_body div.equip-title h2+h3 {margin:0;}
#content_body div.equip-title h3 { margin-top:8px; text-indent:-999em; background:none; border:0;}



#content_body div#eqt01 { background:url(../../equipment/images/titleback/eqt01.jpg) no-repeat 0 0; width:510px;  display:block;}
#content_body div#eqt02 { background:url(../../equipment/images/titleback/eqt02.jpg) no-repeat 0 0; width:510px;  display:block;}
#content_body div#eqt03 { background:url(../../equipment/images/titleback/eqt03.jpg) no-repeat 0 0; width:510px;  display:block;}
#content_body div#eqt04 { background:url(../../equipment/images/titleback/eqt04.jpg) no-repeat 0 0; width:510px;  display:block;}
#content_body div#eqt05 { background:url(../../equipment/images/titleback/eqt05.jpg) no-repeat 0 0; width:510px;  display:block;}
#content_body div#eqt06 { background:url(../../equipment/images/titleback/eqt06.jpg) no-repeat 0 0; width:510px;  display:block;}
#content_body div#eqt07 { background:url(../../equipment/images/titleback/eqt07.jpg) no-repeat 0 0; width:510px;  display:block;}
#content_body div#eqt08 { background:url(../../equipment/images/titleback/eqt08.jpg) no-repeat 0 0; width:510px;  display:block;}
#content_body div#eqt09 { background:url(../../equipment/images/titleback/eqt09.jpg) no-repeat 0 0; width:510px;  display:block;}
#content_body div#eqt10 { background:url(../../equipment/images/titleback/eqt10.jpg) no-repeat 0 0; width:510px;  display:block;}
#content_body div#eqt11 { background:url(../../equipment/images/titleback/eqt11.jpg) no-repeat 0 0; width:510px;  display:block;}

#content_body div.equip-title img#sp { float:left; width:200px; height:180px;}
#content_body div.equip-title img.qm { float:right; width:180px; height:120px; margin:0 0 15px 8px; clear:right;}
#content_body div.equip-title img.qmp { float:right; width:400px;  margin:0;}

#content_body div.equip-title p {margin:0;}
#content_body div.equip-title p.qmt {margin-top:30px;}
#content_body div.equip-title img.qm+p {margin:0;}

#content_body div#eqip_spe {margin-top:1em;margin-bottom:1em;padding:0 1em 0.5em 1em; border:#333333 1px solid;}


/*===== ポップアップ 写真拡大設定 =====*/

a.popup { }
a.popup span { display: none; }
a.popup:hover { display: inline; position:relative; }
a.popup:hover span {  display: block; text-decoration: none;  position: absolute; padding:0; left:0; width:510px; text-align:right; z-index:100;  top:0;}

html:first-child a.popup:hover span {display: block; text-decoration: none;  position: absolute; padding:0; left:270px; width:510px; top:390px; z-index:100;}


/*=======================================
　Reserch
========================================*/

div#reseach_listl { float:left; width:250px;margin:0 0 10px 0;}
div#reseach_listr { float:right; width:250px;margin:0 0 10px 0;}
div#reseach_listr ul,div#reseach_list ul,div#reseach_listl ul { font-family:monospace; font-size:14px; margin-bottom:1em;}
div#reseach_list ul li,div#reseach_listr ul li,div#reseach_listl ul li{height:18px; line-height:18px; }

div#reseach_menu {border:1px solid #000; background:#333; padding:5px; margin:0;}
div#reseach_menu p {margin:0;}
div#reseach_menu form {margin:0;}
div#reseach_menu select { border:1px solid #333; background:#ccc; color:#000; margin-right:5px;}

#content_body table.research_table { margin-top:10px;  }
#content_body table.research_table th,#content_body table.research_table td { border:#999999 1px solid; padding:2px; vertical-align:top; }
#content_body table.research_table th {white-space:nowrap;}

#content_body table.research_table th.writer {width:240px;}
#content_body table.research_table th.problem{width:240px;}

#content_body table.research_table td.t_space      { border:none; height:10px;}

#content_body table.research_table td.kome         { border:none;  width:10px;}
#content_body table.research_table td.society_date { white-space:nowrap;}


/*=====
 sitemap
===============*/

ul#sitemaps {}
ul#sitemaps li {margin:1em 0; font-size:11pt; background:url(../images/ul_list_sitemap.gif) no-repeat 0 0;}
ul#sitemaps li h4 {font-size:10pt;}
ul#sitemaps li ul li { background:none; padding:0 0 0 1em;font-size:10pt;}

/*2009 10 10 ishida*/

#content_body div.articledata
	{
	font-size:small;
	margin-top: 15px;
	padding: 2px 5px;
	border-bottom:1px dotted #003399;
	}

#content_body div.articledata b
	{font-weight: bold;}

#content_body div.articlenavi
	{
	display:block; 
	clear:both; 
	font-size:small;
	margin-top: 15px; 
	margin-bottom: 15px;
	padding: 2px; 
	border-top:1px dotted #333333;
	}

/*=======================================
　Contact
========================================*/
table#contact_table  { border:none; margin:20px 0; width:520px; }
table#contact_table td  { white-space:nowrap; background:none; border:0px; border-bottom:1px dotted #666666;}
table#contact_table td input ,table#contact_table td textarea {border:1px solid #666; background:#fff;}

table#contact_table td input#submit_td { background: url(../images/submit.gif) no-repeat 0 0; width:150px; text-indent:-999em;height:30px; border: none; cursor: pointer; line-height: 999px;}
table#contact_table td input:hover#submit_td,table#contact_table td input:active#submit_td { background:url(../images/submit.gif) no-repeat 0 -30px;}

table#contact_table td#contact_submit{text-align:right;}


/*===== 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; }



/*PNG透明*/
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }