@charset "UTF-8";

/*========================================
共通
========================================*/

*{margin:0;padding:0;}

body{
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭSＰゴシック";
	font-size: 75%;
	color: #666666;
	background : #FFFFFF url(bg_body.gif) repeat;
}

img {border:0;}

#wrapper{
	background: url(wrapper.gif) center repeat-y;
	width: 970px;
	margin: 0px auto;
}
/* 970 x 10 の影　*/
.clear{clear:both;}

a:link{color:#206A9B;}
a:hover{color: #FF9900;}

/*========================================
ヘッダ
========================================*/

#header{
	height: 92px;
	width: 950px;
	margin-left: 10px;
	background: url(header.jpg) no-repeat left top;
	border-bottom: 3px solid #134162;
}

h1 a{
	text-decoration: none;
}

h1 a img{
	margin-top: 20px;
	margin-left: 30px;
}

/*========================================
フッタ
========================================*/
address{
	font-style: normal;
	text-align: center;
	padding: 20px;
	width: 910px;
	margin-left: 10px;
	border-top: 3px solid #134162;
	border-bottom: 1px solid #CCCCCC;
}


/*========================================
コンテナ
========================================*/

#container{ background: url(side_bg.jpg) repeat-y;
	width: 950px;
	margin-left: 10px;
}
/* 240 x 10 blue  */

#side{
	width: 230px;
	float: left;
}

/*==========サイドバー==========*/
ul#menu{
	margin:0 0 20px 0;
	padding:0;
}

#menu li{
	list-style:none;
	margin:0;
	padding:0;
	width: 230px;
	text-indent:10px;
}

#menu li,#menu li a{
	display: block;
	width: 230px;
	height:40px;
	text-decoration: none;
	outline: none;
}

/*　幅微調整　*/
#menu li#top,#menu li#route3,#menu li#vessel, #menu li#crew, #menu li#week, #menu li#inquiry{
	display: block;
	width: 229px;
	height:40px;
	text-decoration: none;
}

#menu li#link {
	display: block;
	width: 228px;
	height:40px;
	text-decoration: none;
}



/*標準・hover・カレント指定*/
#menu li#top{ background: url(top.jpg) no-repeat left top;}
#menu li#top a:hover{ background: url(top_hv.jpg) no-repeat left top; }
#menu li#top_cr{ background: url(top_hv.jpg) no-repeat left top;}

#menu li#route{ background: url(route.jpg) no-repeat left top; }
#menu li#route a:hover{ background: url(route_hv.jpg) no-repeat left top;}
#menu li#route_cr{ background: url(route_hv.jpg) no-repeat left top; }

#menu li#route1{ background: url(route1.jpg) no-repeat left top; }
#menu li#route1 a:hover{ background: url(route1_hv.jpg) no-repeat left top; }
#menu li#route1_cr{ background: url(route1_hv.jpg) no-repeat left top; }

#menu li#route2{ background: url(route2.jpg) no-repeat left top; }
#menu li#route2 a:hover{ background: url(route2_hv.jpg) no-repeat left top; }
#menu li#route2_cr{ background: url(route2_hv.jpg) no-repeat left top;}

#menu li#route3{ background: url(route3.jpg) no-repeat left top; }
#menu li#route3 a:hover{ background: url(route3_hv.jpg) no-repeat left top; }
#menu li#route3_cr{ background: url(route3_hv.jpg) no-repeat left top; }

#menu li#vessel{ background: url(vessel.jpg) no-repeat left top; }
#menu li#vessel a:hover{ background: url(vessel_hv.jpg) no-repeat left top; }
#menu li#vessel_cr{ background: url(vessel_hv.jpg) no-repeat left top; }

#menu li#crew{ background: url(crew.jpg) no-repeat left top;}
#menu li#crew a:hover{ background: url(crew_hv.jpg) no-repeat left top; }
#menu li#crew_cr{ background: url(crew_hv.jpg) no-repeat left top; }

#menu li#week{ background: url(week.jpg) no-repeat left top; }
#menu li#week a:hover{ background: url(week_hv.jpg) no-repeat left top;}
#menu li#week_cr{ background: url(week_hv.jpg) no-repeat left top; }

#menu li#link{ background: url(link.jpg) no-repeat left top; }
#menu li#link a:hover{ background: url(link_hv.jpg) no-repeat left top; }
#menu li#link_cr{ background: url(link_hv.jpg) no-repeat left top;}

#menu li#inquiry{ background: url(inquiry.jpg) no-repeat left top; }
#menu li#inquiry a:hover{ background: url(inquiry_hv.jpg) no-repeat left top; }
#menu li#inquiry_cr{ background: url(inquiry_hv.jpg) no-repeat left top; }

/* アーカイブ　*/
#menu li#iold{ background: url(old.jpg) no-repeat left top; }
#menu li#old a:hover{ background: url(old_hv.jpg) no-repeat left top; }
#menu li#old_cr{ background: url(old_hv.jpg) no-repeat left top; }

#menu li#y1999{ background: url(y1999.jpg) no-repeat left top; }
#menu li#y1999 a:hover{ background: url(y1999_hv.jpg) no-repeat left top; }
#menu li#y1999_cr{ background: url(y1999_hv.jpg) no-repeat left top; }

#menu li#y2000{ background: url(y2000.jpg) no-repeat left top; }
#menu li#y2000 a:hover{ background: url(y2000_hv.jpg) no-repeat left top; }
#menu li#y2000_cr{ background: url(y2000_hv.jpg) no-repeat left top; }

#menu li#y2001{ background: url(y2001.jpg) no-repeat left top; }
#menu li#y2001 a:hover{ background: url(y2001_hv.jpg) no-repeat left top; }
#menu li#y2001_cr{ background: url(y2001_hv.jpg) no-repeat left top; }

#menu li#y2002{ background: url(y2002.jpg) no-repeat left top; }
#menu li#y2002 a:hover{ background: url(y2002_hv.jpg) no-repeat left top; }
#menu li#y2002_cr{ background: url(y2002_hv.jpg) no-repeat left top; }

#menu li#y2003{ background: url(y2003.jpg) no-repeat left top; }
#menu li#y2003 a:hover{ background: url(y2003_hv.jpg) no-repeat left top; }
#menu li#y2003_cr{ background: url(y2003_hv.jpg) no-repeat left top; }

#menu li#y2004{ background: url(y2004.jpg) no-repeat left top; }
#menu li#y2004 a:hover{ background: url(y2004_hv.jpg) no-repeat left top; }
#menu li#y2004_cr{ background: url(y2004_hv.jpg) no-repeat left top; }

#menu li#y2005{ background: url(y2005.jpg) no-repeat left top; }
#menu li#y2005 a:hover{ background: url(y2005_hv.jpg) no-repeat left top; }
#menu li#y2005_cr{ background: url(y2005_hv.jpg) no-repeat left top; }

#menu li#y2006{ background: url(y2006.jpg) no-repeat left top; }
#menu li#y2006 a:hover{ background: url(y2006_hv.jpg) no-repeat left top; }
#menu li#y2006_cr{ background: url(y2006_hv.jpg) no-repeat left top; }

#menu li#y2007{ background: url(y2007.jpg) no-repeat left top; }
#menu li#y2007 a:hover{ background: url(y2007_hv.jpg) no-repeat left top; }
#menu li#y2007_cr{ background: url(y2007_hv.jpg) no-repeat left top; }

#menu li#y2008{ background: url(y2008.jpg) no-repeat left top; }
#menu li#y2008 a:hover{ background: url(y2008_hv.jpg) no-repeat left top; }
#menu li#y2008_cr{ background: url(y2008_hv.jpg) no-repeat left top; }

#menu li#y2009{ background: url(y2009.jpg) no-repeat left top; }
#menu li#y2009 a:hover{ background: url(y2009_hv.jpg) no-repeat left top; }
#menu li#y2009_cr{ background: url(y2009_hv.jpg) no-repeat left top; }



/*==========イメージリンク==========*/
#relatedmap{
	margin: 0 0 20px 20px;
	padding-top:20px;
	width:190px;

}

#relatedmap p{	text-align: center;}

#relatedmap p img{margin-bottom:20px;}

/*==========ブログ集==========*/

#start_blog{
	margin: 0 0 30px 0;
	width:230px;
	border-top: 2px solid #9999FF;
}
	
#banner_blog{

	margin: 0 0 20px 20px;
	width:190px;

}

#banner_blog p{	text-align: center;}

#banner_blog p img{margin-bottom:0px;}



/*========================================
メイン
========================================*/

#maincontents{
	width: 660px;
	float: left;
	padding:20px 30px;
	border-top: 4px solid #E7E7E7;
	background: url(shadow_side.jpg) repeat-y left top;
}



/*==========パンくず==========*/
#breadcrumbslist{
	background-color: #E7EFF5;
	padding: 3px;
	font-size: 80%;
	margin-bottom:20px;
}

#breadcrumbslist a:link,#breadcrumbslist a:visited{
	text-decoration: none;
	color: #666666;
}

#breadcrumbslist a:hover,#breadcrumbslist a:active{
	text-decoration: underline;
	color: #FF9900;
}


/*==========タイトル・見出し==========*/
h2{
	text-indent: 10px;
	height: 34px;
	width: 660px;
	margin-bottom:20px;
}

h3{
	text-indent: 10px;
	height: 27px;
	width: 660px;
	margin-top:20px;
	margin-bottom:20px;
}

h4{
	font-size:100%;
	margin-top:15px;
	margin-bottom:15px;
	padding:2px 8px;
	border-left: 4px solid #3B8EC5;
	background-color: #E9F1F6;
	font-weight:normal;
	color: #333333;
}

	



/*タイトル・サブタイトル*/
h2#title{ background: url(title.jpg) no-repeat left top; }
h3#subtitle{ background: url(subtitle.jpg) no-repeat left top;vertical-align:bottom; }




/*==========本文==========*/

/*==-----共通-----==*/
/*リスト*/
.list1{line-height: 1.5;margin:0 10px 20px 30px;}
.list1 li{margin-bottom:15px;}
.list2{line-height: 1.5;margin:10px 10px 10px 30px;}
.list2 li{margin-bottom:10px;}
.list3{line-height: 1.5;margin:0 10px 20px 30px;}
.list3 li{margin-bottom:5px;}
.list4{line-height: 1.5;margin:10px 10px 10px 30px;}
.list4 li{margin-bottom:10px;}

/*テキスト*/
p.txt1{line-height: 1.5;margin:0 10px 20px 10px;}
p.txt2{line-height: 1.5;text-align:center;margin-bottom:10px;}
p.txt3{line-height: 1.5;margin:10px;}
p.txt4{line-height: 1.5;margin:10px 10px 30px;}
p.txt5{line-height: 2.2;padding:0 10px 5px 10px;}
p.txt6{line-height: 1.5;margin-bottom:10px;}


/*==-----トップページ index.html-----==
p#topimg{
	margin-top:10px;
	margin-bottom:20px;
	 margin-left:10px;
}

p#tit_oshirase{
	text-indent: -9999px;
	height: 15px;
	width: 660px;
	background: url(images/top/tit_oshirase.gif) no-repeat left top;
	border-bottom: 3px solid #81BBE7;
}

*/

ul.oshirase_top{/*お知らせの1番上に指定する*/
	clear: both;
	border:none;
}

ul.oshirase{/*お知らせの2番目以降に指定する*/
	clear: both;
	border-top: 1px solid #81BBE7;
}

ul.oshirase li,ul.oshirase_top li{
	float:left;
	list-style-type: none;
	padding:10px 0 10px 10px;
}



/*レグ　テーブル*/
table.leg{width:639px;margin:0 0 30px 10px;border-collapse: collapse;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;line-height: 1.5;}
table.leg th,table.leg td{padding:10px;border-left:1px solid #cdcdcd;border-top:1px solid #cdcdcd;}
table.leg th{background-color: #EFEFE9;text-align:left;}/*背景色*/


/*クルーメンバー*/
.crew{
	clear:both;
	margin:0 0 0 10px;
}

p.crew_img{
	padding:2px;
	border: 1px solid #CCCCCC;
	height: 150px;
	width: 200px;
	float: left;
	margin:0 0 0px 0;
	text-align:center;
}

/*参考図書*/


div.book{line-height: 1.5;font-size:90%;border-top: 1px solid #B8D9F1;}
div.book_st{line-height: 1.5;font-size:90%;border:0;}
div.book_end{line-height: 1.5;font-size:90%;border-top: 1px solid #B8D9F1;}
div.book a.bookname,div.book_st a.bookname,div.book_end a.bookname{font-size: 150%;font-weight:bold;}
p.bookimg{float:left;width:74px;padding:15px 30px 15px 20px;text-align:center;}
p.bookimg img{border:1px solid;}
p.booktxt{float:left;width:450px;padding:15px 0;}
div.book_end p.bookimg{float:left;width:74px;padding:15px 30px 30px 20px;text-align:center;}