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

body {
  background-color: #807999;
  font-size: 0.9em;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 0px;
	line-height: 0px;
}

a {
  color: #668CF7;
  display: inline-block;
  transition: all 0.2s ease 0s;
  cursor: pointer;
}
a:hover {
  color: #FF6666;
}
li a:hover {
  opacity: 0.6;
}
header {
  width: 920px;
  margin: 0 auto;
  background-image: url("../img/bg.jpg");
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  border-bottom: 2px solid;
  border-image: linear-gradient(to right, #A8A8A8 0%, #F3F3F3 100%);
  border-image-slice: 1;
}

.container {
  width: 920px;
  margin: 0 auto;
  background-color: #FFFFFF;
}
header h1 {
  float: left;
  padding: 0px 20px;
}
header .list-x {
  float: right;
  margin-top: 30px;
  margin-right: 20px;
}
.container h1 {
  padding: 25px;
  margin: 0;
}
h2{
  padding: 0 0 1em 20px;
}
h3 {
  padding: 0 0 1em 20px;
}
p {
  line-height: 1.6em;
  padding-left: 20px;
  margin-bottom: 0.8em;
}
.list-x ul {
	text-align: center;
	margin-left: -10px;
	font-size: 0; /* タグ改行時の空白防止 */
}
.list-x ul li{
	display: inline-block;
	margin-left: 20px;
	font-size: 14px; /* ulでサイズ0にしたのを戻す */
}
section {
  padding: 0 20px 20px;
}
footer {
  width: 920px;
  margin: 0 auto;
  background-color: #FFFFFF;
  font-size: 0.8em;
  line-height: 1.5em;
  color: #666666;
  padding: 10px 20px;
}
.center {
  text-align: center;
}

/*  季節の茶の湯  */
.offset-l {
  margin-left: 40px;
  margin-bottom: 30px;
}
.offset-l img {
  margin: 0 10px 10px 0;
}

/*  季節を活ける  */
.container section h1 {
  padding: 0 0 20px 0; 
}
.ad-img {
  padding-left: 20px;
  margin-bottom: 20px;
}

.f-left {
  float: left;
}
.ad-img .f-left img {
  border: 1px solid;
  margin-right: 15px;
}

input[type="text"] {
  border: 1px solid #666666;
  padding: 4px;
}
input[type="submit"] {
  border: 1px solid #666666;
  background-color: #E4E4E4;
  padding: 4px;
}

/*  季節を装う  */
.p-l-20 {
  padding-left: 20px;
}
.kimono-img {
  float: left;
}
.kimono-img img {
  padding-right: 15px;
  padding-bottom: 8px;
}
.kimono-img p {
  padding-left: 0;
  padding: 0 10px 0 0;
  line-height: 1.4em;
  font-size: 0.8em
}

/*  免責  */
.container#menseki {
  padding: 50px 100px 20px;
}
.container#menseki h1 {
  padding: 20px 0 30px 0;
}
.container#menseki section {
  padding-bottom: 20px;
}
.container#menseki section h1 {
  padding: 0;
  margin-left: 0;
  margin-bottom: 10px;
}
.color-g {
  color: #999999;
}
.f-s {
  font-size: 0.8em;
} 

/*  index  */
.index header {
  background-color: inherit;
  border: none;
  width: 180px;
  float: left;
  margin: 0;
}
.container-bg {
  width: 920px;
  margin: 0 auto;
  background-image: url("../img/bg.jpg");
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}
.list-y ul {
  margin: 0 0 0 25px;
}
.list-y ul li{
  margin-bottom: 25px;
}
.container-right {
  width: 700px;
  float: right;
  padding: 25px 0 50px 0;
}
.index header h1 {
  padding: 30px 0 150px 30px;
}
.index .container-right h1.s1  {
  padding: 30px 0 30px 0;
}
.index .container-right p {
  width: 600px;
  padding-left: 0;
  line-height: 2em;
  font-size: 1.1em;
}
.index .container-right h1.s2  {
  padding: 30px 0 15px 0;
}
.index table {
  width: 400px;
  margin-left: 25px;
}
.index table td {
  padding: 5px 0;
}

/* 検索結果 */
.kekka table td {
  padding: 5px;
  border: 1px solid #979797;
}