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


body {
	font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	text-align:center;
	margin:0px 0px 0px 0px;
	background-color:#202020;
	font-size:12px;
	line-height:18px;
	background: #2b2b2b url(../img/bg.png) repeat-x;
}

img{
	border:none;
}

a {
	text-decoration:none;
	color:#006699;
}

a:hover {
	text-decoration:underline;
	color:#006699;
}

span {
	display:none;
}

ul img {
	border:1px solid #DDDDDD;
	margin:5px 0px 30px 0;
	padding:10px;
}

li {
	list-style-type: decimal;
	list-style-image:none;
	list-style-position: outside;	
}

.kiyaku{
	overflow:auto;
	padding:10px;
	margin:0px 0px 20px 0px;
	widows:600px;
	height:70px;
	border:3px solid #ECECEC;
}

.float_left{
	float:left;
	margin:5px 0px 10px 10px;
	padding:5px;
}

.scr_thumb{
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	float:left;
	margin:5px 0px 10px 5px;
	padding:5px;
}

.button{
	margin:20px 0px 10px 0px;
}

.button dd{
	float:left;
	width:214px;
	margin:0px;
	padding:0px;
}

#layout {
	width:800px;
	margin:0px auto 0px auto;
	padding:30px 60px 0px 60px;
	text-align:left;
	background-color:#ffffff;
}

#layout p {
	margin-bottom:30px;
}

#layout ul {
	margin-bottom:30px;
}

#header {
	background-image:url(../img/widget_title.png);
	width:800px;
	height:250px;
	margin:0px 0px 25px 0px;
}

#header_scr {
	width:800px;
	margin:0px 0px 25px 0px;
}

.download {
	border:3px solid #ECECEC;
	padding:15px 0px 15px 15px;
	font-weight:bold;
	margin-bottom:20px;
	color:#999999;
}

.download img {
	padding:2px 0px 0px 5px;
}

.mainbox p{
	padding:0px 10px 0px 10px;
}

.mainbox h1 {
	color: #314e68;
	font-size:16px;
	margin:10px 0px 20px 0px;
	padding:0px;
}

.mainbox h2 {
	color:#333333;
	border-bottom:1px solid #DDDDDD;
	font-size:14px;
	margin:10px 0px 10px 0px;
	padding:5px;
	background-color:#F0F0F0;
}

.preview {
	background-color:#E8E8E8;
	border:5px solid #DDDDDD;
	text-align:center;
	width:770px;
	height:auto;
	padding:20px 0px 20px 0px;
}

p a {
	background-image:url(../img/icon.png);
	background-repeat:no-repeat;
	background-position:5px 50%;
	padding:0px 0px 0px 25px;
	font-weight:bold;
}

.up{
	padding: 0px 12px 50px 0px;
	margin: 50px 0px 0px 0px;
	white-space: nowrap;
	text-align:right;
}

.notice{
	color:#C03;
	margin:0px;
	padding:0px;
}

.footerbtn {
	margin:80px 0px 30px 0px;
	text-align:center;
	width:780px;
}

.footerbtn a {
	padding:8px 100px 8px 100px;
	border-bottom:8px solid #ffffff;
	border-right:8px solid #ffffff;
	border-top:8px solid #ffffff;
	border-left:8px solid #ffffff;
	text-decoration:none;
	font-weight:bold;
}

.footerbtn a:hover {
	border-bottom:8px solid #dddddd;
	border-right:8px solid #dddddd;
	border-top:8px solid #dddddd;
	border-left:8px solid #dddddd;
}

#footer {
	margin:50px auto 0px auto;
	padding:20px 0px 50px 0px;
	text-align:center;
	color:#9c9c9c;
}

/* ----------- Form ----------- */

p, h1, form, button, fieldset{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- scr_form ----------- */
.scr_form{
	margin:0 0;
	width:380px;
	padding:10px 0px 10px 20px;
}

/* ----------- stylized ----------- */
#stylized{
	border:3px solid #ECECEC;
}

#stylized dt{
	font-weight:bold;
	background:#ECECEC;
	padding:5px 0px 5px 10px;
	width:100px;
	text-align:left;
	float:left;
	margin-right:10px;
}

#stylized dd{
	padding:5px;
}



#submit {
     display:block;
     width:214px;
     height:39px;
     padding:0;
     border:0;
     background:url(../img/btn_send.png) no-repeat left top;
     text-indent:-9898px;
     font-size: 0px;
     line-height: 0px;
     cursor:pointer;
}

#submit:hover,#submit:focus {
     background-position:left -39px;
}