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


/*-----------------------------------------------------------------*/
/* 1. 基本構造 -===================================================*/
/*-----------------------------------------------------------------*/

*	{
	margin:0;
	padding :0;
	background-color:transparent;
	text-decoration:none;
	font:normal normal normal small/1.6 Helvetica,Arial,"ＭＳ Pゴシック",Sans-serif;
	border:none;	}

html	{ 
	height:100%; overflow:hidden;	}
	* html	{
		 overflow:hidden;	}

body	{
	background:#fff;
	color: #000;
	height:100%; 
	overflow:auto;		}
hr	{
	display:none;	}


/*-----------------------------------------------------------------*/
/* 2. 見出し -=====================================================*/
/*-----------------------------------------------------------------*/
h1,h2,h3,h4{
	font-weight:bold;	}
h1{
	border-bottom:solid 1px #fff; 
	width:60%; padding-left:20px; 
	color: #fff; font-size:20px; font-weight:bold;}
		h1:first-letter { 
				color:#f1a08d; font-weight:bold; font-size:100%;}
h2{ 
	color:#666; font-size:16px; text-align:right;
	padding:12px 10px 3px; background:url("img/wall.gif");
	border:solid #dcdcdc; border-width:1px 0;}
h3{ 
	font-size:13px;color:#000;
	margin:0.5em 0 0;padding:0.2em 22px;
	background:url(img/h3.gif) no-repeat 0 0.3em;}

h4{
	padding-bottom:0.2em;
	border-bottom:dotted 4px #dbbfc8;	}
h5,h6{
	font-size: x-small;}

#FOOTER h2,#MENU h2{display:none; } /* 見えなくします*/

/*-----------------------------------------------------------------*/
/* 3. 段落 -=======================================================*/
/*-----------------------------------------------------------------*/
p{
	padding:0.2em 21px;}

/*-----------------------------------------------------------------*/
/* 4. アンカー -====================================================*/
/*-----------------------------------------------------------------*/
a{
	font:inherit;}

	a:link{ 
		color:#db678e; }
	a:visited{ 
		color:#db678e; }
	a:hover,
	a:active,
	a:focus	{ 
		color:#dbbfc8; }

	#KIZI a{ border-bottom:dotted 1px #dbbfc8;}

/*-----------------------------------------------------------------*/
/* 5. 強調・追加・削除 -===========================================*/
/*-----------------------------------------------------------------*/
em{ font-weight: bold;}
strong{ color: #cc0033; text-decoration: underline; }
ins{ text-decoration: underline; }
del{ text-decoration: line-through; }

/*-----------------------------------------------------------------*/
/* 6. フォーム -===================================================*/
/*-----------------------------------------------------------------*/

input,
textarea,
select{
	margin: 0 0 5px; padding:0 0.5em 0.5em;
	color: #999;
	border: 1px solid #999;}

	input#TEXT	{	}
	input#CHECKBOX,
	input#RADIO{margin:0;}
	input#BUTTON	{padding:0;font-size:90%;}

option	{	}
optgroup	{	}
/*-----------------------------------------------------------------*/
/* 7. リスト -=====================================================*/
/*-----------------------------------------------------------------*/
ol{	
	list-style:decimal inside;
	padding:0.5em 10px; }
	ol li{
		list-style-type:decimal; }

ul{
	list-style-type:decimal; 
	padding:0 1.5em;}
	ul li{
		list-style:circle inside; }

dl{
	list-style-position:inside;}
	dt{
		color:#96807a;font-weight:bold;
		padding:0 21px 0;}
	dd{
		margin-left:35px; padding:5px 8px 3px 0.5em;
			border-left:dotted 4px #dbbfc8;
			font-size:90%;}

/*-----------------------------------------------------------------*/
/* 8. その他 -=====================================================*/
/*-----------------------------------------------------------------*/
/* アドレス */
address	{ color: #999; }
#FOOTER address { display: inline; }

/* 引用（サンプルページ未記述） */
blockquote{
	margin: 0.5em 10px 0.5em 20px;
	padding: 4px 6px 4px;
	background: #f5f5f5;
	border-left:10px solid #dbbfc8;}
	blockquote p{ margin: 0 0 10px; }

cite,q{ text-decoration: underline; }

/* 整形済みテキスト（サンプルページ未記述） */
pre{
	margin: 0 10px 0.4em 20px;
	padding: 0;
	font-family:monospace;
	border: 0;
	white-space: normal;}

/* 物理要素（サンプルページ未記述） */
b{ font-weight: bold; }
i{ font-style: oblique; }
big{ font-size: 120%; }
small{ font-size:  84%; }
tt{ font-family:monospace; }



/* *****************************************************************
/*-----------------------------------------------------------------*/
/* 01. 各#ID＆.class ==============================================*/
/*-----------------------------------------------------------------*/
body#INDEX	{	}
div#PAGETOP	{	}
	* >div#PAGETOP{ height:100%; overflow:visible; }
div#HEADER	{ position:absolute; top:0; left:0; width:400px; height:350px;
	padding-top:100px;
	border-bottom:solid 1px #ddd;
	background:url("img/img.jpg") no-repeat 0% 0%;}
		*> div#HEADER{ position:fixed;}
	ul#PAN{ display:none;}

div#MENU{
	position:absolute; top:410px; left:0; width:400px;}
		* >div#MENU{ position:fixed;}
	div#MENU ul{
			list-style-type:none; margin:0; padding:10px;}
	div#MENU ul li{ 
		padding:0 3px; display:inline;}
		div#MENU ul li a{font-size:12px; font-weight:bold; color:#000; padding:20px 0 0;}
		div#MENU ul li a:hover{color:#db93ab;}
		div#MENU ul li.menu-on a{color:#999;border-bottom:solid 3px #dcdcdc;}

div#KIZI{ 
	overflow:auto; margin-left:400px;border-left:solid #ccc 1px;}
	div.text{
		margin:0 35px; padding:1em;border:solid #dcdcdc;border-width:0 1px;}
		ul.modori{
			margin:0 12px; padding:0; list-style-type:none; text-align:right;}
			ul.modori li { display:inline;}
			ul.modori li a{ font-size:0.8em;}

div#FOOTER	{margin:0 0 0 400px; padding:5px 10px;
	border:solid #ddd;border-width:1px 0 1px 1px;
	background:url("img/wall.gif");text-align:right;}
	div#FOOTER ul{ list-style: none; }
	div#FOOTER ul li{display: inline;
			margin: 0 4px;}
	div#FOOTER ul li a{color:#666; font-size:90%;	}
	div#FOOTER ul li a:hover{ color: #ddd; }