@charset "utf-8";

@import "reset.css";


/* Base Style
================================================== */

body {
	background: fff;
	color: #333;
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 87.5%;
}
a {
	color: #06c;
}
img {
	vertical-align: top;
}
sup {
	font-size: 78.57%;
	vertical-align: text-top;
}
sub {
	font-size: 78.57%;
	vertical-align: text-bottom;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
}



/* Block Skip
================================================== */

#top {
	background: #666;
}
.skip a {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
.skip a.show {
	position: static;
	display: block;
	width: auto;
	height: auto;
	padding: 3px 10px;
	color: #fff;
	text-decoration: none;
}


/* Layout
================================================== */

html, body {
	height: 100%;
}
#container {
	position: relative;
	min-height: 100%;
	_height: 100%;
}
.inner {
	margin: 0 auto;
	padding: 0 30px;
	max-width: 1160px;
	min-width: 680px;
	_width: 920px;
}
#content {
	padding: 1em 0 3.5em;
}
#commonFooter {
	position: absolute;
	bottom: 0;
	height: 1.5em;
	width: 100%;
}


/* Header
================================================== */

#commonHeader {
	padding: 20px 0;
	background: #3c3cff;
	color: #fff;
}
#commonHeader a {
	color: #eee;
}
#siteId {
	float: left;
	font-size: 150%;
	font-weight: bold;
}
#loginInfo {
	float: right;
	margin-top: .5em;
}


/* Nav
================================================== */

#globalNav {
	border-bottom: 3px solid #3c3cff;
	font-size: 114.29%;
}
#globalNav ul {
	border-left: 1px solid #3c3cff;
}
#globalNav li {
	float: left;
	border-right: 1px solid #3c3cff;
}
#globalNav li a {
	display: inline-block;
	padding: .75em 10px;
	text-decoration: none;
}
#globalNav li.current a {
	background: #e5e5ff;
}


/* Content
================================================== */

#content {
	line-height: 1.5;
}
#content h1 {
	margin-bottom: .5em;
	font-size: 150%;
}


/* Search
------------------------------------------------- */

.search {
	margin: 1em 0;
	padding: .5em 20px .75em;
	border: 2px solid #aaa;
	border-radius: 7px;
	background: #f4f4f4;
}
.search label {
	vertical-align: middle;
}
.search input[type="text"] {
	width: 25em;
	max-width: 605px;
}
.search span.event {
	margin-right: 1em;
}


/* Sub Menu
-------------------------------------------------- */

.subMenu {
	margin: 1.25em 0;
}
.subMenu ul.actionBtn,
.subMenu .changeAll,
.subMenu .back {
	float: left;
}
.subMenu ul.actionBtn {
	margin-right: .5em;
	padding-right: .25em;
	border-right: 1px solid #999;
}
.subMenu ul.actionBtn:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}
.subMenu .back {
	margin-top: .75em;
}
.subMenu .selectCount {
	float: right;
	margin-top: .75em;
}
.subMenu ul.actionBtn li {
	display: inline;
	margin-right: .25em;
}
.subMenu ul.actionBtn li a {
	display: inline-block;
	padding: .25em 1em;
	border: 1px solid #aaa;
	border-radius: 5px;
	background: #f4f4f4;
	text-decoration: none;
}


/* Table
------------------------------------------------- */

caption {
	font-size: 114.29%;
	font-weight: bold;
	text-align: left;
}
table {
	width: 100%;
	margin: 1em 0;
	border-collapse: separate;
	*border-collapse: collapse;
}
th,td {
	padding: .75em 8px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	*border-top: 1px solid #aaa;
	*border-left: 1px solid #aaa;
	line-height: 1.25;
	vertical-align : middle;
}
tr:first-child th {
	border-top: 2px solid #aaa;
}
tr:last-child td {
	border-bottom: 2px solid #aaa;
}
th:first-child,
td:first-child {
	border-left: 2px solid #aaa;
}
th:last-child,
td:last-child {
	border-right: 2px solid #aaa;
}
tr:first-child th:first-child {
	border-radius: 7px 0 0 0;
}
tr:first-child th:last-child {
	border-radius: 0 7px 0 0;
}
tr:last-child td:first-child {
	border-radius: 0 0 0 7px;
}
tr:last-child td:last-child {
	border-radius: 0 0 7px 0;
}
th {
	background: #666;
	color: #fff;
	vertical-align: middle;
}
tr:nth-child(even) td {
	background: #f4f4f4;
}
tbody tr:hover td {
	background: #ffc;
}

table.users td:first-child,
table.users td:nth-child(n+6) {
	text-align: center;
}
table.prayer td:first-child,
table.prayer td:nth-child(2),
table.prayer td:nth-child(3),
table.prayer td:last-child {
	text-align: center;
}
table.prayer td:nth-child(6) {
	text-align: right;
	white-space: nowrap;
}
table.dm td:first-child,
table.dm td:nth-child(2) {
	text-align: center;
}
table.select td:first-child,
table.select td:nth-child(2),
table.select td:nth-child(7) {
	text-align: center;
}
table.select td:nth-child(n+8) {
	text-align: right;
}
table.selected td:first-child,
table.selected td:last-child {
	text-align: center;
}



/* Table Sorter Plugin
------------------------------------------------- */

.sortable th.header {
	padding-right: 15px;
	background-image: url(../images/toggle_w.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	cursor: pointer;
}
.sortable th.header:hover {
	background-color: #767676;
}
.sortable th.headerSortUp {
	background-image: url(../images/asc.gif);
}
.sortable th.headerSortDown {
	background-image: url(../images/desc.gif);
}
.sortable th.headerSortDown,
.sortable th.headerSortUp,
.sortable th.headerSortDown:hover,
.sortable th.headerSortUp:hover {
	background-color: #ccccff;
	color: #333;
}



/* Pagination
-------------------------------------------------- */

.pagination {
	margin: 1.5em 0;
	text-align: center;
}
.pagination .prev {
	margin-right: 1em;
}
.pagination .next {
	margin-left: 1em;
}
.pagination .last {
	margin-right: 1em;
}



/* Form / User Info
-------------------------------------------------- */

.userInfo {
	margin: 3em 0 2em;
}
.prayer {
	margin-bottom: 2em;
}
fieldset,
.fieldset {
	margin: 2em 0 1em;
	padding: 1.5em 20px .5em 20px;
	border: 2px solid #aaa;
	border-radius: 7px;
	background: #f4f4f4;
	position: relative;
}
legend,
.fieldset h2 {
	padding: .25em 20px;
	border: 2px solid #aaa;
	border-radius: 5px;
	background: #fff;
	font-weight: bold;
	display: inline;
	position: absolute;
	top: -1em;
	margin-top: -2px;
}
fieldset.family,
.fieldset.family {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}
fieldset.family {
	margin-bottom: -1em;
}
fieldset.family > legend,
.fieldset.family > legend {
	position: relative;
	float: left;
	margin-top: .1em;
	margin-right: 2em;
}
dl.family_makeup {
	padding: .25em 20px;
	border: 2px solid #aaa;
	border-radius: 7px;
	background: #f4f4f4;
}

.userBasis h2 {
	margin-top: 1.5em;
	padding-bottom: .25em;
	border-bottom: 1px solid #ccc;
	font-size: 114.29%;
	font-weight: bold;
}
.entry form dt,
.entryConfirm dt,
.userInfo dt,
.userBasis dt {
	clear: left;
	float: left;
	margin-top: .5em;
	width: 200px;
	font-weight: bold;
}
.entry form dd,
.entryConfirm dd,
.userInfo dd,
.userBasis dd {
	padding: .5em 0 .5em 200px;
	border-bottom: 1px dotted #ccc;
	min-height: 1.5em;
}
.entry form dt {
	margin-top: 1em;
}
.entry form dd {
	padding-bottom: .75em;
}
.entry form dd:last-child,
.entryConfirm dd:last-child,
.userInfo dd:last-child,
.dm form dd:last-child {
	border-bottom: 0;
}
.userBasis dd:last-child {
	border-bottom-style: solid;
	margin-bottom: 2em;
}


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

input, textarea, select, button {
	margin-top: .25em;
	font-size: 100%;
	font-family: inherit;
	*vertical-align: middle;
}
input[type="text"], input[type="password"], select, textarea {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 3px;
	font-size: 114.29%;
}
input[type="text"], input[type="password"], textarea {
	padding: 3px 5px;
}
select {
	padding: 2px 2px 2px 5px;
}
input[type="radio"], input[type="checkbox"] {
	height: 1em;
	vertical-align: middle;
}
dd label {
	vertical-align: middle;
}
.required {
	margin-left: .5em;
	color: #c00;
	font-weight: normal;
}

input.date {
	width: 10em;
}
input.name,
input.relation {
	width: 8em;
}
input.age,
input.zip1 {
	width: 3em;
}
input.number,
input.zip2 {
	width: 4em;
}
input.area,
input.company,
input.phone,
input.email {
	width: 15em;
}
input.addr {
	width: 25em;
}

td input[type="text"] {
	width: 10em;
}
td input.title,
td input.zip {
	width: 6em;
}
td input.name,
td input.section {
	width: 8em;
}
td input.price {
	width: 5.5em;
	text-align: right;
}
td textarea {
	width: 93%;
	height: 2.5em;
}

input.name {
	margin-right: 1em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
	margin-right: .3em;
	margin-left: .25em;
}
input[disabled="disabled"] {
	border-color: transparent;
	background: transparent;
	color: #333;
}
optgroup, option {
	color: #333;
}
.placeholder,
option[value=""] {
	color: #7f7f7f;
}

.submit {
	margin-top: 2em;
	text-align: center;
}
.submit input[type="submit"],
.submit input[type="button"] {
	margin: 0 10px;
	padding: 3px 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-radius: 5px;
	background: #eee;
	font-size: 128.57%;
}

tr.input td {
	vertical-align: middle;
}
td input, td textarea, td button {
	margin-top: 0;
}
td input[type="text"], td textarea {
	font-size: 100%;
}
tbody tr.edit td {
	background: #fdd;
}
td input[type="checkbox"] {
	height: auto;
}
.select tbody tr.selected td {
	background: #fdd;
}


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

#login {
	margin: 100px auto;
	width: 300px;
}
#login dt {
	margin-top: 1em;
}
#login input[type="text"],
#login input[type="password"] {
	width: 100%;
}



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

.dm fieldset {
	margin-top: 1em;
	padding-top: .5em;
}
.dm form dt {
	clear: left;
	float: left;
	width: 100px;
	margin-top: 1em;
	font-weight: bold;
}
.dm form dd {
	padding: .5em 0 .75em 100px;
	border-bottom: 1px dotted #ccc;
	min-height: 1.5em;
}
.dm textarea {
	width: 21em;
	height: 21em;
	font-size: 128.57%;
	vertical-align: bottom;
}
.dm input[type="file"] {
	margin-right: 2em;
}
 



/* Footer
================================================== */

#commonFooter {
	background: #3c3cff;
	color: #fff;
}
#commonFooter .inner {
	margin-top: .5em;
	font-size: 75%;
	text-align: center;
}


/* Clearfix
================================================== */

.inner:after,
#globalNav ul:after,
.subMenu:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* For IE 6/7 (trigger hasLayout) */
.inner,
#globalNav ul,
.subMenu {
	*zoom: 1;
}