@charset "UTF-8";
/* CSS Document */


#order_title {
  width:670px;
  margin-right: auto;
  margin-left: auto;
}
#order #h1_title {
  height: 119px;
  width: 742px;
  overflow: hidden;
}
#order #h1_title h1 {
  background-image: url(../img/order_title.gif);
  background-repeat: no-repeat;
  display: block;
  height: 0px;
  width: 742px;
  padding-top: 119px;
  overflow: hidden;
  font-size: 1em;
  line-height: 2em;
}
/*form*/


#order #order_form_box {
  width: 490px;
  margin-right: auto;
  margin-left: auto;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #193D04;
  margin-bottom: 40px;
}
.order_form {
  background-color: #F7FBFA;
  //height: 18px;
  //width: 368px;
 // border: 1px dotted #B3DCCC;
  //float: right;
}
#order #order_form_box .box {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #193D04;
}
#order_form_box span {
  font-size: 77%;
  color: #193D04;
}
#order_form_box .left {
  display: block;
  width: 118px;
}
#order_form_box .order_area {
  height: 54px;
  width: 366px;
 /*width: 368px;
  width: 368px;*/
  background-color: #F7FBFA;
  border: 1px solid #B3DCCC;
  margin-bottom: 3px;
}
#order #order_btn {
/*	float: left;*/
  padding-top: 20px;
/*  padding-left: 60px;*/
  text-align:center;
}
button#submit	{
	font-weight: bold;
  font-size: 13px;
  padding: 12px 10px;
  margin-right: 10px;
}
button#myreset	{
	color: #666;
}
#ssl_seal	{
	float: right;
  padding-top: 10px;
}

#order_form_box .box p {
  font-size: 93%;
  font-weight: bold;
  color: #193D04;
}
#order_form_box .caution {
  padding-top:10px;
  margin-bottom: 10px;
  text-align: center;
}
#order_form_box .caution span {
  color: #193D04;
}
/*actual*/

#order #h2_title {
  height: 37px;
  width: 670px;
  overflow: hidden;
  margin-left: 30px;
}
#order #h2_title h2 {
  background-image: url(../img/actual_title.gif);
  background-repeat: no-repeat;
  height: 0px;
  width: 670px;
  padding-top: 37px;
  display: block;
  overflow: hidden;
  font-size: 1em;
  line-height: 2em;
}
#order .actual {
  width: 670px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
#order .actual_left {
  width: 400px;
  float: left;
}
#order .actual_detail {
  overflow: hidden;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 20px;
  background-image: url(../img/actual_y.jpg);
  background-position: center;
  background-repeat: repeat-y;
}
#order .h_actual {
  background-image: url(../img/h_actual.jpg);
  background-repeat: no-repeat;
  height: 66px;
  width: 610px;
  margin-top: 30px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
}
#order .f_actual {
  background-image: url(../img/f_actual.jpg);
  height: 10px;
  width: 670px;
  background-repeat: no-repeat;
}
#order .actual_title {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #193D04;
}
#order .actual_title span {
  font-size: 77%;
  display: block;
  margin-bottom: 10px;
}
#order .actual_left strong {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  font-size: 93%;
}
#order .actual_left p {
  font-size: 93%;
  line-height: 1.5em;
}
#order .actual_title h3 {
  font-size: 108%;
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
}
#order .actual_left .mg {
  display: block;
  margin-top: 10px;
}
/* オプショナル、スパ、ウェディング
-------------------------------------- */
body.option #detail,
body.option #detail.spa	{
	padding-top: 0;
  overflow: hidden;
}
#order #h1_title.option h1 {
  background-image: url(../img/op_order_title.gif);
}
#order #h1_title.spa h1 {
  background-image: url(../img/spa_order_title.gif);
}
#order #h1_title.wedding h1 {
  background-image: url(../img/wedding_order_title.gif);
}

#order_form_box .left {
  width: 140px;
}
.left em{
  color: #F00;
  font-size: 10px;
  font-weight: normal;
  border: solid 1px #F00;
  padding: 2px 4px;
  margin-left: .5em;
}
body.option #detail select,
body.option #detail option	{
	background: #F7FBFA;
}
body.option #detail select	{
  border: 1px dotted #B3DCCC;
}
body.option	#order #detail .order_form	{
	width: 340px;
  float: none;
}
body.option	#order #detail .order_form.middle	{
  width: 110px;
}
body.option	#order #detail ul.nums	{
	overflow: hidden;
}
body.option	#order #detail .nums li	{
	margin-bottom: 6px;
}


/* UI Calender
-------------------------------------- */
.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center;
}
.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month {
  width: auto;
}
.ui-datepicker select.ui-datepicker-month {
  margin-left: 1em;
}