﻿@charset "Shift_JIS";/* --------------------------------------------------------------▼基本設定【template01_3】-------------------------------------------------------------- */* {	font-size: 100%;	list-style-type: none;	padding: 0px;	margin: 0px;}body {	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	font-size: 75%;	color: black;	/*文字色▼*/	line-height: 1.5;	background-image: url(images/bg01_d0cfcf.gif);	/*背景画像▼*/	background-repeat: repeat;	background-attachment: fixed;	text-align: center;	padding-bottom: 20px;}img {	border-width: 0px;}a {	color: #28340c;	/*リンク部分の文字色▼*/}a:hover {	color: #56711a;	/*リンク部分のマウスオーバー時の文字色▼*/}a:hover img {	opacity: 0.6;			/*リンク画像 マウスオーバー時の透明度 IE以外のモダンブラウザ用*/	filter: alpha(opacity=60);	/*リンク画像 マウスオーバー時の透明度 IE用*/}span {	color: #455715;		/*spanタグを使用した時の文字色▼*/}strong {	color: #4d6417;		/*strongタグを使用した時の文字色▼*/}p {	padding-bottom: 15px;}p.line {	line-height: 22px;	background-image: url(images/line_dot.gif);	background-repeat: repeat;}/* --------------------------------------------------------------▼ヘッダー部分の設定-------------------------------------------------------------- */#header {	width: 890px;	height: 330px;	text-align: center;	background-image: url(images/header_bg.png);	background-repeat: no-repeat;	background-position: left top;	margin-right: auto;	margin-left: auto;	margin-top: 20px;	position: static;}#header-inner {	width: 870px;	padding-top: 17px;	margin-left: auto;	margin-right: auto;	position: relative;}/*見出し(h1タグ)FLASHメニュー左上部に表示されているテキスト部分----------------------------------------------------------*/h1 {	font-size: 20px;	/*文字サイズ*/	color:darkgoldenrod;		/*文字色*/	font-weight: strong;	/*文字の太さ*/	margin-top: 10px;	/*上からの表示位置*/	margin-left: 20px;	/*左からの表示位置*/	position: absolute;}/*FLASHメニュー----------------------------------------------------------*/#flashmov {	width: 870px;	height: 290px;	margin-left: auto;	margin-right: auto;}#flashmov p#noscript {	font-size: 15px;	text-align: center;	top: 100px;	position: relative;}/* --------------------------------------------------------------▼コンテナ-------------------------------------------------------------- */#container {	width: 890px;	background-image: url(images/body_bg.png);	background-repeat: repeat-y;	text-align: center;	margin-left: auto;	margin-right: auto;	position: static;}#container-inner {	width: 830px;	text-align: center;	margin-left: auto;	margin-right: auto;	padding-bottom: 20px;	position: relative;}/* --------------------------------------------------------------▼メイン部分の設定-------------------------------------------------------------- */#main {	width: 600px;	text-align: left;	float: right;}/*メイン部分の見出しタグ----------------------------------------------------------*/#main h2 {	font-size: 150%;	/*文字サイズ*/	color: darkgoldenrod;		/*文字色▼*/	line-height: 30px;	background-image: url(images/line01_d0cfcf.gif);/*見出し(h2タグ)の背景画像▼*/	background-repeat: no-repeat;	background-position: left bottom;	margin-bottom: 15px;	padding-left: 3px;}#main h3 {	font-size: 100%;	/*文字サイズ*/	color: #455715;		/*文字色▼*/	line-height: 25px;	border-left-color: #57711c;	/*左サイドボーダーカラー▼*/	border-left-style: solid;	/*左サイドボーダースタイル*/	border-left-width: 5px;		/*左サイドボーダー幅*/	margin-bottom: 10px;	padding-left: 7px;}#main h4 {	font-size: 100%;	/*文字サイズ*/	color: #2f2f2f;		/*文字色▼*/	background-image: url(images/icon01_447202.gif);	/*見出し(h4タグ)の先頭に表示される画像▼*/	background-repeat: no-repeat;	background-position: 0px 3px;	padding-left: 12px;	margin-bottom: 10px;}/*メイン部分のボックス----------------------------------------------------------*/#main div.box {	border-width: 1px;	/*ボーダーの太さ*/	border-style: solid;	/*ボーダースタイル*/	border-color: #cccccc;	/*ボーダーカラー▼*/	padding: 5px;	margin-bottom: 10px;}#main div.box p {	padding-bottom: 0px;}/*イメージボックス----------------------------------------------------------*/#main div.imagebox {	width: 100%;	margin-bottom: 15px;	position: relative;	overflow: hidden;}#main div.box div.imagebox {	margin-bottom: 0px;}/*イメージボックス アルバム（画像を並べて表示する設定になっている部分）----------------------------------------------------------*/#main ul.imagebox_album li {	border-width: 1px;		/*画像 ボーダー枠の太さ*/	border-style: solid;		/*画像 ボーダー枠スタイル*/	border-color: #cccccc;		/*画像 ボーダー枠カラー▼*/	background-color: #e6e6e6;	/*画像 枠の余白部分カラー▼*/	padding: 4px;			/*画像 枠の余白幅*/	margin: 5px;	float: left;}* html #main ul.imagebox_album li {	display: inline;	/*IE6用*/}#main ul.imagebox_album img {	vertical-align: bottom;}/*イメージボックス レフト（左側に画像を置く設定になっている部分）----------------------------------------------------------*/#main div.imagebox_left {	background-color: white;	/*▼*/	padding-right: 10px;	float: left;}#main div.imagebox_left img {	border-width: 1px;		/*画像 ボーダー枠の太さ*/	border-style: solid;		/*画像 ボーダー枠スタイル*/	border-color: #cccccc;		/*画像 ボーダー枠カラー▼*/	background-color: #e6e6e6;	/*画像 枠の余白部分カラー▼*/	padding: 5px;			/*画像 枠の余白幅*/}/*イメージボックス ライト（右側に画像を置く設定になっている部分）----------------------------------------------------------*/#main div.imagebox_right {	background-color: white;	padding-left: 10px;	float: right;}#main div.imagebox_right img {	border-width: 1px;		/*画像 ボーダー枠の太さ*/	border-style: solid;		/*画像 ボーダー枠スタイル*/	border-color: #cccccc;		/*画像 ボーダー枠カラー▼*/	background-color: #e6e6e6;	/*画像 枠の余白部分カラー▼*/	padding: 5px;			/*画像 枠の余白幅*/}/*テキストボックス（What's New部分）----------------------------------------------------------*/#main dl.textbox {	width: 588px;			/*枠の幅*/	height: 120px;			/*枠の高さ*/	line-height: 25px;		/*行の高さ*/	border-width: 1px;		/*ボーダー枠の太さ*/	border-style: solid;		/*ボーダー枠スタイル*/	border-color: #cccccc;		/*ボーダー枠カラー▼*/	padding: 5px;	margin-bottom: 15px;	overflow: auto;}* html #main dl.textbox {	width: 598px;	/*IE6用*/}#main dl.textbox dt {	color: #455715;		/*更新日時部分の文字色▼*/	font-weight: bold;	/*更新日時部分の文字の太さ*/	background-image: url(images/icon01_447202.gif);	/*更新日時の先頭に表示される画像▼*/	background-repeat: no-repeat;	background-position: 0px 6px;	padding-left: 12px;	padding-right: 10px;	float: left;}/*トピックパス（パンくずリスト|上位ページへのリンク部分）----------------------------------------------------------*/#main #topic-path {	margin-bottom: 10px;}#main #topic-path a {	background-image: url(images/path.gif);	background-repeat: no-repeat;	background-position: right center;	padding-right: 15px;	margin-left: 5px;}#main #topic-path strong {	margin-left: 5px;}/*ページトップ（ページトップへのリンク部分）----------------------------------------------------------*/#main div.pagetop {	width: 590px;	height: 20px;	text-align: right;	margin-top: 20px;}/* --------------------------------------------------------------▼リンクページで使用しているスタイル-------------------------------------------------------------- *//*アバウトリンク部分で使用している「TABLEレイアウト」----------------------------------------------------------*/#main table.style_b {	font-size: 12px;	width: 100%;	border-collapse: collapse;	border-top-width: 1px;	border-top-style: dotted;	/*ボーダー上枠スタイル*/	border-top-color: #666666;	/*ボーダー上枠カラー▼*/	margin-top: 15px;	margin-bottom: 15px;}#main table.style_b th {	width: 150px;	/*項目部分の幅*/	text-align: left;	vertical-align: top;	background-image: url(images/icon01_447202.gif);	/*項目部分の先頭に表示される画像▼*/	background-repeat: no-repeat;	background-position: 3px 8px;	border-right-width: 1px;	/*ボーダー右枠の太さ*/	border-bottom-width: 1px;	/*ボーダー下枠の太さ*/	border-right-style: dotted;	/*ボーダー右枠スタイル*/	border-bottom-style: dotted;	/*ボーダー下枠スタイル*/	border-right-color: #666666;	/*ボーダー右枠カラー▼*/	border-bottom-color: #666666;	/*ボーダー下枠カラー▼*/	padding: 5px 2px 5px 15px;}#main table.style_b td {	border-bottom-width: 1px;	/*ボーダー右枠の太さ*/	border-bottom-style: dotted;	/*ボーダー下枠スタイル*/	border-bottom-color: #666666;	/*ボーダー下枠カラー▼*/	padding: 5px;}/*リンクボックス（バナー画像あり|バナー画像幅200px）----------------------------------------------------------*/#main dl.linkbox-ba200 {	width: 100%;	position: relative;	background-image: url(images/line01s_ffffff.gif);	background-repeat: repeat-x;	background-position: left bottom;	margin-bottom: 10px;}#main dl.linkbox-ba200 dt {	color: #00FFFF;		/*#28340cサイト名部分にリンク設定がない時の文字色▼*/	margin-left: 220px;	margin-bottom: 10px;	padding-bottom: 5px;	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #999999;	font-weight: bold;}#main dl.linkbox-ba200 dt a {	color: #00FFFF;		/*#28340cサイト名部分にリンク設定がある時の文字色▼*/	text-decoration: none;}#main dl.linkbox-ba200 dd {	margin-left: 220px;	position: relative;}#main dl.linkbox-ba200 dd.banner {	width: 200px;	padding: 0px;	margin: 0px;	top: 0;	left: 0;	position: absolute;}/*リンクボックス（バナー画像あり|バナー画像幅88px）----------------------------------------------------------*/#main dl.linkbox-ba88 {	width: 100%;	position: relative;	background-image: url(images/line01s_ffffff.gif);	background-repeat: repeat-x;	background-position: left bottom;	margin-bottom: 10px;}#main dl.linkbox-ba88 dt {	color: #00FFFF;		/*サイト名部分にリンク設定がない時の文字色▼*/	margin-left: 100px;	margin-bottom: 10px;	padding-bottom: 5px;	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #999999;	font-weight: bold;}#main dl.linkbox-ba88 dt a {	color: #00FFFF;		/*サイト名部分にリンク設定がある時の文字色▼*/	text-decoration: none;}#main dl.linkbox-ba88 dd {	margin-left: 100px;	position: relative;}#main dl.linkbox-ba88 dd.banner {	width: 88px;	padding: 0px;	margin: 0px;	top: 0;	left: 0;	position: absolute;}/*リンクボックス（バナー画像なし）----------------------------------------------------------*/#main dl.linkbox-nobanner {	width: 100%;	position: relative;	background-image: url(images/line01s_ffffff.gif);	background-repeat: repeat-x;	background-position: left bottom;	margin-bottom: 10px;}#main dl.linkbox-nobanner dt {	color: #00FFFF;		/*サイト名部分にリンク設定がない時の文字色▼*/	margin-bottom: 10px;	padding-bottom: 5px;	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #999999;	font-weight: bold;}#main dl.linkbox-nobanner dt a {	color: #00FFFF;		/*サイト名部分にリンク設定がある時の文字色▼*/	text-decoration: none;}#main dl.linkbox-nobanner dd {	position: relative;}/*リンクバナーボックス（バナー画像を並べて表示）----------------------------------------------------------*/#main ul.linkbanner {	width: 100%;	padding-bottom: 5px;	position: relative;	overflow: hidden;}#main ul.linkbanner li {	margin: 3px;	float: left;}* html #main ul.linkbanner li {	display: inline;	/*IE6用*/}#main ul.linkbanner img {	vertical-align: bottom;}#main div.box div.imagebox {	padding-bottom: 0px;}/* --------------------------------------------------------------▼プロフィールページで使用しているスタイル-------------------------------------------------------------- *//*プロフィール部分で使用している「TABLEレイアウト」----------------------------------------------------------*/#main table.style_a {	width: 100%;	font-size: 12px;	/*文字サイズ*/	border-collapse: collapse;	margin-top: 15px;	margin-bottom: 15px;}#main table.style_a th {	width: 150px;			/*項目部分の幅サイズ*/	color: #ffffff;			/*項目部分の文字色▼*/	background-color: #576f06;	/*#576f06項目部分の背景色▼*/	border-width: 1px 0px 1px 1px;			/*項目部分のボーダー枠の太さ｜右サイド表示なし*/	border-style: solid;				/*項目部分のボーダー枠スタイル*/	border-color: #cccccc;				/*項目部分のボーダー枠カラー▼*/	padding-top: 5px;	padding-left: 10px;	padding-right: 2px;	padding-bottom: 5px;	text-align: left;	vertical-align: top;}#main table.style_a td {	padding: 5px;	border-width: 1px;		/*内容部分のボーダー枠の太さ*/	border-style: solid;		/*内容部分のボーダー枠スタイル*/	border-color: #cccccc;		/*内容部分のボーダー枠カラー▼*/}/* --------------------------------------------------------------▼サイド部分の設定-------------------------------------------------------------- */#side {	width: 205px;	text-align: left;	float: left;}/*サイド部分の見出しタグ----------------------------------------------------------*/#side h3 {	width: 205px;	font-size: 12px;	/*文字サイズ*/	color: black;		/*文字色▼*/	font-weight: normal;	/*文字太さ*/	line-height: 35px;	text-align: center;	/*文字表示位置*/	background-image: url(images/button01_b9b9b9.png);	/*見出し(h3タグ)の背景画像▼*/	background-repeat: no-repeat;	margin-bottom: 10px;}/*サイド部分のボックス----------------------------------------------------------*/#side div.box {	border-width: 1px;	/*ボーダーの太さ*/	border-style: solid;	/*ボーダースタイル*/	border-color: #cccccc;	/*ボーダーカラー▼*/	padding: 2px;	margin-bottom: 10px;}#side div.box p {	padding-bottom: 5px;}/*サイドメニュー----------------------------------------------------------*/#side ul#sidemenu {	text-align: center;	margin-left: 3px;	margin-bottom: 15px;}#side ul#sidemenu li {	margin-bottom: 2px;}#side ul#sidemenu li a {	color: #666666;			/*文字色▼*/	width: 195px;			/*サイドメニュー部分の幅サイズ*/	border-left-width: 5px;		/*左サイドのボーダーサイズ*/	border-left-style: solid;	/*左サイドのボーダースタイル*/	border-left-color: #3f5311;	/*左サイドのボーダーカラー▼*/	border-bottom-color: #999999;	/*下ボーダーカラー▼*/	border-bottom-width: 1px;	/*下ボーダーサイズ*/	border-bottom-style: dotted;	/*下ボーダースタイル*/	padding-top: 5px;	padding-bottom: 5px;	text-decoration: none;	display: block;}#side ul#sidemenu a:hover {	color: #004600;			/*マウスオーバー時の文字色▼*/	border-left-width: 5px;		/*マウスオーバー時の左サイドのボーダーサイズ*/	border-left-style: solid;	/*マウスオーバー時の左サイドのボーダースタイル*/	border-left-color: #6a8b1d;	/*マウスオーバー時の左サイドのボーダーカラー▼*/}#side ul#sidemenu li.nolink {	color: #005100;			/*リンクなし　文字色▼*/	text-decoration: none;		/*リンクなし　サイドメニュー部分の幅サイズ*/	width: 195px;			/*リンクなし　サイドメニュー部分の幅サイズ*/	border-left-width: 5px;		/*リンクなし　左サイドのボーダーサイズ*/	border-left-style: solid;	/*リンクなし　左サイドのボーダースタイル*/	border-left-color: #6a8b1d;	/*リンクなし　左サイドのボーダーカラー▼*/	border-bottom-color: #999999;	/*リンクなし　下ボーダーカラー▼*/	border-bottom-width: 1px;	/*リンクなし　下ボーダーサイズ*/	border-bottom-style: dotted;	/*リンクなし　下ボーダースタイル*/	padding-top: 5px;	padding-bottom: 5px;	display: block;}/*サイドリンク----------------------------------------------------------*/#side ul.sidelink {	margin-bottom: 15px;	text-align: left;	margin-left: 3px;}#side ul.sidelink ul {	text-align: left;}#side ul.sidelink li {	margin-bottom: 6px;}#side ul.sidelink li.textlink a {	background-image: url(images/icon01_447202.gif);	/*リンクテキストの左サイドに表示される画像▼*/	background-repeat: no-repeat;	background-position: 0px 3px;	padding-left: 12px;}/* --------------------------------------------------------------▼フッター部分の設定-------------------------------------------------------------- */#footer {	width: 890px;	text-align: center;	margin-right: auto;	margin-left: auto;	background-image: url(images/footer_bg.png);	background-repeat: no-repeat;	background-position: left bottom;	height: 110px;		/*フッター部分の高さ*/	position: static;	clear: both;}#footer-inner {	width: 830px;	border-top-width: 1px;		/*コンテナとフッター間の区切り線太さ*/	border-top-style: dotted;	/*コンテナとフッター間の区切り線スタイル*/	border-top-color: #404040;	/*コンテナとフッター間の区切り線の色▼*/	margin-left: auto;	margin-right: auto;	padding-top: 10px;	position: relative;}/*フッターメニュー----------------------------------------------------------*/#footer ul#footermenu {	text-align: center;	margin-bottom: 15px;}#footer ul#footermenu li {	color: #28340c;			/*リンクがないテキスト部分の文字色▼*/	border-left-width: 1px;		/*各リンク間の区切り線太さ*/	border-left-style: solid;	/*各リンク間の区切り線スタイル*/	border-left-color: gray;	/*各リンク間の区切り線の色▼*/	padding-left: 6px;	padding-right: 4px;	display: inline;}#footer ul#footermenu li.last {	border-right-width: 1px;	/*リンク部分の一番右端に表示される線太さ*/	border-right-style: solid;	/*リンク部分の一番右端に表示される線スタイル*/	border-right-color: #999999;	/*リンク部分の一番右端に表示される線の色▼*/	padding-right: 6px;}#footer ul#footermenu li a {	color: gray;		/*文字色▼*/}#footer ul#footermenu li a:hover {	color: #28340c;		/*マウスオーバー時の文字色▼*/}/*コピーライト----------------------------------------------------------*/#copy_r {	font-size: 11px;	/*文字サイズ*/	color: #666666;		/*文字色*/}/*address（変更・削除不可）----------------------------------------------------------*/#address {	text-align: center;	margin-top: 5px;	font-size: 11px;}#address a {	color: #454545;}#address a:hover {	color: #707070;}/* --------------------------------------------------------------▼編集方法ページで使用しているスタイル-------------------------------------------------------------- */hr {	margin-bottom: 10px;	width: 100%;	height: 1px;	border-width: 0px 0px 1px;	border-bottom-style: solid;	border-bottom-color: #999999;	padding-top: 5px;}#main p.back_color {	color: white;	background-color: #576f06;	padding: 2px 2px 2px 5px;	margin: 2px 10px 10px;}#main ol li {	margin-bottom: 10px;	padding-top: 5px;	padding-left: 8px;	padding-bottom: 5px;	padding-right: 5px;	border-width: 1px;	border-style: solid;	border-color: #cccccc;	background-image: url(images/icon01_341309.gif);	background-repeat: no-repeat;	background-position: 1px 8px;}.howtobox {	background-color: #576f06;	padding-top: 5px;	padding-left: 5px;	padding-right: 5px;	padding-bottom: 5px;	width: 100%;	margin-bottom: 10px;}.howtobox span {	background-color: black;	color: white;}input.howto {	background-color: #d9d9d9;	padding-top: 3px;	padding-left: 3px;	padding-right: 3px;	padding-bottom: 3px;	border-width: 1px;	border-style: solid;	border-color: #999999;	width: 100%;	margin-bottom: 5px;	font-size: 12px;}textarea.howto {	padding-top: 3px;	padding-left: 3px;	padding-right: 3px;	padding-bottom: 3px;	border-width: 1px;	border-style: solid;	border-color: #cccccc;	width: 100%;	margin-bottom: 5px;	font-size: 12px;}/* --------------------------------------------------------------▼フォトアルバムページで使用しているスタイル-------------------------------------------------------------- */#main div.flashmov {	text-align: center;	width: 100%;	font-size: 15px;	margin-top: 10px;	margin-bottom: 10px;}/* --------------------------------------------------------------▼変更・削除はしないで下さい-------------------------------------------------------------- */.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}.clearfix {	display: inline-table;	min-height: 1%;}/* Hides from IE-mac \*/* html .clearfix {	height: 1%;}.clearfix {	display: block;}/* End hide from IE-mac */* html #header {	behavior: expression(   this.style.behavior || (   this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",   this.style.backgroundImage = "none",   this.style.behavior = "none" ) );}* html #container {	behavior: expression(   this.style.behavior || (   this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",   this.style.backgroundImage = "none",   this.style.behavior = "none" ) );}* html #footer {	behavior: expression(   this.style.behavior || (   this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",   this.style.backgroundImage = "none",   this.style.behavior = "none" ) );}* html h3 {	behavior: expression(   this.style.behavior || (   this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",   this.style.backgroundImage = "none",   this.style.behavior = "none" ) );}#slideshow {   position: relative;   width:  640px; /* 画像の横幅に合わせて記述 */   height: 270px; /* 画像の高さに合わせて記述 */}#slideshow img {   position: absolute;   top: 0;   left:0;   z-index: 8;   opacity: 0.0;}#slideshow img.active {   z-index: 10;   opacity: 1.0;}#slideshow img.last-active {   z-index: 9;}