@charset "Shift_Jis";


@media screen{

/*----------------------------------------------------
 ▼ 1. 基礎
-----------------------------------------------------*/

*{
	font-style: normal;
	font-weight: normal; 
	font-size: 100.1%;
	line-height: 1.6; 
}


/*----------------------------------------------------
 ▼ 2. リスト
-----------------------------------------------------*/

ol,
ul{	
	list-style-position: outside;
	margin: 0; 
	padding: 0.4em 0 0.2em; 
}

li ul,
li ol{
	margin: 0.4em 0 0.2em 1em;
	padding: 0.3em 0 0;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	border-color: #F9F9F9 #F9F9F9 #F9F9F9 #444;
}

ol li,
ul li{
	margin: 0 0 0.5em 2em;
	padding: 0;
}

dl{
	margin: 0 0 0 1em; 
	padding: 0 0 0.4em; 
}

dl dt{
	margin: 1em 0 0;
	padding: 0.15em 0.4em;
	border: 1px solid #CCC;
	background: #EEE;
	color: #222;
	font-size: 110%;
}

	
	h3#Q1+dl>dt[id]:before,
	h3#Q2+dl>dt[id]:before,
	h3#Q3+dl>dt[id]:before{
		content: attr(id)". ";
		font-weight: bold;
	}
			

dl dd{
	margin: 0;
	padding: 0.3em 0.8em 0.3em 2em;
	border: solid #CCC; border-width: 0 1px 1px;
}



/*----------------------------------------------------
 ▼ 3. フォーム
-----------------------------------------------------*/

form{
	margin: 0.3em 0; 
	padding: 0;
}

form fieldset{
	margin: 0 0 0.3em;
	padding: 0.25em 0.4em;
	border: 3px double #CCC;  
}

form fieldset legend{
	font-weight: bold; 
}

form label{ 
	font-size: 100%; 
}

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

input[type="text"],
textarea{
	max-width: 95%;
}

input[type=button],
input[type=submit],
input[type=reset]{
	cursor: pointer; 
}

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

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

	optgroup option{ 
		color: #EEE; 
		font-weight: normal; 
	}



/*----------------------------------------------------
 ▼ 4. インライン要素
-----------------------------------------------------*/

a{
	font: inherit;
	font-size: 100%;
}

html>/**/body a{
	font-size: inherit; 
}

a[hreflang]:after{
	content: " ["attr(hreflang)"]";
	font-size: 80%;
}

br{ 
	letter-spacing: normal; 

}

ins{ 
	text-decoration: underline; 
}

del,
del *{ 
	color: #AAA !important;
	text-decoration: line-through !important; 
}

	del a,
	del a:visited{

		background: transparent;
		border: none;
	}

	.text>ins,
	.text>del{
		display: block;
	}

img{ 
	margin: 1px;
	border-width: 0;
	vertical-align: text-bottom; 
}

em,
em *,
strong,
strong *{ 
	font-weight: bold; 
}

em,
strong{
	border-bottom: 2px solid #D91414;
}

	em em,
	strong strong{
		border: none;
	}

strong{
	color: #D91414;
}

	strong strong{
		font-size: 120%;
		border: none;
	}

	del em,
	del strong{
		border-color: #444;
	}

q{
	margin: 0 0.2em;
	padding: 0 1px;
	border-bottom: 1px solid #91D184;
	color: #374A33;
	background: #F9F9F9;
}

cite{
	color: #777;
}

cite,
cite *{
	font-style: oblique; 
}

code,
samp{
	margin: 0 0.2em;
	padding: 0 0.23em;
}


code{
	border: 1px dotted #AAA;
	background: #DFDFDF;
	color: #222;
	font-family: "Courier New",Courier,monospace; 
}

	pre code{
		margin: 0; 
		padding: 0;
		border: none;
		background: transparent;
	}

samp{
	background: #555;
	color: #EEE;
	font-family: monospace; 
}

var{
	color: #E37B57;
	font-weight: bold;
	font-style: normal; 
}

kbd{
	margin: 0 0.2em;
	padding: 0 2px;
	border: solid #888; border-width: 0 2px 2px 0;
	background: #dfdfdf;
	color: #000; 
	font-weight: bold; font-size: 90%; 
}

dfn{
	font-weight: bold;
	font-style: normal; 
}

acronym,
abbr{ 
	border-bottom: 2px dotted #90BBF1; 
	cursor: help; 
}

sub,
sup{
	font-size: 80%;
}


/*----------------------------------------------------
 ▼ 5. ブロック要素
-----------------------------------------------------*/

p{
	margin: 0.5em 0; 
	padding: 0;
	/*text-indent: 0.8em;*/
}

hr{
	display: none; 
}

	div.text hr{
		display: block; 
	}

address{
	margin: 0.2em 0 0.4em; 
	padding: 0;
}

blockquote{
	margin: 1em 1em 1em 5em; 
	padding: 0 0 0 1em;
	border-left: 3px solid #91D184;
	color: #374A33;
	background: #F9F9F9;
}

blockquote[title]{
	cursor: help; 
}

blockquote[title]:before{
	content: attr(title);
	color:#91D184;
}

pre{ 
	margin: 1em auto; 
	padding: 0.25em 0.5em;
	background: #555;
	color: #EEE;
	font-size: 12px;
	font-family: monospace; 
}

pre code{
	color: #EEE ;
}

	/*長文対策*/

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

	#KIZI>div.text pre{ 
		width: auto;
		overflow: scroll; 
	}

	html>/**/body #KIZI>div.text pre{
		padding: 3px 8px;
		overflow: auto; 
	}

	/*長文対策終わり*/


/*----------------------------------------------------
 ▼ 6. テーブル
-----------------------------------------------------*/

* html table,
* html th,
* html td{
	font-size: 100%;
}


th,
td{
	vertical-align: top;
	text-align: left;
}


table{
	margin: 0.3em 0; 
	padding: 2px;
	border-collapse: collapse;
	ax-width: 95%;
}

table caption{
	font-weight: bold; text-align: center; 
}

table th{
	padding: 0.4em 0.7em;
	vertical-align: top;
		border: 1px solid #555;
		background: #000; 
		color: #DDD;font-weight: bold; 
		font-weight: normal;
}

	table.site thead th strong{
		border: none;
	}


table td{
	padding: 0.4em 0.7em;
	border: 1px solid #555;
	vertical-align: top;
}



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

a{
	margin: 0 0.15em;
	padding: 0 0.14em;
	border: 1px solid #A1CBE9;
	background: #DAE6FF;
	text-decoration: none;
}

a:link{ 
	color: #2E32F2; 
}

a:visited{ 
	color: #61406C; 
	border-style: dotted;
}

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


/*----------------------------------------------------
 ▼ 
-----------------------------------------------------*/


body{
	margin: 0;
	padding: 25px 0;
	background: #F9F9F9 url("bodyBg.gif") no-repeat 0 0; 
	color: #000; 
	
	font-family: Sans-serif;
	/* font-family: Helvetica,Arial,"ＭＳ Pゴシック",Sans-serif;*/
	text-align: left; 
	min-height: 1%;
}

body:before,
#FOOTER:before{
	content: "";
	display: block;
	clear: both;
}

* html body{
	height: 100%;
}


h1,
h2,
h3,
h4{
	margin: 1em 0 0.25em;
	padding: 0;
	font-weight: bold;
	font-family: serif;
}


h1{
	margin: 0 5%;
	font-size: 250%;
	line-height: 1.2;
}


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

#CONTENT{ 
	overflow: hidden;
	margin: 0 5%;
	padding: 0 0 2em;
}


h2{
	padding: 0 0.25em;
	border-left: 5px solid #000;
	font-size: 180%;
	line-height: 1.1;
}

	div.text{
		padding-bottom: 1em;
	}



		div.text h3{
			border-bottom: 1px dashed #AAA;
			font-size: 150%;
		}


		div.text h4{
			font-size: 120%;
		} 

		div.text h4:before{
			content: "{ ";
		}
		div.text h4:after{
			content: " }";
		}



		div.text ul.skip,
		div.text ul.nav{ 
			list-style-type: none;
			border: none; 
			text-align: right; 
		}

		div.text ul.skip li,
		div.text ul.nav li{
			display: inline;
			margin: 0; padding:0 .5em ;
			text-align:right; 
		}

		ul.skip li a,
		ul.nav li a{ 
			font-size: 80%; 
			padding: 0.1em 0.5em;
			text-decoration: none;
		}

		div.text ul.nav li.to-content a:after{
				content: "\25b2";
		}

		div.text ul.nav li.to-menu a:after{
				content: "\25bc";
		}



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

#MENU,
#FOOTER{
	float: left;
	width: 49.9%;
	padding-bottom: 2em;
	border-top: 3px double #222;
}

	#MENU h2,
	#MENU ul{
		margin-left: 10%;
	}
	
	#FOOTER h2,
	#FOOTER ul,
	#FOOTER form{
		margin-right: 10%; 
	}

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

#MENU li em{
	border-bottom: none;
}

#MENU li em.menu-on:before{
	margin: 0 0.5em 0 0;
	padding: 0 0.3em;
	content: "NOW ON";
	color: #FFF;
	background: #FD79FB;
	font-size: 80%;
	font-weight: bold;
}


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


	#FOOTER li address{ 
		display: inline; 
		text-decoration: none;
	}

	#FOOTER form{
		margin-left: 1em;
	}

	#FOOTER form fieldset legend{
		
	}

	#FOOTER form fieldset{
	}

	#FOOTER form ul{
		margin: 0;
	}

/*---------------------------------------------------*/
}

 @media handheld,tty{
	body{
		margin: 0; padding: 4px 5px;
		background: #555555; color: #EEEEEE;
		font-size: 1em; line-height: 1.25;
	}	
	a:link{ 
		color: #AAAAAA;
	}
	a:visited{ 
		color: #888888;
	}
	h1,h2,h3,h4,h5,h6{
		margin: 0; padding: 3px 2px;
		font-weight: bold; color: #9CDD44;
	}
	h2{
		border-bottom: 2px solid #222;
	}
	h3{
		border-bottom: 2px dotted #222;
	}
 }