/* ~~~~~~~~~ layout ~~~~~~~~~~ */

#container {
	width: 840px;
	margin: 10px auto;
	background: #fff;
	padding: 20px;
	overflow: hidden;
}

/* ~~~~~~~~~ header ~~~~~~~~~~ */

header {
	background-color: #fee;
}

header img {
	margin: 10px;	
}

#main-navigation {
	border-bottom: 5px #400 solid;
	margin: 10px;
}

#main-navigation ul {
	overflow: hidden;
	width: 100%;
	list-style: none;
	font-size: 1.6em;
}

#main-navigation li {
	float: left;
}

#main-navigation li a {
	background: #510;
	margin: 0 5px 0 0;
	padding: 5px 20px;
	display: block;
	color: #fff;
	text-decoration: none;
}

#main-navigation li.current a {
	background: #932;
}

#main-navigation li a:hover {
	background: #b32;
}

/* ~~~~~~~~~ article ~~~~~~~~~~ */
article {
	width: 100%;
	overflow: hidden;
}

/* ~~~~~~~~~ article | section ~~~~~~~~~~ */
section {
	float: left;
	width: 500px;
	background-color: #dfd;
}

section hgroup {
	margin: 10px;	
}

section p {
	margin: 10px;		
}

section h2 {
	margin: 10px;		
}

section div#member_login {
	margin: 10px;		
}

/* ~~~~~~~~~ article | section | select-info ~~~~~~~~~~ */
#select-info {
	margin: 10px;
	width: 550px;	
}

#select-info table {
	border: medium #666 solid;
	margin-top: 10px;
}

#select-info tr {
	border: 0px;
	margin-top: 10px;
}

#select-info  tr:nth-child(odd){ 
	background: #efe;
}
	
#select-info  tr:nth-child(even){ 
	background: #fff;
}

#select-info th {
	border: medium #666 solid;
	margin-top: 10px;
}

#select-info td {
	border: 0px;
	margin-top: 10px;
	padding: 5px 10px 0px 10px;
}


#select-info h2 {
	margin: 20px 0px 10px;
	text-indent: 30px;	
	background-image: url("../images/h2_bg_title04_05.jpg");
	background-position: left center;
	background-repeat: no-repeat;
}

/* ~~~~~~~~~ article | section | show-info ~~~~~~~~~~ */
#show-info {
	margin: 30px 10px 10px 10px;
	width: 660px;
##	width: 100%;	
	position: relative;
}

#show-info table {
	border: 0px;
	##margin-top: 20px;
}

#show-info tr {
	border: 0px;
	##margin-top: 10px;
}

#show-info th {
	border: 0px;
	##border: medium #666 solid;
	##margin-top: 10px;
}

#show-info table thead th .col_label {
	position: absolute;
	top: -20px;
	z-index:2;
	height: 20px;
	##border: medium #666 solid;
	border-collapse: collapse;
}

#show-info td {
	border: 0px;
	margin-top: 10px;
	padding: 5px 10px 0px 10px;
}

#show-info h2 {
	margin: 20px 0px 10px;
	text-indent: 30px;	
	background-image: url("../images/h2_bg_title04_05.jpg");
	background-position: left center;
	background-repeat: no-repeat;
}


/* ~~~~~~~~~ article | section | edit-buttons ~~~~~~~~~~ */
#edit-buttons {
	margin: 10px;
	border: 0px;
	background-color: #ddf;
}

#edit-buttons table {
	border: 0px;
	margin-top: 10px;
}

#edit-buttons tr {
	border: 0px;
	margin-top: 10px;
}


#edit-buttons td{
	border: 0px;
	margin-top: 10px;
}

#edit-buttons input, button {
	font-size: 1.2em;
	border: thin #666 solid;
	padding: 4px 6px 4px 6px;
	border-radius: 5px 5px 5px 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	cursor: pointer;
}

/* ~~~~~~~~~ article | section | edit-info ~~~~~~~~~~ */
#edit-info {
	margin: 10px;
	width: 660px;	
}

#edit-info table {
	border: 0px;
	margin-top: 10px;
}

#edit-info tr {
	border: 0px;
	margin-top: 10px;
}

#edit-info td{
	border: 0px;
	margin-top: 10px;
	padding-bottom: 5px;
}

#edit-info input, button {
	font-size: 1.2em;
	border: thin #666 solid;
	padding: 4px 6px 4px 6px;
	border-radius: 5px 5px 5px 5px;
}

#edit-info textarea {
	font-size: 1.2em;
	border: thin #666 solid;
	padding: 4px 6px 4px 6px;
	border-radius: 5px 5px 5px 5px;
	width: 660px;
	resize: vertical;
}

#edit-info select {
	font-size: 1.2em;
	border: thin #666 solid;
	padding: 4px 6px 4px 6px;
	border-radius: 5px 5px 5px 5px;
}


/* ~~~~~~~~~ article | aside ~~~~~~~~~~ */

aside {
	float: right;
	width: 310px;
	background-color: #ddf;
}

aside h2 {
	margin: 10px;
	text-indent: 30px;	
	background-image: url("../images/h2_bg_title04_03.jpg");
	background-position: left center;
	background-repeat: no-repeat;	
	border-collapse: collapse;
}

aside p {
	margin: 10px;	
}

aside table {
	border: 0px;
	margin: 10px 10px 10px 10px;
}

aside tr {
	border: 0px;
	margine-bottom: 5px;
}

aside td {
	border: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 1.4em ;
}

/* ~~~~~~~~~ article | aside | operation-buttons ~~~~~~~~~~ */
#operation-buttons {
	margin-top: 100px;
	margin-bottom: 60px;
}

#operation-buttons ul {
	list-style-type: none;
}

#operation-buttons ul input {
	font-size: 1.0em;
	border: thin #666 solid;
	padding: 4px 6px 4px 6px;
	border-radius: 5px 5px 5px 5px;
	margin-left: 8px;
	cursor: pointer;
}

#operation-buttons li {
	margin-top: 5px;
}
			
/* ~~~~~~~~~ footer ~~~~~~~~~~ */
			
footer {
	width: 840px;
	margin: 20px auto;
	font-size: 1.4em;
	text-align: right;
}