* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 0.8em;
	color: #322;
}
object {
	display: block;
}
a:link, a:visited{
	color: #994400;
}
a:hover, a:active{
	color: #FF6600;
}
#main-container {
	width: 800px;
}
/*　ヘッダーの設定　*/
#header h1 {
	background: url(../img/logo.jpg);
	height: 124px;
	width: 246px;
	text-indent: -5555px;
	float: left;
}
#header #banner {
	background: url(../img/header_bg.gif);
	height: 70px;
	width: 554px;
	text-align: center;
	vertical-align: middle;
	float: right;
}
#header ul {
	float: right;
	width: 554px;
}
#header ul li {
	float: left;
	list-style: none;
}
#header #menu{
	background:#333 url(../img/menu_bar.gif);
	width:554px;
	height:30px
}
#show-room {
	background: #CCCCCC;
	clear: both;
	height: 180px;
	width: 800px;
	margin-bottom: 1em;
}
#flasheditor-container {
	width: 600px;
	height: 500px;
	margin: auto;
	padding: 10px;
	background: url(../img/flasheditor_base.jpg) center no-repeat;
}
/*　コンテンツの設定　*/
#conts-container {
	float: left;
	width: 550px;
	clear: both;
}
#conts-container.wide {
	width: 800px;
}
#conts-container li, #conts-container p, #conts-container h4{
	padding: 0.5em 0;
	text-align: left;
}
#conts-container ul, #conts-container ol {
	padding-left: 2em;
}
.openid_login{
	background: #fff url(../img/openid_login.gif) no-repeat left;
	padding-left: 18px;
	width: 300px;
	float: left;
}
.text-container {
	margin: 0 auto 1.5em auto;
	width: 510px;
	background: url(../img/container_footer.png) no-repeat center bottom;
	padding-bottom: 25px;
	text-align: center;
}
.text-container .text-wrapper {
	padding: 0 30px;
	background: url(../img/p_back.jpg) repeat-y;
}
.text-container h3{
	height:30px;
	padding-top:10px;
	background: url(../img/h3_bg.jpg) bottom no-repeat;
}
.text-container h4{
	font-size: 1.1em;
	font-family: serif;
}

.text-container caption {
	color: #FFFFFF;
	padding: 3px;
	background-color:#996600;
}
.text-container td {
	text-align: center;
	padding: 3px;
	border: dotted 1px #663300;
}
.text-container #user {
	text-align:left;
	width:350px;
	margin:auto;
	padding: 5px;
	border: dotted 1px #FF0000;
}
.text-container #user td{
	text-align: right;
	border: none;
}
/* ********** */
.wide .text-container {
	margin: 0 auto 1.5em auto;
	width: 650px;
	background: url(../img/container_footer_w.jpg) no-repeat center bottom;
	padding-bottom: 25px;
	text-align: center;
}
.wide .text-container h3{
	background: url(../img/h3_bg_w.jpg) top no-repeat;
}
.wide .text-container .text-wrapper {
	padding: 0;
	background: url(../img/p_back_w.jpg) repeat-y;
}
/***************************************side***/
#side-container {
	float: right;
	width: 250px;
}
.memo {
	width: 250px;
	height: 265px;
	background: url(../img/side_memo.jpg) no-repeat center;
}
.memo h4 {
	padding: 30px 20px 5px 20px;
	color: #452200;
	text-align: center;
}
.memo p {
	margin: 20px 20px 5px 20px;
}
ul#link {
	background: #000000 url(../img/header_bg.gif);
	padding: 3px 0;
	margin-bottom: 15px;
}
ul#link li {
	display: block;
	list-style: none;
	margin: 5px 15px;
}
ul#link li a:link, ul#link li a:visited, ul#link li a:hover{
	color: #FFFFFF;
}
#footer {
	background: url(../img/header_bg.gif) repeat;
	font-size: 0.6em;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}