/***********************************************/
/* このスタイルシートは、トップページのみで使用*/
/***********************************************/

/*************************************************************/
/* 各テンプレート用のスタイルは、style/head_fooder.cssを使う */
/*************************************************************/

/***********************************************/
/* 下記の基本スタイル                          */
/* body                                        */
/* a:link                                      */
/* a:visited                                   */
/* a:hover                                     */
/* h1～h5                                      */
/* img                                         */
/***********************************************/

body{
	font-family: Arial, sans-serif;
	color: #333333;
	line-height: 1.3;
	margin: 0px;
	padding: 0px;
	font-size: 88%;
	text-align: center;
}

a:link{
	color: #3366FF;
}

a:visited{
	color: #006699;
}

a:hover{
	color: #FF0000;
}

h1{
 font-family: Verdana, Arial, sans-serif;
 font-size: 110%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
	font-family: Arial, sans-serif;
	color: #006699;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 105%;
}

h3{
	font-family: Arial, sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 100%;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
	list-style-type: square;
	margin: 10px;
	padding: 3px;
}

img{
	border: none;
}
/***********************************************/
/* 段組みスタイル                              */
/***********************************************/

#masthead{
	padding: 3px 3px 3px 1%;
	width: 100%;
}

#container {
	text-align: left;
	margin: 0 auto 0 1%;
	padding: 0px;
	width: 98%;
}

#navBar{
	width: 23%;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#content{
	width: 50%;
	float: left;
	line-height: 1.6em;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}
#headlines{
	width: 23%;
	margin: 0px;
	padding: 0px;
	float: left;
}


/***********************************************/
/* ヘッダー情報のレイアウト                    */
/***********************************************/

#head_message {
	font-size: 80%;
	color: #FFFFFF;
	background: #FF6699;
	padding-left: 10px;
	text-align: left;
	text-indent: 1%;
}
#webmaster {
	float: right;
	text-align: right;
	font-style: normal;
	color: #000000;
	font-size: 75%;
	margin-left: 15px;
	margin-right: 10px;
}

address {
	font-style: normal;
}

/************* 英語ページ、検索フォームのスタイル ***************/
#english{
	background: #FFFFFF;
	text-align: right;
}

#search{
	padding: 5px 0px 5px 10px;
	text-align: right;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	margin: 0px;
	padding: 0px;
}

/***********************************************/
/* グローバルナビのスタイル                    */
/***********************************************/

#globalNav{
	width: 100%;
	background: #3366FF;
	margin-bottom: 2px;
}

#globalNav img{
 display: block;
}
div#headerlink ul li { 
	display: inline;
	margin: 0 0 0 15px;
}
/* リスト全体 */
ul.pagelinks0 {
	margin: 0px;
	padding: 0px;
}
ul.pagelinks {
	margin: 0px;
	padding: 0px 0px 0px 1%;

}


/* 各項目の装飾 */
ul.pagelinks li {
	line-height: 1.5em;
	list-style-type: none;
	float: left;
	margin: 0.1em 0em 0em 0px;
	padding: 0px;
	text-align: center;
	border-top: 0px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-left: 0px solid #FFFFFF;
	border-bottom: 1px solid #999999;
}

/* リンクの装飾 */
ul.pagelinks li a {
	display: block;
	padding: 2px 7px 1px;
	text-decoration: none;

}
/* 未訪問リンクの色 */
ul.pagelinks li a:link {
	background: #CCCCCC url(image/grad_navbar.gif) repeat-x left bottom;
	text-decoration: none;

}
/* 既訪問リンクの色 */
ul.pagelinks li a:visited {
	background: #CCCCCC url(image/grad_navbar.gif) repeat-x left bottom;

}
/* マウスが載ったときの色 */
ul.pagelinks li a:hover {
	color: #000000;
	background: #FFFFCC;
}

.category6 {
	border-left: 10px solid gray;
	margin-top: 0px;
	margin-bottom: 0px;
		margin-right: 0px
}

/***********************************************/
/* パンクズリストのスタイル                    */
/***********************************************/

#breadCrumb{
	font-size: 95%;
	padding: 2px 0px 0 18px;
	margin-top: 2px;
	margin-bottom: 4px;
	font-weight: bold;
	text-align: left;
}

/***********************************************/
/* 左のサイドバーのスタイル                    */
/***********************************************/

#navBar ul a:link, #navBar ul a:visited {}
#submenu ul {list-style: none; margin: 0; padding: 0;}
#submenu li {
	border-bottom: 1px solid #EEE;
}
#submenu{
	padding: 0px;
	background: #BFC5D9;
	margin-right: 0px;
	margin-left: 0px;
	border: 1px solid #3366FF;
}

/*******************************************************************/
/* sectionLinks（下記の項目で使用）のスタイル                   　 */
/* 「防災・危機管理緊急情報」               　                  　 */
/* 「今日の名古屋港」　　　                 　                  　 */
/* 「アンケート・意見募集」                 　                  　 */
/*******************************************************************/

.sectionLinks{
	position: relative;
	margin: 3px;
	padding: 0px;
	border: 1px solid #8BB5FA;
	background: #FFFFFF;
	display: block;
	z-index: 1;
}

.sectionLinks h3{
	padding: 2px 3px;
	background: #E3E3E3;
	margin: 0px;
}

.sectionLinks p {
	padding: 5px;
	background: #FEFBE0;
	margin: 0px;
}

.sectionLinks a {
	display: block;
	padding: 2px 0px 2px 10px;
	width: 100%;
	text-decoration:none;
}

.sectionLinks a:hover{
	background: url(image/arrowRed.gif) no-repeat left center;
}

/*************************************************/
/* sectionLinks2（下記の項目で使用）のスタイル   */
/* 名古屋港管理組合の項目の　　　　　　　　　　  */
/* 「組織」　　　　　　　　　　　　　            */
/* 「契約関連」     　　　　　　　　　　　　　   */
/* 「制度・取り組み」　　　　　　　　　　　　　  */
/* 「防災情報」　　　　　　　　　　　　　　　　  */
/*************************************************/

.sectionLinks2{
	margin: 1px 0px;
	padding: 0px;
	border: 1px solid #8BB5FA;
}

.sectionLinks2 h3{
	padding: 2px 3px;
	background: #BBCED7;
	margin: 0px;
}

.sectionLinks2 p {
	padding: 3px;
	background: #FFFFFF;
	margin: 5px 10px;
}

.sectionLinks2 a {
	display: block;
	padding: 2px 0px 2px 10px;
}

.sectionLinks2 a:hover{
	background: #FFFFFF url(image/arrowRed.gif) no-repeat left center;
}

/************************************************/
/* sectionLinks4（下記の項目で使用）のスタイル  */
/* 「イベント・参加募集」　　　　　　　　　　　 */
/************************************************/

.sectionLinks4{
	position: relative;
	margin: 3px;
	padding: 0px;
	border: 1px solid #8BB5FA;
	background: snow;
	display: block;
	z-index: 1;
}

.sectionLinks4 h3{
	padding: 2px 3px;
	background: #E3E3E3;
	margin: 0px;

}

.sectionLinks4 a {
	display: block;
	padding: 2px 0px 2px 10px;
	width: 100%;
	text-decoration:none;
}

.sectionLinks4 a:hover{
	background: url(image/arrowRed.gif) no-repeat left center;
}

/*********** .lineは、STAR★LIGHT REVUE2009の項目でのみ使用 ***********/
.line{
	display: block;
	padding: 2px 0px 2px 10px;
	width: 100%;
	text-decoration:none;
	border-top:  1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}

/********************************************************************/
/* relatedLinks（下記の項目で使用）のスタイル　 　　　　　　　　　　*/
/* 施設紹介（名古屋港管理組合関連）の項目の　　　　　　　　　　　　 */
/* 「名古屋港水族館」　　　　　　　　　　　　　　　　　　　　　　　 */
/* 「名古屋港緑地保全協会」　　　　　　　　　　　　　　　　　　　　 */
/* 「名古屋港ゴルフ倶楽部」　　　　　　　　　　　　　　　　　　　　 */
/* 「新舞子ボートパーク」　　　　　　　　　　　　　　　　　　　　　 */
/* 「海洋レクリエーション施設」　　　　　　　　　　　　　　　　　　 */
/* 「ハーバーロッジ名古屋」　　　　　　　　　　　　　　　　　　　　 */
/********************************************************************/

.relatedLinks{
	position: relative;
	margin: 5px 0px;
	padding: 0px;
	border: 2px solid #0066FF;
	background: #FFFFFF;
}

.relatedLinks h3{
	padding: 3px 3px 3px 25px;
	background: url(image/mitan.gif) no-repeat left center;
	margin: 0px;
	border-bottom: 2px dotted #CCCCCC;
	border-left: 5px solid #3366FF;
}

.relatedLinks p {
	padding: 5px;
	background: #FEFBE0;
	margin: 0px;
}

.relatedLinks a {
	padding: 0px;
	display: block;
	text-decoration: none;
	width: 100%;
}

.relatedLinks a:hover{
	background: #FFCCFF;
}
.relatedLinks h3 a:hover{
	background-color: #D0D5EA;
}
.relatedLinks ul {
	padding: 0px;
	margin: 1px 1px 1px 20px;
}
.relatedLinks li {
	list-style:  url(image/gray_dot.gif);
	font-size: 85%;
}
.relatedLinks2{
	position: relative;
	margin: 3px;
	padding: 0px 0px 10px 10px;
	background: #FFFFFF;
}

.relatedLinks2 h3{
	padding: 5px;
	background: #E3E3E3;
	margin: 0px;
}

.relatedLinks2 p {
	padding: 3px;
	background: #FEFBE0;
	margin: 5px 10px;
}

.relatedLinks2 a {
	display: inline;
	padding: 2px 0px 2px 10px;
}

.relatedLinks2 a:hover{
	background-color: #D0D5EA;
}
#syoukai{
	padding: 5px;
	font-weight: bold;
	margin: 3px 0px;
	border: 2px dotted #999999;
}


/************************************************/
/* 「トピックス」（下記の項目で使用）のスタイル */
/************************************************/


#topics{
	margin: 0px;
	padding-bottom: 0px;
	border: 1px solid #8BB5FA;
	background: #FFFFFF;
}
#topics h2{
	padding: 2px 5px;
	background: #E3E3E3;
	margin: 0px;
	color: #333333;
	border-bottom: 1px solid #8BB5FA;
}

#topics p {
	padding: 3px;
	background: #FEFBE0;
	margin: 5px 10px;
}

#topics a {
	text-decoration: none;
}

#topics a:hover{
	text-decoration: none;
}
#topics li {
	list-style: disc url(image/gray_dot.gif) outside;
	margin: 5px 3px 10px 10px;
	line-height: normal;
	font-size: 95%;
}

/************************************************/
/* 「ナゴヤ・ポート・ニュース」のスタイル 　　　*/
/************************************************/

#today{
	margin: 0px;
	padding: 0px;
	border-top: 0px solid #8BB5FA;
	border-left: 1px solid #8BB5FA;
	border-right: 1px solid #8BB5FA;
	border-bottom: 1px solid #8BB5FA;
	background: #FFFFFF;
}

#today h2{
	padding: 2px 5px;
	background: #E3E3E3;
	margin: 0px;
	color: #333333;
	border-bottom: 1px solid #8BB5FA;
}

#today p {
	padding: 3px;
	background: #FEFBE0;
	margin: 5px 10px;
}


#today a {
	text-decoration: none;
}

#today a:hover{
	text-decoration: none;
}
#today li {
	list-style: disc url(image/gray_dot.gif) outside;
	margin: 5px 3px 10px 10px;
	line-height: normal;
	font-size: 95%;
}
.background{
	background-image:url(keijiban/100901/image.jpg);
	background-repeat:no-repeat;
	width: 100%;
	height: 80px;
}

/********************************************************************/
/* categorys（下記の項目で使用）のスタイル　 　　 　　　　　　　　　*/
/* 「楽しむ／観光・レジャー」　　　　　　　　　　　　　　　　　　　 */
/* 「活用する／事業者向け情報」　　　　　　　　　　　　　　　　　　 */
/* 「知る／名古屋港について」　　　　　　　　　　　　　　　　　　　 */
/********************************************************************/

.categorys {
	margin: 0px;
	padding: 0px;
}
.categorys ul {
	margin-left: 20px;
}
.categorys li a:hover {
	list-style: url(image/arrowRed.gif);
}
.categorys h3 {
	padding: 2px 3px 2px 10px;
	background: #E3E3E3;
	color: #333333;
	margin: 0px;
	border-top: 1px solid #8BB5FA;
	border-right: 1px solid #8BB5FA;
	border-bottom: 1px solid #8BB5FA;
}
#category1 {
	width: 48%;
	margin: 3px;
	padding: 0px;
	float: left;
}
#category2 {
	width: 48%;
	margin-top: 3px; 
	padding: 0px;
	float: right;
}
#category3 {
	width: 100%;
	margin: 3px 0px 3px 0px;
	padding: 0px;
}

.category1 {
	border-left: 10px solid orange;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px
}
.category2 {
	border-left: 10px solid Green;
	margin-bottom: 0px;
	margin-right: 0px
}
.category3 {
	border-left: 10px solid blue;
	margin-top: 0px;
	margin-bottom: 0px;
		margin-right: 0px
}

#category1 li {
	list-style: url(image/arrowYellow.gif);
}
#category2 li {
	list-style: url(image/arrowGreen.gif);
}
#category3 li{
	list-style: url(image/arrowBlue.gif);
}
#category3 h4{
	background: url(image/gray_dot.gif) no-repeat left center;
	margin: 1px;
	padding-left: 15px;
	font-weight: bold;
}
/************* 「計画」「概要・資料」「取り組み」の部分のスタイル ***************/
.left1-3 {
	float: left;
	margin: 2px 0px;
	width: 33%;
}
.left1-3 ul {
	margin-left: 20px;
}

/***********************************************/
/* フッダー情報のレイアウト                    */
/***********************************************/

#footer_id {
	margin: 0px;
	padding: 5px;
}

#siteInfo{
	clear: both;
	border: 1px solid #999999;
	font-size: 90%;
	color: #333333;
	padding: 3px;
	text-align: center;
	background: #ECE9D8;
	margin-top: 8px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}

#siteInfo img{
	padding: 4px;
	vertical-align: bottom;
}


/***********************************************************/
/* お勧めコンテンツ、名古屋港管理組合、防災情報のスタイル  */
/***********************************************************/

.headlines{
	margin: 0px;
	padding: 0px;
}
#specials{
	text-align: center;
	background: #BBCED7;
	border: 1px solid #6198D6;
}
#specials h2{
	margin: 0px;
	padding: 2px 3px;
	color: #FFFFFF;
	background: #3366FF;
	width: 100%;
	text-align: left;
}
#specials img{
	margin: 1px 1px 0px;
	padding: 1px 0px 0px;
	border: 1px solid #3366FF;
}
.headlines h2{
	margin: 0px;
	padding: 2px 3px;
	color: #FFFFFF;
	background: #3366FF;
}
.postit {
	margin: 3px 0px;
	padding: 0px;
	background: #FFFFFF;
}
.postit_2 {
	margin: 3px 0px;
	padding: 0px;
	background: #FFFFFF;
}
.red {
	border-top: 1px solid #6198D6;
	border-right: 30px solid red;
	border-bottom: 1px solid #6198D6;
	border-left: 1px solid #6198D6;
}
.blue {
	border-top: 1px solid #6198D6;
	border-right: 30px solid #3366FF;
	border-bottom: 1px solid #6198D6;
	border-left: 1px solid #6198D6;
}
.yellow {
	border-top: 1px solid #6198D6;
	border-right: 30px solid orange;
	border-bottom: 1px solid #6198D6;
	border-left: 1px solid #6198D6;
}
.green {
	border-top: 1px solid #6198D6;
	border-right: 30px solid green;
	border-bottom: 1px solid #6198D6;
	border-left: 1px solid #6198D6;
}
.postit h2{
	padding: 5px 3px 5px 20px;
	background: #FFFFFF url(image/portan_uphand.gif) no-repeat left center;
	margin: 0px;
	font-size: 90%;
	line-height: 1.3em;
}
.postit_2 h2{
	padding: 5px 3px 5px 20px;
	background: #FFFFFF no-repeat left center;
	margin: 0px;
	font-size: 90%;
	line-height: 1.3em;
}
.postit h3{
	padding: 3px 3px 3px 20px;
	background: #FFFFFF url(image/portan_uphand.gif) no-repeat left center;
	margin: 0px;
}
.postit a{
	display: block;
	padding: 0px;
	width: 100%;
	text-decoration: none;
}
.postit_2 a{
	display: block;
	padding: 0px;
	width: 100%;
}
.postit a:hover h2{
	background: #FFCCFF url(image/portan_uphand.gif) no-repeat left center;
	color: #FF0000;
	border-right: 30px solid #FF0000;
}
.postit_2 a:hover h2{
	background: #FFCCFF no-repeat left center;
	color: #FF0000;
	border-right: 30px solid #FF0000;
}
.postit a:hover h3{
	background: #FFCCFF url(image/portan_uphand.gif) no-repeat left center;
	color: #FF0000;
	border-right: 30px solid #FF0000 ;
}
.sectionLinks3{
	margin: 5px;
	padding: 0px;
	border: 1px solid #8BB5FA;
	float: right;
}

.sectionLinks3 h3{
	padding: 5px;
	background: #BBCED7;
	margin: 0px;
}

#title {
	float: left;
	width: 50%;
}
/*********** .headlines link styles ***********/

.sectionLinks2 ul a:link, #navBar ul a:visited {display: block;}
.sectionLinks2 ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
.sectionLinks2 li {
	border-bottom: 1px dotted #CCCCCC;
}

.clear {
	clear: both;
}
/* 操作ボタン表示領域 */
div.controlbox {
      text-align: center;
      margin: 0.3em 0px 1em 0px;
}
#portanpanel {
	float: right;
	position: relative;
}
#panelcoment {
	position: absolute;
	height: 50px;
	width: 110px;
	left: 20px;
	top: 80px;
	font-size: 80%;
	line-height: 1.2em;
}
.new {
	font-style: italic;
	font-weight: lighter;
	color: #FF6633;
	text-decoration: none;
}
.new_2 {
	font-style: italic;
	font-weight: 500;
	color: #FF6633;
	text-decoration: none;
}
.left {
	float: left;
}
.right {
	float: right;
}

.official_hp{
	background: url(image/official_hp.gif) no-repeat right top;
}
.txt_right {
	text-align: right;
}
#caution {
	font-size: 80%;
	background: #FFFFCC;
	margin: 1px 0px;
	padding: 8px;
	border: 1px solid #8BB5FA;
}
.free {
	position: relative;
	visibility: visible;
}
.pdfimage {
	vertical-align: top;
	text-decoration: none;
	margin-left: 5px;
}
#content2 h5{
 font-family: Arial, sans-serif;
 font-size: 110%;
 color:#009900;
 margin: 0px;
	padding-top: 10px;
	padding-left: 7px;
}

.hyou {
	margin-left: 10px;
	margin-top: 15px;
}
.sectionLinkshere {
	position: relative;
	margin: 3px;
	padding: 1px 0px 1px 5px;
	background: #FFFFFF;
	display: block;
	z-index: 1;
	font-weight:bold;
	color:#666666;
}
#breadCrumb a{
	text-decoration: none;
}