@charset "utf-8";
/* CSS Document */

html,body
{
	font-size:12px;	
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#666;
	margin:0px;
	padding:0px;		
}

#title
{
	font-size:22px;
	font-weight:bold;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:rgb(0, 170, 0);
	margin:0px;
	letter-spacing:.35em;
	padding:25px 0px 0px 25px;
}

#title a
{
	color:rgb(0, 170, 0);
	text-decoration:none;
}



#flashcontent
{
	margin:0px;
	padding:0px;	
}


#outputarea, #submenu_area
{
	padding:0px;
	margin:25px 25px 0px 25px;
}

.caption_label
{
	margin:0px;
	padding:0px;
}





/* ------------------------------------
   submenu area 
---------------------------------------*/

	 
#submenu_area
{
	width:800px;
}


#submenu_area .caption_label
{
	border-left: dashed 5px rgb(0, 170, 0);
	padding:0px 0px 0px 5px;
}

#outputfield
{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	float:right;
	font-size:12px;	
	width:395px;
}

#outputfield textarea{
	margin:15px 0px 0px 0px;
	width:380px;
	height:240px;
	border:solid 1px #ccc;
}


/* twitter form */
#posttwitter
{
	width:395px;
	font-size:12px;
	float:left;
}


form #twusername, form #twpassword
{
	margin:15px 10px 0px 0px;
	padding:0px;
	width:200px;
	border:solid 1px;
	border-color:#ccc;
}


form #twitter_message
{
	margin:20px 0px 0px 0px;
}


form #twmessagefield
{
	font-size:15px;
	width:380px;
	height:40px;
	border:solid 1px;
	border-color:#ccc;
}






/* ----------------------------------------------------------
   tableize form
-------------------------------------------------------------*/
#generator
{
	margin:0px;
	padding:25px 0px 0px 25px;
}


form #generator_ui
{
	width:545px;
}

form .generate_button
{
	float:right;
	display:block;
	width:140px;
	height:32px;
	margin:2px 0px 0px 0px;
	background:url("/shared/images/button.gif") top left no-repeat;
	background-position:0;
	border:none;
	text-indent:-9999px;
	font-size:0px;
	line-height:0px;
	cursor:pointer;
}

form #msg
{
	float:left;
	font-size:22px;	
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	height:35px;
	width:380px;
	border:solid 1px;
	border-color:#ccc;
	margin:0px;
	padding:0px;
}

/* -------------------------------------------
   ad space
----------------------------------------------*/
#ad
{
	margin:0px;
	padding:25px 0px 0px 25px;
}




/* -------------------------------------------
   after 
----------------------------------------------*/
#submenu_area:after
{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


#generator_ui:after
{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}