@charset "shift_jis";


/*---------- ページ全体の指定 ----------*/

body {
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #333;
  background-image: url(img/back.gif);
  background-repeat: no-repeat;
  background-position: top;
}

img {
border:none;
}

a:link {
  color: #583822;
  font-size: 12px;
}

a:hover {
  color: #765c47;
  font-size: 12px;
}

a:visited {
  color: #583822;
  font-size: 12px;
}

p {
  margin: 18px 0 18px 0;
  line-height: 180%;
  letter-spacing: 1px;
}

/* 区切り */
hr {
	display:none;
}
.line5 {
	height:5px;
	background-image: none;
	clear: both;
	margin: 0px 0px 3px 0px;
}
.line10 {
	height:10px;
	background-image: none;
	clear: both;
	background-position: center;
	margin: 0px 0px 6px 0px;
}
.line15 {
	height:15px;
	background-image: none;
	clear: both;
	background-position: center;
	margin: 0px 0px 9px 0px;
}
.line20 {
	height:20px;
	background-image: none;
	clear: both;
	background-position: center;
	margin: 0px 0px 12px 0px;
}

/*---------- メイン ----------*/

#main {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 800px;
  background-color: #ffffff;
}


/*---------- ヘッダー ----------*/

#header {
  margin: 0;
  width: 800px;
  height: 75px;
  background-color: #ffffff;
  background-image: url(img/header.jpg);
  background-repeat: no-repeat;
}

#header h1 {
  margin: 0;
  padding: 2px 0 0 10px;
  font-weight: normal;
  text-align: left;
  font-size: 10px;
  color: #666666;
}

#header h2 {
  margin: 0;
  padding: 8px 10px 2px 15px;
  width: 400px;
  text-align: left;
  font-size: 14px;
  color: #666666;
  letter-spacing: 1px;
}


#table-left{
  text-align: left;
  font-size: 16px;
  color: #333333;
  line-height: 150%;
  text-decoration: none;
}

#table-left a{
  font-size: 16px;
  color: #333333;
  text-decoration: none;
}

#table-left a:hover{
  font-size: 16px;
  color: #666666;
  text-decoration: none;
}


#table-right{
  height:45px;
  text-align: right;
  margin: 0;
  padding: 0 14px 2px 0;
  font-size: 18px;
  color: #9a2020;
  line-height: 150%;
  text-decoration: none;
  width:190px;
}

#table-right span{
  text-align: right;
  font-size: 10px;
  color: #000;
  line-height: 80%;
  text-decoration: none;
}

#table-right h3{
  padding:0 0 10px 20px;
  margin-bottom:1px;
  margin-top:-1px;
  background-image: url(img/tel.jpg);
  background-repeat: no-repeat;

}

#table-right icon{
  padding:0 0 0 20px;
  height:15px;
  background-image: url(img/icon.gif);
  background-repeat: no-repeat;
}


#table-right a{
  font-size: 12px;
  color: #333333;
  text-decoration: none;
}

#table-right a:hover{
  font-size: 12px;
  color: #666666;
  text-decoration: none;
}


table.box3  {
width:590px;
float:left;
    margin: 0 auto 20px auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
}

table.box3 th {
width:170px;
    padding:8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0;
    font-weight: normal;
}


table.box3 td {
    padding:8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#header-menu {
  margin: 0px;
  padding: 0px;
  height: 40px;
  border-bottom: solid 2px #ffffff;
  background: url(img/head_menu_back.gif);
  background-repeat: repeat-x;
  text-align: left;
  width: auto;
}

#header-menu ul {
  text-align: left;
  padding-bottom: 1px;
  margin: 0px;
  padding: 0px
}

#header-menu li {
  color: #fffffc;
  display: inline;
  list-style-type: none;
  float: left;
  margin: 0;
}

#header-menu li a {
  font-size: 13px;
  width: 100px;
  height: 32px;
  line-height: 20px;
  color: #fffffc;
  background: url(img/head_menu_back.gif);
  background-repeat: repeat-x;
  text-align: center;
  display: block;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #543f32;
  text-decoration: none;
  padding-top: 8px;
}

#header-menu li  a:hover {
  background: url(img/head_menu_back_hover.gif);
  background-repeat: repeat-x;
  color: #fffffc;
}

#header-menu #home a {
	border-left-style: none;
	width: 100px;
}


/*---------- コンテンツ ----------*/

#container {
  width: 788px;
  overflow: hidden;
  margin: 0px;
  padding: 6px;
  background-color: #ffffff;
}


/*---------- メインコンテンツ ----------*/

#contents {
  float: left;
  margin: 0;
  padding: 5px 8px 5px 0;
  font-size: 12px;
  line-height: 180%;
  letter-spacing: 1px;
  width: 590px;
}

#contents h2 {
  margin: 0 0 4px 0;
  padding: 6px 0 10px 35px;
  line-height: 110%;
  font-size: 15px;
  color: #9a2020;
  background-image: url(img/titlebar.gif);
  background-repeat: no-repeat;
}

#contents p {
/*
  margin: 18px 0 18px 0;
*/
  padding: 0 5px 0 5px;
  line-height: 180%;
  letter-spacing: 1px;
}

#contents img.head_photo {
  margin: 0 0 10px 0;
}

#contents img.photo {
  float: left;
  margin: 10px 20px 0 0;
}

#contents img.picture {
  margin: 0 10px 10px 0;
  float: left;
}

#contents p.photo {
  margin: 0 0 20px 0;
  padding: 0;
}

table#t01 {
  border: solid 1px #999999;
  border-collapse: collapse;
}


td#t01 {
  border: solid 1px #999999;
  border-collapse: collapse;
}


td#head {
  padding: 6px;
  border: solid 1px #999999;
  border-collapse: collapse;
}


/*---------- メニュー ----------*/

#menu {
  float: right;
  margin: 0 0 15px 0;
  padding: 0;
  width: 170px;
  bottom: 0;
  text-align: left;
}

#menu h2 {
  margin: 0 0 2px 0;
  padding: 7px 0 5px 12px;
  line-height: 110%;
  font-size: 14px;
  color: #fffffc;
  background-repeat: no-repeat;
}


.menulist {
  margin: 0 0 15px 0;
  padding: 5px 2px 0px 5px;
  width: 160px;
  text-align: left;
  text-decoration:none;
}

.menulist h2 {
  margin: 0;
  padding: 6px 0 6px 12px;
  line-height: 110%;
  font-size: 12px;
  color: #fffffc;
  background-image: url(img/sidebar.gif);
  background-repeat: no-repeat;
}

.menulist a{
  color: #583822;
  display: block;
  text-decoration:none;
  width: 138px;
  padding: 5px 4px 4px 35px;
  font-size: 12px;
  line-height: 160%;
  background-image: url(img/side1_off.gif);
  background-repeat: no-repeat;
 }

.menulist a:hover{
  color: #765c47;
  background-image: url(img/side1_on.gif);
  background-repeat: no-repeat;
}


.menu_free {
  margin: 0 0 14px 0;
  padding: 5px 2px 0px 5px;
  width: 160px;
  text-align: left;
  letter-spacing: 1px;
}

.menu_free h2 {
  margin: 0;
  padding: 6px 0 6px 12px;
  line-height: 110%;
  font-size: 12px;
  color: #fffffc;
  background-image: url(img/sidebar.gif);
  background-repeat: no-repeat;
}

.menu_free a{
  color: #583822;
  width: 160px;
  padding: 6px 0 5px 0;
  font-size: 10px;
 }

.menu_free a:hover{
  color: #765c47;
}

.menu_free p{
  margin: 4px 0;
  padding-left:5px;
  font-size: 12px;
  border:1px solid #d9d9d9;
  background-color: #efefef;
  line-height: 160%;
  letter-spacing: 1px;
}


#menu p {
  margin: 4px 0;
  line-height: 160%;
}


/*---------- フッター ----------*/

#footer {
  clear: both;
  width: 800px;
  height: 80px;
  margin-top: 15px;
  padding: 5px 0;
  background-color: #ffe9e9;
}

#footer p.text {
  padding:0 25px;
  padding-bottom:25px;
  line-height: 120%;
  text-align: left;
  font-size: 12px;
  color: #333333;
}

.copy {
  width: 100%;
  clear: both;
   height: 20px;
  margin-bottom: 15px;
  padding: 5px 0;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
   background-color: #9d1f20;
   border-bottom-left-radius: 20px;         /* CSS3 */
   border-bottom-right-radius: 20px;         /* CSS3 */
   -moz-border-bottom-left-radius: 20px;    /* Firefox */
   -moz-border-bottom-right-radius: 20px;    /* Firefox */
   -webkit-border-bottom-left-radius: 20px; /* Safari,Chrome */
   -webkit-border-bottom-right-radius: 20px; /* Safari,Chrome */
}

#footer a {
  color: #333333;
  font-size: 12px;
 }

#footer a:hover {
  color: #333333;
}
/*---------- 新着スクロールバー ----------*/
#news {
overflow:auto;
height:120px;
width:589px;
background-color:#ffffff;
border: 1px solid #eeeeee;
margin:10px 0;
}

#news dt {
padding-left:10px;
}

/*---------- サイトマップ ----------*/

div.cote h3 {
background-color: #ffe9e9;
border-left: 6px solid #9d1f20;
color: #202020;
font-size: 12px;
font-weight:normal;
letter-spacing: 1px;
line-height:140%;
margin: 0;
padding:3px 10px;

}

div.cote {
float: left;
margin: 15px 3px 5px;
width:190px;
}

div.cote li {
list-style-image: url(img/ico.gif);
line-height:160%;
}

div.cote li a {
color: #691212;
text-decoration: none;
}

div.cote li a:hover {
color: #d22222;
text-decoration: none;
}



/*---------- お問い合わせ ----------*/

  div.red01 {
  border:1px solid #ffcece ;
  background-color: #fbe1e1 ;
  padding:15px;
  margin: 15px 0;
}

  div.red01 .IMGR {
  float:right;
  valign:top;
  margin-left:10px;
  margin-bottom:3px;
  border:none;
}

  div.red01 .text01 {
  font-size:16px;
  font-weight:bold;
  color: #851c1c ;
  margin:0;
  padding:0;
}


  div.red01 .text02 {
  font-size:14px;
  font-weight:normal;
  color: #ff0000 ;
  margin:0;
  padding:0;
}

  div.red01 .text03 {
  font-size:13px;
  font-weight:normal;
  margin:0;
  padding:0;
}
/*---------- テーブル設定 ----------*/

table#table-01 {
border:1px solid #E3E3E3;
border-collapse:collapse;
border-spacing:0;
font-size: 12px;
width:590px;
margin-bottom:20px;
margin-top:10px;
}

table#table-01 th {
background-color:#f5f5f5;
border-color:#E3E3E3;
border-style:solid;
border-width:1px;
padding:5px;
text-align:center;
width:30%;
}

table#table-01 td {
border-color:#E3E3E3;
border-style:solid;
border-width:0 0 1px 1px;
padding:5px;
text-align:left;
width:70%;
}


table.box2  {
width:285px;
float:left;
    margin: 0 auto 20px auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
}
table.box2 th {
width:45px;
    padding:8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0;
    font-weight: normal;
}


table.box2 td {
    padding:8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

img.right{
float:right;
margin:0 0 2px 2px;
padding-left:3px;
}
/*---------- faq設定 ----------*/

div#contents h3{
background-color:#f5f5f5;
border-bottom:1px solid #E3E3E3;
border-left:8px solid #E3E3E3;
padding:5px 0 5px 20px;
}

div.q-01 {
background-color:#f5f5f5;
border:1px solid #E3E3E3;
border-collapse:collapse;
border-spacing:0;
font-size: 14px;
margin-top:10px;
padding:5px 0 0 20px;
font-weight:bold;
}

div.a-01 {
border:1px solid #E3E3E3;
padding:5px 0 0 20px;
text-align:left;
font-size: 14px;
margin-bottom:20px;
}