/* BODY */
	body { 
		font-family: Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; 
		background-image: url(bgShadow.png); 
		background-position: 50% 0%; 
		color: #dddddd; 
		padding: 0px;
		margin: 0px;
	}

/* INDEX.HTML */

	.topWrapper {
		width:940px;
		margin-left:auto;
		margin-right:auto;
		padding:0px;
	}

	.conWrapper { /* CONTENTS WRAPPER */
		width	: 100%;
		margin	: 0px;
		padding	: 0px;
	}


/* SECTION */

	.secWrapper { /* SECTION WRAPPER */
		width:		100%;
		height:		200px;
		margin:		0px;
		padding:	0px;
		overflow-y:	hidden;
		overflow-x: hidden;
		
		transition-property:height;
		transition-duration:200ms;
		transition-timing-function:ease-out;

		-webkit-transition-property:height;
		-webkit-transition-duration:200ms;
		-webkit-transition-timing-function:ease-out;

		-moz-transition-property:height;
		-moz-transition-duration:200ms;
		-moz-transition-timing-function:ease-out;

	}

	.secMain {
		height:		200px;
		position:	relative;
	}

	.secSub {
		/* width:100%; */
		height:160px;
		padding:	12px 0px 0px 8px;
		margin:	0;
		background-image: url(tocBg.png);
		overflow-x:		scroll;
		overflow-y:		hidden;
		white-space:	nowrap;
	}

	.secSubEntry {
		vertical-align:top;
		text-align:	center;
		display: inline-block;
		width:		94px;
		height:		130px;
		margin: 10px 2px 4px 4px;
		padding:	1px;
		font-size:	8pt;
		white-space:normal;
	}

	.secSubSepa {
		display: inline-block;
		width:		0px;
		height:		120px;
		margin: 10px 2px 4px 4px;
		padding:	0px;
		border-left: 1px solid #222;
		border-right: 1px solid #444;
	}

	.bigTip {

		display:			inline;
		left: 54%;
		top:-200px;
		position: absolute;
		
		float			: right;
		width			: 45%;
		height			: 182px; /* 148px; */
		margin 			: 0px;
		padding			: 8px 8px 8px 8px;
		background-color:	#222;
		opacity:			0.9;
		-moz-opacity:		0.9;

		border 			: 1px solid #111;

		font-size		: 9pt;
		color			: #DDD;

		transition-property:top;
		transition-duration:800ms;
		transition-timing-function:ease-out;

		-webkit-transition-property:top;
		-webkit-transition-duration:800ms;
		-webkit-transition-timing-function:ease-out;

		-moz-transition-property:top;
		-moz-transition-duration:800ms;
		-moz-transition-timing-function:ease-out;

	}

	.bigTip img { margin: 4px; padding:0px; text-align: left; }

	A 		{ color: #44FFFF; text-decoration: none; }
	A:link		{ color: #88FFFF; text-decoration: none; }
	A:visited	{ color: #AA00AA; text-decoration: none; 
		


		

	}
	A:active	{ color: #FFFFFF; 
		
	}
	A:hover		{ color: #FFFF00; text-shadow: 0px 0px 5px yellow; }

	img 		{ border-style:none; }
	a img 		{ border-style:none; }

	.hrDark {
			color: #444;
			border-width:1px 0px 0px 0px;
			height: 1px;
			border-style: dotted;
			width:95%
	}

	.linkcell {
		font-size: 10pt;
	}

	/* TITLE : ページの先頭のロゴタイトル */
	.titleBox {
		width:940px;
		height:200px;
		margin-left:auto;
		margin-right:auto;
	}

	.titleBoxText {
		padding:20px 20px 20px 20px;
		text-shadow: 0px 2px 3px #666;
		font-size:14pt;
		font-weight:bold;
		font-family: Arial, sans-serif;
	}

	/* PATH : パンくず */
	.pathBox {
		font-size:9pt;
		padding: 5px;
		text-align:center;
		background-color:#222;
		border-bottom: 1px solid #181818;
	}

	/* TOP CONTENT : 本文部分の全体を囲う */
	.topBox {
		width: 940px;
		margin-left : auto ; 
		margin-right : auto ;
		margin-top:0px;
	}

	.subBox {
		width: 100%;
	}


	.halfBox {
		width: 458px;
		float: left ; 
		margin: 8px 10px 8px 10px;
	}

	.halfBoxLeft  { width: 458px;	float: left;	margin: 8px 4px 8px 8px; }	/* 2段組の左 */
	.halfBoxRight { width: 458px;	float: left;	margin: 8px 4px 8px 8px; }	/* 2段組の右 */


	.lv1 {
		width: 920px;
		color:#ccc;
		font-size:11pt;
		font-weight:bold;
		line-height:120%;

		margin-left : auto ; 
		margin-right : auto ;

		padding:20px 0px 5px 8px;
		border-bottom:1px dotted #444;
		
	}

	
	.desc { /*--- DESCRIPTION ---*/
		color:#bbb;
		font-size:9pt;
		font-weight:normal;
		line-height:180%;
		margin :8px 10px 8px 10px;
	}


	.descScroll { /*--- DESCRIPTION ---*/
		color:			#bbb;
		font-size:		9pt;
		font-weight:	normal;
		line-height:	180%;
		margin:			8px 10px 8px 10px;
		text-align: 	center;
		overflow-x: 	scroll;
		white-space: nowrap;
	}


	.desc2 { /*--- DESCRIPTION 2 COLUMNS ---*/
		color:#bbb;
		font-size:9pt;
		font-weight:normal;
		line-height:180%;
		margin :8px 10px 8px 10px;

		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		
		column-rule: 1px dotted #666;
		-webkit-column-rule: 1px dotted #666;
		-moz-column-rule: 1px dotted #666;

	}

	.desc3 { /*--- DESCRIPTION 3 COLUMNS ---*/
		color:#bbb;
		font-size:9pt;
		font-weight:normal;
		line-height:180%;
		margin :8px 10px 8px 10px;

		column-count: 3;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		
		column-rule: 1px dotted #666;
		-webkit-column-rule: 1px dotted #666;
		-moz-column-rule: 1px dotted #666;

	}

	.note { /*--- 本文 ---*/
		color:			#bbb;
		font-size:		9pt;
		font-weight:	normal;
		line-height:	180%;
		margin :		8px 10px 8px 10px;
		padding:		8px;

		text-align: 	left;
		white-space:	normal;


		opacity:			.75;
		-moz-opacity:		0.75;
		background-color:	#444;

		-webkit-border-radius:	3px;
		-moz-border-radius:		3px;

	}


	.note3 { /*--- 本文 ---*/
		color:#bbb;
		font-size:9pt;
		font-weight:normal;
		line-height:180%;
		margin :8px 10px 8px 10px;
		padding:8px;

/*		filter: alpha(opacity=75); */
		opacity:.75;
		-moz-opacity:0.75;
		background-color:#444;

		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		
		column-count: 3;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		
		column-rule: 1px dotted #666;
		-webkit-column-rule: 1px dotted #666;
		-moz-column-rule: 1px dotted #666;

	}

	.srcCode {
		font-size:9pt;
		line-height:135%;
		font-family: Courier, monospace;
		white-space: pre;
		overflow-x:scroll;
	}


	
	.articleTitle {
		font-weight:bold;
		font-size:10pt;
/* font-family:Arial, Hiragino Kaku Gothic Std; */
		margin:8px;
		padding:10px 4px 4px 4px ;
		line-height:180%;
	}
	
	.tip {
		display:none;
		font-size:8pt;
		color:#222;
		background-color:#ddd;

/*		filter: alpha(opacity=75); */
		opacity:.75;
		-moz-opacity:0.75;
		
		margin :0px 0px 0px 8px;
		padding:1px 4px 1px 4px;
		border :1px solid #999;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
	}




	.button {

		font-family:Verdana, 'Hiragino Kaku Gothic Pro', sans-serif; 
		color:#888;	background-color:#222;
		font-weight:bold;

		margin :0px 4px 0px 4px;
		padding:2px 8px 2px 8px;
		border :1px solid #444;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;

	}

	.button A { color: #888; text-decoration: none; }



	.normal {
		color:#000;
		font-size:8pt;
		font-weight:normal;
		line-height:170%;
	}




	.code {

		color:#000;
		font-size:9pt;
		font-weight:normal;
		font-family: Courier, monospace;

		background:#FFF;
		line-height:120%;

		margin :15px 30px 15px 30px;
		padding:8px 8px 8px 8px;
		border :1px solid #999;
		
	}
	
	.codeHead {

		color:#000;
		font-size:9pt;
		font-weight:normal;
		font-family: Courier, monospace;

		background:#ddf;
		line-height:120%;

		margin :0px 0px 0px 0px;
		padding:5px 5px 5px 5px;
		border :1px solid #999;
		
	}

	.codeBody {

		color:#000;
		font-size:9pt;
		font-weight:normal;
		font-family:Courier, monospace;

		background:#fff;
		line-height:120%;

		margin :1px 1px 1px 1px;
		padding:5px 10px 5px 10px;
		
	}

	.com { /*--- ソースのコメント ---*/
		color:#22f;
	}

	.top { /*--- タイトル部分 ---*/

		color:#000;
		font-size:20pt;
		font-weight:bold;
		font-family: 'Hiragino Kaku Gothic Std', sans-serif;
		text-align:right;

		background:#ddd;
		line-height:120%;

		padding: 15px 20px 15px 20px;
		margin : 15px 10px 10px 0px;
		border: 1px solid #bbb;
		border-right: 4px solid #bbb;
		border-left: 0px solid #bbb;
		
	}


	.detail {

		color:#000;
		font-size:8pt;
		font-weight:normal;
		font-family: 'Hiragino Kaku Gothic Pro', sans-serif;

		background:#DDD;
		line-height:120%;

		margin :40px;
		padding:5px 10px 10px 10px;
		border :1px dotted  #999;
		
	}


	.lv2 {

		color:#888;
		font-size:10pt;
		font-weight:bold;
		font-family: 'Hiragino Kaku Gothic Std', sans-serif;

		line-height:180%;

		margin :10px 0px 15px 0px;
		padding:10px 0px 5px 8px;
		border-bottom:1px solid #777;
		
	}


	.box1 {

		color:#000;
		font-size:10pt;
		font-weight:bold;
		font-family: 'Hiragino Kaku Gothic Std', sans-serif;

		background:#ddd;

		padding:5px 5px 5px 5px;
		margin :5px 5px 5px 5px;
		border  :1px solid #999;
		
	}


	TT	{
		font-family: Courier, monospace;
	}


/* SMALL BUTTON */

	@-webkit-keyframes blink_effect {
		from { -webkit-box-shadow:0px 0px 10px #ffff88; }
		to   { -webkit-box-shadow:0px 0px 10px #000000; }
	}

	.blink_effect {
		-webkit-animation-name: blink_effect;
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
	}

	.sbtn { /* small button */
	
		border: 0px solid #888;
		margin: 2px 2px 2px 2px;
		padding: 1px 6px 1px 6px;
		background-color: #666;
		color: #ffe;
		border-radius: 6px;        /* CSS3草案 */  
		font-size: 9px;
	
	}

	.mbtn { /* middle button */
	
		border: 0px solid #888;
		margin: 2px 2px 2px 2px;
		padding: 2px 6px 2px 6px;
		background-color: #333;
		color: #ffe;
		border-radius: 6px;        /* CSS3草案 */  
		font-size: 11px;
		font-weight: normal;
	
	}







	h1, h2, h3 {
		margin: 2px;
		padding: 2px;
	}

/* COLOR FULL BOX */

	.box {

		color:#000;
		font-size:9pt;
		font-weight:normal;

		background:#FFF;
		line-height:120%;

		margin :15px 30px 15px 30px;
		padding:0px;
		border :1px solid #70F267;;
		
	}

	.boxHead {

		color:#000;
		font-size:9pt;
		font-weight:normal;
		font-family: 'Hiragino Kaku Gothic Std', sans-serif;

		background:#59DA4D;
		line-height:120%;

		margin :0px 0px 0px 0px;
		padding:5px 5px 5px 5px;
		border :0px solid #999;
		
	}

	.boxBody {

		color:#000;
		font-size:9pt;
		font-weight:normal;
		font-family: 'Hiragino Kaku Gothic Pro', sans-serif;

		background:#70F267;
		line-height:150%;
		text-align:left;

		padding:7px 5px 7px 15px;
		
	}

	.boxSub {

		color:#000;
		font-size:8pt;
		font-weight:normal;

		line-height:150%;
		text-align:left;

		padding:7px 5px 7px 10px;
		
	}




	#banner a,
	#banner a:link,
	#banner a:visited,
	#banner a:active,
	#banner a:hover {
		font-size: x-large;
		color: #CC9933;
		text-decoration: none;
	}

				
	#content {
		float:left;
		width:65%;
		margin-right:15px;
		margin-bottom:20px;
		}

	#links {
/*		background:#333; */
		color:#CCC;
		margin-top:35px;				
		}
		
	.blog {
		max-width:500px;
  		padding-left:20px;
  		padding-top:15px;
  		padding-right:20px;					
		}	
	
	.blogbody {
		max-width:500px;
/*		max-height:500px; */
/*		overflow:scroll; */
		color:#000;
		font-size:small;
		font-weight:normal;
		background:#CCC;
		line-height:150%;		
		border-left:1px solid #555;			
		border-right:1px solid #666;
		border-bottom:1px solid #666;	  			  		
		padding-top:5px;				
		padding-bottom:15px;				
		padding-right:15px;				
		padding-left:15px;
		background-image: url('http://www.big.or.jp/~crane/blog/blk_wht.gif');
	}
		
	.blogbody a,
	.blogbody a:link,
	.blogbody a:visited,
	.blogbody a:active,
	.blogbody a:hover {
		color:#008;
		font-weight: normal;
		text-decoration: underline;
	}
	
	.title { 
		font-size: 12px; 
		color: #000; 
		font-weight:bold;	
		}			
		
	#menu {
  		margin-bottom:10px;
		background:#3f3f3f;
		font-size:small;
		font-weight:bold;  							
		}	
		
	.date	{ 
			font-size: 11px; 
			font-family: Verdana, sans-serif;
			font-weight:bold;
			color: #FFF; 
			text-transform:uppercase;
			margin-top:10px;		
			background:#222;
			border-top:1px solid #000;	
			border-left:1px solid #000;	
			border-right:1px solid #222;	
		}			
		
	.posted	{ 
		font-size: x-small; 
		color: #555; 
		}
		

	.comments-body {
		color:#000;
		font-size:small;
		font-weight:normal;
  		background:#CCC;
  		line-height:150%;					
   		padding-top:8px;				
 		padding-left:15px;				
 		margin-left:10px;
 		margin-bottom:25px;
		border-left:1px solid #555;			
	}		

	.comments-post {
		color:#111;
		font-size:x-small;
		font-weight:normal;
  		margin-bottom:25px;
 		margin-left:15px;
		border-style:dotted;
		border-width:1px;
		border-color:#fff;			
	}	
		
	.comments-head	{ 
		font-size: small; 
		color: #CCC; 
		font-weight:bold;
		text-transform:uppercase;
  		margin-top:10px;
/*		border-bottom:1px solid #666;		*/
	}		


	.trackback-body {
		color:#CCC;
		font-size:small;
		font-weight:normal;
  		background:#333;
  		line-height:140%;	
  		padding-top:15px;				
		}		

	.trackback-url {
		color:#CCC;
		font-size:small;
		font-weight:normal;
  		background:#333;
  		line-height:140%;	
  		padding:5px;
  		border:1px dashed #999; 				
		}

	.trackback-post {
		color:#CCC;
		font-size:x-small;
		font-weight:normal;
  		background:#333;
  		margin-bottom:20px;
		}	

	#banner-commentspop {
		color:#CC9933;
		font-size:large;
		font-weight:bold;
  		background:#333;
  		padding-left:15px; 
		}		

	.side {
		color:#CCC;
		font-size:x-small;
		font-weight:normal;
/*  		background:#333; */
  		line-height:140%;				
  		padding-left:12px;
	}	
		
	.sidetitle {
		color:#CCC;
		font-size:x-small;
		font-weight:bold;
/*  		background:#333; */
  		line-height:140%;
  		padding:2px;
  		margin-top:10px;
  		margin-bottom:10px;
 /* 		border-bottom:1px solid #666; */
  		text-transform:uppercase;
		letter-spacing: .2em;  					
		}		
	
	.syndicate {
		font-size:xx-small;
		font-weight:bold;		
  		line-height:140%;
  		padding:2px;
  		margin-top:10px;
  		text-align:center;
/*  		background:#333;  		*/
 		}	
		
	.powered {
		color:#ccc;
		font-size:xx-small;
		font-weight:bold;
		border-top:1px solid #666;
		border-bottom:1px solid #666;		
		line-height:140%;
		text-transform:uppercase; 
		padding:2px;
		margin-top:10px;
		text-align:center;
		letter-spacing: .2em  					
		}	

		
	.calendar {
		color:#999;
		font-size:x-small;
		font-weight:normal;
  		padding:5px;				
 /* 		background:#555; */
		}
	
	.calendarhead {	
		color:#CC9933;
		font-size:x-small;
		font-weight:bold;
  		background:#333;
  		line-height:140%;				
		}