@charset   "Shift_JIS";

/* y‹€’ʁz
-------------------------------------- */

* {
  font-size: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

body {
  font: normal normal normal 12px/1.6 "ƒƒCƒŠƒI","Meiryo UI","ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ‚oƒSƒVƒbƒN";
  background: fixed #FFFFFF url(../images/bk03.gif) repeat-x;
  color: #333333;
  text-align: center;
}

img {
  border: none;
  vertical-align: top;
}

h1 {
  font-size: 14px;
  color: #333333;
}

/* yŠO˜gz
-------------------------------------- */

#wrapper {
  width: 820px;
  margin: 15px auto 0px auto;
  text-align: left;
  clear: both;
}

/*yŒ©o‚΅FH1z
-------------------------------------- */

.h1_title {
  background:url(../images/bk04.gif) repeat;
  width: 820px;
  margin: 5px auto 0px auto;
  padding: 8px 0px 0px 0px;
  height: 22px;
  text-align: right;
}

/* ƒiƒrƒQ[ƒVƒ‡ƒ“
-------------------------------------- */

ul#navi {
  clear: both;
  width: 818px;
  margin: 5px auto 0px auto;
}

ul#navi li {
  float: left;
  width: 148px;
  height: 40px;
  margin: auto 4px;
  padding: 14px 0px 14px 0px;
  background: #ffffff url(../images/bk05.gif) repeat-x;
  border: 2px solid #cc00cc;
  font-weight: bold;
  text-align: center;
  list-style-type: none;
  font-size: 18px;
}

ul#navi li.top {
  margin-left: 14px;
}

ul#navi li a {
  display: block;
  padding: 12px 0px;
  text-decoration: none;
  color: #000000;
}

ul#navi li a:hover {
  background: #ffffff url(../images/bk06.gif) repeat-x;
}

/*clearfix*/
ul#navi:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0.1em;
}

/*y‰ζ‘œ‚Q‚Β‰‘‚Ι‚Β‚Θ‚°‚ιŽž‚ΙŽg—pF•320pxz
-------------------------------------- */

.box_2images {
  width: 720px;
  margin: 0 auto;
  padding: 5px 20px;
  background-color: #ffcccc;
}

.box_2images .left {
  float: left;
  width: 320px;
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #000000; 
}

.box_2images .right {
  float: right;
  width: 320px;
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #000000; 
}

/*yŒ‹•ΆFADDRESSz
-------------------------------------- */

.footer_address {
  margin-top: 5px;
  padding: 5px 10px;
  background-color: #fffbf9;
  border: 2px solid #ffaaaa;
  text-align: right;
  font-size: 16px;
}

/*yƒƒCƒ“z
-------------------------------------- */
#main {
  width: 820px;
  margin: 0px auto;
}

/*yƒRƒ“ƒeƒ“ƒcz
-------------------------------------- */
.contents {
  width: 816px;
  margin: 5px 0px;
  border: 2px solid #ffaaaa;
  background-color: #ffffff;
}

.contents strong {
  color: #ff00ff;
}

.contents .title01 {
  width: 816px;
  margin-top: 10px;
}

.contents .cont01 {
  width: 786px;
  padding: 15px;
  margin: 0px;
  text-align: left;
  font-size: 18px;
}

.contents .cont01 .title02 {
  margin: 10px 0px;
  padding: 4px 10px;
  background-color: #fff6f6;
  border-top: 2px solid #ffeeee;
  border-left: 8px solid #ffeeee;
  border-right: 8px solid #ffeeee;
  border-bottom: 2px solid #ffeeee;
  color: #990099;
  font-size: 24px;
  font-weight: bold;
}

.contents .cont01 .fhoto01 {
  margin: 5px auto;
  padding: 0px;
}

.contents .cont01 .fhoto01 .txt_left {
  width: 440px;
  float: left;
  text-align: center;
}

.contents .cont01 .fhoto01 .txt_right {
  width: 440px;
  float: right;
  text-align: center;
}

.contents .cont01 .fhoto01 .left_340 {
  width: 320px;
  float: left;
  padding: 9px;
  border: 4px solid #ff9999;
  background-color: #ffeeee;
  font-size: 18px;
  color: #ff3333;
  font-weight: bold;
  text-align: center;
}

.contents .cont01 .fhoto01 .right_340 {
  width: 320px;
  float: right;
  padding: 9px;
  border: 3px solid #ff9999;
  background-color: #ffeeee;
  font-size: 20px;
  color: #ff3333;
  font-weight: bold;
  text-align: center;
}

/*yCssƒnƒbƒNz
-------------------------------------- */

.clear {
  display: block;
  height: 1px;
  font-size: 1px;
  clear: both;
}