@charset "utf-8";


div#haiga_stage{
	margin: 20px 0 0 0;

}

div#haiga_stage ul#haiga_tab{
	margin: 0 0 0 17px;
	padding: 0;
}

div#haiga_stage ul#haiga_tab li{
	margin: 0;
	padding: 0;
	width: 136px;
	height: 26px;
	float:left;
}

div#haiga_stage ul#haiga_tab li img{
	cursor: pointer;
}

div#haiga_stage div#haiga_normal{
	position: relative;
	width: 526px;
	height: 130px;
	background: url(../img/stage_normal_bg.gif) no-repeat;
}

div#haiga_stage div#haiga_side{
	position: relative;
	width: 526px;
	height: 130px;
	background: url(../img/stage_side_bg.gif) no-repeat;
	display: none;
}

div#haiga_stage div#haiga_normal img,
div#haiga_stage div#haiga_side img{
	cursor: pointer;
}

div#contents div#preview{
	margin         : 0px auto 0px auto;
	padding        : 10px;
	text-align     : left;
	background     : url(../img/editor_bg.gif) repeat-y;
}

#contents div.edit_bottom,
#contents div.preview_bottom{
	width          : 526px;
	height         : 10px;
	background     : url(../img/editor_bottom_bg.gif) 0 100% no-repeat;
}

div#contents h2.preview{
	margin         : 10px 0px 0px 0px;
	padding        : 5px;
	border         : none;
	color          : #004a00;
	text-align     : left;
	background     : url(../img/h2_bg.gif) #D5ECC1;
	font-size      : 12px;
}


div#description{
	clear          : both;
	text-align     : left;
	padding        : 20px 0 0 0;
}

div#description h3{
	margin          : 15px 0 5px 0;
	padding         : 2px 0 2px 5px;
	border-left     : 5px solid #dddddd;
	font-size       : 14px;
}

div#description div.memo{
	margin         : 20px 0px 0px 0px;
	border-top     : 3px solid #efefef;
}

div#description div.memo ul{
	margin         : 10px 0px 10px 20px;
	list-style     : disc;
}

div#description div.memo ul li{
	margin         : 0px 0px 5px 0px;
	color          : #666666;
}

div#editor_header{
	position       : relative;
	margin         : 10px 0 0 0;
	background     : url(../img/h2_bg.gif) #D5ECC1;
}

ul#menu {
	margin         : 0 0 0 0;
	padding        : 5px 5px 0 5px;
}

ul#menu li {
	float          : left;
	margin         : 2px 2px 0 2px;
	padding        : 0;
	font-weight    : bold;
	list-style-type: none;
	cursor         : pointer;
	display        : block;
}

ul#menu li img{
	padding        : 0 0 5px 0;
}

div#reset{
	left           : 415px;
	top            : 7px;
	width          : 100px;
	position       : absolute;
	text-align     : right;
}


#edit_area {
	width          : 526px;
	height         : 280px;
	background     : url(../img/editor_bg.gif) repeat-y;
}


#edit {
	width          : 520px;
	height         : 280px;
	margin-left    : 3px; 
	font-family    : Arial,'ＭＳ Ｐゴシック',sans-serif ;
}


#preview {
	margin         : 10px 0;
	line-height    : 1.8em;
}

#html {
	margin         : 0;
	font-size      : 12px;
	width          : 216px;
	height         : 200px;
	border         : solid 2px #cccccc;
}

#pallete {
	position       : absolute;
	display        : none;
	z-index        : 1000;
	border         : solid 1px #cccccc;
	width          : 360px;
}

#pallete table {
	margin         : 0;
	border-collapse: collapse;
}

#pallete td {
	width          : 8px;
	height         : 8px;
	border         : solid 1px #cccccc;
	cursor         : pointer;
	cursor         : hand;
}

#side div.bg{
	text-align      : center;
	background      : url(../img/side_bg.gif);
	padding: 10px;
}

#side div.bg div.note{
	padding         : 5px;
	margin          : 5px 0 0 0;
	background      : #ffffff;
	font-size       : 10px;
	color           : #666666;
	text-align      : center;
}

#side div.btn{
	padding         : 5px 0;
}

#side div.btn a{
	display         : block;
	text-align      : center;
	background      : #ff6600;
	padding         : 5px;
	border          : 4px double #ffffff;
	color           : #ffffff;
	font-weight     : bold;
}

#side table.blog_post{
	margin: 0 auto 5px auto;
}

#side table.blog_post td{
	padding: 3px;
}

#side table.blog_post select{
	width: 150px;
}

/* clearfix */
div#editor_header:after,
div#haiga_stage ul#haiga_tab:after{
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

div#editor_header,
div#haiga_stage ul#haiga_tab {
	display        : inline-block;
}

/*\*/
* html div#editor_header,
* html div#haiga_stage ul#haiga_tab {
	height         : 1%;
}

div#editor_header,
div#haiga_stage ul#haiga_tab {
	display        : block;
}