@charset "EUC-JP";

/* ************************************************ */
/* 基本セット */
/* ************************************************ */
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.content {
	width:80%;
	margin:1.5em auto;
	padding:1.2em;
}

.content.error { color:red; }

.content h1 {
	color:darkblue;
	font-size:2em;
}

.content p { margin:1em 0; font-size:1em; color:#555; }
.content p.desc { margin:.1em 0; font-size:.8em; }
.content p.desc:before { content:"※"; }

.view {
	background-color:#f9f9f9;
	border-radius:.2em;
	border:1px solid #bbb;
	margin:1em 0;
}
.view > li {
	margin:0;
	padding:1.5em;
	border-top:1px dotted #aaa;
}
.view > li:nth-child(odd) {
	background-color:#fff;
}
.view > li:first-child { border:none; }

label {
	display:block;
	font-size:1.2em;
	border-left:5px solid darkorange;
	padding-left:.5em;
	margin-bottom:.3em;
}

.loader {
	background:url('/img/loader.gif') no-repeat left center;
	font-size:1em;
	padding-left:22px;
}

.content .err { display:none; color:red; background-color:#fee; font-size:.95em; padding:.5em; border:1px solid red; border-radius:.4em; margin:.5em 0; width:80%; }

.content.input span.mail {
	display:block;
	color:darkblue;
	font-size:1em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


/* 入力画面 */
select[name=per] {
	padding:.2em .2em;
	background:#efe;
}


/* 確認画面 */
.verify ul.show {
	border-top:1px dotted #aaa;
	margin:1.2em -1.2em;
}
.verify ul.show > li {
	border-bottom:1px dotted #aaa;
	padding:1.5em 1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
}
.verify ul.show > li:nth-child(odd) {
	background-color:white;
}
.verify h4 {
	font-size:1.1em;
	border-left:5px solid darkorange;
	padding-left:.5em;
	margin-bottom:.5em;
	color:#777;
}
.verify .pswd {}
.verify ul {
	border:none;
	margin:0;
	padding:0;
	border-radius:0;
}
.verify ul.category { margin-bottom:.5em; }
.verify ul.category li {
	position:relative;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:.25em 0;
}
.verify ul.category li span {
	display:inline-block;
	font-size:.8em;
	color:white;
	font-weight:normal;
	line-height:1.2em;
	padding:1px 0px;
	width:4.5em;
	margin-right:5px;
	background-color:#666;
	text-align:center;
	vertical-align:middle;
	border-radius:1em;
}
.youbou { margin-bottom:1.5em; }
.youbou p {
	margin:.5em 0 0 0;
	color:black;
}
	
/* 完了画面 */
.done ol {
	list-style:decimal inside;
	color:#555;
	margin-bottom:2em;
}
.done ol li {
	margin:3px 0;
	padding:3px 0;
	border-bottom:1px dotted #aaa;
}
.done .id { 
	font-weight:bold;
	color:darkblue;
}



input[type="text"], input[type="password"] {
	padding:.62em .5em;
	font-size:1em;
	width:80%;
	line-height:1;
}
textarea {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
	line-height:1.5;
	width:80%;
	height:4em;
	padding:.5em;
}
input[type="button"], input[type="submit"] {
	padding:.5em 1.8em;
	line-height:1.2;
	font-size:1em;
}
input.done { color:black; }
input.back { color:#c22; margin-left:.3em; }
input.done:hover, input.back:hover { color:blue; box-shadow:0 0 .1em gray; }

.ui-focus {
	box-shadow:0px 0px 6px orange;
}

.content .ui-state-active { background:#ffd !important; font-weight:normal; }



/* ************************************************ */
/* カテゴリ */
/* ************************************************ */
input[cid] { color:darkblue; }
input.ui-active {
	box-shadow:0px 0px 6px #bbb;
}
#category { width:90%; margin-bottom:.5em; }
#category li { padding:.5em 0; border:none; }
#category input[type="button"] { font-size:.9em; }
#category select { font-size:1em; padding:.3em .5em; }
#more {
}



/* ************************************************ */
/* 広告 */
/* ************************************************ */
.content .ad {
	margin:1em 0;
}