@charset "EUC-JP";

* {
  margin: 0;
  padding: 0;
  font-size: 12pt;
  font-family: 'Arial', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
  letter-spacing: 0.05em;
}

a:link { color: #03f; text-decoration: none}
a:visited { color: #14a; text-decoration: none}
a:hover { color: #000; text-decoration: none; background-color: #ccf}
a:active {color:#f00 }

body {
  margin: 0;
  padding: 0;
  background: white url(img/background.gif);
  background-repeat: repeat;
}

h1 {
  color: #cf2d2d;
  font-size: 21pt;
  font-weight: 900;
  letter-spacing: -0.1em;
}

span#big1 {
  color: #cf2d2d;
  font-size: 18pt;
  font-weight: 900;
  letter-spacing: -0.1em;
}
span#big2 {
  color: #000;
  font-size: 16pt;
  font-weight: 900;
  letter-spacing: -0.1em;
}

div#div_main {
  width: 730px;
  border: solid 2px #000;
  border-top: solid 4px #000;
  background: #fff;
}

div#logo {
  width: 730px;
  text-align: right;
}

div#mainmenu {
  position: relative;
  width: 730px;
  height: 136px;
  color: white;
  text-align: left;
  background: url(img/menubg.gif);
  background-repeat: no-repeat;
}
/*ブログメニューボタン*/
div#mainmenu #blogmenu{
	position: absolute;
	top: 44px;/*■縦位置*/
	right: 12px;
}
div#mainmenu #blogmenu ul {
  list-style-type: none;
  text-align: left;
}
div#mainmenu #blogmenu ul li{
  text-decoration: none;
  display: block;
  padding: 0;
  margin: 0;
  width: 83px;
  height: 23px;
}
div#mainmenu #blogmenu ul li a{
  display: block;
  padding: 0;
  margin: 0;
  width: 83px;
  height: 23px;
}

div#mainmenu #blogmenu li a{
  background: url(/img/blog02.gif) no-repeat top left;
}
div#mainmenu #blogmenu li a:hover img {
	visibility: hidden;
}
/* ブログメニュー処理ここまで*/
div#contents {
  margin: 0;
  padding: 0;
  width: 730px;
}

div#foot {
  width: 730px;
  height: 21px;
  color: white;
  font-size: 9pt;
  font-weight: 700;
  text-align: right;
  line-height: 180%;
  background: url(img/foot.gif);
  background-repeat: repeat-y;
}

div#contents_title {
  margin: 0px 0px 10px 0px;
  width: 680px;
  text-align: left;
}

img {
  margin: 3px 3px 3px 3px;
  border-width: 0;
}
/*ブログメニューボタンは対象外*/
div#mainmenu #blogmenu img {
	margin: 0;
}

img.logo {
  margin: 8px 10px 10px 10px;
}
img.num {
  margin: 0 3px 3px 20px;
}
img.photo {
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
}
img.proc_title {
  margin: 0 0 2px 0;
}

table.process {
  margin: 0px;
}

td.td_number {
  text-align: right;
  vertical-align: top;
  width: 40px;
}
td.td_text {
  text-align: left;
  vertical-align: top;
  color: #666;
  width: 300px;
}
td.td_photo {
  text-align: center;
  vertical-align: top;
}

div.subj1 {
  height: 26px;
  margin: 0 10px 0 2px;
  font-size: 20pt;
  font-weight: 900;
  color: blue;
  letter-spacing: -0.10em;
  float: left;
}
div.subj2 {
  height: 26px;
  margin: 0 10px 0 10px;
  font-size: 20pt;
  font-weight: 900;
  color: #d00;
  letter-spacing: -0.15em;
  float: none;
}
div.subj3 {
  height: 28px;
  margin: 0 10px 0 0px;
  font-size: 26pt;
  font-weight: 900;
  color: black;
  letter-spacing: -0.05em;
  float: left;
}
div.subj4 {
  height: 40px;
  margin: 0 10px 0 10px;
  font-size: 16pt;
  font-weight: 900;
  color: black;
  letter-spacing: -0.15em;
  float: none;
}
div.subj5 {
  height: 20px;
  margin: 0 10px 0 0px;
  font-size: 13pt;
  font-weight: 900;
  font-family: serif;
  color: #d00;
  letter-spacing: -0.15em;
  float: none;
}
div.number {
  font-size: 42pt;
  font-weight: 900;
  font-family: 'Arial', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
  color: #888;
  line-height: 85%;
  letter-spacing: 0.02em;
}
div.subject {
  font-size: 14pt;
  font-weight: 900;
  color: black;
  letter-spacing: 0.02em;
}

div.subject2 {
  font-size: 14pt;
  font-weight: 900;
  color: #d00;
  letter-spacing: 0.02em;
}
div.subject3 {
  font-size: 10pt;
  font-weight: normal;
  color: black;
  letter-spacing: 0.02em;
}
div.subject3 p{
  font-size: 10pt;
  font-weight: normal;
  color: black;
  letter-spacing: 0.02em;
}
div.subject4 {
  font-size: 12pt;
  font-weight: bold;
  color: black;
  letter-spacing: 0.02em;
}
div.subject5 {
  font-size: 12pt;
  font-weight: bold;
  color: black;
  letter-spacing: 0.02em;
  padding-top:10px;
  padding-bottom: 10px;
}

div.link {
  font-size: 14pt;
  font-weight: 900;
  color: #888;
}

div.photo {
  text-align: center;
  margin: 5px 3px 20px 3px;
}



#topmenu {
  margin: 0 0 0 0;
  padding: 0px;
  background-color: transparent;
}
#topmenu ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
  text-align: left;
  float: left;
  height: 30px;
  background-color: transparent;
}
#topmenu ul#navlist1 {
  padding-top: 72px;
  padding-left: 5px;
}
#topmenu ul#navlist2 {
  padding-top: 72px;
  padding-left: 8px;
}
#topmenu ul li {
  float: left;
  background-color: transparent;
}
#topmenu ul li.menu1 a {
  text-decoration: none;
  float: left;
  margin: 2px 0 2px 0;
  width: 53px;
  height: 31px;
}
#topmenu ul li.menu2 a {
  text-decoration: none;
  float: left;
  margin: 2px 3px 2px 3px;
  width: 45px;
  height: 31px;
}
#topmenu ul li.sankaku {
  text-decoration: none;
  float: left;
  margin: 11px 0 0 0;
  width: 13px;
  height: 15px;
}
#topmenu ul li.sankaku {
  background: url(img/sankaku1.gif) no-repeat top left;
}
#topmenu ul li#menu01 a {
  background: url(img/menuicon_a01.gif) no-repeat top left;
}
#topmenu ul li#menu02 a {
  background: url(img/menuicon_a02.gif) no-repeat top left;
}
#topmenu ul li#menu03 a {
  background: url(img/menuicon_a03.gif) no-repeat top left;
}
#topmenu ul li#menu04 a {
  background: url(img/menuicon_a04.gif) no-repeat top left;
}
#topmenu ul li#menu05 a {
  background: url(img/menuicon_a05.gif) no-repeat top left;
}
#topmenu ul li#menu06 a {
  background: url(img/menuicon_a06.gif) no-repeat top left;
}
#topmenu ul li#menu07 a {
  background: url(img/menuicon_a07.gif) no-repeat top left;
}
#topmenu ul li#menu08 a {
  background: url(img/menuicon_a08.gif) no-repeat top left;
}
#topmenu ul li#menu09 a {
  background: url(img/menuicon_a09.gif) no-repeat top left;
}
#topmenu ul li#menu10 a {
  background: url(img/menuicon_a10.gif) no-repeat top left;
}
#topmenu ul li#menu11 a {
  background: url(img/menuicon_a11.gif) no-repeat top left;
}
#topmenu ul li#menu12 a {
  background: url(img/menuicon_a12.gif) no-repeat top left;
}
#topmenu ul li#menu13 a {
  background: url(img/menuicon_a13.gif) no-repeat top left;
}
#topmenu li#menu01 a:hover {
  background: url(img/menuicon_a01b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu02 a:hover {
  background: url(img/menuicon_a02b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu03 a:hover {
  background: url(img/menuicon_a03b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu04 a:hover {
  background: url(img/menuicon_a04b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu05 a:hover {
  background: url(img/menuicon_a05b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu06 a:hover {
  background: url(img/menuicon_a06b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu07 a:hover {
  background: url(img/menuicon_a07b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu08 a:hover {
  background: url(img/menuicon_a08b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu09 a:hover {
  background: url(img/menuicon_a09b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu10 a:hover {
  background: url(img/menuicon_a10b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu11 a:hover {
  background: url(img/menuicon_a11b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu12 a:hover {
  background: url(img/menuicon_a12b.gif) no-repeat left top;
  color: #000000;
}
#topmenu li#menu13 a:hover {
  background: url(img/menuicon_a13b.gif) no-repeat left top;
  color: #000000;
}



#bottommenu {
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}
#bottommenu div#text {
  height: 10px;
}
#bottommenu ul {
  margin: 0 0 0 0;
  padding: 0 5px 3px 5px;
  list-style-type: none;
  text-align: left;
  float: left;
  height: 30px;
  background-color: transparent;
}
#bottommenu ul li {
  float: left;
  background-color: transparent;
}
#bottommenu ul li.menu a {
  text-decoration: none;
  float: left;
  margin: 2px 0px 2px 0px;
  height: 29px;
  width: 50px;
}
#bottommenu ul li.sankaku {
  text-decoration: none;
  float: left;
  margin: 12px 2px 0 2px;
  height: 10px;
  width: 9px;
}
#bottommenu ul li.sankaku {
  background: url(img/sankaku2.gif) no-repeat top left;
}
#bottommenu ul li#menu01 a {
  background: url(img/menuicon_b01.gif) no-repeat top left;
}
#bottommenu ul li#menu02 a {
  background: url(img/menuicon_b02.gif) no-repeat top left;
}
#bottommenu ul li#menu03 a {
  background: url(img/menuicon_b03.gif) no-repeat top left;
}
#bottommenu ul li#menu04 a {
  background: url(img/menuicon_b04.gif) no-repeat top left;
}
#bottommenu ul li#menu05 a {
  background: url(img/menuicon_b05.gif) no-repeat top left;
}
#bottommenu ul li#menu06 a {
  background: url(img/menuicon_b06.gif) no-repeat top left;
}
#bottommenu ul li#menu07 a {
  background: url(img/menuicon_b07.gif) no-repeat top left;
}
#bottommenu ul li#menu08 a {
  background: url(img/menuicon_b08.gif) no-repeat top left;
}
#bottommenu ul li#menu09 a {
  background: url(img/menuicon_b09.gif) no-repeat top left;
}
#bottommenu ul li#menu10 a {
  background: url(img/menuicon_b10.gif) no-repeat top left;
}
#bottommenu ul li#menu11 a {
  background: url(img/menuicon_b11.gif) no-repeat top left;
}
#bottommenu ul li#menu12 a {
  background: url(img/menuicon_b12.gif) no-repeat top left;
}
#bottommenu ul li#menu13 a {
  background: url(img/menuicon_b13.gif) no-repeat top left;
}
#bottommenu li#menu01 a:hover {
  background: url(img/menuicon_b01b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu02 a:hover {
  background: url(img/menuicon_b02b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu03 a:hover {
  background: url(img/menuicon_b03b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu04 a:hover {
  background: url(img/menuicon_b04b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu05 a:hover {
  background: url(img/menuicon_b05b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu06 a:hover {
  background: url(img/menuicon_b06b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu07 a:hover {
  background: url(img/menuicon_b07b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu08 a:hover {
  background: url(img/menuicon_b08b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu09 a:hover {
  background: url(img/menuicon_b09b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu10 a:hover {
  background: url(img/menuicon_b10b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu11 a:hover {
  background: url(img/menuicon_b11b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu12 a:hover {
  background: url(img/menuicon_b12b.gif) no-repeat left top;
  color: #000000;
}
#bottommenu li#menu13 a:hover {
  background: url(img/menuicon_b13b.gif) no-repeat left top;
  color: #000000;
}

table.ryokin {
  border-collapse: collapse;
  border: solid 1px #888;
}
table.ryokin td,th {
  border: solid 1px #888;
  padding: 3px;
}
table.ryokin th {
  text-align: center;
  letter-spacing: -0.1em;
}
table.ryokin th.leftheader {
  text-align: justify;
}
table.ryokin td.price {
  text-align: right;
  font-size: 16px;
  font-weight: 700;
}


ul#setsubi {
  margin: 0 0 0 0;
  padding-top: 15px;
  padding-left: 55px;
  list-style-type: square;
  text-align: left;
  float: left;
}
ul#setsubi li {
  margin: 3px 0 3px 0;
}

div#setsubiphoto {
  margin: 0px;
  padding: 0px;
  height: 150px;
}
#setsubiphoto ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
  text-align: left;
  float: left;
}
#setsubiphoto ul {
  padding-left: 20px;
}
#setsubiphoto ul li {
  float: left;
  padding: 3px;
  font-size: 8pt;
}


#mapphoto {
  text-align: center;
  width: 680px;
}
#mapphoto div.photo {
  margin: 0;
  padding: 0;
  text-align: left;
  padding-top: 5px;
}
#mapphoto div.text {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 11pt;
}
#mapfig {
  width: 680px;
  margin: 15px;
  text-align: center;
}


div#sagyo {
  text-align: left;
  padding-top: 10px;
  padding-left: 60px;
}
#sagyo table {
  border-collapse: collapse;
  border: solid 0px #ccc;
  margin: 0 0 10px 0;
}
#sagyo th,td {
  padding: 1px;
  border: solid 0px #ccc;
  text-align: left;
}
#sagyo td.td1 {
  width: 175px;
  text-align: right;
}
#sagyo td.td2 {
}

#company {
  padding-bottom: 15px;
  text-align: left;
  padding-left: 50px;
}
#company table {
  border-collapse: collapse;
  border: solid 1px #ccc;
  margin: 1px 0px 5px 3px;
}
#company td {
  border: solid 1px #ccc;
  padding: 2px;
}
#company td.td1 {
  text-align: right;
}

#mail {
  padding-bottom: 15px;
  text-align: left;
  padding-left: 50px;
}
#mail table {
  border-collapse: collapse;
  border: solid 1px #aaa;
  margin: 1px 0px 5px 3px;
}
#mail td {
  border: solid 1px #aaa;
  padding: 2px;
}
#mail td.td1 {
  text-align: right;
  background-color: #ddd;
}


div#process {
  margin: 0px 12px 0px 12px;
  width: 690px;
  height: 230px;
}
#process #photo {
  float: left;
}
#process #photo img {
  margin: 0 5px 5px 0;
  padding: 0;
}
#process #text {
  margin: 0 5px 0 5px;
  text-align: left;
}
#process #text img {
  margin: 0 0 5px 3px;
}

div#spacer {
  float: none;
  border: solid 0px #ccc;
}
#spacer img {
  margin: 0;
  padding: 0;
  width: 730px;
  height: 7px;
}