@charset "Shift_JIS"; /* 文字エンコードの設定（削除不可） */

/* ********************************************** */
@media screen{ 

/* トップ画像 ----------------------*/

#INDEX div#HEADER{
    background-image: url(use/img.jpg);
    padding-top: 340px;
}
#INDEX div#HEADER h1{ border-top:1px dotted #999; }


/*------------------------------------*/

/* 全称 */
*	{ font-size: 100%; font-style: normal; }

/* body */
body	{ font: small/1.6 Verdana, Meiryo, メイリオ, Osaka, 'MS P Gothic', Sans-serif; }


/* 見出し */
h1,h2,h3,h4,h5,h6	{ margin: 2em 0 1em; font-weight: bold; }
h1	{ margin: 0 -15px; padding: 5px 15px 0; font-size: 120%; }
h2	{ margin: 0; padding: 5px 10px; background:url(use/b.png) repeat; 
	border-bottom: 1px solid #ddd; border: 1px solid #ddd; 
	letter-spacing: 2px; border-radius: 10px; }
h3	{ margin-left:-5px; background:url(use/b.png) repeat; 
	padding: 2px 10px 2px 15px; margin-right: 40%;
	border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
h4	{ border-left: 4px double #ccc; padding-left: 10px; }
h5	{ border-left: 2px dotted #ccc; padding-left: 10px; }
h6	{ text-align: right; }

/* 段落 */
p	{ margin: .7em 5px; }

/* 罫線 */
hr	{ display: none; }

/* 強制改行 */
br	{	}

/* アンカー */
a	{}
	a:link	{  color: #5832a0; }
	a:visited	{ color: #935086 }
	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	{  }
	input[type="text"]	{ border: 1px dotted #555; }
	input[type="checkbox"]	{	}
	input[type="radio"]	{	}
	input[type="button"],
	input[type="submit"],
	input[type="reset"]		{ cursor: pointer; }
	input[type="image"]	{  cursor: pointer; }

textarea	{ border: 1px dotted #555;}
select	{border: 1px dotted #555;}
option	{	}
optgroup	{	}

/* ボタン */
button	{ cursor: pointer; }
	button[type="button"]	{	}
	button[type="submit"]	{	}
	button[type="reset"]	{	}

/* リスト */
ol,
ul	{ margin: 5px 0; padding-left: 2em; }
	ol li	{	}
	ul li	{	}
dl	{ margin: 5px;}
	dt,dd	{ margin: 0; padding: 0; }
	dt	{ }
	dd	{ border-left: 2px dotted #ccc; margin-left: 10px; padding-left: 10px;}

/* アドレス */
address	{	}

/* テーブル */
table{ margin: 5px 0;
border-collapse: collapse; border: 1px solid #999; background-color: #fff;}
th,td	{ padding: 3px 6px; border: 1px dotted #999; }
caption	{	}
thead	{	}
tbody	{	}
tfoot	{	}
tr	{	}
	thead tr	{	}
	tbody tr	{	}
	tfoot tr	{	}
th	{ background-color: #eee; }
	thead th	{	}
	tbody th	{	}
	tfoot th	{	}
td	{ }
	thead td	{	}
	tbody td	{	}
	tfoot td	{	}

/* 画像 */
img	{	}
a img	{ border: none; }

/* 引用 */
blockquote	{ border: 1px dotted #555; padding: 5px 15px; }
q	{ border: 1px dotted #555; }

/* 参照元 */
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; }
hr{ display: none; }
ul.modori{ list-style: none; text-align: right; }



body
{
	/* ページ全体の背景色 */
	background-color: #ddd;

	/* ページ全体の文字色 */
	color: #000;

	padding: 10px;
}

#PAGETOP
{
	/* positon: absoluteの起点を#PAGETOPの左上に */
	position: relative;

	/* 内容全体の外側の余白（寄せ位置） */
	margin-right: auto;
	margin-left: auto;

	/* 内容全体の幅 */
	width: 700px;

	margin-top: 10px; margin-bottom: 10px;

	position: relative;

	border: solid #fff; border-width: 15px;
	background-color: #fff;
	border-radius: 15px;
}


#HEADER
{
	padding: 10px 15px;
	background-color: #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
	color: #fff;

	border-radius: 10px;
}
#HEADER a:link{ color: #8349f0; }
#HEADER a:visited{ color: #dc88cc; }

#MENU
{
	padding: 10px 15px;
}

#KIZI
{
	padding: 10px 0;
}

#FOOTER
{
	padding-top: 10px;
	border-top: 3px double #ddd;
}


	ul#PAN	{ margin: 0; padding:0; list-style-type: none;}
		ul#PAN li{ margin: 0; display:inline; }
		ul#PAN li+li:before{content:"→"; font-family: 'MS P Gothic'; font-size: 90%; padding-right: 5px; }

	div#MENU h2{ display: none; }
	#MENU ul{ list-style:none; margin: 0; padding: 0;
		}
	div#MENU li{ display:inline; padding-right: 10px; padding-left: 13px;
		background:url(use/m.png) no-repeat 0 50%; }
	div#MENU li a{ font-weight: bold; color: #000; }	
	div#MENU li a:hover{ text-decoration: none; }
		div#MENU li#MENU01	{ }
		div#MENU li#MENU02	{	}
		div#MENU li#MENU03	{	}
		div#MENU li#MENU04	{	}
		div#MENU li.menu-on a	{ text-decoration:none; color:#9f77c4}

	div.text	{ padding: 5px 10px 5px 15px; }
		ul.modori	{ margin-top: 25px; padding: 0; 
			text-align: right; }
			ul.modori li{		}
		ul.modori a{  color: #aaa; text-decoration: none; letter-spacing: 5px; font-size: smaller; }
		ul.modori a:hover{ color: #888; }

	div#FOOTER h2{ display: none; }
	div#FOOTER ul{ margin: 0; padding: 0; list-style: none; }
	div#FOOTER li{ margin: 0; padding: 1px 4px; display: inline; }
	div#FOOTER li a{ text-decoration: none; }	
	div#FOOTER li a:hover{ text-decoration: underline; ;}
	div#FOOTER li address{ display: inline; }
		li#FOOTER02	{	}
		li#FOOTER03	{	}

}


.name	{ font-weight:bold;
}

.nameruby	{font-size:80%;
}