@charset "utf-8";

/*　[コンテンツページ共通CSS設定目次] ---------------------------------------------

 <001> [ブラウザデフォルト値のリセット]
 <002> [字体の指定・ページ全体のセンタリング(IE5対応)]
 <003> [ページ全体の背景・センタリングの指定]
 <004> [グローバルナビゲーション]
 <005> [ホームへ戻るボタン・電話番号の共通設定]
 <006> [サブナビゲーションとコンテンツ本文のラッパーの余白・サイズ指定]
 <007> [サブナビゲーション共通設定]
 <008> [検索フォームの共通設定]
 <009> [関連する記事の共通設定]
 <010> [フッターの共通設定]
 <011> [共通カラー設定（要削除：意味のないスタイル指定はしないこと）]
-----------------------------------------------------------------------------------*/


/* <001> [ブラウザデフォルト値のリセット]
-----------------------------------------------------------------------------------*/
*	{
	margin: 0px;
	padding: 0px;
			}
/* <002> [字体の指定・ページ全体のセンタリング(IE5対応)]
-----------------------------------------------------------------------------------*/
body {
	font-family: "MS UI Gothic", "Arial Black","sans-serif";
	text-align:center;
	}

/* <003> [ページ全体の背景・センタリングの指定]
-----------------------------------------------------------------------------------*/
#wrapper{
	border-top:#FFFF00 solid 15px;
	background:url(../head/images/bg_ilst_wave.gif) top repeat-x;
	margin-left: auto;
	margin-right:auto;
	width: 800px;
	text-align:left;
	}

/* <004> [グローバルナビゲーション]
-----------------------------------------------------------------------------------*/
#global_navi {
	position:absolute;
	top: 15px;
	height: 45px;
	}
#global_navi h3 {
	position:absolute;
	top: 4px;
	left: 23px;
	height:35px;
	width:165px;
	background: url(../head/images/logo_ilst_subtitle.gif) left no-repeat;
	text-indent: -9999px;
	}

#global_navi ul li{
	list-style: none;
	display:inline;
	text-indent: -9999px;
	}
li#boat,li#access,li#bate,li#weather,li#landfish,li#charter {
	position: absolute;
	display:block;
	height:24px;	
	}

li#boat a,li#access a,li#bate a,li#weather a,li#landfish a,li#charter a {
	display:block;
	text-decoration: none;
	height: 24px;
	}

#global_navi ul li#boat{
	width:58px;
	top:4px;
	left:238px;
	background: url(../head/images/btn_ilst_boat.gif) no-repeat;
	}
#global_navi ul li#landfish{
	width:95px;
	top:14px;
	left:309px;
	background: url(../head/images/btn_ilst_landfish.gif) no-repeat;
	}
#global_navi ul li#weather{
	width:95px;
	top:4px;
	left:413px;
	background: url(../head/images/btn_ilst_weather.gif) no-repeat;
	}
#global_navi ul li#access{
	width:95px;
	top:4px;
	left:588px;
	background: url(../head/images/btn_ilst_access.gif) no-repeat;
	}
#global_navi ul li#bate{
	width:95px;
	top:14px;
	left:494px;
	background: url(../head/images/btn_ilst_bate.gif) no-repeat;
	}
#global_navi ul li#charter{
	width:59px;
	top:9px;
	left:677px;
	background: url(../head/images/btn_ilst_charter.gif) no-repeat;
	}
#global_navi ul li#boat a {
	width:58px;
	}
#global_navi ul li#boat a:hover{
	background: url(../head/images/btn_ilst_boat_f2.gif) no-repeat;
	}
#global_navi ul li#landfish a{
	width:95px;
	}
#global_navi ul li#landfish a:hover{
	background: url(../head/images/btn_ilst_landfish_f2.gif) no-repeat;
	}
#global_navi ul li#weather a{
	width:95px;
	}
#global_navi ul li#weather a:hover{
	background: url(../head/images/btn_ilst_weather_f2.gif) no-repeat;
	}
#global_navi ul li#access a{
	width:95px;
	}
#global_navi ul li#access a:hover{
	background: url(../head/images/btn_ilst_access_f2.gif) no-repeat;
	}
#global_navi ul li#bate a{
	width:95px;
	}
#global_navi ul li#bate a:hover{
	background: url(../head/images/btn_ilst_bate_f2.gif) no-repeat;
	}
#global_navi ul li#charter a{ 
	width:59px;
	}
#global_navi ul li#charter a:hover{ 
	background: url(../head/images/btn_ilst_charter_f2.gif) no-repeat;
	}

/* <005> [ホームへ戻るボタン・電話番号の共通設定]
-----------------------------------------------------------------------------------*/
#backhome {
	position: absolute;
	top: 75px;
	height:30px;
	width: 800px;
	}
#backhome p {
	width: 180px;
	height:  30px;
	float: left;
	text-indent: -9999px;
	}
	
#backhome a {
	text-decoration:none;
	display:block;
	float:right;
	width: 125px;
	height: 30px;
	text-indent: -9999px;
	} 
/* <006> [サブナビゲーションとコンテンツ本文のラッパーの余白・サイズ指定]
-----------------------------------------------------------------------------------*/
#pagebody {
	margin-top: 105px;
	width: 800px;
	}

/* <007> [サブナビゲーション共通設定]
------------------------------------------------------------------------------------*/		
#sub_navi {
	float:left;
	width: 180px;
	}
#sub_navi h3 {
	margin: 10px 28px;
	width: 122px;
	height: 130px;
	}
#sub_navi ul#sub_menu{
	margin:0 28px;
	}
#sub_navi ul#sub_menu li{
	display:inline;
	list-style: none;
	}
	
#sub01 a,#sub02 a,#sub03 a,#sub04 a,#sub05 a,#sub06 a,#sub07 a,#sub08 a,#sub09 a,#sub10 a,#sub_last a {
	display:block;
	height:18px;
	width: 122px;
	text-decoration:none;
	text-indent:-9999px;
	}
li#sub01 a,li#sub_last a{
	height: 30px;
	}

/* <008> [検索フォームの共通設定]
------------------------------------------------------------------------------------*/		
#search {
	position:absolute;
	top: 105px;
	width:200px;
	font-size: 14px;
	}
#search form {
	text-align:right;
	position:relative;
	left: 600px;
	}
#search #text{
	width: 120px;
	height: 1.2em;
	}

#search #submit {
	margin-top: 2px;
	}
#search #submit:hover {
	cursor:pointer;
	}

/* <009> [関連する記事の共通設定]
------------------------------------------------------------------------------------*/
#category_article{
	margin:2em 18px;
	font-size: small;
	}	

#category_article p{
	margin-bottom: 5px;
	}
	
#category_article ul{
	list-style:none;
	}
#category_article ul li{
	margin-bottom: 3px;
	padding-left: 14px;
	}
#category_article ul li a{
/*	text-decoration: none;*/
	}

/* <010> [フッターの共通設定]
------------------------------------------------------------------------------------*/
#FF3399col_bar {
	clear:both;
	width:100%;
	text-align: right;
	padding-top:1em;
	padding-bottom: 5px;
	border-bottom: solid 15px #FF3399;	
	margin-bottom: 2px;
	}
#footer{
	position: relative;
	height: 30px;
	}

#footer address {
	position: absolute;
	top: 5px;
	left: 30px;
	font-style: normal;
	font-size:small;
	color:#FFFFFF;
	}
#footer p{
	float: right;
	width: 170px;
	height: 30px;
	}	
#footer p a{
	font:15px "Arial Black","sans-serif";
	line-height:28px;
	color:#FFFFFF;
	text-decoration:none;
	}
/* <011> [コメント]
--------------------------------------------------------------------------------------*/
#commentwrite h3,#comment h3 {
	border-bottom: 1px dashed #666;
	margin: 10px 0;
	padding: 0 10px;
	color: #666;
	font-size: medium;
	}
#comment p,#commentwrite p {
	padding: 5px 15px;
	}
#comment p.posted {
	font-size: smaller;
	text-align: right;
	}


#commentwrite #author,#commentwrite #url,#commentwrite #email{
	width: 200px;
	height: 1.2em;
	border:solid 1px #666;
}
#commentwrite #text{
	width: 400px;
	height: 100px;
	border:solid 1px #666;
}

/* <012> [トラックバック]
--------------------------------------------------------------------------------------*/
#trackbackping{
	margin-top: 15px;
	border-bottom: dashed 1px #666;
	color: #666;
	}
.trackbacks{
	margin-top: 15px;
}

/* <013> [最新のコメント]
--------------------------------------------------------------------------------------*/
#category_article p{
	border-bottom:solid 2px #FF9900;
	}
#category_article ul li a:link,#category_article ul li a:visited {
	color: #666666;
	text-decoration: none;
	}
#category_article ul li a:hover{
	color: #FF9900;
	}
#category_article ul li{
	background: url(../rowboat/images/list_circle.gif) left 0.3em no-repeat;
	}

#category_article ul li:hover{
	color: #FF9900;
	background: url(../rowboat/images/list_circle_f2.gif) left 0.3em no-repeat;
	}

/* <014> [コメントの確認]
--------------------------------------------------------------------------------------*/
div#comment_accept h3{
	margin-top: 2em;
	}