@charset "UTF-8";


/* =1 common
-------------------------------------------------------- */
*{
	font-size:100%;
}

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,label {
	margin: 0;
	padding: 0;
}

img{
	border: 0;
}

ul,ol{
	list-style: none;
}

body {
	text-align: center;
	font-size: 83%;
}

div#container {
	width: 775px;
	margin: 0 auto;
	text-align: left;
}

div#header {
	padding: 10px 0 5px;
}

div#header h1.headerLogo {
	float: left;
	width: 120px;
}

div#header div.headerLink {
	float: right;
	width: 640px;
	text-align: right;
}

div#footer {
	padding: 5px;
	text-align: center;
}

.section {
	margin: 0 50px;
}


/* =2 mainBox
-------------------------------------------------------- */
div.loginForm,
div.mainBox {
	background: url(/img/scomu/main_middle.gif) repeat-y left top;
	text-align: center;
	zoom: 1;
}

div.loginForm2,
div.mainBox2 {
	background: url(/img/scomu/main_top.gif) no-repeat left top;
	padding-top:6px;
}


form.loginForm3,
.mainBox3 {
	background: url(/img/scomu/main_bottom.gif) no-repeat left bottom;
	padding-bottom: 6px;
	padding: 10px 10px 16px;
	zoom: 1;
}


.mainText {
	line-height: 1.4;
	text-align: left;
	margin: 0 0 20px;
}


.mainDone {
	text-align: center;
	padding: 50px 100px;
	line-height: 1,4;
}

.mainTitle {
	font-size: 126%;
	text-align: left;
	margin: 0 0 10px;
}
.subTitle {
	background: #eee;
	text-align: left;
	font-size: 111%;
	padding: 5px 10px;
	margin-bottom: 5px;
}

.subTitle span {
	font-size: 13px;
	margin-left: 10px;
	font-weight: normal;
}

/* user info */
p.userInfo {
	text-align: left;
	margin-bottom: 20px;
}

p.userInfo span {
	font-weight: bold;
	font-size: 140%;
}

p.blogRegist button {
	font-size: 126%;
	padding: 0 20px;
	font-weight: bold;
}


/* reminder */
p.reminderLink {
	text-align: left;
	font-weight: bold;
	font-size: 126%;
}

p.reminderText {
	text-align: left;
	padding-bottom: 15px;
	line-height: 1.3;
}

div.reminderBox {
	text-align: left;
	padding-bottom: 30px;
}


/* =3 form1(login)
-------------------------------------------------------- */
div.loginForm p.loginLogo {
	padding: 50px 0;
}

.formTable {
	text-align: center;
	padding-bottom: 15px;
}

.formTable table {
	margin: 0 auto 10px;
}

.formTable table th,
.formTable table td {
	padding: 5px;
	font-size: 126%;
	vertical-align: top;
}

.formTable table th {
	white-space: nowrap;
	padding: 10px 5px 5px;
	text-align: right;
}

.formTable table td {
	text-align: left;
}

.formTable table td input {
	width: 300px;
}

.formTable table td span.ex,
.formTable table td span.exp {
	font-size: 70%;
	color: #666;
}

p.register {
	border-top: 1px solid #ddd;
	padding: 15px 0 0;
	margin: 15px 0 0;
	line-height: 1.4;
}

p.register a {
	font-weight: bold;
	font-size: 140%;
}


/* =4 form2
-------------------------------------------------------- */
.formTable2 {
	text-align: left;
	padding: 0 0 15px;
}

.formTable2 table {
	margin: 0 0 30px;
}

.formTable2 table th,
.formTable2 table td {
	padding: 5px;
	vertical-align: top;
}

.formTable2 table th {
	width: 130px;
	white-space: nowrap;
	/*padding: 10px 5px 5px;*/
	text-align: right;
	font-size: 13px;
}

.formTable2 table td {
	text-align: left;
	font-size: 13px;
}

.formTable2 table td input {
	width: 280px;
}

.formTable2 table td input#id_check {
	width: auto;
	margin-left: 10px;
}

.formTable2 table td span.ex {
	font-size: 11px;
	color: #666;
}

input.loginSubmit,
input.submit {
	font-size: 140%;
	font-weight: bold;
	padding: 0 20px;
}

div.buttonBox {
	text-align: center;
}

span.require {
	color: #cc0000;
	margin-right: 3px;
	font-weight: normal;
}


/* =5 error
-------------------------------------------------------- */
p.error {
	color: #cc0000;
	padding: 0 0 5px;
	text-align: left;
	font-weight: bold;
}

ul.errorList {
	color: #cc0000;
	padding: 0 0 10px;
	text-align: left;
}

/* =6 secure
-------------------------------------------------------- */
ul.selectSecure {
	padding-bottom: 10px;
	text-align: right;
}

ul.selectSecure li {
	display: inline;
	border-left: 1px solid #ccc;
	padding: 0 5px;
}

ul.selectSecure li.secure{
	border: none;
}

.flash {
	color: #cc0000;
	font-weight: bold;
}

/* =7 clearfix
-------------------------------------------------------- */
div#header {
	zoom: 1;
}

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


div.profile_icon
{
	text-align:left;
	margin-bottom:10px;
}

div.info_top
{
	margin-bottom:15px;
}

div.register_done
{
	text-align:left;
	margin-left:20px;
}

.blogRegist img
{
	margin-right:5px;
	vertical-align:middle;
	
}

p.blogRegist
{
	margin-top:20px;
}

div.loginerror ul.errorList{
	text-align:center;
}
div.loginerror p.error{
	text-align:center;
}

div.mainBox div.resign_attention{
	text-align:left;
	margin-top:10px;
	margin-bottom:15px;
}

.resign_attention_ul{
	padding-left: 10px;
	color:#ff0000;
}


.resigned{
	padding-bottom:10px;
}

div.loginForm2 .selectSecure{
	padding-top:10px;
	padding-right:10px;
}