@charset 'utf-8';
html {
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll;
	background-color:#f6f6f6;
}
body {
	background:url("../img/bg.gif") center top no-repeat;
	color:#292929;
	font:14px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
}



/*==============================
	layout
==============================*/
div#header {
	width:900px;
	overflow:hidden;
	margin:0 auto;
}
div#contents {
	width:900px;
	margin:0 auto;
}
div#contents div#input_form_area {
}
div#contents div#output_form_area {
}
div#footer {
	width:900px;
	margin:0 auto;
}
div#ads_bottom {
	width:970px;
	margin:15px auto 5px;
}
address {
	text-align:center;
	padding:5px 0;
	font-size:11px;
}



/*==============================
	contents
==============================*/
/*---------------
	div#wrap
---------------*/

/*---------------
	div#header
---------------*/
#header h1 {
	float:left;
}
	#header h1 a {
		width:323px;
		height:73px;
		display:block;
		text-indent:-9999em;
		background:url("../img/logo.png") left top no-repeat;
	}

#header ul {
	float:right;
}
	#header ul li {
		display:inline-block;
		*display:inline;
		*zoom:1;
		margin-left:5px;
	}
		#header ul li a {
			display:block;
			width:60px;
			height:75px;
			text-indent:-9999em;
		}
			#header ul li a#twitter {background:url('../img/twitter.gif') left top no-repeat;}
			#header ul li a#twitter:hover {background:url('../img/twitter_on.gif') left top no-repeat;}
			#header ul li a#facebook {background:url('../img/facebook.gif') left top no-repeat;}
			#header ul li a#facebook:hover {background:url('../img/facebook_on.gif') left top no-repeat;}
			#header ul li a#ggplus {background:url('../img/ggplus.gif') left top no-repeat;}
			#header ul li a#ggplus:hover {background:url('../img/ggplus_on.gif') left top no-repeat;}
			#header ul li a#hatebu {background:url('../img/hatebu.gif') left top no-repeat;}
			#header ul li a#hatebu:hover {background:url('../img/hatebu_on.gif') left top no-repeat;}

/*---------------
	div#contents
---------------*/

/*---------------
	div#contents > div#input_form_area
---------------*/
#input_form_area form #form_textarea{
	text-align: center;
}
	#input_form_area form textarea {
		width:874px;
		height:210px;
		padding:10px;
		background:url('../img/eyecatch.gif') center center no-repeat #ffffff;
		border:3px double #ababab;
		box-shadow:1px 1px 20px #bcbcbc;
	}

/* div#contents > div#input_form_area > #ads_n_btn */
#input_form_area form #ads_n_btn {
	margin:20px auto;
	overflow:hidden;
	text-align:center;
}
	#input_form_area form #ads_n_btn div {
		float:left;
	}
	#input_form_area form #ads_n_btn div#first_ads{
		margin-left:0;
	}
	#input_form_area form #ads_n_btn div#form_btn{
		margin: 0 24px;
		_margin: 0 12px;
	}
	#input_form_area form #ads_n_btn div p {
		margin-top:80px;
	}

/*---------------
	div#contents > div#output_form_area
---------------*/
#output_form_area #output_tab {
	width:100%;
	margin:0 auto;
	_margin-top:20px;
}

/*---------------
	div#footer
---------------*/
#footer h3 {
	margin:20px 0 5px;
	padding-left:5px;
	border-left:5px double #818181;
	background-color:#ddd;
}
#footer p {
	font-size:11px;
	line-height:1.3;
	color:#898989;
}
	#footer p a {
		color:#8989ef;
		text-decoration:none;
	}



/*==============================
	other
==============================*/
.error {
	color:#cc0044;
	font-weight:bold;
}
/* jQuery UI tab */
#output_tab.ui-tabs, #output_tab .ui-tabs-nav {
	padding:0;
	border-width:0;
}
	#output_tab.ui-tabs, #output_tab .ui-tabs-nav li {
		margin:5px -1px -1px 0;
	}
	#output_tab.ui-tabs, #output_tab .ui-tabs-nav a {
		font-size:10px;
	}
#output_tab .ui-widget-header {
	border:0;
	background-image:none;
	background-color:#f6f6f6;
}

#output_tab .ui-tabs-panel {
	border-width:2px;
	padding:20px;
}
#output_tab .ui-tabs-nav li.ui-tabs-selected {
	border-width:2px;
	margin-bottom:-2px;
}

.output_content_tab .ui-tabs-panel {
	padding:10px !important;
}
.output_content_tab .ui-widget-header {
	background:url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/pepper-grinder/images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat #CCCCCC !important;
	color:#222222;
}