@charset "UTF-8";

/****************************
  GLOBAL SETTING
*****************************/

* {
	margin:  0;
	padding: 0;
	line-height: 1;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

ul { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; }

body {
	margin:  0;
	padding: 0;
	text-align: left;
	font-family: 'Lucida Grande', sans-serif;
	font-size: 75%;
	color: #333;
	background: #f7f7ee url(images/bg.gif) repeat-y center top;
}

h1, h2, h3, h4 {
	font-family: 'Lucida Grande', sans-serif;
}

/****************************
  container
*****************************/

#container {
	width: 943px;
	margin:  0 auto;
	padding: 10px 0 30px;
	text-align: left;
	background-color: #fff;
}

#header {
	clear: both;
	margin: 0 0 8px;
}

#header h1 {
	text-align: left;
	font-size:   13px;
	line-height: 20px;
	color: #998b72;
}

#header ul {
	clear: both;
	text-align: left;
}

#header li {
	float: left;
	min-width: 9em;
	margin:  0 0 4px 4px;
	padding: 0;
	text-align: center;
	font-size: 10px;
}
#header li:first-child {
	margin-left: 0px;
}

#header li.thin {
	min-width: 4em;
}

#header li a:link, 
#header li a:visited, 
#header li a:hover, 
#header li a:active {
	display: block;
	height:      23px;
	line-height: 23px;
	margin:  0;
	padding: 0;
	text-decoration: none;
	color: #333;
	background-color: #eec;
	border: 1px solid #cc9;
}

#header li a:hover {
	background-color: #f7f7ee;
	color: #7a7a4f;
}

/* INNER #header ul */

#header li {
	position: relative;
	z-index: 500;
}

#header ul ul {
	display: none;
	position: absolute;
	left: -1px;
	margin:  1px 0 0 0;
	padding: 0;
}

#header ul ul li {
	margin: 3px 0 0 0;
	overflow: hidden;
}

/****************************
  pagination
*****************************/

.pagination {
	clear: both;
	margin:  15px auto;
	padding: 0;
	text-align: center;
}
.pagination a, 
.pagination span {
	margin:  0px 0px;
	padding: 6px 9px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.pagination a:link, 
.pagination a:visited {
	background-color: #ddd;
	color: #888;
}
.pagination a:hover, 
.pagination a:active, 
.pagination span {
	background-color: #cc9;
	color: #fff;
}

.pagination span.disabled {
	background-color: #ddd;
	color: #aaa;
}

.icon_angle {
	font-size: 1.3em;
}

/****************************
  table index
*****************************/

table.index {
	clear: both;
	width: 100%;
	margin:  0;
	padding: 0;
	border-style: solid;
	border-width: 2px 0;
}

table.index th {
	margin:  0;
	padding: 5px 5px;
	text-align: left;
	white-space: nowrap;
	font-weight: normal;
	font-size: 11px;
}

table.index td {
	margin:  0;
	padding: 6px 5px;
	vertical-align: top;
	text-align: left;
	line-height: 20px;
	border-style: solid;
	border-width: 1px 0 0 0;
}

table.index th.btn, 
table.index td.btn {
	width: 3em;
	text-align: center;
	white-space: nowrap;
}
table.index td.btn {
	padding-top:    5px;
	padding-bottom: 0px;
}

table.index th.no, 
table.index td.no {
	width: 4em;
	text-align: center;
	white-space: nowrap;
}

table.index th.open, 
table.index td.open {
	width: 4em;
	text-align: center;
	white-space: nowrap;
}

table.index th.date, 
table.index td.date {
	width: 8em;
	text-align: left;
	white-space: nowrap;
}

table.index th.price, 
table.index td.price {
	text-align: right;
	white-space: nowrap;
}

table.index td a:link, 
table.index td a:visited, 
table.index td a:hover, 
table.index td a:active {
	text-decoration: underline;
	color: #000;
}

table.index td a.btn_gray.small {
	display: block;
	text-decoration: none;
	color: #333;
}

table.index th.sort, 
table.index td.sort {
	width: 50px;
	text-align: center;
	white-space: nowrap;
}
table.index td.sort {
	padding: 0;
	vertical-align: middle;
}

/****************************
  sort
*****************************/

a.s0, 
a.s1, 
a.s0_on, 
a.s1_on {
	padding: 0px 16px 0 0;
	text-decoration: none;
}
a.s0    { background: url(images/p_arrow_s0.gif)    no-repeat right center; }
a.s1    { background: url(images/p_arrow_s1.gif)    no-repeat right center; }
a.s0_on { background: url(images/p_arrow_s0_on.gif) no-repeat right center; }
a.s1_on { background: url(images/p_arrow_s1_on.gif) no-repeat right center; }

/****************************
  table input
*****************************/

table.input {
	clear: both;
	width: 100%;
	margin:  0 0 15px;
	padding: 0;
	font-size: 12px;
	border-style: solid;
	border-width: 1px 0;
}

table.input th, 
table.input td {
	clear: both;
	margin: 0;
	vertical-align: middle;
	border-style: solid;
	border-width: 1px 0 0 0;
}

table.input th {
	width: 9em;
	padding: 7px 0;
	white-space: nowrap;
	text-align: center;
	font-size: 90%;
}

table.input td {
	padding: 7px 0 7px 7px;
	text-align: left;
	font-size: 100%;
}

table.input td.td_nopadding {
	padding: 0;
}

table.input td.td_right {
	text-align: right;
}

table.input td p.right {
	float: right;
	width: 60px;
	margin:  0;
	padding: 0;
	text-align: right;
	line-height: 1;
}
table.input td p.right img {
	vertical-align: bottom;
}

/**/

table.input th.td_property, 
table.input td.td_property {
	vertical-align: top;
	line-height: 1.4;
}
table.input th.td_property {
	width: 11em;
	padding: 7px 1em;
	text-align: left;
}
table.input td.td_property {
	font-size: 13px;
}

/****************************
  table_article
*****************************/

table.table_article {
	clear: both;
	width: 100%;
	margin:  0 0 15px;
	padding: 0;
}

table.table_article th, 
table.table_article td {
	clear: both;
	margin:  0;
	vertical-align: top;
	border: 1px solid #cc9;
}

table.table_article th {
	padding: 6px 6px;
	text-align: left;
	white-space: nowrap;
	font-size: 11px;
	background-color: #eec;
	color: #998b71;
}

table.table_article td {
	padding: 0;
	text-align: left;
	font-size: 100%;
}

table.table_article th.td_half, 
table.table_article td.td_half {
	width: 50%;
}

table.table_article th.td_title {
	width: 30%;
}
table.table_article td.td_detail {
	width: 70%;
}

table.table_article td.td_with_padding {
	padding: 10px 6px;
}

p.title {
	float: left;
	text-align: left;
	font-size: 11px;
}

p.notice {
	float: right;
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	color: #777;
}

table.table_article_inner {
	width: 100%;
	margin:  0;
	padding: 0;
	border: none;
}
table.table_article_inner td {
	width: 50%;
	margin:  0;
	padding: 0;
	border: none;
	vertical-align: middle;
}

/****************************
  table wrapper_table
*****************************/

table.wrapper_table {
	clear: both;
	margin:  0 0 10px;
	padding: 0;
}

table.wrapper_table td.right {
	width:  61px;
	height: 30px;
	text-align: right;
}

table.wrapper_table.with_width {
	width: 600px;
}

table.wrapper_table td.td_btn {
	padding: 10px 0 20px;
}

/****************************
  upd
*****************************/

table.upd {
	clear: both;
	margin:  0 0 10px;
	padding: 0;
}

table.upd th, 
table.upd td {
	margin: 0;
	border: 1px solid #cc9;
}

table.upd th {
	padding: 6px 6px;
	text-align: left;
	white-space: nowrap;
	font-size: 11px;
	background-color: #eec;
	color: #998b71;
}

table.upd td {
	padding: 0;
	text-align: left;
	font-size: 100%;
}

table.upd th.selectbox, 
table.upd td.selectbox {
	padding-right: 6px;
	padding-left:  6px;
	text-align: center;
}

table.upd th.btn, 
table.upd td.btn {
	width: 3em;
	text-align: center;
}

/****************************
  table_noborder
*****************************/

table.table_noborder {
	margin:  0;
	padding: 0;
}
table.table_noborder td {
	margin:  0;
	padding: 4px 15px 4px 0;
	border: none;
}

/****************************
  table table_master
*****************************/

table.table_master {
	clear: both;
	width: 100%;
	margin:  0;
	padding: 0;
}

table.table_master th, 
table.table_master td {
	margin: 0;
	text-align: left;
	border-style: solid;
	border-width: 1px;
}

table.table_master th {
	padding: 6px;
	font-size: 12px;
	line-height: 1;
	font-weight: normal;
}

table.table_master td {
	padding: 0;
}

table.table_master th.td_name, 
table.table_master td.td_name {
	width: 40%;
}

table.table_master th.td_checkbox, 
table.table_master td.td_checkbox {
	width: 4em;
	text-align: center;
}

/****************************
  color
*****************************/

table.index, 
table.table_master th, 
table.table_master td {
	border-color: #cc9;
}

table.index th, 
table.table_master th {
	background-color: #eec;
}

table.index td {
	border-color: #cc9;
	color: #000;
}

table.index tr {
	background-color: #fff;
}
table.index tr.even, 
table.table_index tr.even {
	background-color: #f7f7ee;
}

table.index th, 
table.index th a {
	color: #333;
}

table.input {
	border-color: #cc9;
}

table.input th {
	border-color: #cc9;
	background-color: #eec;
	color: #998b71;
}

table.input td {
	color: #000;
	border-color: #cc9;
}

table.index tr.tr_close td {
	color: #999;
}

table.table_master th {
	color: #998b71;
}
table.table_master td {
	color: #000;
}

/****************************
  google.maps
*****************************/

#wrapper_map, 
#map_canvas {
	width:  943px;
	height: 700px;
}
#wrapper_map {
	margin:  0 0 15px;
	padding: 0;
	position: relative;
}
#map_canvas {
	position: absolute;
}
#map_center {
	position: absolute;
	z-index: 99;
	left: 50%;
	top:  50%;
	width:  20px;
	height: 20px;
	margin:  -10px;
	padding: -10px;
	background: url(images/center.gif) no-repeat 50% 50%;
}

/****************************
  form
*****************************/

input, 
textarea {
	font-size: 100%;
	line-height: 1.3;
}

input[type="text"], 
textarea {
	padding: 7px 4px;
	border: none;
	background-color: #fff;
}
input[type="text"]:focus, 
textarea:focus {
	background-color: #fbffd7;
}

input[type="text"].input_noborder, 
textarea.input_noborder, 
input[type="text"].input_noborder:focus, 
textarea.input_noborder:focus {
	width: 100%;
	border: none;
}

select {
	padding: 1px;
	vertical-align: middle;
	font-size: 100%;
}

select.inp_select {
	height: 2em;
	padding: 0px 2px;
	vertical-align: middle;
	font-size: 12px;
	border: 1px solid #ccc;
}

.ime {
	ime-mode: disabled;
}

.inp_horizontal {
	width: 100%;
}
.inp_horizontal_half {
	width: 49%;
}
.inp_horizontal_s {
	width: 120px;
}
.inp_horizontal_ss {
	width: 50px;
}
.inp_master_name {
	width: 350px;
}

.inp_cap {
	width: 850px;
	height: 1.5em;
	line-height: 1.5em;
}

.height_s   { height: 2em; }
.height_m   { height: 4.5em; }
.height_l   { height:  12em; }
.height_ll  { height:  20em; }

input[type="text"].inp_search {
	width: 250px;
	padding: 4px 4px;
	text-align: left;
	border: 1px solid #cc9;
}

input[type="text"].inp_sort {
	width: 40px;
	padding: 8px 0;
	text-align: center;
	background-color: transparent;
}

input[type="text"].inp_sort:focus {
	background-color: #fbffd7;
}

/****************************
  button
*****************************/

a.btn_gray, 
input[type="button"].btn_gray, 
input[type="submit"].btn_gray, 
input[type="reset"].btn_gray {
	margin:  0;
	padding: 7px 10px 8px;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	line-height: 1 !important;
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.1s linear;
	-webkit-border-radius: 4px; /* Safari */
	   -moz-border-radius: 4px; /* Firefox */
	        border-radius: 4px; /* CSS3 */
	border: 1px solid #bbb;
	background-color: #e0e0e0;
	background-image: -webkit-linear-gradient(#fff, #e0e0e0);
	background-image:    -moz-linear-gradient(#fff, #e0e0e0);
	background-image:         linear-gradient(#fff, #e0e0e0);
	opacity: 1;
	cursor: pointer;
}
a.btn_gray:hover, 
input[type="button"].btn_gray:hover, 
input[type="submit"].btn_gray:hover, 
input[type="reset"].btn_gray:hover {
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 5px #aaa; /* safari */
	   -moz-box-shadow: 0px 0px 5px #aaa; /* firefox */
	        box-shadow: 0px 0px 5px #aaa; /* CSS3 */
	opacity: 1;
}
a.btn_gray:active, 
input[type="button"].btn_gray:active, 
input[type="submit"].btn_gray:active, 
input[type="reset"].btn_gray:active {
	background-image: -webkit-linear-gradient(#eee, #bbb);
	background-image:    -moz-linear-gradient(#eee, #bbb);
	background-image:         linear-gradient(#eee, #bbb);
}

input[type="button"].btn_gray.reset, 
input[type="submit"].btn_gray.reset, 
input[type="reset"].btn_gray {
	padding-right: 5px;
	padding-left:  5px;
}

/* small */
a.btn_gray.small, 
input[type="button"].btn_gray.small, 
input[type="submit"].btn_gray.small, 
input[type="reset"].btn_gray.small {
	padding: 4px 5px 4px;
	-webkit-border-radius: 4px; /* Safari */
	   -moz-border-radius: 4px; /* Firefox */
	        border-radius: 4px; /* CSS3 */
	font-weight: normal;
	font-size:   12px;
	line-height: 1 !important;
}

/* disabled */
input[type="button"].btn_gray[disabled], 
input[type="submit"].btn_gray[disabled], 
input[type="reset"].btn_gray[disabled], 
input[type="button"].btn_gray[disabled]:active, 
input[type="submit"].btn_gray[disabled]:active, 
input[type="reset"].btn_gray[disabled]:active {
	color: #bbb;
	border: 1px solid #ddd;
	background-image: -webkit-linear-gradient(#eee, #eee);
	background-image:    -moz-linear-gradient(#eee, #eee);
	background-image:         linear-gradient(#eee, #eee);
	cursor: default;
}
input[type="button"].btn_gray[disabled]:hover, 
input[type="submit"].btn_gray[disabled]:hover, 
input[type="reset"].btn_gray[disabled]:hover {
	box-shadow: none;
}

a.btn_gray.with_w, 
input[type="button"].btn_gray.with_w, 
input[type="submit"].btn_gray.with_w, 
input[type="reset"].btn_gray.with_w {
	width: 75px;
	padding-right: 0px;
	padding-left:  0px;
}

/****************************
  structure
*****************************/

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}

.float_left {
	float: left;
	text-align: left;
}

.float_right {
	float: right;
	text-align: right;
}

.float_left.link, 
.float_right.link {
	line-height: 2;
}

.order_navi_center {
	display: table;
	clear: both;
	min-width: 170px;
	margin: 0 auto 15px;
	text-align: center;
}

.order_navi {
	display: table-cell;
	min-width: 75px;
	margin: 0;
	text-align: center;
}

.wait {
	display: none;
	height: 30px;
	background: url(images/waiting.gif) no-repeat center center;
}

.mt8  { margin-top:  8px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }

.mb5  { margin-bottom:  5px; }
.mb8  { margin-bottom:  8px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }

.pl10 { padding-left:  10px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }

.mt30 { margin-top:  30px; }
.pt30 { padding-top: 30px; }

/****************************
  element
*****************************/

a, :focus, :active {
	outline: none;
}

a:link, 
a:visited {
	text-decoration: none;
	color: #08c;
}
a:hover, 
a:active {
	text-decoration: underline;
}

a#scroll-to-top {
	position: fixed;
	right:  15px;
	bottom: 35px;
	width:  35px;
	height: 35px;
	text-indent: -9999px;
	font-size: 0;
	outline: 0;
	cursor: pointer;
	background: url(images/arrow.png) no-repeat center center;
	background-size: 35px 35px;
}

h2 {
	margin:  0;
	padding: 0;
	font-size: 13px;
	color: #998b72;
}

h3 {
	margin:  0;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
	color: #777;
}

p {
	font-size: 12px;
}

.updok_s {
	margin: -5px 0 0;
	padding: 3px 3px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	background-color: #c00;
}
.updok_s.mt {
	margin-top: 3px;
}

.updok {
	clear: both;
	margin:  10px 0;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	background-color: #c00;
}

.warning {
	clear: both;
	margin:  10px 0;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	background-color: #c00;
}

.gray {
	color: #777;
}

.necess {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #f00;
}

/****************************
  print
*****************************/

@media print {

	body {
		color: #000;
		background-color: #fff;
	}
	a:link, 
	a:visited {
		color: #000;
	}
	table.index tr.even, 
	table.index th, 
	table.input th {
		background-color: #fff;
	}
	table.index, 
	table.index th, 
	table.index td, 
	table.input, 
	table.input th, 
	table.input td {
		border-color: #999;
		color: #000;
		font-weight: normal;
	}
	table.index th a {
		color: #000;
		text-decoration: none;
	}
	a.s1, 
	a.s0_on, 
	a.s1_on {
		background: none;
	}
	h2, 
	h3 {
		color: #000;
	}
	input, 
	select, 
	textarea {
		outline: none;
		border: none;
	}
	.order_navi, 
	.gray, 
	.noprint {
		display: none;
	}

}

/****************************
  会員登録cms追加
*****************************/

.title_left, .title_left_print {
    clear: both;
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 110%;
}

.title_left_nc {
    float: left;
    margin: 0 0 10px 15px;
    padding: 0;
    line-height: 110%;
}

.title_left p, .title_left_nc p, .title_right p {
    line-height: 1.6;
}

.title_right {
    float: right;
    margin: 0 0 10px 15px;
    padding: 0;
    text-align: right;
    line-height: 110%;
}

.inp_txt_l {
    width: 450px;
}

input, select {
    vertical-align: middle;
}

input, select, textarea {
    margin: 0;
    padding: 2px;
    font-size: 110%;
}

table.input {
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    border-top: 2px solid #cc9;
    border-bottom: 2px solid #cc9;
    font-size: 12px;
}

.inp_txt_le {
    width: 450px;
    ime-mode: disabled;
}

#useradd input[type="text"], #useradd textarea {
    border: 1px solid #666;
    border-radius: 3px;
}

.inp_txt_l2 {
    width: 600px;
}

.inp_txt_a {
    width: 600px;
    height: 3.5em;
}
#mailtxtchange .inp_txt_a {
    height: 20em;
}

.order_navi {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 10px 0 30px;
    text-align: center;
        display: block;
}
.order_prev {
    float: left;
    width: 49%;
    text-align: right;
}
.order_next {
    float: right;
    width: 49%;
    text-align: left;
}

table.index td a.btn_send {
    display: inline-block;
    margin: 5px 0 0;
    padding: 3px 3px;
    text-align: center;
    background-color: #06c;
    color: #fff;
    text-decoration: none;
}