@charset "UTF-8";
/* CSS Document */

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,th,td,img{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
a{overflow:hidden;}

/* body */
body{font:13px/1.231 Verdana,Arial,sans-serif; *font-size:small; *font:x-small; letter-spacing:0; color:#222222; background:#F8F8F8; line-height:1.6;}
table{font-size:inherit; font:100%;}
* html body {font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;}

/* 10px = 77% 11px = 85% 12px = 93% 13px = 100% 14px = 108% 15px = 116% 16px = 123.1% 17px = 131% 18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6% 22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% */

hr{clear:both; height:1px; background-color:#999999; border:none; width:100%; margin:20px 0;}

/* link */
a:link{color:#6683BA;}
a:visited{color:#6683BA;}
a:hover{color:#ff9933; text-decoration:none;}
a:active{color:#6683BA;}

#wrapper{width:940px; margin:0 auto; text-align:left; background-color:#FFFFFF; border:1px solid #999999;}
#navtop{width:940px; height:480px; background-image:url("../../images/top.jpg"); margin:0; padding:0;}

/* headnavi-s */
#headnavi-s{float:right; margin:30px; color:#FFFFFF; font-weight:bold;}
#headnavi-s li{display:inline; margin-right:10px; padding-right:10px; border-right:1px solid #FFFFFF;}
#headnavi-s li:last-child{border:none;}

#headnavi-s a:link{color:#FFFFFF; text-decoration: none;}
#headnavi-s a:visited{color:#FFFFFF; text-decoration: none;}
#headnavi-s a:hover{color:#CD1856; text-decoration: none;}
#headnavi-s a:active{color:#FFFFFF; text-decoration: none;}

/* ナビゲーション */
.dropnavi ul{list-style-type:none; margin:0; padding:0;}
.dropnavi img{border:none;}
.dropnavi ul.topmenu{width:940px; height:32px;}
.dropnavi ul.topmenu li{float:left; position:relative;}
.dropnavi ul.topmenu li.topmenu01{width:103px;}
.dropnavi ul.topmenu li.topmenu02{width:148px;}
.dropnavi ul.topmenu li.topmenu03{width:126px;}
.dropnavi ul.topmenu li.topmenu04{width:125px;}
.dropnavi ul.topmenu li.topmenu05{width:186px;}
.dropnavi ul.topmenu li.topmenu06{width:126px;}
.dropnavi ul.topmenu li.topmenu07{width:126px;}
.dropnavi ul.topmenu li a{display:block; width:100%; height:100%;}

/* サブメニュー階層は通常は非表示 */
.dropnavi ul.topmenu li.topmenu02.off ul{display:none;}
.dropnavi ul.topmenu li.topmenu03.off ul{display:none;}

/* サブ階層部分 */
.dropnavi ul.topmenu li ul.submenu02{
	width:200px;
	position:absolute;
	top:32px;
	left:-1px;
}
.dropnavi ul.topmenu li ul.submenu02 li{
	height:30px;
	clear:both;
}

.dropnavi ul.topmenu li ul.submenu03{
	width:392px;
	position:absolute;
	top:32px;
	left:-1px;
}
.dropnavi ul.topmenu li ul.submenu03 li{
	height:30px;
	clear:both;
}

/* コンテンツページナビ */
#nav{width:940px; height:175px; background-image: url("../images/head.gif");}
#hysut{float:left; width:195px; height:175px;}

#nav1{float:right; text-align:right; margin:30px; color:#FFFFFF; font-weight:bold;}
#nav1 ul{list-style:none;}
#nav1 li{display:inline;}

#nav1 a:link{color:#FFFFFF; text-decoration: none;}
#nav1 a:visited{color:#FFFFFF; text-decoration: none;}
#nav1 a:hover{color:#CD1856; text-decoration: none;}
#nav1 a:active{color:#FFFFFF; text-decoration: none;}

.nl{color:#CD1856;}
.nl2{color:#CD1856; font-weight:bold;}

/* contents */
#contents {width:940px; margin:30px 0; padding:0; background:#FFFFFF url(../images/back940.png) repeat-y;}
/* main_area */
#main_area {float:right; width:540px; margin:0 30px 20px 30px;}
/* sub_area */
#sub_area {float:left; width:340px; margin:0;}

#contents h1 {font-size:174%; font-weight:bold; color:#6d83b9; background-image:url("../images/bg_h1.gif"); background-position:bottom;background-repeat:repeat-x; margin:20px 0; padding-bottom:2px;}

div.bs h1{font-size:174%; font-weight:bold; color:#6d83b9; background-image:url("../images/bg_h1.gif"); background-position:bottom;background-repeat:repeat-x; margin:20px 0; padding-bottom:2px;}

/* パンくずリスト */
#topicpath {margin:10px 0;}  
#topicpath li {display:inline; line-height:1.6; list-style-type:none;}  
#topicpath li a {padding-right:15px; background:url(../images/topicpath.png) no-repeat right center;}
#topicpath li a.topicpath2 {padding-right:15px; background:url(../images/topicpath2.png) no-repeat right center;}

/* トップページ */
#c-top{clear:both; width:880px; margin:25px auto;}
#banner{float:left; width:340px;}
.bimg{margin-bottom:10px;}

#topics{float:right; width:520px;margin-left:20px; margin-bottom:20px;}

div #topics1{line-height:1.8; height:15em; overflow:auto; border:#999999 1px solid; padding:8px; zoom:1;}
div #topics1 dt{float:left; clear:both; width:100px; color:#666666; font-weight:bold;}
div #topics1 dd{padding-left:100px;}
div #topics2{text-align:right; margin:10px;}

#tophysut{width:200px; padding:10px; margin-top:50px; background-color:#ECECEC;}
#tophysut2{
background-image:url("../images/logo.png");
background-repeat:no-repeat;
background-color:#ECECEC;
width:87px;
height:34px;
margin-bottom:5px;
padding:0;
text-indent: -9999px;
display: block;
}

/* Topics一覧 */
#topicsall ul {margin:20px 0; font-weight:bold;}
#topicsall ul li {display:inline; margin-left:10px; padding-left:10px; border-left:1px solid #007BB4;}
#topicsall ul li:last-child {margin-right:10px; padding-right:10px; border-right:1px solid #007BB4;}

#topicsall dl{padding:15px 0; border-bottom:dashed 1px #999999; line-height:1.4;}
#topicsall dt{width:530px; background-color:#E1E7F4; padding:0 5px; font-weight:bold; line-height:2.3;}
#topicsall dd{margin:10px;}
.new{color:#F7100B;}
.photo_1{margin:20px 0;}
.photo_2{margin-bottom:20px;}

/* 理事長あいさつ */
#message p{text-indent:1em; margin-bottom:1em; line-height:1.8;}
#photo{float:left; margin-right:15px;}
.te2{text-align:right;}

/* 水素供給・利用技術研究組合の概要 */
#profile table{width:540px; border:5px solid #dddddd; border-collapse:collapse; border-spacing:0; margin-bottom:20px; line-height:1.6;}
#profile table th{width:70px; padding:8px 15px; background:#FFFF99; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; vertical-align:top; color:#555555; text-align:left; letter-spacing:1px; vertical-align:top; font-weight:bold;}
#profile table td{padding:8px 15px; background:#FFFFFF; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; vertical-align:top;}
#profile ul{list-style-type:disc; list-style-position:outside; margin-left:1em;}

/* アクセス */
#access{margin-top:10px;}
.img{margin:30px;}

/* 事業内容 */
#waku{width:520px; border:5px solid #dddddd; padding:10px;}
#waku ul{list-style-type:disc; margin-left:2em; margin-bottom:1em;}
#waku li{margin-bottom:2em;}

#business2009-2010 p{text-indent:1em; margin-bottom:1em;}
#business2009-2010 p.noinde{text-indent:0; margin-bottom:1em;}
#business2009-2010 h2{font-weight:bold; margin-bottom:10px;}

#business2009-2010 ol{list-style-type:decimal; margin-left:2em; margin-bottom:1em;}
#business2009-2010 dl{margin-bottom:1em;}
#business2009-2010 dt{margin-top:1em;}
#business2009-2010 dd{margin-left:1em;}

#business2013 p{text-indent:1em; margin-bottom:1em;}
#business2013 p.noinde{text-indent:0;}
#business2013 h2{font-weight:bold; margin-bottom:10px;}
#business2013 ul{line-height:1.6; margin-bottom:6px;}
#business2013 li{border-bottom:1px #CCCCCC solid; padding:1px 0;}

#business2013 dl{margin:1em 0;}
#business2013 dt{font-weight:bold; margin:5px 0;}
#business2013 dd{margin-left:1em;}
#business2013 h3{font-size:normal; font-weight:bold; margin-bottom:0.5em;}
.head1{padding-top:20px;}

/* 北九州水素タウン */
#kita dl{margin:0 0 10px 0; padding:0;}
#kita dt{font-weight:bold;}
#kita dd{margin:0; padding:5px; text-indent:1em;}

/* 燃料電池バスFCHV-BUS */
#fchvbus table{width:540px; border:5px solid #dddddd; border-collapse:collapse; border-spacing:0; margin-bottom:20px; line-height:1.6;}
#fchvbus table td{padding:5px; background:#FFFFFF; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; vertical-align:top; text-align:center;}

/* 燃料電池自動車 */
.carlink{padding:5px; border:1px solid #999999;}

/* 水素ステーション */
#hydrogen-st ul{line-height:2.2; margin-bottom:1em;}
#hydrogen-st li{text-indent:1em;}

#hydrogen-st table{width:540px; border:5px solid #dddddd; border-collapse:collapse; border-spacing:0; margin-bottom:20px; line-height:1.6;}
#hydrogen-st table td{padding:5px; background:#FFFFFF; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; vertical-align:top;}

.hydrogen-st ul{line-height:2.2; margin-bottom:1em;}
.hydrogen-st li{text-indent:1em;}

.hydrogen-st table{width:540px; border:5px solid #dddddd; border-collapse:collapse; border-spacing:0; margin-bottom:20px; line-height:1.6;}
.hydrogen-st table td{padding:5px; background:#FFFFFF; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; vertical-align:top;}

.maru1{color:#0000FF; font-size:150%;}
.maru2{color:#FFC000; font-size:150%;}
.title1{text-align:center; font-weight:bold; font-size:123%;}
.title2{font-weight:bold; font-size:118%;}
.systemflow{text-align:center; padding:20px 0;}

#reference-st ul{line-height:2.2; margin:10px; list-style-type:disc; list-style-position:inside;}
#reference-st li{text-indent:5em; margin-top:1em;}

/* 情報発信 */
#information h2{font-weight:bold; margin:10px 0;}
ul.pdf{line-height:2;}
ul.pdf li{background:url("../images/pdficon_small.png") no-repeat center left; margin-left:20px; margin-bottom:5px; padding-left:20px;}
ul.pdf li.pdf2{background:url("../images/pdficon_small.png") no-repeat 0 3px; margin-left:20px; margin-bottom:10px; padding-left:20px; line-height:1.6;}

div.moviedata{clear:both; width:540px;}
img.p-movie{float:left; margin-bottom:20px; border:1px #999999 solid;}
ul.movie{float:right; width:300px; margin-right:10px; line-height:1.8;}
ul.movie li.play{background:url("../images/window2.png") no-repeat center left; padding-left:20px; margin-top:20px;}
li.movietitle{font-weight:bold;}

/* 普及に向けたシナリオ */
#outreach p{text-indent:1em; margin-bottom:1em; line-height:1.8;}
.bs{clear:both; width:880px; margin:10px 30px 30px 30px;}
.bs ul{list-style:none; margin:0; padding:0;}
.bs li{margin:0; padding:0;}
.bs img{vertical-align:bottom;}

/* 公募情報 */
#publicoffer p{margin-bottom:30px; text-indent:1em;}
p.publicoffer1{padding-bottom:100px;}
#publicoffer h2{font-weight:bold; margin-bottom:3px;}

.publicoffernews{font-weight:bold; font-size:120%; margin-bottom:30px;}
.tema10{margin:10px;}
.temab60{margin-bottom:60px;}

#publicoffer table{width:540px; border:5px solid #dddddd; border-collapse:collapse; border-spacing:0; margin-bottom:10px; line-height:1.6;}
#publicoffer table td{padding:5px; background:#FFFFFF; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; vertical-align:top;}

ul.publicoffer2{margin:1em 0 30px 2em;}
.publicoffer2 li{list-style-type:decimal; list-style-position:outside;}
ul.publicoffer2-2{margin-top:1em; margin-bottom:30px; line-height:2;}
.publicoffer2-2 li{list-style-type:none; list-style-position:outside; margin-left:1em;}

.publicoffer3{margin-bottom:30px;}
.publicoffer3 dd{margin-bottom:1em;}
table.publicoffer4{width:100%; border:5px solid #dddddd; border-collapse:collapse; border-spacing:0; margin-bottom:20px; text-align:left;}
table.publicoffer4 th{font-weight:bold; padding:5px; border:1px solid #dddddd; background-color:#ededed;}
h2#publicoffer5{margin-bottom:1em;}
.publicoffer6{vertical-align:bottom;}
.word-s{padding:0 0 0 30px; background:url(../images/word-s.gif) no-repeat 0 75%;}

/* 関連リンク */
#link dl{line-height:2.2;}
#link dd{margin-left:5em;}

/* サイトマップ */
#sitemap{color:#999999;}
#sitemap ul{line-height:2.2;}
.sitemap1{text-indent:4em;}
.sitemap1-1{text-indent:4em; margin-top:1em;}
.sitemap2{text-indent:7em;}
.sitemap3{text-indent:10em;}
.sitemap4{text-indent:13em;}
.sitemap5{text-indent:16em;}

/* このページの先頭へ */
#back {text-align:right; padding-top:20px;}

/* footer-menu */
#footer-menu{clear:both; width:880px; margin:20px auto; padding:10px 0; border:#ECECEC 4px solid;}
#footer-menu a:link{text-decoration:none;}
.footer-title{padding-bottom:6px;}
#footer-menu li{padding-bottom:6px;}
#footer-menu1{float:left; width:240px; margin-left:20px;}
#footer-menu2{float:left; width:280px; padding-left:20px; border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;}
#footer-menu3{float:right; width:270px; margin-right:20px;}

/* footer */
#footer{clear:both;}

/* copyright */
#copyright{
background-image:url("../images/copyright.gif");
width:940px;
height:40px;
margin:0;
padding:0;
text-indent:-9999px;
display:block;
}

/* クリアフィックスハック */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* 2014.03追加 */
#business2013 ul{line-height:1.6; margin-bottom:6px;}
#business2013 li.no_line{border:none; padding:1px 0;}

/* 2015.04追加 */
.safetydb1{line-height:4; margin-bottom:300px; list-style-type:disc; list-style-position:inside;}