@charset "Shift_JIS"; /* 文字エンコードの設定（削除不可） */

/* ********************************************** */
@media screen{ 

/* トップ画像 ----------------------*/
#INDEX div#KIZI{
     background-image: url(use/img.jpg);
     padding-top: 300px;
}
/*------------------------------------*/

/* 全称 */
*	{ font-size: 100%; font-style: normal; }

/* body */
body	{ font: small/1.6 Helvetica, Arial, Verdana, Meiryo, メイリオ, Osaka, 'MS P Gothic', Sans-serif; }


/* 見出し */
h1,h2,h3,h4,h5,h6	{ margin: 1.5em 0 1em; font-weight: normal;  letter-spacing:4px; }
h1	{ margin: 0; padding: 0;  font-weight: bold}
h2	{ margin: 20px 0 0; font-size: 120%; padding: 3px; padding-left: 30px; border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-image:url(use/h.png); background-repeat:no-repeat; background-position:left center;}
h3	{ font-size: 110%; padding-left: 10px;
 border-bottom: 1px dotted #ccc;
background-image:url(use/g.png); background-repeat:no-repeat; background-position:left center;}
h4	{ border-left: 1px solid #ccc; font-weight: bold; padding-left: 10px; }
h5	{border-left: 1px dotted #ccc; padding-left: 10px; }
h6	{	}

/* 段落 */
p	{ margin: 0.7em 10px; }

/* 罫線 */
hr	{ display: none; }

/* 強制改行 */
br	{	}

/* アンカー */
a	{ }
	a:link	{ color: #f71a23; }
	a:visited	{ color: #e7954c;}
	a:hover	{ text-decoration: none;}
	a:active	{	}
	a:focus	{	}

/* 強調・追加・削除 */
em	{ color: red; }
strong	{ color: red; }
ins	{	}
del	{	}

/* フォーム */
form	{	}
fieldset	{ border: 1px dashed #ddd; }
legend	{	}

label	{	}

input	{ border: 1px solid #ccc; }
	input[type="text"]	{  }
	input[type="checkbox"]	{	}
	input[type="radio"]	{	}
	input[type="button"],
	input[type="submit"],
	input[type="reset"]		{ background: #000; color: #fff; cursor: pointer; }
	input[type="image"]	{  cursor: pointer; }

textarea	{ border: 1px solid #ccc; }
select	{border: 1px solid #ccc; }
option	{	}
optgroup	{	}

/* ボタン */
button	{ cursor: pointer; }
	button[type="button"]	{	}
	button[type="submit"]	{	}
	button[type="reset"]	{	}

/* リスト */
ol,
ul	{ margin: 5px 0; padding-left: 2em; }
	ol li	{ list-style-image:none;}
	ul li	{ list-style-image:url(use/g.png);}
dl	{ margin: 5px;}
	dt	{ }
	dd	{ border-left: 2px dotted #ccc;  padding-left: 10px;}

/* アドレス */
address	{	}

/* テーブル */
table	{
border-collapse: collapse;  }
table,th,td{ border:1px solid #ccc; padding: 2px 7px;}
caption	{	}
thead	{	}
tbody	{	}
tfoot	{	}
tr	{	}
	thead tr	{	}
	tbody tr	{	}
	tfoot tr	{	}
th	{	}
	thead th	{	}
	tbody th	{	}
	tfoot th	{	}
td	{	}
	thead td	{	}
	tbody td	{	}
	tfoot td	{	}

/* 画像 */
img	{	}
a img	{ border: none; }

/* 引用 */
blockquote	{ border: 1px dotted #aaa; padding: 5px 15px; }
q	{ border: 1px dotted #aaa; }

/* 参照元 */
cite	{	}

/* 整形済みテキスト */
pre	{white-space: -moz-pre-wrap;  /* Mozilla */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* CSS3 */
word-wrap:   break-word;     /* IE 5.5+ */
margin: 10px auto;width: 95%; overflow: auto; }

/* コード・出力サンプル */
code	{	}
samp	{	}

/* キーボード */
kbd	{ color: #ea830a; }

/* 変数・置き換え可能語 */
var	{	}

/* 定義語 */
dfn	{	}

/* 省略語 */
abbr, acronym	{	}

/* 書字方向指定 */
bdo	{	}

/* インラインフレーム */
iframe	{	}

/* オブジェクト */
object	{	}

/* ノースクリプト */
body noscript	{	}

/* ノーフレーム */
body noframes	{	}

/* 上付き文字・下付き文字 */
sup	{	}
sub	{	}

/* その他物理要素 */
b	{font-weight:bold;}
i	{font-style:italic;}
big	{font-size: larger;}
small	{font-size: smaller;}
tt	{	}

/* 各#ID＆.class */
html,
body{ margin: 0; padding: 0; }
ul.modori{ list-style: none; text-align: right; }
li form{ display:inline; }

body
{
	/* ページ全体の背景色 */
	background-color: #FFF;
	background-image: url(use/i.png); background-repeat: no-repeat;
	background-position:left top;

	/* ページ全体の文字色 */
	color: #000;
}

#PAGETOP
{ 
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0; 
	width: 750px; 
}

#HEADER
{
	width: 200px;
	border-right: 1px solid #ccc;

	/* ヘッダーの内側余白 */
	padding: 15px;
	margin-bottom: 10px;
}

#MENU
{
	border-top: 1px solid #ccc; padding: 0;
}

#KIZI
{
	clear: both; 

	border-top: 1px solid #ccc;
	background-position:center 10px; background-repeat:no-repeat;
}
#FOOTER
{
	/* フッターの内側の上下余白 */
	padding-top: 5px;
	padding-bottom: 5px;

	margin-top: 20px;
	border-top: 1px solid #ccc;
}


	ul#PAN	{ margin: 0; padding: 0; list-style-type: none;}
		ul#PAN li{ margin: 0; display: inline; }
		ul#PAN a{ border-right: 1px dotted #999; border-bottom: none; padding-right: 5px; }

	div#MENU h2{ display: none; }
	div#MENU ul{ text-align: right; margin: 6px 0; padding: 0;}
	div#MENU li{ list-style:none; margin:0; padding:0 3px 0 8px;
display: inline; border-left: 1px solid #ccc; }
	div#MENU li a{ text-decoration: none; color: #000; 
		font-weight: normal; padding: 2px 5px; letter-spacing: 3px; }
	div#MENU li a:hover{text-decoration:underline; }
		div#MENU li#MENU01	{ border:none;}
		div#MENU li#MENU02	{	}
		div#MENU li#MENU03	{	}
		div#MENU li#MENU04	{	}
		div#MENU li.menu-on a	{  text-decoration:underline; }


	div.text	{  padding: 2px 5px; }
		ul.modori	{ }
			ul.modori li{		}
		ul.modori a{ border:none; color: #ccc; }
		ul.modori a:hover{ color: #888; }

	div#FOOTER h2{ display: none; }
	div#FOOTER ul{ text-align: right; margin: 0; padding: 5px;  }
	div#FOOTER li{ display: inline; margin: 0 5px; }
	div#FOOTER li address{ display: inline; }
		li#FOOTER01	{	}
		li#FOOTER02	{	}
		li#FOOTER03	{	}

}


/* 写真 */
.photo
{
	clear: both; 
	margin-top:10px;
	margin-bottom:10px;
}