/* スタイルシート */

/* 
▼基本設定

背景色：#4c3a25
文字サイズ：14px
文字色：#333
リンク色：#33C

　　※ベースとなる文字サイズやリンク色を変更するには
　　　ＨＴＭＬエディターの【置換】機能を使い、
　　　上記の数値を、他の数値へ置き換えてください。

　　※上の数値を変更しただけでは、設定は変わりません。
　　　このファイル内の、すべての該当部分を置き換えてください。

　　※例えば【14px】を【16px】に変更し、文字サイズを少し大きくしたいなら、
　　　このファイル内のすべての【14px】部分を【16px】に置き換えて保存します。
　　　その後、サーバーにアップロードすれば完了です。

　　※何度も【置換】をすると、他の設定部分まで置き換わってしまう事が
　　　あるので、再度【置換】をする時は、原版を編集してください。


▼使用画像

ベース背景：body.gif
コンテナ背景：container.gif
ヘッダー背景：head_bn.jpg
ヘッダメニュー背景：headmenu.gif
　┣メニューリンクにカーソルを合わせた時の背景：headmenu2.gif
センター背景：cen_bg.gif
　┣見出し背景：cen_head.gif
　┣関連キーワード欄：y_key.gif
サイド背景：side_bg.gif[透明画像]（コンテナ背景：container.gifが表示されます）
　┣見出し背景：side_head.gif
フッタ背景：footer.gif

　　※各画像を加工すれば、オリジナルデザインが作れます

 */



/* ボディ */

html{
	margin: 0;
	padding: 0;}


body {
	background-color: #4c3a25;
	background-image: url(body.gif);
	background-repeat: repeat-x;
	color: #666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height:1.4em;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;}

body a {
	color: #33C;
	text-decoration: underline;}

img {
	border-style: none;} 





/* 外枠 */

#container {
	background-color: #FFF;
	background-image: url(container.gif);
	border-left: 1px solid #191919;
	border-right: 1px solid #191919;
	color: #333;
	line-height:1.4em;
    margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 800px;}


/* ヘッダー */

#head {
	background-color: #332618;
	background-image: url(head_bn.jpg);
	background-repeat: repeat-x;
	color: #999;
	line-height:1.4em;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 5px 5px 5px 5px;
	text-align:left;
	width: 100%;
	height: 250px;}

#head a {
	color: #999;
	text-decoration: none;}

#head-img {
	display: none;}


#head h1,
#head h1 a {
	color: #cca861;
	font-family: 'ＭＳ ゴシック',Verdana, Arial, sans-serif;
	font-size: 25px;
    font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	height: 30px;}

#head p,
#head p strong,
#head p em {
	color: #CCC;
	font-size: 12px;
    margin:0px;
	height: 150px;}



/* ヘッダー下のメニューリンク枠 */

#headmenu {
	background-color: #191919;
	background-image: url(headmenu.gif);
	border-top: 0px solid #666;
	border-bottom: 1px solid #191919;
	color: #fffafa;
	font-family: Verdana, Arial, sans-serif;
    font-size:14px;
    line-height:1.4em;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 100%;}

#headmenu a {
	color: #fffafa;
	border-left:1px solid #C00;
	border-right:1px solid #C00;
    font-size:14px;
    font-weight:bold;
    margin: 0px 0px 0px 0px;
    padding: 5px 3px 5px 3px;
	text-decoration: none;}

#headmenu a:hover {
	background-image: url(headmenu2.gif);
	color: #ff0;
    font-weight:bold;}



/* センター枠 */

#center {
	background-color: #FFF;
	background-image:url(cen_bg.gif);
	background-repeat: repeat-y;
	float: left;
    line-height:1.4em;
    margin:0px 0px 0px 0px;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    width: 600px;
    height: auto;}



/* センター内枠 */

.content {
	color: #333;
	font-size: 14px;
	line-height:1.4em;
	padding: 0px 10px 5px 10px;}

.content b {
    color:red;
	font-weight: bold;}

.content strong{
	font-weight: bold;}

.content p {
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height:1.4em;
	margin: 7px 30px 7px 5px;}


.content hr{
    border:1px dashed #999;
    width:95%;}


.content ul,
.content ol {
    margin:0px 0px 0px 0px;
    padding:0px;}

.content li {
	line-height:1.4em;
    list-style-type:none;
    margin:0px;
    padding:3px;}


.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	background-color: #333;
	background-image: url(cen_head.gif);	
	background-repeat: no-repeat;
    border:0px solid #f50;
	color: #fffafa;
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 2px 10px;
	text-align: left;}

.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a {
	color: #333;
}


.content a{
	color:#33C;
	text-decoration: underline;}

.content a:hover{
	color:#009;}

.content input,
.content serect,
.content textarea{
	margin:5px 5px 5px 5px;} 



/* サイドバー */

#side {
	background-image:url(side_bg.gif);
	float: right;
	line-height:1.4em;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width: 198px;}



/* サイドバー内枠 */

.sidebar {
    border-left:0px solid #FFF;
    border-bottom:0px solid #FFF;
	color: #333;
    font-size: 12px;
	line-height:1.4em;
    margin:0px;
	padding: 5px 5px 5px 5px;}


.sidebar a {
	color: #33C;}

.sidebar a:hover {
	color: #009;}


.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
	background-color: #6f5436;
    background-image: url(side_head.gif);
	color: #333;
	font-size: 13px;
	font-weight: bold;
	line-height:1.4em;
	margin:0px 0px 0px 0px;
	padding:3px 5px 3px 10px;
	text-align: left;
	text-transform: uppercase;}


.sidebar ul {
	font-weight: normal;
	margin: 0px;
	margin-bottom: 5px;
	padding-left: 0px;}

.sidebar li {
    border-bottom:1px dotted #999;
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:1.4em;
    list-style-type:none;
	margin: 1px 0px 1px 5px;
	padding: 0px 0px 0px 0px;
	text-align: left;}

.sidebar li a {
	color: #33C;
    text-decoration: none;
	width:100%;}

.sidebar li a:hover {
	background-color: #c0c0c0;
	color: #009;
	width:100%;}



.sidebar img {
	border: 0px solid #FFF;}

.sidebar p {
	line-height:1.4em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}


.sidebar form{
	margin:5px 5px 5px 5px;
	padding:2px;}

.sidebar input,
.sidebar serect,
.sidebar textarea{
	margin:0px 0px 0px 0px;} 




/* サイドバー内コンテンツ部分 */

.side-content {
	border-top:0px solid #f50;
	border-left:0px solid #f50;
	border-right:0px solid #f50;
	border-bottom:0px solid #f50;
	color: #333;
	font-size: 12px;
	line-height:1.4em;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 5px;}



/* フッタ */

#footer {
	background-color: #191919;
    background-image: url(footer.gif);
	border-left:0px solid #191919;
	border-right:0px solid #191919;
    clear:both;
	color: #fffafa;
    float: none;
	font-size: 12px;
	line-height: 1.4em;
	margin: 0px;
    overflow: hidden;
	padding: 5px 0px 5px 0px;
	text-align: center;
	width: 100%;}

#footer a {
	color: #fffafa;
	text-decoration: none;}

#footer p {
	margin: 0px 0px 10px 0px;}




/* 右寄せ（検索フォーム） */

.rig{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
	width:99%;}



/* 中央寄せ */

.cen {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	width:99%;}



/* ナビリンク */

.navi{
	border-bottom:1px dashed #CCC;
	color:#333;
	font-size:12px;
	margin:3px 0px 10px 0px;}

.navi a{
	color:#33F;
	font-size:12px;
	text-decoration:none;}





/* RSS記事の表示部分 */

.rss{
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height:1.4em;
	margin: 10px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    text-align:left;
	width:580px;
　　word-break:break-all;}

.rss h2 {
	background-color: #333;
	background-image: url(cen_head.gif);	
	background-repeat: no-repeat;
    border:0px solid #f50;
	color: #fffafa;
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 2px 10px;
	text-align: left;}

.rss p{
	color: #333;
    font-size:14px;}




/* RSS記事下のリンク部分 */

.rssdate{
	color:#666;
	font-size:12px;
	margin:5px 5px 0px 0px;
	padding: 0px;
	text-align:right;
	width:99%;}

.rssdate a{
	color:#666;
	font-size:12px;
	text-decoration:none;}



/* 関連キーワードの表示部分 */

.content .y_key{
	background-color: #FFF;
	background-image: url(y_key.gif);
	background-repeat: no-repeat;	
	border-top:1px solid #6f5436;
	border-left:1px solid #6f5436;
	border-right:1px solid #6f5436;
	border-bottom:1px solid #6f5436;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	width:auto;}

.content .y_key ul{
	margin:5px 5px 5px 5px;}

.content .y_key ul li{
	display:inline;
    font-size:12px;}

.content .y_key strong{
	color:#333;
	font-size:14px;
	font-weight:bold;
	padding:5px 5px 0px 5px;}


.sidebar .y_key{
	border-top:0px solid #f50;
	border-left:0px solid #f50;
	border-right:0px solid #f50;
	border-bottom:0px solid #f50;
	width:auto;}

.sidebar .y_key ul{
	margin:5px 5px 5px 5px;}

.sidebar .y_key ul li{
    font-size:12px;}

.sidebar .y_key strong{
	background-color:#6f5436;
    background-image: url(side_head.gif);
	color:#333;
	font-size:14px;
	font-weight:bold;
	line-height:1.0em;
	width:100%;}



/* youtube動画の表示部分 */

.rss_movie{
	font-size:14px;
	margin:5px 5px 5px 0px;
	padding:0px;
	vertical-align:top;
	width:;}

.rss_movie object,
.rss_movie embed{
	width:270px;
	height:224px;}

.rss_movie2{
	font-size:14px;
	margin:5px 5px 5px 0px;
	padding:0px;
	vertical-align:top;
	width:95%;}

.rss_movie2 object,
.rss_movie2 embed{
	width:360px;
	height:300px;}




/* Yahoo!画像の表示部分 */
.rss_img{
	font-size:14px;
	margin:5px 5px 5px 0px;
	padding:0px;
	vertical-align:top;
	width: ;}

.rss_img img{
	margin:0px;
	padding:0px;
	width: ;
	height: ;}



/* amazon 楽天広告の表示部分 */
.rss_amp{
	color: #333;
	font-size:14px;
	margin:0px 0px 10px 0px;
	padding:0px;
	text-align:left;
	vertical-align:top;
　　word-break:break-all;
	width: 100%;}

.rss_amp p{
	margin:0px;
	padding:0px 5px 0px 5px;
	text-align:left;}

.rss_amp img{
	border:0px;
	margin:0px;
	padding:0px;
	width: 110px;
	height: 130px;}



/* 地図の表示部分 */

.mapdiv{
	background-color:#FFF;
	border:solid 1px;
	color: #333;
	margin:10px 5px 20px 5px;
	width:500px;
	height:350px;}