body {
	margin: 0px;
	padding: 0px
}

.main {
	margin: 15px;
	padding: 0px;
	font-size: small;
}

/*** ***/
h1 {
	margin: 5px 10px; /*padding: 5px*/;
	font-size: medium;
	font-weight: normal;
	color: #339;
	/*background-color:#f6f9ff;
	border: 1px solid #cdf;*/
}

h2 {
	margin: 5px 10px; /*padding: 3px 10px;*/
	font-size: small;
	font-weight: normal;
	color: #339;
	/*background-color:#fff;
	border-bottom:1px solid #acf;border-left:14px solid #acf;*/
}

p {
	margin: 5px; /*font-size:smaller;line-height:140%;*/
}

/**** エラー時 ****/ /**** エラー行：背景の着色 ****/
tr.er {
	background-color: orange;
}

.er td {
	background-color: orange;
	font-weight: bold;
}

.er select {
	background-color: #CCFF00;
}

.er input {
	background-color: #dfc;
}

/**** アラーと文言の表示 ****/
table.err {
	width: 80%;
	border-collapse: collapse;
	margin: 1em 10%;
	padding: 0.7em 1.5em;
	background-color: #fc9;
	border: 1px solid orange;
}

.err tr {
	margin: 0px;
	padding: 1px;
}

.err td {
	margin: 0px;
	padding: 0.5em 1em;
	font-size: 100%;
	color: #CC0000;
	font-weight: bold;
}

/**** ****/
	/*table.bgc {background-color:#f6f9ff;border:1px solid #eee;border-bottom:1px solid #aaa;border-right:1px solid #aaa;}*/
	/*.dv {margin: 0px 10px 15px 25px;padding: 10px 0px;border:1px solid #cdf;}*/
.sml {
	font-size: smaller; /*line-height:120%*/
}

.rsml {
	font-size: small; /*line-height:120%;*/
	color: #c33;
}

.xsml {
	font-size: x-small; /*line-height:130%*/
}

.rxsml {
	font-size: x-small; /*line-height:130%;*/
	color: #c33;
}

.new {  font-size: 10pt; line-height: 10pt; color: #FF3300}

/************* TEXT PR BOX *******************/
table.prbox { width:300px; /*margin:2px 20px*/; border:1px solid #cdf;background-color:#cdf;}
div.prtitle { margin:0px;padding:2px 7px;font-size:11px;color:#00f;background-color: #cdf;}
div.prtitle a:link, 
div.prtitle a:visited { color:#00f; text-decoration:underline;}
div.prtitle a:hover { color:red; text-decoration:underline;}
div.prtext { margin:0px;padding:2px 10px;font-size:11px;}
div.prtext a:link, 
div.prtext a:visited { color:#444; text-decoration:none;}
div.prtext a:hover { color:red; text-decoration:underline;}
.f10 {
	font-size: 10px;
	line-height: 130%;
}


/**** スマホ用　利用規約 ****/

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#spn-agreearea {
	margin:0 auto 20px;
	width:700px;
	font-size:12px;
	text-align:left;
	position: relative;	
}
#spn-agreearea #yesbtn{
	width:490px;
	position:absolute;
	left: 0px;
	top: 18px;
}
#spn-agreearea #nobtn{
	position:absolute;
	left: 502px;
	top: 17px;
}
#spn-agreearea #pass {
	position:absolute;
	left: 2px;
	top: 68px;
}
#spn-agreearea #read {
	font-size:10px;
	position:absolute;
	left: 385px;
	top: 108px;
}
#spn-agreearea #privacy {
	width:202px;
	font-size:10px;
	line-height:130%;
	text-align:left;
	position: absolute;
	left: 502px;
	top: 91px;
	height: 98px;
}


#user-agreement {
	margin:100px 0 2px 0;
	padding:10px;
	background-color:#EEE;
	font-size:12px;
	vertical-align:text-bottom;
	width:470px;
}

#user-agreement h4{
	font-size:12px;
}

#user-agreement p.right{
	text-decoration:underline;
	color:blue;
	text-align:right;
}
#user-agreement p#user-agreement-close{
	text-decoration:underline;
	color:blue;
	text-align:left;
}
#user-agreement p#firstBlock{
	text-decoration:underline;
	color:blue;
	text-align:right;
}