/* フォントサイズ */
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f20 { font-size: 20px; }

/* 色 */
.red { color: #f00; }
.yel { color: #ff0; }
.pnk { color: #f0f; }
.blu { color: #00f; }
.sky { color: #08f; }
.ora { color: #fb0; }
.pur { color: #b0b; }
.gre { color: #080; }
.nav { color: #008; }
.gra { color: #888; }

/* 位置 */
.L { text-align: left; }
.M { text-align: center; }
.R { text-align: right; }
.T { vertical-align: top; }
.U { text-decoration: underline; }

/* <body> */
body.system	{ margin-top: 0; }

/* <a> */
a:visited { color:#00f; }
a:hover { color:#f00; }

/* <img> */
img {
	border: 0;
	cursor: pointer;
}

/* <p> */
p { text-indent: 1em; }

/* <input> */
input.bn {
	font-size: 14px;
	background-color: #ddd;
}

input.tx {
	border: 1px solid #888;
}

input.txime {
	border: 1px solid #888;
	ime-mode: disabled;
}

input.pass {
	width: 114px;
	height: 18px;
	border:1px solid #888;
	ime-mode: disabled;
}

/* <button> */
button {
	border: 1px outset;
	font-size: 12px;
	background-color: #ddd;
}

button.face {
	width: 70px;
	border: 1px outset;
	font-size: 12px;
	background-color: #eee;
}

button.teikei {
	width: 320px;
	border: 1px outset;
	font-size: 12px;
	text-align: left;
	background-color: #eee;
}

/* <textarea> */
textarea {
	font-size: 12px;
	border: 1px solid;
	border-color: #888;
}

/* <hr> */
hr.std	{width:90%; height:1px}
hr.ful	{width:100%; height:1px}

/* list table */
table.list {
	border-collapse: separate;
	border-spacing: 0;
	border: solid 1px gray;
	margin: 0 1em 1em 1em;
	font-size: 12px;
}

table.list thead th {
	font-weight: normal;
	border-bottom: solid 1px #bbb;
}

table.list tbody {
	overflow-x: hidden;
	overflow-y: auto;
}

table.list th {
	font-size: 10pt;
	background-color: #eee;
	border: none;
	border-right: solid 1px #eee;
}

table.list td {
	border: none;
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
	padding: 2px;
}

/* osusume */
table.osu {
	width: 480px;
	font-size: 12px;
}

table.osu td.middle {
	width: 65px;
}

table.osu select {
	width: 230px;
	margin: 0 0 20px 0;
	font-size: 12px;
	border: 1px solid;
}

table.osu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

table.osu li {
	padding: 5px 0;
}

table.osu div {
	width: 230px;
	padding: 2px;
	border: 1px solid;
	border-color: #888;
	background-color: #eff;
}

table.osu input {
	border: 1px outset;
	font-size: 12px;
	background-color: #ddd;
}

/* tencho */
table.tencho {
	border: 0;
	font-size: 12px;
}

table.tencho td {
	vertical-align: top;
	padding: 0 20px 0 0;
}

table.tencho div.sqr_left {
	width: 414px;
	padding: 5px;
	border: 1px solid;
	border-color: #ddd;
	background-color: #ffd;
}

table.tencho div.sqr_half {
	float: left;
	width: 200px;
	margin: 0 0 15px 0;
	padding: 5px;
	border: 1px solid;
	border-color: #ddd;
	background-color: #ffd;
}

table.tencho div.sqr_clear {
	clear: left;
	width: 414px;
	padding: 5px;
	border: 1px solid;
	border-color: #ddd;
	background-color: #ffd;
}

table.tencho div.sqr_right {
	width: 350px;
	padding: 5px;
	border: 1px solid;
	border-color: #ddd;
	background-color: #efe;
}

table.tencho div.sqr_prev {
	float: left;
	width: 160px;
	margin: 0 15px 15px 0;
	padding: 5px;
	text-align: center;
	border: 1px solid;
	border-color: #888;
}

/* mail */
table.mail {
	border: 0;
	font-size: 12px;
}

table.mail td {
	vertical-align: top;
	padding: 0 20px 0 0;
}

table.mail div.reserve {
	width: 380px;
	padding: 2px 5px;
	border: 1px solid;
	border-color: #ddd;
	background-color: #ffd;
}

table.mail div.content {
	width: 370px;
	padding: 10px;
	border: 1px solid;
	border-color: #ddd;
	background-color: #ffd;
}

table.mail div.sqr_right {
	width: 350px;
	padding: 5px;
	border: 1px solid;
	border-color: #ddd;
	background-color: #efe;
}

table.mail div.sqr_prev {
	width: 160px;
	padding: 5px;
	text-align: center;
	border: 1px solid;
	border-color: #888;
}

/* manage series */
body.manage {
	font-size: 12px
}

/* regist */
table.regist {
	width: 500px;
	font-size: 14px;
	background-color: #fff;
	border: 0 solid #fff;
}

table.regist td {
	padding: 2px;
}

div.caution {
	width: 500px;
	font-size: 12px;
	text-align: left;
}

div.option {
	width: 500px;
	font-size: 14px;
	text-align: left;
	color: #44f;
	background-color: #feb;
}

div.finish {
	padding: 20px;
	border: 5px solid;
	border-color: #feb;
	background-color: #ffe;
	width: 380px;
	font-size: 14px;
	font-family: ＭＳ ゴシック;
}

/* mng_maker */
div.add_maker {
	width: 170px;
	padding: 5px;
	border: 1px solid #888;
	background-color: #feb;
}

/* mng_topic */
textarea.topic {
	font-size: 12px;
	border: 1px solid #888;
}

/* preview */
div.sqr_prev {
	width: 360px;
	padding: 5px;
	border: 1px solid;
	border-color: #aaa;
	background-color: #ffe;
	font-size: 12px;
	text-align:left;
}

table.prev {
	padding: 0;
}

table.prev td {
	padding: 5px;
	font-size: 12px;
	vertical-align: top;
}

table.prev div.title {
	padding: 15px 0 5px 0;
}

table.prev div.page {
	width: 160px;
	padding: 5px;
	text-align: center;
	border: 1px solid #000;
	background-color: #ffe;
}

/* qr */
div.qr {
	width: 260px;
	padding: 5px;
	border: 1px solid;
	background-color: #efe;
	border-color: #aaa;
	font-size: 12px;
}

div.qr input {
	color: #888;
}

div.qr_code {
	width: 260px;
	padding: 4px;
	border: 1px solid;
	background-color: #ffe;
	border-color: #aaa;
	font-size: 12px;
	text-align: center;
}

td.qr {
	width: 260px;
	padding: 5px;
	border: 1px solid;
	background-color: #ffe;
	border-color: #aaa;
	font-size: 12px;
	text-align: center;
}

div.sqr_qr {
	width: 600px;
	padding: 5px;
	border: 1px solid;
	border-color: #aaa;
	background-color: #ffe;
	font-size: 12px;
	text-align:left;
}

/* tenpo */
table.tenpo {
	font-size: 12px;
	text-align: left;
}

table.tenpo th {
	width: 120px;
	padding: 2px;
	border: 1px solid;
	border-color: #bbb;
	background-color: #dfc;
	font-weight: normal;
}

div.sqr_pass {
	width: 280px;
	padding: 5px;
	border: 1px solid;
	border-color: #bbb;
	background-color: #eff;
}

/* mng_img_p */
table.img th {
	width: 145px;
	font-size: 12px;
	font-weight: normal;
	text-align: middle;
	background-color: #eef;
}

table.img td {
	vertical-align: top;
}

/* tenpo_img */
table.img_tenpo th {
	width: 220px;
	font-size: 12px;
	font-weight: normal;
	text-align: middle;
	background-color: #eef;
}

table.img_tenpo td {
	vertical-align: top;
}

/* help */
table.help {
	width: 500px;
	background-color: #ccf;
	border: 1px solid;
	border-color: #fff #000 #000 #fff;
}

table.help ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

table.help ul {
	padding: 0;
	margin:0;
	list-style-type: none;
}

div.sqr_help {
	width: 550px;
	padding: 5px;
	border: 1px solid;
	border-color: #080;
	background-color: #efe;
	text-align: left;
	font-size: 12px;
}

div.sqr_help li {
	padding: 5px;
}

/* mail_member */
div.sqr_mail_member {
	width: 430px;
	border: 1px solid;
	border-color: #aaa;
	background-color: #ffe;
}

/* baito */
div.f_baito {
	float: left;
	padding: 0px 20px 0 0;
}

div.sqr_baito {
	float: left;
	width: 160px;
	height: 440px;
	padding: 5px;
	border: 1px solid;
	border-color: #000;
	background-color: #ffe;
	font-size:12px;
}

/* card */
div.card {
	width: 300px;
	border-bottom: 1px;
	font-size: 12px;
}

div.card ul {
	list-style-type: none;
}

div.card li {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #aaa;
}

/* hint */
span.hint {
	display: none;
	position: absolute;
	left: 0px;
	width: 500px;
	margin-top: -4px;
	border: 1px solid #cc9933;
	padding: 10px 12px;
	background-color: #ffc;
	line-height: 1.5em;
}

span.hint_pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(../image/icnPointer.gif) left top no-repeat;
}

/* color */
div.color {
	width: 240px;
	text-align: left;
	border-top: 1px;
	border-bottom: 1px;
	font-size: 12px;
}

div.color ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div.color li {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color:#aaa;
}

img.color {
	width: 216px;
	height: 136px;
	margin: 10px;
}

div.f_color {
	padding: 5px;
	float: left;
}

div.sqr_color {
	width: 160px;
	padding: 5px;
	text-align: center;
	border: 1px solid;
	border-color: #000;
	background-color: #ffe;
	font-size: 13px;
}

/* login */
body.login {
	margin-top: 50px;
	font-size: 14px;
}

div.sqr_login {
	width: 310px;
	background: url(../image/imgAuthen.gif) no-repeat;
}

div.login {
	width: 260px;
	padding: 50px 0px;
	text-align: right;
	font-size: 12px;
}

div.login img {
	width: 270px;
	height: 2px;
}

div.sqr_info {
	width: 300px;
	padding: 5px;
	border: 2px solid;
	border-color: #feb;
	background-color: #ffe;
	text-align: left;
	font-size:12px;
}

/* menu */
div.update {
	width: 360px;
	margin-top: 50px;
	text-align: right;
	font-size: 12px;
}

table.menu {
	width: 360px;
	margin: 2px;
	background-color: #ccf;
	border: 1px solid;
	border-color: #aaa #000 #000 #aaa;
	text-align: center;
	font-size: 12px;
}

table.menu td {
	padding: 5px 0;
}

table.menu td.name {
	padding: 5px;
	text-align: center;
	background-color: #fff;
	border: 1px solid;
	border-color:#000 #aaa #aaa #000;
}

/* mail_kako */
div.sqr_kako {
	width: 550px;
	padding: 5px;
	border: 1px solid;
	border-color: #000;
	background-color:#ffe;
}

/* other */
.clear {
	clear: both;
}

.back {
	margin: 20px 0;
	font-size: 14px;
}

.exit {
	background-color: #dbe;
}

.edit {
	background-color: #cf9;
}

.destroy {
	background-color: #fdd;
}

.anchor {
	color: #00f;
	text-decoration: underline;
	cursor: pointer;
}

.page {
	width: 160px;
	padding: 5px;
	text-align: left;
	border: 1px solid;
	border-color: #888;
	background-color: #ffe;
}

div.sqr_exp {
	width: 500px;
	padding: 5px;
	border: 1px solid;
	border-color: #080;
	background-color: #efe;
	text-align: left;
	font-size: 12px;
}

div.sqr_exp img.float {
	float: left;
	margin: 0 20px 0 0;
}
