/********************BODY・フォームセット*******************/
body,td
{
	font-family:Verdana,sans-serif;font-size:13px;line-height:150%;
}

form
{
	margin:0;padding:0;padding-bottom:20px;
}

/********************画像関連*******************/
img{
	cursor:pointer;border:0px;
}

/********************スタイル選択部*******************/
#menu input,select,td,option
{
	font-family:Verdana,sans-serif;font-size:13px;
}

#menu .flipFlopField
{
	width:300px;height:300px;
}

#menu img
{
	padding:2px;margin:2px;
}

#menu td{padding:3px;}

/********************CSS生成フォーム部*******************/
#fg input,select,option
{
	font-family:Verdana,sans-serif;font-size:13px;
}

select.hidden{display:none;}
select.visible{display:visible;}
.visible2{width:300px;height:300px;}

#fg table,td{margin:4px 0px;}
#fg img
{
	padding:0px;margin:0px;
}

/********************区切り線*******************/
.hl {
	border-bottom:1px dotted #ccc;
	width:100%;
	height:1px;
	margin-bottom:15px;
}

/********************カラー関連*******************/
.sm {color:#808080;}
.bc {color:#2d8efc;}

/********************その他*******************/
body{
	padding:0;
	margin:0;
	/*background:url(/prx/000/https/www.dspt.net/tools/css_generator/img/bg.gif) repeat;*/
}

/*-----------------------ページ全体-----------------------*/
#bbc
{
	margin:auto;
	padding:10px 0px 0px 16px;
	text-align:left;
	width:800px;
	background:white;
	padding-bottom:20px;
	text-align:left;
}

#logo{
	width:307px;
	height:70px;
	float:left;
}

#icons{
	width:460px;
	height:30px;
	text-align:right;
	overflow:hidden;
	padding-top:40px;
}

/*-----------------------ヘッダー部-----------------------*/
#header{
	clear:both;
	width:757px;
	height:26px;
	background:url(/prx/000/https/www.dspt.net/tools/css_generator/img/header_top.gif) no-repeat;
	font-size:12px;
	padding-left:10px;
	padding-top:6px;
	overflow:hidden;
}

#header_center{
	width:757px;
	background:url(/prx/000/https/www.dspt.net/tools/css_generator/img/header_bg.gif) repeat-y;
	font-size:12px;
	padding-left:10px;
	padding-top:7px;
	overflow:auto;
}

#header_foot{
	width:757px;
	height:10px;
	background:url(/prx/000/https/www.dspt.net/tools/css_generator/img/header_foot.gif) no-repeat;
	margin-bottom:20px;
	font-size:12px;
	padding-left:10px;
	overflow:hidden;
}

.st_set{
	padding:2px 0px 2px 3px;
	width:764px;
	color:#666;
	font-size:16px;
}

.st_sets{
	border:1px dotted #3392ff;
	padding:10px;
	width:644px;
	background:#f2faff;
}

.error_ico{
	background:url(/prx/000/https/www.dspt.net/tools/css_generator/img/ico_caution.gif) no-repeat;
	background-position:left top;
	padding-left:30px;
	padding-top:2px;
}

/* ページタイトル */
#title
{
	width:100%;
	margin-bottom:11px;
	padding-bottom:1px;
	/*border-bottom:2px solid #666;*/
	color:#f53b9b;
	font-size:15px;
	clear:both;
}

#ban{
	background:#5cd204;
	width:630px;
	padding:5px 10px;
	color:white;
	font-size:15px;
	margin:20px 0px;
}

/*-----------------------CSSボタン-----------------------*/
#form_make{
	background:url(/prx/000/https/www.dspt.net/tools/css_generator/img/form_make.gif);
	width:147px;
	height:36px;
	cursor:pointer;
	border:none;
}

#css_make{
	background:url(/prx/000/https/www.dspt.net/tools/css_generator/img/css_make.gif);
	width:147px;
	height:36px;
	cursor:pointer;
	border:none;
}

#css_reset{
	background:url(/prx/000/https/www.dspt.net/tools/css_generator/img/css_reset.gif);
	width:147px;
	height:36px;
	cursor:pointer;
	border:none;
}

/*-----------------------CSS出力-----------------------*/
#css_out{
	width:767px;
}

#css_out input,select,option
{
	font-family:Verdana,sans-serif;font-size:13px;
}

#css_out img
{
	padding:0px;margin:0px;
}

#css_out textarea
{
	font-family:Verdana,sans-serif;
	width:348px;
	height:250px;
	border:1px dotted #3392ff;
	background:#f2faff;
}

textarea#hcs{
	font-family:Verdana,sans-serif;
	width:758px;
	height:100px;
}

.cot{font-size:15px;color:#1861de;}
.or_msg{background:#d9d9d9;width:30px;display:block;}

#footer{
	width:767px;
	height:30px;
	margin-top:5px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	text-align:center;
	padding-top:5px;
	background:url(/prx/000/https/www.dspt.net/tools/css_generator/img/footer_bg.gif) repeat-x;
	font-size:9px;
	line-height:14px;
	overflow:hidden;
}

p{margin-top:0px;margin-bottom:1.2em;}

/*-----------------------リンク色-----------------------*/
a:link.footer_link
{
	color:#045bbf;
}
a:visited.footer_link
{
	color:#045bbf;
}
a:hover.footer_link
{
	color:#f53bd0;
	text-decoration:none;
}
a:active.footer_link
{
	color:#f53bd0;
}

a:link.menu_link
{
	color:#000000;
	text-decoration:none;
}
a:visited.menu_link
{
	text-decoration:none;
	color:#000000;
}
a:hover.menu_link
{
	color:#e61793;
	text-decoration:none;
	border-bottom:1px dotted #e61793;
}
a:active.menu_link
{
	color:#000000;
	text-decoration:none;
}

/*-----------------------解説ページ-----------------------*/
#top_body
{
	width:680px;
	font-size:13px;
	line-height:160%;
	padding-bottom:15px;
}

.title_ts
{
	width:666px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:auto;
	margin-bottom:10px;
	/*border-bottom:1px solid #c9c9c9;*/
	border-left:5px solid #115099;
	background:#f7fffd;
	color:#0c64cf;
	font-size:16px;
}

.title_sub
{
	width:680px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:0.8em;
	border-bottom:1px dotted #ccc;
	color:#875b04;
	font-size:14px;
}

.img_left{
	float:left;
	margin-right:1.5em;
	margin-bottom:1em;
	text-align:center;
	font-size:10px;
	display:block;
}

.board{margin-bottom:5px;}