@charset "UTF-8";

@import url("format.css");
@import url("fonts.css");
@import url("module.css");
@import url("menu.css");

body {
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	width: 760px;
	font-size: 90%;
	text-align: left;
}

#header {
	position: relative;
	height: 116px;
	background-color: #FFFFFF;
}

#header h1 {
	position: absolute;
	left: 190px;
	top: 0;
}

#header p.lang {
	position: absolute;
	right: 0;
	top: 0;
}

#header p.pict {
	position: absolute;
	left: 0;
	top: 0;
}

#contents {
	height: 1%;
	padding: 0 0 30px 0;
	background-image: url(../img/bg.gif);
}

#contents div.main {
	float: right;
	width: 570px;
	text-align: center;
}

#contents div.main div.entry {
	margin: 0 auto;
	width: 530px;
	text-align: left;
}

#contents div.main h2 {
	color:#FFFFFF;
	font-size: 120%;
	height: 33px;
	padding: 5px 20px 0 20px;
	background: url(../img/h2_bg.gif) 0 0 no-repeat;
	text-align: left;
}

#contents div.main div.entry h3 {
	font-size: 100%;
	border-bottom: 1px dotted #90BADA;
	padding: 10px 0 0 0;
	margin: 0 0 5px 0;
}

#contents div.main div.entry p {
	padding: 5px 0 20px 0;
}

#contents div.main div.entry table {
	border-left: 1px solid #A6BED1;
	border-top: 1px solid #A6BED1;
	padding: 0;
	margin: 0 0 15px 0;
}

#contents div.main div.entry table th,
#contents div.main div.entry table td {
	border-right: 1px solid #A6BED1;
	border-bottom: 1px solid #A6BED1;
	padding: 7px;
}

#contents div.main div.entry table th {
	background-color: #F0F8FF;
}

#contents div.main div.entry ul {
	list-style-image: url(../img/list_l.gif);
	margin: 0 0 15px 20px;
}

#contents div.main div.entry ul ul {
	list-style-image: url(../img/list_s.gif);
	margin: 0 0 0 20px;
}

#contents div.main div.entry img.pict {
	margin: 5px 10px;;
}

#footer {
	margin: 0 auto;
	width: 530px;
	height: 40px;
	padding: 20px 0 0 0;
}



#contents div.main div.entry span.hissu,
#contents div.main div.entry span.error {
	font-size: 90%;
	color: #FF0000;
}

#contents div.main div.entry span.hosoku {
	font-size: 90%;
}

#contents div.main div.entry dl.order {
	width: 530px;
}

#contents div.main div.entry dl.order dt{
  width: 12em;
  line-height: 1.6em;
}

#contents div.main div.entry dl.order dd{
  line-height: 1.6em;
  padding:0 0 10px 12em;
  margin:-1.6em 0 10px 0;
  border-bottom:1px dotted #90BADA;
}

#contents div.main div.entry dl.order dd input.ssform { width: 100px; }
#contents div.main div.entry dl.order dd input.sform  { width: 150px; }
#contents div.main div.entry dl.order dd input.mform  { width: 200px; }
#contents div.main div.entry dl.order dd input.lform  { width: 250px; }
#contents div.main div.entry dl.order dd input.llform { width: 300px; }

#contents div.main div.entry p.extra {
	text-align: center;
}

.hide .target        { display:none }

      .trigger       { color:#f30; cursor:pointer }
.hide .trigger       { color:#f30 }
      .trigger:after { content:url(../img/hide.png) ; padding-left:0.3em; vertical-align:-1px }
.hide .trigger:after { content:url(../img/show.png) }
.trigger:hover       { color:#f3c }