@charset "Shift_JIS";

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

	構成

	1. 基本設定(p/br/hrも含む)
	2. リンク
	3. 見出し
	4. リスト
	5. フォーム
	6. その他のタグ要素
	7: レイアウト(#id/.class)


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

/*-----------------------------------------------------
	1. 基本設定(p/br/hrも含む)
-----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.5 "Century Gothic",Arial,Helvetica,sans-serif;
	text-decoration:none;}

html{
	height:100%;}

body{
	font-size:95%;
	color:#333;
	text-align:center;
	background:#dddcda;
	height:100%;}

p{
	margin-bottom:1.5em;}

br{
	letter-spacing:normal;}

hr{
	display:none;}

/*-----------------------------------------------------
	2. リンク
-----------------------------------------------------*/

a{
	font:inherit;}

a:link{
	color:#daa915;}

a:visited{
	color:#daa915;}

a:hover,
a:active,
a:focus{
	color:#c0708c;}

	#KIZI a{
		text-decoration:underline;}

/*-----------------------------------------------------
	3: 見出し
-----------------------------------------------------*/
h1{
	font-size:600%;
	color:#333333;}

h2{
	font-size:140%;
	font-weight:bold;
	color:#4e454a;
	background:url(../image/h2.gif) no-repeat 0% 50%;
	padding:0.5em 0 0.5em 50px;}

	#KIZI h2{
		margin:0 0 10px 20px;
		position:relative;}

h3{
	font-size:120%;
	font-weight:bold;
	color:#9fa09e;}

	#KIZI h3{
		margin:0 0 0.3em -10px;}

h4{
	font-size:110%;
	font-weight:bold;
	color:#aaa;}

	#KIZI h4{
		margin:0 0 0.3em;}

h5,
h6{
	font-weight:bold;
	text-align:center;}

/*-----------------------------------------------------
	4. リスト
-----------------------------------------------------*/
ol{
	list-style:decimal outside;
	margin:0.8em 1.8em;}

ol li{
	list-style-type:decimal;}

ul{
	list-style:circle outside;
	margin:0.8em 1.2em;}

ul li{
	list-style-type:circle;}

dl{
	list-style-position:inside;}

dt{
	font-weight:bold;}

dd{
	margin-left:2.5em;}

/*-----------------------------------------------------
	5. フォーム
-----------------------------------------------------*/
form{
	}

label{
	font-size:100%;}

input,
textarea,
select{
	margin-bottom:0.3em;
	vertical-align:middle;}

input,
textarea{
	border:solid 1px #d7d4cb;
	background:#eeeeed;
	color:#444;}

	input#RADIO,
	input#CHECKBOX{
		border:none;
		background:none;}

option,
optgroup{
	}

/*-----------------------------------------------------
	6. その他のタグ要素
-----------------------------------------------------*/
em{
	font-weight:bold;}

strong{
	font-weight:bold;
	color:#fc3;}

ins{
	text-decoration:underline;
	color:#f60;}

del{
	text-decoration:line-through;
	color:#ddd;}

blockquote{
	width:90%;
	margin:0.8em auto;
	padding:3.5em 0.5em 0.3em;
	background:url(../image/quote.gif) no-repeat 0% 0%;
	border:solid 1px #e9e6de;}

cite{
	font-style:oblique;
	border-bottom:solid 1px #e9e6de;}

q{
	background:#e9e6de;}

pre{
	width:90%;
	overflow:auto;
	margin:0.8em auto;
	padding:0.2em 0.3em;
	background:#dedbd1;}

/* 物理要素(非推奨) */

b{
	font-weight:bold;}

i{
	font-style:oblique;}

big{
	font-size:110%;}

small{
	font-size:84%;}

tt{
	font-family:monospace;}

/*-----------------------------------------------------
	7. レイアウト
-----------------------------------------------------*/

/* --------------- ページの大枠 ---------------*/
#PAGETOP{
	width:820px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:url(../image/bg.gif) repeat-y 50% 0%;
	height:100%;
	min-height:100%;
	position:relative;}

	body > #PAGETOP{
		height:auto;}

/* --------------- ヘッダー ---------------*/
#HEADER{
	height:360px;
	margin:0 10px;
	background:url(../image/backgraund.jpg) no-repeat 50% 0%;}

	/* サイトタイトル部分 */
	#HEADER h1{
		margin:0 0 0 30px;}
	
	/* パン屑 */
	ul#PAN{
		list-style:none outside;
		margin:0 0 0 30px;}

	ul#PAN li{
		list-style-type:none;}

		ul#PAN li a{
			}

		ul#PAN li a:link,
		ul#PAN li a:visited{
			color:#ffffff;}

		ul#PAN li a:hover{
			color:#ffffff;}

/* --------------- メニュー ---------------*/
#MENU{
	background:#787878;
	margin:0 10px;}

	#MENU h2{
		display:none;}

	#MENU ul{
		list-style:none outside;
		margin:0;
		height:50px;}

	#MENU li{
		list-style-type:none;
		display:inline;
		padding:0;}
		
		/* メニューのリンク設定 */
		#MENU li a{
			display:block;
			float:left;
			width:200px;/* メニュー1個の横幅 */
			height:50px;
			line-height:50px;
			text-align:center;}

		#MENU li a:link,
		#MENU li a:visited{
			background:#333333;
			color:#fff;}

		#MENU li a:hover{
			background:#dc879b;
			color:#fff;}

		#MENU li.menu-on a:link,
		#MENU li.menu-on a:visited{
			background:#ffc3c9;
			color:#333;}

		#MENU li.menu-on a:hover{
			background: #ffc3c9;
			color:#333;}

/* --------------- 記事部分 ---------------*/
#KIZI{
	clear:both;
	margin:0 10px;
	padding:2em 0 0;}

	#KIZI .text{
		padding:0.4em 0.8em 0.8em 3.5em;}

	/* 戻りの設定 */
	#KIZI ul.modori{
		list-style:none outside;
		text-align:right;
		margin:0 10px 0 0;}

	#KIZI ul.modori li{
		list-style-type:none;
		display:inline;}

		#KIZI ul.modori li a{
			text-decoration:none;}


		#KIZI ul.modori li a:link,
		#KIZI ul.modori li a:visited{
			color:#c8c6bb;}

		#KIZI ul.modori li a:hover{
			color:#545650}

/* --------------- フッター ---------------*/
#FOOTER{
	background:#333333;
	margin:0 10px;
	padding:0;
	clear:both;}

	#FOOTER h2{
		display:none;}

	#FOOTER ul{
		list-style:none outside;
		text-align:right;
		margin:0 15px;
		padding:10px 0;}

	#FOOTER li{
		list-style-type:none;
		display:inline;
		margin-left:10px;}

		#FOOTER li a{
			}

		#FOOTER li a:link,
		#FOOTER li a:visited{
			color:#dedbd1;}

		#FOOTER li a:hover{
			color:#fff;}

	#FOOTER address{
		display:inline;}