@charset "UTF-8";
/*
name: MS-06R-1
designer: STUPID
designer_url: http://www.stupid-net.com
developer: STUPID
developer_url: http://www.stupid-net.com
*/

/*
======================================================================================
movable type template [RGM-79C]'s theme [MS-06R-1] ver.1.2 last update 06.09.29
	1. htmlタグ
		1-1. Linkタグ
		1-2. Listタグ
		1-3. Formタグ
		1-4. 引用タグ
	2. 基本レイアウト設定
	3. ヘッダー(#banner, #tools)設定
	4. メインコンテンツ(#banner, #tools)設定
		4-1. コンテンツフレーム設定
		4-2. コンテンツパーツ設定
	5. サイドコンテンツ(#beta, #gamma)設定
		5-1. リスト設定（サイドコンテンツモジュール）
		5-2. タグクラウド設定（サイドコンテンツモジュール）
		5-3. カレンダー設定（サイドコンテンツモジュール）
	6. フッター(#footer)設定
	7. コメント・トラックバック
	8. モード別レイアウト設定
		8.-1 レイアウト設定（1カラム）
		8.-2 レイアウト設定（2カラム）
		8.-3 レイアウト設定（3カラム）
		8.-4 パーツ設定
	9. フロート表示対策用設定
　　　10. メニュー設定
       11. 検索関係
　　　12. トップページ表示
       13. サムネイル表示方法
       14. 個別エントリー内の表示
       15. 図鑑のINDEX/リスト系ページの表示
======================================================================================
*/

/*
======================================================================================
	1. htmlタグ
======================================================================================
*/
body {
	color: #333333;
        font-family:Verdana,Sans-Serif;
	font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;	
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin: 0px 0px 0px 0px;
}
img {
	vertical-align: bottom;
	border: none;
}
/*段落設定*/
p {
	padding: 0em 0em 1.5em 0em;
	margin: 0px;
}
/*
======================================================================================
	1-1. Linkタグ
======================================================================================
*/
a {
	color: #23C127;
	text-decoration: none;
}
a:link {
	color: #23C127;
	text-decoration: none;
}
a:visited {
	color: #148219;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
}
a:active {
	color: #FF6600;
}
/*
======================================================================================
	1-2. Listタグ
======================================================================================
*/

ul {
	line-height: 1em;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
il {
}
/*
======================================================================================
	1-3. Formタグ
======================================================================================
*/
form {
	padding: 0px;
	margin: 0px;
}
select {
	width: 150px;
}
.sakuin select {
	width: 180px;
	border:1px solid #eda93a;
	color: #666;
}
input, 
textarea {
	font-family: Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", Verdana, "Trebuchet MS", sans-serif;
}

/*
======================================================================================
	1-4. 引用タグ
======================================================================================
*/
blockquote {
	color:#555555;
	border:solid 1px #DDDDDD;
	padding:0.5em 1em 1em 1em;
	margin:0em 0em 1.5em 0em;
}
pre {
	padding: 0px;
	margin: 0px;
}
.quotetitle {
	color: #666;
	font-size: 12px;
	border-bottom:solid 1px #EEEEEE;
	padding:0px 5px 0px 5px;
	margin:0px -5px 5px -5px;
}

/*
======================================================================================
	2. 基本レイアウト設定
======================================================================================
*/
#container {
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(./images/body.gif);
	background-repeat: repeat-y;
	width: 820px;
	margin: 10px auto 0px auto;
}
#container2 {
	background-color: #fbf6f6;
	background-image: url(./images/body.gif);
	background-repeat: repeat-y;
	width: 820px;
	margin: 10px auto 0px auto;
}
#banner {
	background-color: #FFFFFF;
	background-image: url(./images/rgm79cHeaderImg.gif);/*ヘッダーのバックのイメージ*/
	background-repeat: no-repeat;
	background-position: 10px 0px;
	margin: 0px;
}
#tools {
	font-size: 10px;
	background-color: #FFFFFF;
	background-image: url(./images/body.gif);
	background-repeat: repeat-y;
	width: 820px;
	height: 23px;
	padding: 7px 0px 10px 0px;
}
#tools2 {
	font-size: 12px;
	background-color: #FFFFFF;
	width: 780px;
	height: 23px;
	padding: 7px 0px 10px 0px;
}
#mainBody {/*コンテンツ部分の一番外側部分（wrap＋gamma）*/
	width: 800px;
	margin: 10px 10px 0px 10px;
}
#wrap {/*3段カラム用ラップ部分（alpha＋beta）*/
	width: 615px;
	margin: 0px 0px 0px 0px;
}
#alpha {
	margin: 20px 0px 0px 0px;
}
#alpha2 {
	margin: 20px 0px 0px 0px;

}
#beta {
	width: 180px;
	margin: 0px;
}
#gamma {
	width: 180px;
}

#footer {
	background-image: url(./images/footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 820px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
.shop {
	margin: 10px 0px 10px 0px;
	font-size: 12px;
	color: #666666;
	font-weight: bolder;
	text-align: left;
	background-color: #FFFFFF;
	width: 800px;
	margin: 10px auto 0px auto;
	line-height: 150%;
}
/*
======================================================================================
	3. ヘッダー(#banner, #tools)設定
======================================================================================
*/
#bannerInner {
	background-image: url(./images/header.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
#bannerHeader a {
	font-size: 24px;
	padding: 30px 15px 0px 0px;
	margin:  0px;
	text-indent: -900em;
	display:block;
	height: 30px;
	width: 230px;
	line-height:100%;
}
.bannerDescription {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 20px 150px;
	margin: 0;
	text-indent: -900em;
}
.crumbPath {
	width: 450px;
	padding: 5px 0px 10px 25px;
	margin:0px 0px 0px 0px;
	float:left;
	font-family: Hiragino Maru Gothic Pro,"ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック", "Osaka", Verdana, "Trebuchet MS", sans-serif;
}
.searchArea {
	text-align:right;
	padding: 5px 20px 10px 0px;
	float:right;
}

/*
======================================================================================
	4. メインコンテンツ(#alpha)設定
======================================================================================
*/
/*
======================================================================================
	4-1. コンテンツフレーム設定
======================================================================================
*/

/*
entry、trackbacks、comments等のブロックは
<div class="entry content"
のように複数のclassを指定しています。
基本的な設定はcontentクラスに設定しています。
*/
.content {/*コンテントブロック*/
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
}
.contentHeader {
	font-size: 12px;
	text-align: left;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	height: 18px;
	padding: 7px 10px 5px 15px;
	margin: 0px;
}
.contentBody {
	color: #333333;
	font-size: 12px;
	text-align: left;
	background-repeat: repeat-y;
	padding: 0px 1.5em 5px 1.5em;
	margin: 0px 0px 0px 0px;
}
.contentMore {
	color: #333333;
	font-size: 12px;
	text-align: left;
	background-repeat: repeat-y;
	padding: 0px 1.5em 0px 1.5em;
	margin: -10px 0px 0px 0px;
}
.contentFooter {
	color: #333333;
	font-size: 10px;
	text-align: right;
	background-image: url(./images/dotLine.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 2px 0.5em 0px 0em;
	margin: 0px 1em 0px 1em;
}
/*
======================================================================================
	4-2. コンテンツパーツ設定
======================================================================================
*/
#archiveTitle {
	font-size: 15px;
	background-image: url(./images/archiveHeader.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 5px 24px;
	margin: 20px 0px 5px 5px;
}
.contentNav {
	font-size: 12px;
	text-align: center;
	line-height: 1em;
	padding: 0px 10px 10px 10px;
}
.date {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	background-image: url(./images/dateMaker.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding: 3px 0px 5px 25px;
	margin: 0px;
}
.date2 {
	color: #666666;
	font-size: 18px;
	font-weight: bold;
	background-image: url(./images/dateMaker.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	padding: 15px 0px 15px 40px;
	margin: 0px;
}
/* Hides from IE-mac \*/
.contentBody p {
	word-break:break-all;/*IE用(連続する半角英数字が改行されない時)*/
	overflow: auto;/*Fire Fox等用(連続する半角英数字が改行されない時)*/
}
.contentMore p {
	word-break:break-all;/*IE用(連続する半角英数字が改行されない時)*/
	overflow: auto;/*Fire Fox等用(連続する半角英数字が改行されない時)*/
}
/*End hide from IE-mac */
.contentBody ul {
	line-height: 1.4em;
}
.contentMore ul {
	line-height: 1.4em;
}

.entryMoreLink {
	font-size: 10px;
        text-align: right;
}

.entryCategory, 
.entryTags {
	color: #999999;
	font-size: 10px;
	text-align: right;
}
.entryCategory2, 
.entryTags2 {
	color: #999999;
	font-size: 15px;
	text-align: right;
        clear: both;
}
.entryTags h4 {
	font-size: 10px;
	display: inline;
}
.entryTags ul {
	line-height: 1.4em;
	display: inline;
}
.entryTags li {
	display: inline;
}
/*
======================================================================================
	5. サイドコンテンツ(#beta, #gamma)設定
======================================================================================
*/
/*
contentクラス同様にclassを複数指定しています。
基本的な設定はmoduleの方に設定しています。
*/

.module {
	background-image: url(./images/betaFooter.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 180px;
	padding: 0px 0px 15px 0px;
	margin: 10px 0px 10px 0px;
}
.module2 {
	background-image: url(./images/betaFooter.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 180px;
	padding: 0px 0px 15px 0px;
	margin: 70px 0px 0px 0px;
}
.moduleHeader {
	font-size: 10px;
	background-color: #EEEEEE;
	background-image: url(./images/betaHeader.jpg);
	background-repeat: no-repeat;
	height: 13px;
	padding: 8px 0px 7px 10px;
	margin: 0px;
}
.moduleCreativeCommons .moduleHeader {
	letter-spacing: -1px;
}
.moduleHeader a {
	color: #000000;
}
.moduleHeader a:link {
	color: #000000;
}
.moduleHeader a:hover {
	color: #FFFFFF;
}
.moduleContent {
	font-size: 12px;
	line-height: 1.5em;
	background-image: url(./images/betaBody.gif);
	background-repeat: repeat-y;
	padding: 0px 1.5em 0px 1.5em;
}
.moduleContent p {
	padding: 0px 0px 1em 0px;
}
/*
======================================================================================
	5-1. リスト設定（サイドコンテンツモジュール）
======================================================================================
*/
.moduleContent ul {
	line-height: 1.5em;
	padding: 0px;

	list-style-type: none;
}
.moduleContent ul ul{
	padding: 0px 0px 0px 1em;
}
.moduleContent il {
	padding: 0px 0px 0px 1em;
}
.moduleContent li a {
	background-image: url(./images/listMarker.gif);
	background-repeat: no-repeat;
	padding: 1px 0px 0px 12px;
}
.moduleContent li a:link {
	background-position: 0 0px;
}
.moduleContent li a:visited {
	background-position: 0 -26px;
}
.moduleContent li a:hover {
	background-position: 0 -13px;
}
/*
======================================================================================
	5-2. タグクラウド設定（サイドコンテンツモジュール）
======================================================================================
*/
.moduleTagcloud ul {
	text-align: center;
	padding: 0;
	list-style: none;
}
.moduleTagcloud li {
	line-height: 1.5em;
	padding: 0px 0px;
	margin: 0px;
	display: inline;
}
.moduleTagcloud li a {
	background-image: url(none);
	padding: 0px 2px 0px 0px;
	display: inline;
}
.moduleTagcloud li.taglevel1 {
	font-size: 20px;
	font-weight: bold;
}
.moduleTagcloud li.taglevel2 {
	font-size: 18px;
}
.moduleTagcloud li.taglevel3 {
	font-size: 16px;
}
.moduleTagcloud li.taglevel4 {
	font-size: 14px;
}
.moduleTagcloud li.taglevel5 {
	font-size: 12px;
}
.moduleTagcloud li.taglevel6 {
	font-size: 10px;
}
/*
======================================================================================
	5-3. カレンダー設定（サイドコンテンツモジュール）
======================================================================================
*/
.moduleCalendar table {
	font-size: 10px;
	text-align: center;
	width: 150px;
}
/*
======================================================================================
	6. フッター(#footer)設定
======================================================================================
*/
.footerLeft {
	font-size: 10px;
	padding: 15px 0px 0px 20px;
	float:left;
}
.footerRight {
	padding: 5px 25px 20px 0px;
	float:right;
}
.footerCenter {
	padding: 5px 0px 20px 0px;
        text-align: center;
	color:#666666;
}
/*
======================================================================================
	7. コメント・トラックバック
======================================================================================
*/
.comment {
	padding: 0px 0px 1em 0px;
}
.commentHeader {
	font-size: 12px;
	font-weight: bold;
	background-image: url(./images/dotLine.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0.5em 0px;
}
.commentContent {
	padding: 0px;
}
.commentFooter {
	font-size: 10px;
	text-align: right;
	background-image: url(./images/dotLine.gif);
	background-repeat: repeat-x;
	padding: 3px 0px 0px 0px;
}
.commentsOpenModerated {
}
#commentsOpenBody {
	width: 100%;
}
#commentsOpenData {
	font-size: 10px;
	text-align: right;
	width: 250px;
}
#commentsOpenData p {
	padding: 0px 0px 5px 0px;
}
#commentsOpenText {
	font-size: 10px;
}
#commentsOpenFooter {
	text-align: right;
	background-image: url(./images/dotLine.gif);
	background-repeat: repeat-x;
	padding: 5px 0px 0px 0px;
}
#comment-author, 
#comment-email, 
#comment-url {
	width: 150px;
}
#comment-text {
	width: 250px;
}
.trackback {
}
.trackbackContent {
	font-size: 10px;
	background-image: url(./images/dotLine.gif);
	background-repeat: repeat-x;
	padding: 5px 0.5em 1em 0.5em;
}
#trackbacksInfo {
}

/*
======================================================================================
	8. モード別レイアウト設定
======================================================================================
*/
/*
layoutOneColumn = 1カラム
layoutThreeColumnBasic = 真ん中にメインコンテンツ左右にサイドバー
layoutThreeColumnLeft = 左にサイドバー２つ右側にメインコンテンツ
layoutThreeColumnRight = 右にサイドバー２つ左側にメインコンテンツ
*/
/*
======================================================================================
	8.-1 レイアウト設定（1カラム）
======================================================================================
*/
.layoutOneColumn #alpha{
	width: 780px;
	padding: 0px 0px 0px 5px;
}
.layoutOneColumn #alpha2{
	width: 780px;
	padding: 0px 0px 0px 10px;
}
/*
======================================================================================
	8.-2 レイアウト設定（2カラム）
======================================================================================
*/
.layoutTwoColumnRight #alpha, 
.layoutTwoColumnLeft #alpha {
	width: 610px;
}
.layoutTwoColumnRight #alpha {
	padding: 0px 0px 0px 5px;
	float: left;
}
.layoutTwoColumnLeft #alpha {
	padding: 0px 5px 0px 0px;
	float: right;
}
.layoutTwoColumnRight #beta {
	padding: 0px 5px 0px 0px;
	float: right;
}
.layoutTwoColumnLeft #beta {
	padding: 0px 0px 0px 5px;
	float: left;
}


.layoutTwoColumnRight #alpha2, 
.layoutTwoColumnLeft #alpha2 {
	width: 610px;
}
.layoutTwoColumnRight #alpha2 {
	padding: 0px 0px 0px 5px;
	float: left;
}
.layoutTwoColumnLeft #alpha2 {
	padding: 0px 5px 0px 0px;
	float: right;
}
.layoutTwoColumnRight #beta2 {
	padding: 0px 5px 0px 0px;
	float: right;
}
.layoutTwoColumnLeft #beta2 {
	padding: 0px 0px 0px 5px;
	float: left;
}
/*
======================================================================================
	8.-3 レイアウト設定（3カラム）
======================================================================================
*/
/*==================3カラム共通==================*/
.layoutThreeColumnBasic #alpha, 
.layoutThreeColumnLeft #alpha, 
.layoutThreeColumnRight #alpha {
	width: 420px;
}
/*==================3カラム標準==================*/
.layoutThreeColumnBasic #wrap {
	float: left;
}
.layoutThreeColumnBasic #alpha {
	padding: 0px 5px 0px 0px;
	float: right;
}
.layoutThreeColumnBasic #beta {
	padding: 0px 0px 0px 5px;
	float: left;
}
.layoutThreeColumnBasic #gamma {
	padding: 0px 5px 0px 0px;
	float: right;
}
/*==================3カラム左左==================*/
.layoutThreeColumnLeft #wrap {
	float: right;
}
.layoutThreeColumnLeft #alpha {
	padding: 0px 5px 0px 0px;
	float: right;
}
.layoutThreeColumnLeft #beta {
	padding: 0px 0px 0px 5px;
	float: left;
}
.layoutThreeColumnLeft #gamma {
	padding: 0px 0px 0px 5px;
	float: left;
}
/*==================3カラム右右==================*/
.layoutThreeColumnRight #wrap {
	float: left;
}
.layoutThreeColumnRight #alpha {
	padding: 0px 0px 0px 5px;
	float: left;
}
.layoutThreeColumnRight #beta {
	padding: 0px 5px 0px 0px;
	float: right;
}
.layoutThreeColumnRight #gamma {
	padding: 0px 5px 0px 0px;
	float: right;
}
/*
======================================================================================
	8.-4 パーツ設定
======================================================================================
*/
/*==================1カラム共通==================*/
.layoutOneColumn #commentsOpenData {
	padding: 5px 10px 0px 0px;
	float: left;
}
/*==================2カラム共通==================*/
.layoutTwoColumnRight #commentsOpenData, 
.layoutTwoColumnLeft #commentsOpenData {
	padding: 5px 10px 0px 0px;
	float: left;
}
/*==================1カラム共通==================*/
.layoutOneColumn .content {
	background-image: url(./images/alfaOneFooter.gif);
	width: 780px;
}
.layoutOneColumn .contentHeader {
	background-image: url(./images/alfaOneHeader.jpg);
}
.layoutOneColumn .contentBody {
	background-image: url(./images/alfaOneBody.gif);
}
.layoutOneColumn .contentMore {
	background-image: url(./images/alfaOneBody.gif);
}
/*==================2カラム共通==================*/
.layoutTwoColumnRight .content, 
.layoutTwoColumnLeft .content {
	background-image: url(./images/alfaTwoFooter.gif);
	width: 610px;
}
.layoutTwoColumnRight .contentHeader, 
.layoutTwoColumnLeft .contentHeader {
	background-image: url(./images/alfaTwoHeader.jpg);
}
.layoutTwoColumnRight .contentBody, 
.layoutTwoColumnLeft .contentBody {
	background-image: url(./images/alfaTwoBody.gif);
}
/*==================3カラム共通==================*/
.layoutThreeColumnBasic .content, 
.layoutThreeColumnLeft .content, 
.layoutThreeColumnRight .content {
	background-image: url(./images/alfaThreeFooter.gif);
	width: 420px;
}
.layoutThreeColumnBasic .contentHeader, 
.layoutThreeColumnLeft .contentHeader, 
.layoutThreeColumnRight .contentHeader {
	background-image: url(./images/alfaThreeHeader.jpg);
}
.layoutThreeColumnBasic .contentBody, 
.layoutThreeColumnLeft .contentBody, 
.layoutThreeColumnRight .contentBody {
	background-image: url(./images/alfaThreeBody.gif);
}
/*
======================================================================================
	9 フロート表示対策用設定
======================================================================================
*/
.floatBox {
}
/*===============ここからfloat対策(#tools)===============*/
.floatBox:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.floatBox {
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .floatBox {height:1%;}
.floatBox {display:block; }
/*End hide from IE-mac */
/*===============ここまでfloat対策(#tools)===============*/
/*
======================================================================================
	10 メニュー設定
======================================================================================
*/

/* 総合メニューその１ */
#navcontainer {
        margin: 20px 30px 0 30px;
        padding: 0;
        height: 20px;
	clear:both;
	float:right;
}

#navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#navcontainer ul li a {
        background: #fff;
        width: 110px;
        height: 18px;
        border-top: 1px solid #f5d2aa;
        border-left: 1px solid #f5d7b4;
        border-bottom: 1px solid #f5d2aa;
        border-right: 1px solid #f5d7b4;
        padding: 0;
        margin: 0 0 10px 0;
        color: #eda93a;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover {
        color: #930;
        background: #f5d7b4;
}

#navcontainer a:active {
        background: #c60;
        color: #fff;
}

#navcontainer li#active a {
        background: #c60;
        border: 1px solid #c60;
        color: #fff;
}

/*- 総合メニューその２（mori&umi）--------------------------- */

#tabs11 {
      float:left;
      width:800px;
      background:#F9F7F3;
      font-size: 12px;
      line-height:normal;
      border-bottom:1px solid #eda93a;
      margin:0px 0px 0px 10px;
}
#tabs11 ul {
       margin:0;
       padding:10px 10px 0 0px;
       list-style:none;
       float:right;
}
#tabs11 li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs11 a {
      float:left;
      background:url("images/tableft11.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs11 a span {
      float:left;
      display:block;
      background:url("images/tabright11.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}

body#fish #tabs11 .umi1 a{
      background-position:0% -42px;
}
body#fish #tabs11 .umi1 a span{
     background-position:100% -42px;
}

body#seaslug #tabs11 .umi2 a{
      background-position:0% -42px;
}
body#seaslug #tabs11 .umi2 a span{
     background-position:100% -42px;
}

body#shrimp-crab #tabs11 .umi3 a{
      background-position:0% -42px;
}
body#shrimp-crab #tabs11 .umi3 a span{
     background-position:100% -42px;
}
body#aqua-bio #tabs11 .umi4 a {
      background-position:0% -42px;
}
body#aqua-bio #tabs11 .umi4 a span{
     background-position:100% -42px;
}


body#flower #tabs11 .mori1 a{
      background-position:0% -42px;
}
body#flower #tabs11 .mori1 a span{
     background-position:100% -42px;
}

body#tree #tabs11 .mori2 a{
      background-position:0% -42px;
}
body#tree #tabs11 .mori2 a span{
     background-position:100% -42px;
}

body#moss-fern #tabs11 .mori3 a{
      background-position:0% -42px;
}
body#moss-fern #tabs11 .mori3 a span{
     background-position:100% -42px;
}

body#forest-bio #tabs11 .mori4 a{
      background-position:0% -42px;
}
body#forest-bio #tabs11 .mori4 a span{
     background-position:100% -42px;
}



body#home #tabs11 .home a{
      background-position:0% -42px;
}
body#home #tabs11 .home a span{
     background-position:100% -42px;
}



#tabs11 .mori1 a {
      float:left;
      background:url("images/tableft11_mori.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs11 .mori1 a span {
      float:left;
      display:block;
      background:url("images/tabright11_mori.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}
#tabs11 .mori2 a {
      float:left;
      background:url("images/tableft11_mori.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs11 .mori2 a span {
      float:left;
      display:block;
      background:url("images/tabright11_mori.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}
#tabs11 .mori3 a {
      float:left;
      background:url("images/tableft11_mori.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs11 .mori3 a span {
      float:left;
      display:block;
      background:url("images/tabright11_mori.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}
#tabs11 .mori4 a {
      float:left;
      background:url("images/tableft11_mori.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs11 .mori4 a span {
      float:left;
      display:block;
      background:url("images/tabright11_mori.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}


#tabs11 .umi1 a {
      float:left;
      background:url("images/tableft11_umi.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs11 .umi1 a span {
      float:left;
      display:block;
      background:url("images/tabright11_umi.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}
#tabs11 .umi2 a {
      float:left;
      background:url("images/tableft11_umi.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs11 .umi2 a span {
      float:left;
      display:block;
      background:url("images/tabright11_umi.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}
#tabs11 .umi3 a {
      float:left;
      background:url("images/tableft11_umi.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs11 .umi3 a span {
      float:left;
      display:block;
      background:url("images/tabright11_umi.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}
#tabs11 .umi4 a {
      float:left;
      background:url("images/tableft11_umi.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs11 .umi4 a span {
      float:left;
      display:block;
      background:url("images/tabright11_umi.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}



#tabs11 .home a {
      float:left;
      background:url("images/tableft11.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs11 .home a span {
      float:left;
      display:block;
      background:url("images/tabright11.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs11 a span {float:none;}
/* End IE5-Mac hack */
#tabs11 a:hover span {
      color:#FFF;
}
#tabs11 a:hover {
      background-position:0% -42px;
}
#tabs11 a:hover span {
     background-position:100% -42px;
}

#tabs11 #current a {
      background-position:0% -42px;
}
#tabs11 #current a span {
      background-position:100% -42px;
}


/*- 総合メニューその３（note）--------------------------- */

#tabs12 {
      float:left;
      width:800px;
      background:#FFFFFF;
      font-size: 12px;
      line-height:normal;
      border-bottom:1px solid #eda93a;
      margin:0px 0px 0px 10px;
}
#tabs12 ul {
       margin:0;
       padding:10px 10px 0 0px;
       list-style:none;
       float:right;
}
#tabs12 li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs12 a {
      float:left;
      background:url("images/tableft11.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs12 a span {
      float:left;
      display:block;
      background:url("images/tabright11.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}

body#forest #tabs12 .note1 a{
      background-position:0% -42px;
}
body#forest #tabs12 .note1 a span{
     background-position:100% -42px;
}
body#river #tabs12 .note2 a{
      background-position:0% -42px;
}
body#river #tabs12 .note2 a span{
     background-position:100% -42px;
}
body#sea #tabs12 .note3 a{
      background-position:0% -42px;
}
body#sea #tabs12 .note3 a span{
     background-position:100% -42px;
}


#tabs12 .note1 a {
      float:left;
      background:url("images/tableft11.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs12 .note1 a span {
      float:left;
      display:block;
      background:url("images/tabright11.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}
#tabs12 .note2 a {
      float:left;
      background:url("images/tableft11.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs12 .note2 a span {
      float:left;
      display:block;
      background:url("images/tabright11.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}
#tabs12 .note3 a {
      float:left;
      background:url("images/tableft11.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs12 .note3 a span {
      float:left;
      display:block;
      background:url("images/tabright11.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs11 a span {float:none;}
/* End IE5-Mac hack */
#tabs12 a:hover span {
      color:#FFF;
}
#tabs12 a:hover {
      background-position:0% -42px;
}
#tabs12 a:hover span {
     background-position:100% -42px;
}

#tabs12 #current a {
      background-position:0% -42px;
}
#tabs12 #current a span {
      background-position:100% -42px;
}


/* 図鑑のメニュー */
#navcontainer2 {
        margin: 20px 0 0 30px;
        padding: 0;
        height: 22px;
}

#navcontainer2 ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer2 ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#navcontainer2 ul li a {
        background: #fff;
        width: 100px;
        height: 20px;
        border-top: 1px solid #ffcccc;
        border-left: 1px solid #ffcccc;
        border-bottom: 1px solid #ffcccc;
        border-right: 1px solid #ffcccc;
        padding: 0;
        margin: 0 0 10px 0;
        color: #ff9999;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer2 ul li a:hover {
        color: #ff6666;
        background: #ffcccc;
}

#navcontainer2 a:active {
        background: #ff6666;
        color: #fff;
}

#navcontainer2 li#active2 a {
        background: #ff9999;
        border: 1px solid #ff9999;
        color: #fff;
}

#navcontainer2_2 {
        margin: 20px 0 0 30px;
        padding: 0;
        height: 22px;
}

#navcontainer2_2 ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer2_2 ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#navcontainer2_2 ul li a {
        background: #fff;
        width: 120px;
        height: 20px;
        border-top: 1px solid #ffcccc;
        border-left: 1px solid #ffcccc;
        border-bottom: 1px solid #ffcccc;
        border-right: 1px solid #ffcccc;
        padding: 0;
        margin: 0 0 10px 0;
        color: #ff9999;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer2_2 ul li a:hover {
        color: #ff6666;
        background: #ffcccc;
}

#navcontainer2_2 a:active {
        background: #ff6666;
        color: #fff;
}

#navcontainer2_2 li#active2 a {
        background: #ff9999;
        border: 1px solid #ff9999;
        color: #fff;
}

#navcontainer2_3 {
        margin: 20px 0 0 30px;
        padding: 0;
        height: 22px;
}

#navcontainer2_3 ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer2_3 ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#navcontainer2_3 ul li a {
        background: #fff;
        width: 145px;
        height: 20px;
        border-top: 1px solid #ffcccc;
        border-left: 1px solid #ffcccc;
        border-bottom: 1px solid #ffcccc;
        border-right: 1px solid #ffcccc;
        padding: 0;
        margin: 0 0 10px 0;
        color: #ff9999;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer2_3 ul li a:hover {
        color: #ff6666;
        background: #ffcccc;
}

#navcontainer2_3 a:active {
        background: #ff6666;
        color: #fff;
}

#navcontainer2_3 li#active2 a {
        background: #ff9999;
        border: 1px solid #ff9999;
        color: #fff;
}
/*
======================================================================================
	11 検索関係
======================================================================================
*/
#searchform {
	margin:0px;
	padding:0px;
	float:right;
}
#searchform label {
	display:none;
}
#s {
	border:1px solid #eda93a;
	width: 130px;
	padding: 1px;
}
#searchsubmit {
	background: url(http://yakushima.mori-umi.jp/images/button.gif) no-repeat;
	width: 22px;
	height:21px;
	border:none;
	text-indent: -900em;
	line-height:0px;
}
/*
======================================================================================
	12 トップページ表示
======================================================================================
*/
.contit p{
        margin: 2px;
        }
.contit2 {
        margin: 5px 15px 0px 15px ;
        padding: 0px 0px 0px 0px ;
        background-color: #fff;
        border-bottom: 1px dashed #336699;
}
.contit2 p {
        margin: 2px;
}

div .blocka {
margin: 0px 10px 0px 0px;
padding: 2px;
float: left;
width: 5%;
}
div .blockb {
margin: 0px 0px 0px 40px;
padding: 2px 2px 30px 2px;

}

.newtitle {
margin: 0px 10px 0px 0px ;
padding: 2px;
float: left;
font-size: 12px;
color: red;
}
.days{
margin: 0px 10px 0px 0px;
padding: 2px;
float: left;
text-align: center;
height: 120px;
}

.day{
margin: 0px;
padding: 0px;
font-size: 9px;
color: #cccccc;
}
.year{
margin: 0px;
padding: 0px;
font-size: 20px;
color: #336699;
}

.week {
margin: 0px;
padding: 0px;
font-size: 12px;
color: blue;
}

div.photo{
margin: 0px 5px 5px 0px;
padding: 3px;
border: 1px solid #cccccc;
float: left;
background-image:url();
background-repeat:no-repeat;
background-position:left top;
width: 101px;
height: 67px;
overflow: hidden;
}

div.photo img{
border: 0px;
}


.posted {
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: normal;
	padding-left: 5px;
        float: right;       
	}

.posted a{
        padding-right: 3px;
        text-decoration: none;
          }
.posted a:hover{
          position: relative;
         top: 1px;
         left: 1px; 
}
.posted img{
border: 0px;
}
.zukan_banner1 {
	background: url(http://yakushima.mori-umi.jp/images/zukan_banner1.gif) no-repeat;
	width: 320px;
	height:90px;
        margin: 10px auto 0px auto ;
	text-align: center;
	text-indent: -900em;
}
.zukan_banner2 {
	background: url(http://yakushima.mori-umi.jp/images/zukan_banner2.gif) no-repeat;
	width: 320px;
	height:90px;
        margin: 10px auto 0px auto ;
	text-align: center;
	text-indent: -900em;
}
.zukan_banner3 {
	background: url(http://yakushima.mori-umi.jp/images/zukan_banner3.gif) no-repeat;
	width: 320px;
	height:90px;
        margin: 10px auto 0px auto ;
	text-align: center;
	text-indent: -900em;
}
.zukan_banner4 {
	background: url(http://yakushima.mori-umi.jp/images/zukan_banner4.gif) no-repeat;
	width: 320px;
	height:90px;
        margin: 10px auto 0px auto ;
	text-align: center;
	text-indent: -900em;
}
.zukan_banner5 {
	background: url(http://yakushima.mori-umi.jp/images/zukan_banner5.gif) no-repeat;
	width: 320px;
	height:90px;
        margin: 10px auto 0px auto ;
	text-align: center;
	text-indent: -900em;
}
.zukan_banner6 {
	background: url(http://yakushima.mori-umi.jp/images/zukan_banner6.gif) no-repeat;
	width: 320px;
	height:90px;
        margin: 10px auto 0px auto ;
	text-align: center;
	text-indent: -900em;
}
.zukan_banner7 {
	background: url(http://yakushima.mori-umi.jp/images/zukan_banner7.gif) no-repeat;
	width: 320px;
	height:90px;
        margin: 10px auto 0px auto ;
	text-align: center;
	text-indent: -900em;
}
.zukan_banner8 {
	background: url(http://yakushima.mori-umi.jp/images/zukan_banner8.gif) no-repeat;
	width: 320px;
	height:90px;
        margin: 10px auto 0px auto ;
	text-align: center;
	text-indent: -900em;
}
.update {
	text-align: right;
        margin: 10px 80px 30px 70px ;
        color: #999999;
	font-size: 12px;
}
.rss {
       	text-align: right;
        margin: 10px 80px 30px 70px ;
        color: #999999;
	font-size: 12px;
}
/*

======================================================================================
	13. サムネイル表示方法
======================================================================================
*/

.thumb {
float:left;
font-family: 'Trebuchet MS', verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height: 71px;
line-height:100%;
width:105px;
text-align: center;
} 
.top_img {
height: 218px;
width:630px;
        margin: 30px 80px 0px 70px ;
        padding: 10px 7.5px 0px 7.5px;
        border-top: 1px solid #ffcccc;
        border-left: 1px solid #ffcccc;
        border-bottom: 1px solid #ffcccc;
        border-right: 1px solid #ffcccc;
}
/*
======================================================================================
	14. 個別エントリー内の表示
======================================================================================
*/
.en_photo {
        float: left;
	display:block;
	padding: 0px 15px 0px 10px;
}
.en_title {
	color: #333333;
        font-family:Verdana,Sans-Serif;
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	padding: 0px 10px 5px 10px ;
	margin: 0px 0px 20px 0px ;	
	background-image: url(./images/dotLine.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.thumb3 {
float:left;
font-family: 'Trebuchet MS', verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height: 110px;
line-height:110%;
width:105px;
text-align: center;
} 
.datedate {  
                text-align:left;
                color:#bdd5d3;
                font-size:20px;
                font-weight:bolder;
                font-family: Verdana;
                margin: 0px 0px 0px 0px ;
}
.datedate2 {  
                text-align:left;
                color:#bdd5d3;
                font-size:20px;
                font-weight:bolder;
                font-family: Verdana;
                margin: 30px 0px 0px 0px ;
}
.en_body2 {
	padding: 0px 0px 5px 0px ;
        margin: 0px 0px 30px 0px ;
        border-bottom: 2px solid #cccccc;
}
/*
======================================================================================
	15. 図鑑のINDEX/リスト系ページの表示
======================================================================================
*/
.en_title2 {
	color: #333333;
        font-family:Verdana,Sans-Serif;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	padding: 0px 10px 5px 10px;
	margin: 0px 0px 30px 0px ;	
	background-image: url(./images/dotLine.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.thumb2 {
float:left;
font-family: 'Trebuchet MS', verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height: 120px;
line-height:120%;
width:105px;
text-align: center;
} 
.cat_description {
	margin: 10px 30px 30px 30px ;
	color: #333333;
        font-family:Verdana,Sans-Serif;
	font-size: 15px;
}
.entry_count {
	color: #999999;
        font-family:Verdana,Sans-Serif;
	font-size: 12px;
	text-align: center;
	margin: 5px 0px 10px 0px ;
}
.count {
	color: #ff6666;
        font-family:Verdana;
	font-size: 18px;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}


img.left {
	margin: 0px 5px 0px 5px;
	float:left;
}

img.right {
	margin: 0px 5px 0px 5px;
	float:right;
}