@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 Arial,Helvetica,sans-serif;
	text-decoration:none;}

html{
	min-height:100%;}

body{
	font-size:85%;
	color:#444;
	background:url(img/footer.gif) repeat-x 0% 100%;
	text-align:center;}

p{
	margin-top:0.8em;
	margin-bottom:2.0em;}

br{
	letter-spacing:normal;}

hr{
	display:none;
	}

/*-----------------------------------------------------
	2. リンク
-----------------------------------------------------*/

a{
	font:inherit;}

a:link{
	color:#39f;}

a:visited{
	color:#39f;}

a:hover,
a:active,
a:focus{
	color:#39f;}

	#KIZI a:link{
		text-decoration:underline;}
	#KIZI a:visited{
		text-decoration:none;}

	#KIZI a:hover{
		text-decoration:none;}

/*-----------------------------------------------------
	3: 見出し
-----------------------------------------------------*/
h1{
	font-size:220%;
	font-weight:bold;
	color:#111;
	display:inline;
	text-align:center;
}

h2{

	width:720px;
	height:50px;
	background:url(img/h2.jpg) no-repeat left center;
	font-size:140%;
	font-weight:bold;
	text-align:center;	/* 文字揃え */
	padding-top:25px;	/* 上パディング */
	color:#fff;
	}

h3{
	font-size:120%;
	font-weight:bold;
	border-left:solid 8px #f13994;
	margin:0 0 0.3em;
	padding-left:0.4em;}

h4{
	font-size:110%;
	font-weight:bold;
	margin:0 0 0.3em;}

h5,
h6{
	font-weight:bold;
	text-align:center;}

/*-----------------------------------------------------
	4. リスト
-----------------------------------------------------*/
ol{
	list-style:decimal outside;
	margin:0.8em 0 0.8em 2.3em;}

ol li{
	list-style-type:decimal;}

ul{
	list-style:circle outside;
	margin:0.8em 0 0.8em 2.3em;}

ul li{
	list-style-type:circle;}

dl{
	list-style-position:inside;
	margin:0.8em 0;}

dt{
	font-weight:bold;}

dd{
	margin-left:1.8em;}

/*-----------------------------------------------------
	5. フォーム
-----------------------------------------------------*/
form{
	}

label{
	font-size:100%;}

input,
textarea,
select{
	margin-bottom:0.3em;
	vertical-align:middle;}

input,
textarea{
	border:solid 1px #000;
	background:#111;
	color:#fff;}

	input#RADIO,
	input#CHECKBOX{
		border:none;
		background:none;}

option,
optgroup{
	}

/*-----------------------------------------------------
	6. その他のタグ要素
-----------------------------------------------------*/
em{
	font-weight:bold;
}

strong{
	font-weight:bold;
	color:#111;
	background:#eee;}

ins{
	text-decoration:underline;
	color:#f00;}

del{
	text-decoration:line-through;
	color:#aaa;}

blockquote{
	border:solid 1px #ddd;
	background:url(img/quote.gif) no-repeat 5px 0% #eee;
	margin:0.8em auto;
	padding:0.3em 0.5em;}

cite{
	border-bottom:dotted 2px #ddd;
	font-style:oblique;}

q{
	border:solid 1px #ddd;
	background:#eee;}

pre{
	width:95%;
	overflow:auto;
	margin:0.8em auto;
	padding:0.2em 0.3em;
	background:#eee;
	color:#39f;
	font-family:monospace;}

/* 物理要素(非推奨) */

b{
	font-weight:bold;}

i{
	font-style:oblique;}

big{
	font-size:110%;}

small{
	font-size:84%;}

tt{
	font-family:monospace;}

/*-----------------------------------------------------
	7. レイアウト
-----------------------------------------------------*/

/* --------------- ページの大枠 ---------------*/
#PAGETOP{
	margin:0 auto;
	padding:56px 0 0;
	text-align:center;}

/* --------------- ヘッダー ---------------*/
#HEADER{
	width:720px;
	margin:0 auto;
	padding:35px 0 0;
	}

	/* サイトタイトル部分 */
	#HEADER h1{
		}
	
	/* パン屑 */
	ul#PAN{
		list-style:none outside;
		margin:0;}

	ul#PAN li{
		list-style-type:none;
		display:inline;
		font-weight:bold;}

		ul#PAN li a{
			font-weight:bold;
			background:url(img/pan.gif) no-repeat 100% 50%;
			padding-right:22px;}

		ul#PAN li a:link,
		ul#PAN li a:visited{
			color:#888;}

		ul#PAN li a:hover{
			color:#39f;}

/* --------------- メニュー ---------------*/
#MENU{
	min-width:100%;
	height:56px;
	position:absolute;
	top:0;
	left:0;
	background:url(img/menu.gif) repeat-x 0% 0%;}

	#MENU h2{
		display:none;}

	#MENU ul{
		width:450px;/* メニュー全体の横幅 */
		height:56px;/* メニューの縦幅 */
		list-style:none outside;
		margin:0 auto;}

	#MENU li{
		list-style-type:none;
		display:inline;
		padding:0;}
		
		/* メニューのリンク設定 */
		#MENU li a{
			width:106px;/* メニュー1個の横幅 */
			height:56px;
			font-size:110%;
			font-weight:bold;
			display:block;
			float:left;
			text-align:center;}

		#MENU li a:link,
		#MENU li a:visited{
			color:#fff;
			line-height:40px;}

		#MENU li a:hover{
			color:#fff;
			line-height:56px;
			background:url(img/menu_hover.gif) no-repeat;}

		#MENU li.menu-on a:link,
		#MENU li.menu-on a:visited{
			line-height:60px;
			background:url(img/menu_on.gif) no-repeat;}

		#MENU li.menu-on a:hover{
			line-height:60px;
			background:url(img/menu_hover.gif) no-repeat;}

/* --------------- 記事部分 ---------------*/
#KIZI{
	width:720px;
	margin:0 auto;
	text-align:left;
	}

#KIZI .toptext{
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	line-height: 170%;
	margin:1.5em auto;
	padding:1.5em 0;}
	
#KIZI .headtext{
	font-size:120%;
	padding:1.5em 0;
	line-height:1.5em;
	}
		
#KIZI .text{
	font-size: 12px;
	line-height: 170%;
	margin-bottom:15px;	
	padding:0 0 0.5em 1.5em;}
	
	

	/* 戻りの設定 */
	#KIZI ul.modori{
		list-style:none outside;
		text-align:right;
		margin:0;}

	#KIZI ul.modori li{
		list-style-type:none;}

		#KIZI ul.modori li a{
			font-weight:bold;
			text-decoration:none;
			padding-right:17px;
			background:url(img/modori.gif) no-repeat 100% 50%;}

		#KIZI ul.modori li a:link,
		#KIZI ul.modori li a:visited{
			color:#444;
			text-decoration:none;}

		#KIZI ul.modori li a:hover{
			color:#888;}

/* --------------- フッター ---------------*/
#FOOTER{
	width:720px;
	margin:0 auto;}

	#FOOTER h2{
		display:none;}

	#FOOTER ul{
		list-style:none outside;
		text-align:center;
		margin:0;}

	#FOOTER li{
		list-style-type:none;
		display:inline;
		margin:0 0.4em;}

		#FOOTER li a{
			font-weight:bold;
			line-height:60px;}

		#FOOTER li a:link,
		#FOOTER li a:visited{
			color:#eee;}

		#FOOTER li a:hover{
			color:#f13994;}

	#FOOTER address{
		display:inline;}