@charset "UTF-8";

/* pettanR peta.apps.css
 *   version 0.5.33
 * 
 *   author:
 *     itozyun
 */

	html, body {
		overflow:				hidden;
	}

	
	/*  View Container
	--------------------------------------------------------------------------------------*/	
		.console-page {

		}
		
		
	#editor {
		font-size: 9pt;
	}

/*--------------------------------------------------------------------------------------
 * 
 *  Cabinet, Gallery
 *  
 -------------------------------------------------------------------------------------*/
	#cabinet-header, #gallery-header {
		position:			relative;
		background-color:	#111;
		color:				#fff;
		font-size:			12pt;
		line-height:		1;
		padding:			0;
	}
		.header-title {
			padding : 6pt;
		}
		#cabinet-close-button, #gallery-close-button {
			position:			absolute;
			right:				0;
			top:				0;
			border-left:		1px solid #666;
			height:				24pt;
			padding:			6pt 9pt 6pt 9pt;
			text-align:			center;
			cursor:				pointer;
		}
		.close-button-hover {
			background-color:	#333;
		}

/*--------------------------------------------------------------------------------------
 * 
 *  overlay
 *  
 -------------------------------------------------------------------------------------*/
		
		/*  Console Common
		--------------------------------------------------------------------------------------*/
			.console-wrapper {
				position:			absolute;
				width:				320px;
				padding:			20px;
				background-color:	#fff;
			}
				.console-header {
					border-bottom:	2px solid #666;
					color:			#666;
					text-align:		center;
					font-size:		12px;
					line-height:	12px;
					padding-bottom:	8px;
					margin-bottom:	10px;
				}
				.console-inner {
					
				}
					.console-button-container {
						margin-top:			20px;
						border-top:			2px solid #666;
						padding-top:		10px;
						overflow:			auto;
					}
						.console-submit-button {
							display:			block;
							width:				100px;
							float:				left;
							margin-left:		30px;
						}
						.console-cancel-button {
							display:			block;
							width:				100px;
							float:				right;
							margin-right:		30px;
						}
				.console-progress {
					clear:			both;
					text-align:		center;
					height:			12px;
					font-size:		12px;
					line-height:	12px;
					margin-top:		15px;
					color:			#666;
				}

		/*  Field
		--------------------------------------------------------------------------------------*/
			.field {
				margin:				10px 0;
				padding-bottom:		5px;
				border-bottom:		1px solid #ccc;
			}				
				.field-label {
					display:			inline-block;
					width:				120px;
					line-height:		22px;
					color:				#666;
					cursor:				pointer;
				}

		/*  Comic Console
		--------------------------------------------------------------------------------------*/
				#comic-console {
					
				}

					.comic-console-value {
						width:				40px;
						text-align:			right;
					}

					#comic-console-title,
					#comic-console-height,
					#comic-console-width,
					#comic-console-editable,
					#comic-console-visible {}
						#comic-console-title-value { width: 180px; text-align:left;}
						#comic-console-height-value {}
						#comic-console-width-value {}
						#comic-console-editable-value,
						#comic-console-visible-value {
							width:			180px;
							text-align:		center;
						}

		/*  Panel Console
		--------------------------------------------------------------------------------------*/
		#panel-console-data-value {
			width: 180px;
			height: 16px;
			line-height:22px;
			overflow:hidden;
			text-align:left;
		}			
		#panel-console-publish-value {
							width:			180px;
							text-align:		center;	
		}
		
		#artist-console-name-value,
		#artist-console-license-value {
			width: 180px;
			text-align:left;
		}
				
		/*  Comic Reader
		--------------------------------------------------------------------------------------*/
		#comic-reader-wrapper {}
			#comic-reader-panel-container {
				position:			absolute;
				left:				0;
				top:				0;
			}
			#comic-reader-header,
			#comic-reader-console {
				position:			absolute;
				left;				0;
				width:				100%;
				z-index:			9998;
			}
			#comic-reader-header {
				top:				0;
				height:				40px;
			}
				.comic-reader-shadow {
					z-index:			9997;
					position:			absolute;
					width:				100%;
					left;				0;
					width:				100%;
					height:				40px;
					background:			#000;
					opacity:			0.5;
					-moz-opacity:		0.5;
					-khtml-opacity:		0.5;
				}
				.pettanr-ActiveX-enabled .comic-reader-shadow {
					filter:				alpha(opacity=50);
					-ms-filter:			"alpha(opacity=50)";
				}
				.pettanr-ActiveX-disabled .comic-reader-shadow {
					background:			transparent url( "../images/black_50pct.png" )　repeat 0 0;
					_background:		url( "../images/black_50pct.gif" )　repeat 0 0;
				}
				#comic-reader-header-content {
					height:				24px;
					padding-top:		16px;
					border-bottom:		1px solid #fff;
				}
					#comic-reader-title {
						font-size:			20px;
						line-height:		24px;
						color:				#fff;
						font-weight:		bold;
					}
					#comic-reader-author {
						font-size:			18px;
						line-height:		24px;
						color:				#ddd;
						text-indent:		1em;
					}
			#comic-reader-console {
				bottom:				0;
				height:				100px;
				border-top:			1px solid #fff;
			}
				#comic-reader-button-centering {
					position:			relative;
					margin:				0 auto;
					width:				399px;
				}
					#comic-reader-back-button,
					#comic-reader-forward-button,
					#comic-reader-back-button:link,
					#comic-reader-forward-button:link  {
						display:			block;
						zoom:				1;
						position:			absolute;
						top:				0;
						height:				100px;
						line-height:		100px;
						color:				#ddd;
						width:				198px;
						border-left:		1px solid #999;
						border-right:		1px solid #999;
						text-align:			center;
						font-size:			30px;
					}
					#comic-reader-back-button:hover,
					#comic-reader-forward-button:hover {
						background-color:	#111;
						color:				#fff;
						font-size:			34px;
						text-decoration:	none;
					}
					#comic-reader-back-button {
						left:				0;
						border-right:		1px solid #ccc;
					}
					#comic-reader-forward-button {
						right:				0;
					}
					
		/*  Output Console
		--------------------------------------------------------------------------------------*/
		
			#output-console-wrapper {

			}
				#output-console-format-value {
					width:			180px;
					text-align:		center
				}
				#output-console-option-value {
					width:			180px;
					text-align:		left;
				}
				#output-area {
					width:			100%;
					height:			200px;
					border:			1px outset #ccc;
					outline:		1px;
					margin-bottom:	20px;
				}
				#output-console-close-button {
					width:			100px;
					margin:			0 auto 20px;
				}
					
		/*  Upload Console
		--------------------------------------------------------------------------------------*/
				#upload-console {
				}

	.form-iframe {
		width:100%;
		height:100px;
		border:1px solid #666;
	}

/*--------------------------------------------------------------------------------------
 * 
 *  Editor
 *  
 -------------------------------------------------------------------------------------*/
		#editor {
			position:			absolute;
			left:				0;
			top:				0;
			width:				100%;
			height:				100%;
			overflow:			hidden;
			background-color:	#f5f5f5;
		}
	
		/*  Text Editor
		--------------------------------------------------------------------------------------*/		
			#speach-editor-wrapper {
				position:		absolute;
			}
			#speach-editor-wrapper form {
				width:			100%;
				height:			100%;
			}
			#speach-editor {
				width:			100%;
				height:			100%;
				border:			1px outset #ccc;
				outline:		1px;
			}
				#speach-edit-complete-button {
					margin:		10px auto 0;
				}
	
		/*  Image Group
		--------------------------------------------------------------------------------------*/
			#image-group-wrapper {
				position:			absolute;
				top:				0;
				left:				0;
			}
				#image-group-icon-container {
					position:			absolute;
					top:				0;
					left:				0;
					height:				200px;
					width:				100%;
					background-color:	#fff;
					border:				#fff solid;
					border-width:		0;				
				}
				#image-group-name {
					padding:			20px 0 10px 20px;
					border-bottom:		1px solid #eee;
					color:				#eee;
					font-size:			20px;
					line-height:		20px;
					font-weight:		bold;
					text-shadow:		1px 1px 3px #ccc;
					-moz-text-shadow:	1px 1px 3px #ccc;
					-webkit-text-shadow:1px 1px 3px #ccc;
					box-shadow:			0 4px 9px #333;
					-moz-box-shadow:	0 4px 9px #333;
					-webkit-box-shadow:	0 4px 9px #333;
				}
				#image-group-button {
					width:				200px;
					position:			absolute;
					left:				0;
					bottom:				-40px;
					_bottom:			0;
				}
				.image-group-item {
					width:				150px;
					height:				200px;
					position:			absolute;
					top:				0;
					left:				0;
					text-align:			center;
				}
				.image-group-item .reversible-image-container {
					width:				150px;
					height:				200px;
				}
				.image-group-item .reversible-image-container img {
					width:				100%;
					height:				100%;
				}
				.image-group-item-title {
					position:			absolute;
					bottom:				0;
					left:				0;
					text-align:			center;
					width:				100%;
					height:				30px;
				}
	

	/*  MenuBar
	--------------------------------------------------------------------------------------*/
		#menu-bar {
			position:			absolute;
			top:				0;
			left:				0;
			width:				100%;
			height:				24.1pt;
			background-color:	#fff;
			border-bottom:		1px solid #666;
			box-shadow:			0 4px 9px #333;
			-moz-box-shadow:	0 4px 9px #333;
			-webkit-box-shadow:	0 4px 9px #333;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=180,strength=9);
		}
			.menubar-item,
			.menubar-item-focus {
				position:		absolute;
				top:			0;
				width:			80px;
				color:			#666;
				overflow:		hidden;
				height:			24.1pt;
				line-height:	24.1pt;
				padding-left:	0.6em;
				font-size:		11pt;				
			}
			.menubar-item-focus {
				background-color:	#161;
				color:				#eee;
			}
				.menubar-option-box {
					position:			absolute;
					list-style:			none;
					top:				24.1pt;
					width:				200px;
					margin:				0;
					padding:			0;
					background-color:	#f5f5f5;
					color:				#666;
					border:				1px solid #ccc;
					box-shadow:			1px 4px 9px #333;
					-moz-box-shadow:	1px 4px 9px #333;
					-webkit-box-shadow:	1px 4px 9px #333;
					filter:				progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);
				}
				.menubar-option-box-hover {
					background-color:	#fff;
				}
					.menubar-option-box div {
						position:			relative;
						display:			block;
						width:				200px;
						height:				24.1pt;
						line-height:		24.1pt;
						border-style:		none;
						border-width:		0 0 1px;
						border-color:		#ccc;					
					}	
					.menubar-option-disabled {
						color:				#ddd !important;
					}				
					.menubar-option-hover {
						background-color:	#161 !important;
						color:				#eee !important;
					}
						.menubar-option-hover * {
							color:				#eee !important;
						}
						.menubar-option-box span {
							position:		absolute;
							top:			0;
							left:			10px;
							display:		block;
							font-size:		11pt;
							font-weight:	bold;
							width:			120px;
							overflow:		hidden;
						}
						.menubar-option-box kbd {
							position:		absolute;
							top:			0;
							right:			10px;
							display:		block;
							font-size:		8pt;
							color:			#999;
							width:			60px;
							overflow:		hidden;
						}
	
	/*  whiteGlass
	--------------------------------------------------------------------------------------*/	
		#whiteGlass-container {
			position:	absolute;
			top:		0;
			left:		0;
			width:		100%;
			height:		100%;
		}
			#whiteGlass-container div {
				position:			absolute;
				background-color:	#fff;
				opacity:			0.7;
				-moz-opacity:		0.7;
				-khtml-opacity:		0.7;
			}
			.pettanr-ActiveX-enabled #whiteGlass-container div {
				filter:				alpha(opacity=70);
				-ms-filter:			alpha(opacity=70);				
			}
			.pettanr-ActiveX-disabled #whiteGlass-container div {
				background:			transparent url( "../images/white_70pct.png" ) repeat 0 0;
				_background:		#fff;
			}
			
			#whiteGlass-top {
				top:		0;
				left:		0;
				width:		100%;
				height:		20%;
			}
			#whiteGlass-left {
				top:		20%;
				left:		0;
				width:		20%;
				height:		60%;
			}
			#whiteGlass-right {
				top:		20%;
				left:		80%;
				width:		20%;
				height:		60%;
			}
			#whiteGlass-bottom {
				top:		80%;
				left:		0;
				width:		100%;
				height:		20%;
			}
	
	/*  panel
	--------------------------------------------------------------------------------------*/
		#panel-tools-container {
			position:	absolute;
			border:		2px solid #333;
		}
	
	/*  comic-element
	--------------------------------------------------------------------------------------*/
		#comic-element-container {
			position:			absolute;
			
		}
			.comic-element-wrapper {
				position:			absolute;
			}
				#comic-element-container img {
					width:				100%;
					height:				100%;
					position:			absolute;
					top:				0;
					left:				0;
				}
	
	/*  comic-element-resizer
	--------------------------------------------------------------------------------------*/		
		#comic-element-resizer-container {
			position:			absolute;
		}
		#comic-element-resizer-container-inner {
			position:			absolute;
			top:				9px;
			left:				9px;
			border:				1px solid #999;
		}
			.comic-element-resizer {
				position:			absolute;
				width:				8px;
				height:				8px;
				font-size:			8px; /* ie */
				line-height:		8px; /* ie */
				border:				1px solid #333;
				background-color:	#fff;
			}
		/*
		 * marker
		 */
			#comic-element-resizer-top {
				top:				-5px;
				left:				50%;
			}
			.current-resizer-is-0 #comic-element-resizer-top {
				background-color:	#f66;
			}
			#comic-element-resizer-left {
				top:				50%;
				left:				-5px;
			}
			.current-resizer-is-1 #comic-element-resizer-left {
				background-color:	#f66;
			}
			#comic-element-resizer-right {
				top:				50%;
				right:				-5px;
			}
			.current-resizer-is-2 #comic-element-resizer-right {
				background-color:	#f66;
			}
			#comic-element-resizer-bottom {
				bottom:				-5px;
				left:				50%;
			}
			.current-resizer-is-3 #comic-element-resizer-bottom {
				background-color:	#f66;
			}
			#comic-element-resizer-top-left {
				top:				-5px;
				left:				-5px;
			}
			.current-resizer-is-4 #comic-element-resizer-top-left {
				background-color:	#f66;
			}
			#comic-element-resizer-top-right {
				top:				-5px;
				right:				-5px;
			}
			.current-resizer-is-5 #comic-element-resizer-top-right {
				background-color:	#f66;
			}
			#comic-element-resizer-bottom-left {
				bottom:				-5px;
				left:				-5px;
			}
			.current-resizer-is-6 #comic-element-resizer-bottom-left {
				background-color:	#f66;
			}
			#comic-element-resizer-bottom-right {
				bottom:				-5px;
				right:				-5px;
			}
			.current-resizer-is-7 #comic-element-resizer-bottom-right {
				background-color:	#f66;
			}
	/*  panel-resizer
	--------------------------------------------------------------------------------------*/	
		#panel-resizer-top,
		#panel-resizer-bottom {
			position:			absolute;
			border:				1px outset #999;
			background-color:	#eee;
			text-align:			center;
			font-size:			12px;
			line-height:		12px;
			padding:			9px 0;
			left:				-2px;
		}
		
		#panel-resizer-top {
			top:					-37px;
			border-radius:			8px 8px 0 0;
			-o-border-radius:		8px 8px 0 0;
			-ms-border-radius:		8px 8px 0 0;
			-moz-border-radius:		8px 8px 0 0;
			-webkit-border-radius:	8px 8px 0 0;
		}
		#panel-resizer-bottom {
			bottom:					-37px;
			border-radius:			0 0 8px 8px;
			-o-border-radius:		0 0 8px 8px;
			-ms-border-radius:		0 0 8px 8px;
			-moz-border-radius:		0 0 8px 8px;
			-webkit-border-radius:	0 0 8px 8px;
		}
	
	/*  balloon-tail-mover
	--------------------------------------------------------------------------------------*/		
		#balloon-tail-mover {
			position:			absolute;
			width:				8px;
			height:				8px;
			font-size:			8px; /* ie */
			line-height:		8px; /* ie */
			border:				1px solid #333;
			background-color:	#66f;
			margin:				-5px 0 0 -5px;
		}
	
	/*  comic element console
	--------------------------------------------------------------------------------------*/
		#comic-element-consol-wrapper {
			position:			absolute;
			bottom:             0;
			left:               0;
		}
			#comic-element-consol-container {
				background:			transparent url( "../images/black_50pct.png" ) repeat 0 0;
				padding:            0.5em;
			}
			.comic-element-consol-container-hover {
				background:			#000 !important;
			}
		
		#comic-element-consol-pushout-wrapper {
			display:			none;
			position:			absolute;
			width:				250px;
			
		}
			#comic-element-consol-pushout-inner {
				border:				1px solid #999;
			}
			.satellite-left #comic-element-consol-pushout-inner {
				top:				0;
				left:				0;
			}
			
			#comic-element-consol-pushout-tail {
				border-style:		solid;
				width:				0;
				height:				0;
				font-size:			0;
				line-height:		0;
				position:			absolute;
			}
			.satellite-left #comic-element-consol-pushout-tail {
				border-width:		5px 0 5px 10px;
				border-color:		transparent transparent transparent #999;
				_border-color:		#fff #fff #fff #999;
				top:				50%;
				right:				0;
			}
			.satellite-right #comic-element-consol-pushout-tail {
				border-width:		5px 10px 5px 0;
				border-color:		transparent #999 transparent transparent;
				_border-color:		#fff #999 #fff #fff;
				top:				50%;
				left:				-10px;
			}
			.satellite-top #comic-element-consol-pushout-tail {
				border-width:		10px 5px 0 5px;
				border-color:		#333 transparent transparent transparent;
				_border-color:		#333 #fff #fff #fff;
				bottom:				-10px;
				left:				50%;
			}
			.satellite-bottom #comic-element-consol-pushout-tail {
				border-width:		0 5px 10px 5px;
				border-color:		transparent transparent #333 transparent;
				_border-color:		#fff #fff #333 #fff;
				top:				-10px;
				left:				50%;
			}

		
			.comic-element-consol-item {
				float:			left;
				width:			70px;
				height:			70px;
			}
			.comic-element-consol-item-small {
				float:			left;
				width:			70px;
				height:			35px;
			}
				.comic-element-consol-item div {
					height:		35px;
				}
					.comic-element-consol-item-small .button {
						width:					60px;
						height:					24px;
						line-height:			24px;
						margin-top:             5px;
						margin-left:            5px;
					}
					.comic-element-attribute-label {
						display:			inline-block;
						width:				14px;
						line-height:		22px;
						color:				#fff;
						text-align:			center;
						cursor:				pointer;
					}
					.comic-element-attribute-value {
						width:				40px;
						text-align:			right;
					}
		
					#comic-element-z-value,
					#comic-element-a-value {
						width:				35px;
					}
					#comic-element-w-percent-value,
					#comic-element-h-percent-value {
						width:				30px;
					}
				
					#comic-element-keep-aspect {
					    position:            relative;
					    top:                 24px;
					    left:                0;
					    width:               12px;
					    height:              22px;
					    font-size:           22px;
					    line-height:         22px;
					    border:              1px solid #ccc;
					}
	
	
			
	/*  Panel > speach
	--------------------------------------------------------------------------------------*/
			.speach {
				text-align:			center;
				display:			table;
				position:			absolute;
				top:				16.6%;
				left:				16.6%;
				width:				66.6%;
				height:				66.6%;
				padding:			0;
				margin:				0;
			}
				.speach-inner {
					display:		table-cell;
					vertical-align:	middle;
				}
			
		/* fix for ie */	
			.text-element table,
			.text-element tbody,
			.text-element tr,
			.text-element td {
				width:				100%;
				height:				100%;
				border:				0;
				padding:			0;
				margin:				0;
				text-align:			center;
				vertical-align:		middle;
			}
			.text-element table {
				table-layout:		fixed; /* ie6で上下中央にテキストがならない対処。固定レイアウトアルゴリズムになるので負荷を下げるらしい */
			}
			
	/*  Window
	--------------------------------------------------------------------------------------*/
		.window-wrapper {
			position:			absolute;
			overflow:			hidden;
			border-bottom:		1px solid #999;
			background-color:	#fff;
			box-shadow:			1px 4px 9px #333;
			-moz-box-shadow:	1px 4px 9px #333;
			-webkit-box-shadow:	1px 4px 9px #333;
			filter:				progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);
		}

			.window-header-title,
			.window-close-button {
				font-size:				12px;
				color:					#eee;
				line-height:			12px;
				overflow:				hidden;
				text-align:				center;
				padding-top:			8px;
				padding-bottom:			6px;
				background-color:		#444;
			}
			.window-wrapper-hover .window-header-title {
				background-color:		#333;
			}
				.window-close-button {
					position:				absolute;
					top:					0;
					right:					0;
					border-left:			1px solid #666;
					padding-left:			9px;
					padding-right:			9px;
					border-radius:			0 8px 0 0;
					-o-border-radius:		0 8px 0 0;
					-ms-border-radius:		0 8px 0 0;
					-moz-border-radius:		0 8px 0 0;
					-webkit-border-radius:	0 8px 0 0;
				}
			
			.window-wrapper,
			.window-header,
			.window-header-title {
				border-radius:			8px 8px 0 0;
				-o-border-radius:		8px 8px 0 0;
				-ms-border-radius:		8px 8px 0 0;
				-moz-border-radius:		8px 8px 0 0;
				-webkit-border-radius:	8px 8px 0 0;
			}
			.window-body {
				position:				absolute;
				width:					100%;
				border-right:			1px solid #999;
				border-left:			1px solid #aaa;
				*border-left:			1px solid #ccc;
			}

			html>/**/body .window-body {  
				border-left /***/:		1px solid #ccc\9;
			}

			.window-footer {
				width:					100%;
				height:					20px;
				background-color:		#333;
				position:				absolute;
				left:					0;
				bottom:					0;
			}
				.window-resize-button {
					position:				absolute;
					top:					0;
					right:					0;
					background-image:		url('../images/sprite.gif');
					background-repeat:		no-repeat;
					background-position:	-70px -60px;
					width:					20px;
					height:					20px;
					line-height:			20px;
					text-indent:			-9999px;
					text-align:				center;
					cursor:					pointer;
				}

	/*  page contents
	--------------------------------------------------------------------------------------*/
	.multi-page-container {
		width:				100%;
	}
		.sidenavi {
			width:				100px;
			float:				left;
		}
			.sidenavi-item,
			.sidenavi-item:link {
				display:			block;
				border-bottom:		1px solid #666;
				padding:			1em;
				text-decoration:	none;
				zoom:				1;
			}
			.sidenavi-item:hover {
				background-color:	#ccc;
				text-decoration:	none;
			}
			.sidenavi .current {
				background-color:	#666;
				color:				#eee;
			}
		.page-contents {
			_position:				relative; /* for ie6 */
			padding:				1em 1em 2em 1em;
			margin-left:			100px;
		}
			.page-content {
				display:				none;
			}
	
	/*  Background Window
	--------------------------------------------------------------------------------------*/
			#bg-pattern,
			#select-bg-pattern-button,
			#reset-bg-pattern-button,
			#bg-color,
			#select-bg-color-button,
			#reset-bg-color-button {
				position:			absolute;
				text-align:			center;
				cursor:				pointer;
			}
			
			#bg-pattern,
			#bg-color {
				box-shadow:			1px 2px 3px #000;
				-moz-box-shadow:	1px 2px 3px #000;
				-webkit-box-shadow:	1px 2px 3px #000;
				height:				80px;
				top:				15px;
			}
			#bg-pattern {
				left:				15px;
				width:				100px;
			}
			#select-bg-pattern-button,
			#reset-bg-pattern-button,
			#select-bg-color-button,
			#reset-bg-color-button {
				border:				1px outset #666;
				height:				20px;
				top:				115px;
				line-height:		20px;
			}
			#select-bg-pattern-button {
				left:				15px;
				width:				80px;
			}
			#reset-bg-pattern-button {
				left:				95px;
				width:				20px;
			}
			
			#bg-color {
				left:				125px;
				width:				60px;
				background-color:	#66f;
			}
			#select-bg-color-button {
				left:				125px;
				width:				40px;
			}
			#reset-bg-color-button {
				left:				165px;
				width:				20px;
			}
	
	
	
	/*  Tool-box Window
	--------------------------------------------------------------------------------------*/		
			#toolbox-add-image-button,
			#toolbox-add-text-button,
			#toolbox-edit-bg-button,
			#toolbox-switch-grid,
			#toolbox-popup-help-button,
			#toolbox-post-button {
				position:				absolute;
				left:					9px;
				width:					90px;
				height:					40px;
				line-height:			40px;
			}
			#toolbox-add-image-button {
				top:					10px;								
			}
			#toolbox-add-text-button {
				top:					60px;
			}
			#toolbox-edit-bg-button {
				top:					110px;
				height:					30px;
				line-height:			30px;
			}
			#toolbox-switch-grid,
			#toolbox-popup-help-button {
				top:					150px;
				height:					30px;
				line-height:			30px;
			}
			#toolbox-switch-grid {
				width:					45px !important;
			}
			#toolbox-popup-help-button {
				width:					35px !important;
				left:					63px !important;
			}
			
			#toolbox-post-button {
				top:					190px;
				height:					50px;
				line-height:			50px;
			}
	
	/*  Grid
	--------------------------------------------------------------------------------------*/
		#grid {
			width:					100%;
			height:					100%;
			position:				absolute;
			left:					0;
			top:					0;
			background-attachment:	fixed;
			background-repeat:		repeat;
			/* background-image:		url('grid.gif');　grid用イメージはgrid使用時にjsで埋め込み */
		}
		
		
		
					