@charset "UTF-8";

/* ------------ スタイルの初期化 -全称セレクタ（*） ------------ */
*{
 margin:0;
 padding:0;
 zoom:1;
}

/* ------------ 一般的なタグの基本設定 ------------ */
body {
	font-size: 100.01%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family:"メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', 'sans-serif';
	text-align: center;
	zoom:1;
}

#Container,h1,#Navi {
	width: 920px;
}
/* ------------ CSSハック　IE7とモダンブラウザに適用 ------------ */
html>/**/body {
font-size: 11.69pt;
}
html>body body{
font-size: 11.69pt;
}

/* ------------ スタイルの初期化 -リスト関連 ------------ */
ul,ol,dl{
  list-style:none;
}
li{
  display:list-item;
  zoom:normal;
}

/* ------------  フォントサイズの設定 ------------ */
h1,h2,h3,h4,h5,h6, li {
	line-height: 1.3;
}
h1 {
	font-size: 182%;
}
h2 {
	font-size: 167%;
}
h3 {
	font-size: 153.9%;
}
h4 {
	font-size: 138.5%;
}
h5 {
	font-size: 123.1%;
}
h6 {
	font-size: 108%;
}
p {
font-size: 93%;
line-height: 1.5;
text-align: justify;
text-justify: inter-ideograph;
}

.em {
font-style:normal;
}
.bold {
	font-weight: bold;
}

.text8 { font-size:61.6%; }
.text9 { font-size:69.3%; }
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/* ------------  フォントのカラーのために ------------ */
.Red {
color:#FF0000;
}
.Blue {
color:#0000FF;
}
.Green {
color:#009900;
}
.Orange {
color:#FF6600;
}
.Purple {
color:#6633FF;
}


/* ------------  フォントの装飾のために ------------ */
.bold {
	font-weight: bold;
}

/* ------------  フロート解除のために ------------ */
.clearfix:after {
 content: ".";  /* 新しい要素を作る */
 display: block;  /* ブロックレベル要素に */
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix {
 min-height: 1px;
 zoom:1;
}
.FloatClear {
clear: both;
}

.ImgFloatLeft {
	float: left;
	margin-right: 10px;
}
.ImgFloatRight {
	float: right;
	margin-left: 10px;
}
/* ------------  firefoxとモジュラ対策　------------ */
img {
	border: 0px none #FFFFFF;
}
a img {
	border: 0px none #FFFFFF;
}
/* ------------  インデントの設定 ------------ */
.TextIndent {
	text-indent: -1em;
	margin-left: 1em;
}
/* ------------  リンクカラーの再設定 ------------ */
a:link {
	color: #0000FF;
}
a:visited {
	color: #FF00FF;
}
a:hover {
	color: #00FFFF;
	text-decoration: underline;
}
a:active {
	color: #FFFF00;
}
/* ------------  ヘッダーブロック --------*/
#Header {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 920px;
	height: 350px;
	background-image: url(images/main_photo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* ------------  コンテナブロック --------*/
#Container {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

h1 {
	font-size: 10px;
	color: #999;
	font-weight: normal;
	margin: 5px auto;
	padding: 0px;
	display: block;
	text-align: left;
}

/* ------------  イメージタグのために ------------ */
img {
	border: 0px none #FFFFFF;
}
a img {
	border: 0px none #FFFFFF;
}

#Wrapper {
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(images/main_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.bold {
	font-weight: bold;
}

/* ------------  メニューブロック --------*/

#Wrapper #Navi {
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
}
#Wrapper #Navi ul {
	float: right;
	padding-top: 27px;
}
#Wrapper #Navi ul li {
	float: left;
	display: inline;
	background-repeat: no-repeat;
	background-position: left top;
}
#Wrapper #Navi ul li a {
	background-image: url(images/button02.gif);
	background-repeat: no-repeat;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	width: 140px;
	background-position: left top;
	height: 35px;
	display: block;
	text-decoration: none;
}
#Wrapper #Navi ul .Bt1 a {
	background-image: url(images/button01.gif);
}
#Wrapper #Navi ul .Bt3 a {
	background-image: url(images/button03.gif);
}
#Wrapper #Navi ul .Bt4 a {
	background-image: url(images/button04.gif);
}
#Wrapper #Navi .Calendar .Bt3 a {
	background-image: url(images/button03.gif);
	background-position: 0px -40px;
	cursor: default;
}
#Wrapper #Navi .pricelist .Bt4 a {
	background-image: url(images/button04.gif);
	background-position: 0px -40px;
	cursor: default;
}

#Wrapper #Navi ul a:hover {
	background-position: 0px -40px;
}
#Wrapper #Navi ul li a em {
	visibility: hidden;
	font-size: 9px;
	font-style: normal;
}
#Wrapper #Container #RContent {
	float: left;
	width: 365px;
}
#Wrapper #Container #LContent {
	float: right;
	width: 540px;
	padding-right: 10px;
	text-align: left;
}
#Wrapper #Container #LContent h3 {
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 5px;
	display: inline;
}
#Wrapper #Container #LContent h2 {
	color: #3300CC;
	text-align: left;
	font-size: 1.2em;
	margin-top: 10px;
}
#Wrapper #Container #LContent ul {
	font-size: 0.9em;
}
#Wrapper #Container #LContent p .Arrow {
	color: #F00;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
#Wrapper #Container #LContent .comment {
	color: #F00;
	font-size: 85%;
}
#Container #LContent #Info {
	background-image: url(images/info_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}

/* ------------  フッターブロック --------*/
#Footer {
	clear: both;
}


/* ------------  釣り物カレンダー・料金表 --------*/
.Calendar #Wrapper,.pricelist #Wrapper {
	background-image: url(images/calendar_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.Calendar #Wrapper h2 a,.pricelist #Wrapper h2 a {
	background-image: url(images/top.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 140px;
	height: 35px;
	display: block;
	text-decoration: none;
	float: left;
	margin-top: 10px;
}
.Calendar #Wrapper h2 a em,.pricelist #Wrapper h2 a em {
	visibility: hidden;
	font-size: 9px;
	font-style: normal;
}
.Calendar #Wrapper h2 a:hover,.pricelist #Wrapper h2 a:hover {
	background-position: 0px -40px;
}
.Calendar #Navi,.pricelist #Navi {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 120px;
}
.Calendar #Header,.pricelist #Header {
	height: 140px;
	background-image: url(images/calendar_main_photo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.Calendar table {
	width: 920px;
}
.Calendar table,.pricelist table {
	border-collapse: collapse;
	border: 1px solid #999;
	font-size: 85%;
	color: #333;
}
table tr .Entry {
	background-color: #98D0FF;
	width: 60px;
	height: 35px;
}
.Calendar table tr td {
	background-color: #D9EBFF;
}

table tr td,table tr th {
	vertical-align: inherit;
	border: 1px solid #999;
	font-weight: normal;
}
.Calendar table caption {
	text-align: left;
	color: #03C;
}
.Calendar table tr .Title {
	background-color: #FFD78F;
}
#Container .comment {
	color: #F00;
	font-size: 85%;
}
.pricelist table {
	width: 540px;
	float: left;
}
.pricelist #postscript {
	width: 350px;
	float: right;
	padding-left: 30px;
}
.pricelist table tr .Price2 {
	text-align: right;
	background-color: #E9FFDF;
}
.pricelist table tr .column {
	text-align: right;
	background-color: #FFFFE6;
}
.pricelist table th {
	padding: 5px 10px 5px 10px;
}
.pricelist table td {
	text-align: left;
	padding: 5px 10px 5px 10px;
	background-color: #E9F9F8;
}
.pricelist table tr .Title {
	background-color: #9CF;
}
.pricelist table tr .Price {
	background-color: #C9FAB5;
}
.pricelist table tr .columnlist {
	background-color: #F2F3B5;
}