@charset "UTF-8";

/*===目次================================

	1. 全体（p/br/hr含）
	2. アンカー
	3. リスト関係
	4. フォーム関係
	5. その他要素
	6. 見出し
	7. レイアウト用 #ID/.class

=========================================*/


/*----------------------------------------
 1. 全体
=========================================*/

*{
	margin: 0; padding: 0;
	font: normal normal normal small/1.65 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Helvetica,"ＭＳ Pゴシック",Sans-serif;
	text-decoration: none; }

body{ 
	background: #fff;
	color: #000; }

p{
	margin: 0 0 0.5em; }

br{ 
	letter-spacing: normal; }

hr{
	display: none; }

	div.text hr{
		display: block; }

/*----------------------------------------
 2. アンカー 
=========================================*/

a{
	font: inherit; }

a:link{ 
	color: #888; }

a:visited{ 
	color: #aaa; }

a:hover,
a:active,
a:focus{ 
	color: #53BDD7; }

	#KIZI a{ 
		text-decoration: underline; }

	#KIZI a:hover,
	#KIZI a:active{ 
		text-decoration: none; }


/*----------------------------------------
 3. リスト要素指定
=========================================*/

ol{	
	list-style: decimal outside;
	padding: 0.5em 0 0.5em 2.5em; }

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

ul{
	list-style: disc outside;
	padding:0.5em 0 0.5em 2.5em; }

ul li,
li ul li{
	list-style: disc outside; }

dl{
	list-style-position: inside;
	margin: 0.25em 0.5em; }

dt{
	margin: 0.25em 0 0 -5px; padding:0 0 0 8px;
	border-left: 5px double #000;
	font-weight: bold; }

dd{
	margin: 2px 0 0 2em; }



/*----------------------------------------
 4.フォーム関連
=========================================*/

form{
	}

form label{ 
	font-size: 100%; }

input,
select,
textarea{ 
	margin: 0 1px 3px 0;
	border: 1px solid #000;
	background: #fff; 
	color: #000; 
	font: 100%/normal Osaka,Chicago,Verdana,"ＭＳ Pゴシック",Sans-serif; 
	vertical-align: middle; }

input[type="button"],
input[type="submit"],
input[type="reset"]{
	border: 3px double #fff;
	background: #000;
	color: #fff;
	cursor: pointer; }

input#BUTTON{
	border: 3px double #fff;
	background: #000;
	color: #fff; 
	cursor: pointer; }

option,
optgroup,
optgroup option{ 
	font-family: Osaka,Chicago,Verdana,"ＭＳ Pゴシック",Sans-serif; }

	optgroup{ 
		background: #ddd; 
		color: #000;
		font-weight: normal; }	

	optgroup option{ 
		margin: 0; padding: 0 0 0 1em;
		background: #fff; 
		color: #000; 
		font-weight: normal; }

/*----------------------------------------
 5. その他要素指定
=========================================*/

ins{ 
	text-decoration: underline; }

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

img{ 
	border: none;
	vertical-align: middle; }

address{
	 }

	#KIZI address{ 
		padding: 0 20px; }

em,
em *{ 
	color: #EA6C60;
	font-weight: bold; }

strong,
strong *{ 
	background: #FAFCA9; 
	border-bottom: 1px dashed #000;
	color: #EA6C60;
	font-weight: bold; }

blockquote{
	margin: 1em 20px; padding: 16px 20px 10px 20px;
	border: 2px solid #000; 	
	background: url("emb_img/quote.gif") no-repeat 0% 0%; }

	blockquote p{
		margin: 0 0 0.3em; }

blockquote[cite]:after{
	content: attr(cite);
	display: block;
	margin: 5px -20px -10px; padding: 0 10px;
	background: #000;
	color: #999;
	font-style: oblique; font-size: 84%; 
	text-align: right; }

q{
	padding: 0 1px;
	border: 2px solid #000; }

cite{
	color: #999;
	font-style: oblique; }

pre{ 
	margin: 1em auto; padding: 4px 2px;
	background: #f0f0f0;
	color: #000;
	font-size: 12px; font-family: monospace; }

	/*長文対策、前者IE用（MacIE省）\*/

	pre{
		width: 95%; 
		overflow: scroll; }

	#KIZI>div.text pre{ 
		padding: 2px 5px;
		width: auto;
		overflow: auto; }

	/*長文対策、後者IE以外終わり*/

code,
samp,
var{ 
	background: #f0f0f0;
	font-family: "New Courier",Courier,monospace; }

pre code,
pre samp,
pre var{
	background: transparent; }

var{
	color:#DC4B51; }

kbd{
	border: 1px solid; border-color: #fff #aaa #aaa #fff;
	background: #ddd;
	color: #000;
	font-weight: bold; font-family: monospace; }

dfn{
	padding:0 0.5em; }

acronym,
abbr{ 
	padding: 0 2px;
	border-bottom: 1px dotted #ccc; 
	cursor: help; }

acronym:after,
abbr:after{ 
	content: "[?]";
	color: #0271B6;
	font-size: 10px; }


/* テーブルはご自由に装飾頂ければいいかと */
table,
td{ 
	font-size: 100%; }
th{ 
	font-weight: bold; }
caption{ 
	text-align: center; }


/* 非推奨要素*/
b{ 
	font-weight: bold; }
i{ 
	font-style: oblique; }
big{ 
	font-size: large; }
small{ 
	font-size: x-small; }
tt{ 
	font-family: monospace; }

/*----------------------------------------
 6. 見出し要素指定
=========================================*/

h1{
	font-weight:bold; font-size:170%; }

h1:first-letter {
	font-weight:bold; font-size: 190%; }

h2{
	font-weight: bold; font-size: 130%; 
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝",Serif; }

h2:first-letter { 
	padding: 2px;
	border: 4px double #fff;
	background: #000;
	color: #fff;
	font-weight: bold; font-size: 200%;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝",Serif; 
	text-transform: uppercase;  }


h3{
	margin:0.75em 0 0.5em; padding: 0 5px;
	border-left: 6px solid #000;
	background: #eee;
	font-weight:bold; font-size:110%; }

h4{
	margin:0.75em 0; padding: 0 1em;
	border-bottom: 5px solid #eee;
	font-weight:bold; font-size:110%;
	text-align: right;
	line-height: 0.5;
	letter-spacing: 0.5em; }

h5,
h6{ 
	margin: 0.5em 0 0.5em 2em; 
	border-bottom: 3px solid #000;
	font-weight: bold; font-size: 90%; 
 	letter-spacing: 0.5em; }


/*----------------------------------------
 7. レイアウト用 #ID/.class
=========================================*/

#PAGETOP{
	margin: 0 10% 0 20px;
	background: url("emb_img/img.jpg") no-repeat 0 0;
	text-align:left; }

#HEADER{
	margin-left: 160px;
	height: 220px; }
				
	#HEADER h1{
		padding:20px 10px 0px;
		border-bottom:3px solid #000; 
		line-height: 1; }

	ul#PAN{ 
		margin: 0.5em 0 0; padding: 0 5px;
		background: #eee;
		text-align: right; }

	ul#PAN li{ 
		display: inline; }

	ul#PAN li a{
		padding:0 0.25em;
		border-right: 1px solid #ccc; }

#MENU{
	float: left;
	width: 150px;
	background: #000; }

	#MENU h2{
		display:none; }
	
	#MENU ul{ 
		list-style-type:none;
		margin: 0; padding: 0; }

	#MENU li{
		display:inline; 
		list-style-type:none;
		padding:0; 
 		background:none; }

		#MENU li a{
			display: block;
			padding: 5px 0;
			border-bottom: 1px solid #666; 
			text-align: center; }

		#MENU li.menu-on a,
		#MENU li a:hover{ 
			background: url("emb_img/menu.gif") no-repeat 50% 0; }

#ADSENSE{ 
	padding: 0 0 20px 10px; }

#KIZI{ 
	padding: 0 0 20px 10px;
	border-left: 150px solid #000; }

	div.text{
		margin:0 0 1em; padding: 10px;
		border: 2px dotted #000; }

	ul.modori{
		list-style-type:none;
		background:none; 
		text-align:right; }

	ul.modori li{ 
		list-style-type:none;
		padding:0; 
		background:none; 
		text-align:right; }

		#KIZI ul.modori li a{
			padding: 0 4px;
			border: 4px double #fff; 
			background: #000;
			color: #ccc;
			font-size: 0.9em;
			text-decoration:none; }

#INFO{ 
	margin: 0 0 0 150px;
	padding: 0 0 20px 10px; }

#FOOTER{
	padding: 2px 0;
	background: #000;
	clear: both; }

/* IE対策 */

#FOOTER{
	margin: 0 0 0 150px;
	height: 1px;
	min-height: 1px; }

#PAGETOP>#FOOTER{
	height: auto;
	margin: 0; }


	#FOOTER h2{
		display: none; }

	#FOOTER ul{ 
		list-style-type: none;
		margin: 0; padding: 0;
		border-bottom: 6px double #fff;
		text-align: center; }

	#FOOTER li { 
		display: inline;
		padding: 0 10px; }

	#FOOTER li address{ 
		display: inline; }