@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","Century Gothic",Arial,Helvetica,メイリオ,Meiryo,Osaka,"ＭＳ Pゴシック",Sans-serif;
	text-decoration: none; }

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

p{
	margin: 0.15em 0 0.5em; }

br{ 
	letter-spacing: normal; }

hr{
	display: none; }

	div.text hr{
		display: block; }

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

a{
	font: inherit;
	padding: 0 1px; }

a:link{ 
	color: #AD1A2C; }

a:visited{ 
	color: #D03044; }

a:hover,
a:active,
a:focus{ 
	color: #666;
	background: #fff url("idle_img/bg.gif") repeat; }


/*----------------------------------------
 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: circle outside;
	padding:0.5em 0 0.5em 2.5em; }

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

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

dt{
	margin: 0.25em 0 0 0;
	padding: 0 0 0 8px;
	border: solid #ccc; border-width: 1px 0 0 3px; }

dt:first-letter { 
	color: #D03044; }

dd{
	margin: 2px 0 0 0;
	padding: 0 0 0 3em;
	border-left: solid #eee; }



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

form{
	}

form label{ 
	font-size: 100%; }

input,
select,
textarea{ 
	margin: 0 1px 3px 0;
	border: 1px solid #ddd;
	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: none;
	padding: 1px 5px;
	background:#fff url("idle_img/bg.gif") repeat;
	color: #000;
	cursor: pointer; }

input#BUTTON{
	border: none;
	padding: 1px 5px;
	background:#fff url("idle_img/bg.gif") repeat;
	color: #000;
	cursor: pointer; }

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

	optgroup{ 
		background: url("idle_img/bg.gif") repeat;
 		font-weight: normal; }	

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

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

ins{ 
	color: #C18E95;
	background: #fff;
	text-decoration: underline; }

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

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

address{
	 }

	#KIZI address{ 
		padding: 0 20px; }

em,
em *{ 
	border-bottom: 2px solid #AD1A2C;
	color: #000;
	font-weight: bold; }

strong,
strong *{ 
	border-bottom: 2px solid #AD1A2C;
	background: #FAFCA9; 
	color: #000;
	font-weight: bold; }

blockquote{
	margin: 1em 20px; padding: 15px;
	border: 1px solid #ccc; 
	background: url("idle_img/quote.gif") no-repeat 100% 100%; }

	blockquote p{
		margin: 0 0 0.3em; }

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

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

pre{ 
	margin: 1em auto; padding: 4px 2px;
	border: 1px dotted #ccc;
	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: 98%;
		overflow: auto; }

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

code,
samp,
var{ 
	border: 1px dotted #ccc;
	background: #f0f0f0;
	font-family: "New Courier",Courier,monospace; }

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

var{
	color:#8D8C2C; }

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 #ff9fbb; 
	cursor: help; }


/* テーブルはご自由に装飾頂ければいいかと */
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{
	color: #000;
	font-weight: bold; font-size: 190%; }


h2{
	padding: 0 10px;
	border-top: 1px solid #ccc;
	background: url("idle_img/bg.gif") repeat-x 0 100%;
	font-weight: bold; font-size: 135%; }



h3{
	margin: 0.25em 0;
	padding: 8px 0 0;
	color: #ddd;
	font-weight: bold; font-size: 200%;
	line-height: 1;
	letter-spacing: 0.5em; }

h4{
	margin: 0.25em 0 0.5em;
	padding: 8px 0 0;
	border-bottom: 1px solid #ccc;
	font-weight: bold; font-size: 110%;
	letter-spacing: 0.5em; }


h5,
h6{ 
	margin: 1em 0 0.5em; 
	padding:0 8px;
	border-left: 4em solid #eee; 
	color: #000;
	font-weight: bold; 
 	letter-spacing: 0.5em; }


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

#PAGETOP{
	position: relative;
	padding: 3.7em 0 0;
	min-width: 450px; 
	text-align: left; }

#HEADER{
	margin: 0 0 10px;
	padding: 15px 0;
	background: #000; }

				
	#HEADER h1{
		margin: 0 10%;
		padding: 0 15px 0 50px;
		color: #fff;
		background: #000 url("idle_img/h1.gif") no-repeat 0 50%; }

	ul#PAN{
		display: none }

#MENU{
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%; }


	#MENU h2{
		display: none; }
	
	#MENU ul{ 
		list-style-type:none;
		margin: 0 10%;
		padding: 0;
		text-align: right; }


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

		#MENU li a{
			padding: 2px 9px;
			background: #000;
			font-size: 140%;
			color: #fff; }

		#MENU li.menu-on a{
			background: #000 url("idle_img/bg.gif") repeat; }

		#MENU li a:hover{
			background: #fff url("idle_img/bg.gif") repeat;
			color: #AD1A2C; }

#ADSENSE{
	text-align: center;
	}

#KIZI{ 
	margin: 0 10%; }

/*--INDEXの画像-------------------------*/

#INDEX #KIZI{
	padding: 260px 0 0;
	background: #fff url("idle_img/img.gif") repeat-x 50% 0; }

/*----------------------------ここまで--*/


	div.text{
		margin: 10px; 
		padding: 8px 20px;
		border-left: 3px dotted #ddd;
		border-right: 3px dotted #ddd; }

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

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

		/* IEのバグかなんかの対処… */
		#INDEX #KIZI,
		div.text{
			height: 1px;
			min-height: 1px; }

		#PAGETOP>#KIZI,
		#PAGETOP>#KIZI div.text{
			height: auto; }

#INFO{
	text-align: center;
	}

#FOOTER{
	border-bottom: 15px solid #fff;
	background: #000; }

	#FOOTER h2{
		display: none; }

	#FOOTER ul{ 
		list-style-type: none;
		margin: 0;
		padding: 5px 0;
		text-align: center; }

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

	#FOOTER li address{ 
		display: inline; }


/*----------------------------------------
 おまけ CSS3
=========================================*/
::-moz-selection{
	background: #ccc;
	color: #fff; }

::selection{
	background: #ccc;
	color:#fff; }