@charset "utf-8";

body{
  background-color: black;
  background-image: url('/images/background.png');
  margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "Trebuchet MS", Trebuchet, sans-serif;
	font-size: small;
}

h2, h3, h4, h5, h6, dt {
	color: #996633;
	font-size: small;
}
dt {
	font-weight: bold;
}
h3 img {
	border: none;
}

ul.address {
	margin: 0;
	padding: 0;
}

ul.address li {
	list-style: none;
}

ul.flatten {
	text-align: center;
	margin: 5pt;
}

ul.flatten li {
	display: inline;
}


div.header {
	height: 140px;
	position: relative;
	top: 0px;
	left: 0px;
	height: 5%;
	width: 100%;
}

div.sidebar {
	margin: 1em;
	background:#fff;
}

div.main {
}

table.twopain {
	margin: 0;
}

td.pain-one {
	width: 20%;
	vertical-align: top;
}

td.pain-two {
	width: 80%;
	vertical-align: top;
}

div.footer {
	clear: both;
	text-align: center;
	height: 5%;
	width: 100%;
}

p.title {
	margin: 0;
	padding: 0 1em;
	background:#006699;
	color:#fff;
	font-weight: bold;
	font-size: x-small;
}

ul.sidemenu {
	margin: 0;
	padding: 5px 0 5px 1.5em;
	list-style-type: square;
	background:#fff;
	border-left: solid 1px #006699;
	border-right: solid 1px #006699;
}

p.category, p.content, ul.sidemenu li {
	margin: 0;
	background:#fff;
	color:#333;
}

p.category, p.content {
	padding: 0 1em;
	border-left: solid 1px #006699;
	border-right: solid 1px #006699;
	font-weight: bold;
}

p.content {
	border-bottom: solid 1px #006699;
}

ul.sidemenu {
	border-left: solid 1px #006699;
	border-right: solid 1px #006699;
	border-bottom: solid 1px #006699;
}

p.category {
	color:#C60;
}

// Rectangle
span.rtop {
	display: block;
	background: #fff;
}

span.rtop span {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #006699;
}

span.r1{margin: 0 5px;}

span.r2{margin: 0 3px;}

span.r3{margin: 0 2px;}

span.rtop span.r4 {margin: 0 1px;height: 2px;}

//footer
p.copyright {
	text-align: center;
	font-size: x-small;
}

// Link
a:link {
	color:#003399;
}
a:visited {
	color:#996633;
}

// Scaffold
.indent {
  margin-left: 20px;
}

table.confirm{
  border-color: black;
  border-width: 1px;
  border-style: solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  font-size:100%;
}

table.confirm th { 
  border-style: solid;
  border-color: black;
  border-width: 1px;
  background-color: #C6DBFF;
} 

table.confirm td.label { 
  border-style: solid;
  border-color: black;
  border-width: 1px;
  background-color: #eee;
  padding: 2px 5px 2px 5px;
} 

table.confirm td { 
  border-style: solid;
  border-color: black;
  border-width: 1px;
  background-color: #fff;
  padding: 2px 5px 2px 5px;
} 

table.confirm tr.enabled td { 
  text-align      : center;
  background-color: white;
} 

table.confirm tr.disabled td { 
  text-align      : center;
  background-color: #EFEFF7;
} 

label.confirm {
  border-width: 0px 0px 1px 0px;
  border-style: dashed;
  border-color: #bbb;
  padding: 1px 2px 1px 2px;
  margin-bottom: 5px;
  display: block;
  width: 400px;
  background-color: #eee;
  font-weight:bold;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

b{
  border-width: 0  0 1px 0;
  border-style: solid;
  border-color: #bbb;
  padding: 1px 5px 1px 5px;
  background-color: #eee;
  display: block
}

form.confirm label{
  border-width: 0px 0px 1px 0px;
  border-style: dashed;
  border-color: #bbb;
  padding: 1px 2px 1px 2px;
  margin-bottom: 5px;
  display: block;
  width: 400px;
  background-color: #eee;
  font-weight:bold;
}

form td.label{
  background-color: #eee;
  vertical-align: top;
}

td.label{
  background-color: #eee;
  vertical-align: top;
}

td.labelWithErrors{
  background-color: pink;
  vertical-align: top;
}

.labelWithErrors {
  background-color: pink;
}

table.confirm td.labelWithErrors{
  background-color: pink;
  vertical-align: top;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

div.flashNotice {
  border: 2px solid #ccc;
  width: 400px;
  padding: 7px;
  padding-bottom: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #FFFFEE;
}

div.flashNotice p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

div.flashError {
  border: 2px solid red;
  width: 400px;
  padding: 7px;
  padding-bottom: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #FFFFCC;
}

div.flashError p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color : #333;
  height           : 18px;
  width            : 0%;
}

.emphasized {
  background  : #B00;
  color       : white;
  font-weight : bold;
  padding     : 4px 24px 4px 8px;
  margin-left : -4px;
  border      : 1px dotted #F77;
}

.title h2 {
  border      : 1px solid black;
  font-size   : 120%;
  font-weight : bold;
  padding     : 1px 2px 1px 5px;
  margin      : 0px;
  background  : transparency;
}

.sortable .handle {
  background-color : #ECF3E1;
  border           : 1px solid #C5DEA1;
  margin           : 4px;
  padding          : 2px;
  cursor           : move;
}

// Product

table.product {
	border-bottom: 1px dotted #333333;
	margin: 1em;
}

table.product tr {
	margin: 1em;
}

table.product a:link {
	text-decoration: none;
	color: #006699;
}

table.product a:visited {
	text-decoration: none;
	color: #006699;
}

table.product a:hover {
	text-decoration: underline;
	color: #CC6600;
}

table.product .product-name {
	font-weight: bold;
}

img.thumb {
	border: none;
	float: left;
}

img.view {
	border: 1px solid black;
	float: left;
}

.main p {
	width: 60%;
}

hr.spacer {
	border: none;
}

p.result-title {
	width: 640px;
	border: 1px solid blue;
	background-color: #CCCCFF;
	padding: 0.5em;
}

h1.product-name {
	width: 640px;
	border: 1px solid blue;
	background-color: #CCCCFF;
	padding: 0.5em;
}

p.product-title {
	width: 640px;
	padding: 0.5em;
}

ul.submenu li {
	list-style-type: none;
	margin: 0 0 0 -2.5em;
}