/* CSS Document */


#title-box {
  width: 400px;
  height: 43px;
  padding-bottom: 40px;
}

#title-box h1, #title-box p {
  height: 43px;
  text-indent: -9999px;
  float: left;
}


/*======================================================================* 
 *  common                                                              *
 *======================================================================*/

.bg-thanks {
  background: url(../img/bg-thanks.gif) 130px 130px no-repeat;
}

.thanks-text {
  padding: 20px 10px 0 20px;
  color: #533012;
  font-size: 75%;
  line-height: 160%;
}

.thanks-text b { font-size: 117%; }

.bg-bear-left02 {
  background: url(../img/bg-bear02.gif) 60px 380px no-repeat;
}

.bg-bear-right01 {
  background: url(../img/bg-bear01.gif) 240px 380px no-repeat;
}


/*======================================================================* 
 *  about                                                               *
 *======================================================================*/

#title-box h1.about {
  width: 245px;
  background: url(../../about/img/h1-about.gif) left top no-repeat;
}

.about-text01 {
  padding: 0 0 15px 48px;
  color: #533012;
  font-size: 75%;
  line-height: 18px;
}

#btn-full {
  width: 336px;
  margin: 0 auto;
}

#btn-full a {
  /*\*/
    overflow: hidden;
  /**/
  width: 336px;
  height: 60px;
  background: url(../../about/img/btn-full.jpg) left top no-repeat;
  text-indent: -9999px;
  display: block;
}

.about-right {
  height: 640px;
  background: url(../../about/img/bg-right.jpg) 1px 5px no-repeat;
}

h2.about { padding: 10px 0 0 12px; }

dl#about-list { padding: 22px 0 0 12px; }

dl#about-list dt img { padding: 30px 0 0 0; }

dl#about-list dd { padding: 5px 0 0 0; }

dl#about-list dt.last img { padding: 90px 0 0 215px; }

dl#about-list dd.last img { padding: 0 0 0 215px; }

#btn-next {
  width: 122px;
  padding: 7px 0 0 0;
  margin-left: auto;
  margin-right: -14px;
}

ul#about-detail-list { padding: 35px 0 0 12px; }

ul#about-detail-list li {
  width: 186px;
  padding: 0 6px 0 0;
  float: left;
}

ul#about-detail-list li img { display: inline; }

ul#about-detail-list li p {
  padding: 5px 0 30px 0;
  color: #533012;
  font-size: 75%;
  line-height: 17px;
}

#btn-back {
  width: 121px;
  padding: 11px 0 0 0;
  margin-left: -11px;
  clear: both;
}

.about-complete-img { padding: 17px 0 0 0; }

#about-tag-box { padding: 30px 0 0 22px; }

#about-tag-box div {
  width: 132px;
  float: left;
}

#about-tag-box p {
  color: #533012;
  font-size: 75%;
  line-height: 140%;
  float: left;
}


/*======================================================================* 
 *  company                                                             *
 *======================================================================*/

#title-box h1.company {
  width: 98px;
  background: url(../../company/img/h1-company.gif) left top no-repeat;
}

dl#kinpara-box {
  margin: 82px 10px 0 10px;
  color: #4D2400;
  font-size: 75%;
  line-height: 180%;
}

dl#kinpara-box dt {
  padding: 0 0 7px 0;
  color: #9C2B23;
  font-weight: bold;
}

dl#kinpara-box dd {
  padding: 0 0 20px 10px;
  border-bottom: 1px dotted #533012;
}


/*======================================================================* 
 *  faq                                                                 *
 *======================================================================*/

#title-box h1.faq {
  width: 170px;
  background: url(../../faq/img/h1-faq.gif) left top no-repeat;
}

#title-box p.faq {
  width: 182px;
  background: url(../../faq/img/descliption-faq.gif) left top no-repeat;
}

dl.faq-list {
  padding: 20px 0 0 18px;
  color: #4d2400;
  font-size: 75%;
  line-height: 160%;
}

dl.faq-list dt {
  padding-bottom: 5px;
  color: #9c2b23;
  font-weight: bold;
}

dl.faq-list dd {
  padding: 0 0 25px 10px;
  text-indent: -10px;
}


/*======================================================================* 
 *  gallery                                                             *
 *======================================================================*/

#title-box h1.gallery {
  width: 99px;
  background: url(../../gallery/img/h1-gallery.gif) left top no-repeat;
}

#title-box p.gallery {
  width: 254px;
  background: url(../../gallery/img/descliption-gallery.gif) left top no-repeat;
}

ul.gallery-list {
  padding: 0 0 0 3px;
}

ul.gallery-list li {
  padding: 0 5px 25px 5px;
  list-style: none;
  float: left;
}


/*======================================================================* 
 *  guide                                                               *
 *======================================================================*/

#title-box h1.guide {
  width: 152px;
  background: url(../../guide/img/h1-guide.gif) left top no-repeat;
}

#title-box p.guide {
  width: 241px;
  background: url(../../guide/img/descliption-guide.gif) left top no-repeat;
}

h3.guide {
  padding: 10px 0 0 5px;
}

ul.guide-list {
  padding: 7px 0 0 25px;
  color: #533012;
  font-size: 75%;
  line-height: 160%;
}

ul.guide-arrow {
  padding-bottom: 35px;
  background: url(../../guide/img/arrow.gif) center bottom no-repeat;
}

ul.guide-list li {
  list-style-type: disc;
}

ul.guide-list li b {
  font-size: 117%;
}

.guide-text {
  padding: 10px 0 25px 10px;
  color: #533012;
  font-size: 75%;
  line-height: 160%;
}

.guide-text ul {
  padding: 0 0 0 20px;
}

.guide-text li {
  list-style-type: disc;
}

/*======================================================================* 
 *  guide 0002                                                          *
 *======================================================================*/

#guide-02 {
	padding: 10px 0;
	background: #f4f4e6;
	color: #533012;
}
#guide-02 h2 {
	margin: 25px 0 10px 0;
	padding: 0 0 10px 6px;
	background: url(../../case/img/line.gif) no-repeat bottom;
}
.guide-02-inner {
	width: 478px;
	margin: 0 auto;
}
.guide-02-box { margin: 0 11px; }
#guide-02 dl {
  padding: 20px 0 30px 0;
  color: #4d2400;
  line-height: 140%;
}
#guide-02 dl dt { font-weight: bold; padding-top: 20px; }
#guide-02 dl dd { padding: 0 0 0 10px; }
#guide-02 dl dd.indent { text-indent: -7px; }


/*======================================================================* 
 *  inquiry                                                             *
 *======================================================================*/

#title-box h1.inquiry {
  width: 99px;
  background: url(../../inquiry/img/h1-inquiry.gif) left top no-repeat;
}

#title-box p.inquiry {
  width: 282px;
  background: url(../../inquiry/img/descliption-inquiry.gif) left top no-repeat;
}

.inquiry-text {
  padding: 0 10px 15px 10px;
  color: #4d2400;
  font-size: 75%;
  line-height: 160%;
}

dl#inquiry-list {
  height: 250px;
  padding: 20px 10px 5px 10px;
  background: #fff;
  border: 1px solid #ccc;
  color: #666;
  font-size: 75%;
  line-height: 160%;
  overflow: auto;
}

dl#inquiry-list dt {
  padding: 2px 5px 1px 5px;
  background: #ccc;
  font-weight: bold;
}

dl#inquiry-list dd {
  padding: 5px 5px 15px 5px;
}

.agreement {
  padding-top: 30px;
  color: #4d2400;
  font-size: 75%;
  font-weight: bold;
  text-align: center;
}

.inquiry-kome {
  padding: 50px 20px 20px 0;
  color: #4d2400;
  font-size: 69%;
  line-height: 160%;
  text-align: right;
}

dl#form-list {
  padding: 0 0 10px 20px;
  color: #4d2400;
  font-size: 75%;
  line-height: 160%;
}

dl#form-list dt {
  padding: 0 0 5px 0;
  font-weight: bold;
}

dl#form-list dd {
  padding: 0 0 20px 12px;
}

dl#form-list dd input, dl#form-list dd select, dl#form-list dd textarea {
  color: #333;
}

.form-btn {
  text-align: center;
}
.form-btn input {
  margin: 0 10px 0 10px;
}

#hidden-btn {
  display: none;
}

dl#check-list {
  padding: 20px 0 10px 20px;
  margin: 0 10px 0 0;
  color: #4d2400;
  font-size: 75%;
  line-height: 160%;
}

dl#check-list dt {
  padding: 0 0 5px 0;
  font-weight: bold;
}

dl#check-list dd {
  max-height: 150px;
  padding: 0 0 15px 12px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #533012;
  overflow: auto;
}

dl#check-list dd .error {
  color: #FF0000;
}


/*======================================================================* 
 *  policy                                                              *
 *======================================================================*/
 
#title-box h1.policy {
  width: 216px;
  background: url(../../policy/img/h1-policy.gif) left top no-repeat;
}

#title-box p.policy {
  width: 183px;
  background: url(../../policy/img/descliption-policy.gif) left top no-repeat;
}

.policy-text {
  padding: 0 0 15px 0;
  border-bottom: 1px dotted #533012;
  color: #4d2400;
  font-size: 75%;
  line-height: 160%;
  text-align: right;
}

dl.policy-list {
  padding: 20px 0 0 0;
  margin: 0 10px 0 10px;
  color: #4d2400;
  font-size: 75%;
  line-height: 160%;
}

dl.policy-list dt {
  padding: 0 0 8px 0px;
  color: #9c2b23;
  font-weight: bold;
}

dl.policy-list dd {
  padding: 0 0 15px 10px;
  margin: 0 0 15px 0;
  border-bottom: 1px dotted #533012;
}

ul.policy {
  padding: 10px 0 0 10px;
}

ul.policy li {
  padding: 0;
  margin: 0 0 0 10px;
  list-style-type: disc;
}


/*======================================================================* 
 *  simulator                                                           *
 *======================================================================*/

#title-box h1.simulator {
  width: 220px;
  background: url(../../simulator/img/h1-simulator.gif) left top no-repeat;
}

#title-box p.simulator {
  width: 53px;
  background: url(../../simulator/img/descliption-simulator.gif) left top no-repeat;
}

.step-box {
  width: 400px;
  padding: 0 0 30px 0;
  margin: 0 0 0 -1px;
}


/*======================================================================* 
 *  tokuteisho                                                          *
 *======================================================================*/
 
#title-box h1.tokuteisho {
  width: 262px;
  background: url(../../tokuteisho/img/h1-tokuteisho.gif) left top no-repeat;
}
 
dl.tokuteisho-list {
  padding: 0 10px 0 10px;
  color: #4d2400;
  font-size: 75%;
  line-height: 160%;
}

dl.tokuteisho-list dt {
  padding: 0 0 3px 0;
  color: #9c2b23;
  font-weight: bold;
}

dl.tokuteisho-list dd {
  padding: 0 0 15px 10px;
  margin: 0 0 15px 0;
  border-bottom: 1px dotted #533012;
}

/*======================================================================* 
 *  case                                                                *
 *======================================================================*/

#case {
	padding-bottom: 20px;
	background: #f4f4e6;
	color: #533012;
	font-size: 82%;
}
#case h1 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	background: url(../../case/img/line.gif) no-repeat bottom;
}
#case h2 {
	margin: 25px 0 10px 0;
	padding: 0 0 10px 6px;
	background: url(../../case/img/line.gif) no-repeat bottom;
}
.case-inner {
	width: 478px;
	margin: 0 auto;
}
.case-box { margin: 0 11px; }
#case ul li {
	padding-left: 7px;
	float: left;
}
#case ul li p {
	width: 104px;
	padding: 3px;
	font-size: 75%;
}
#case dl {
  padding: 20px 0 30px 0;
  color: #4d2400;
  line-height: 140%;
}
#case dl dt { font-weight: bold; padding-top: 20px; }
#case dl dd { padding: 0 0 0 10px; }
#case dl dd.indent { text-indent: -7px; }
#close {
	padding: 10px 20px 0 0;
	background: url(../../case/img/line.gif) no-repeat top;
	text-indent: -9999px;
}
#close p a {
	width: 69px;
	height: 13px;
	background: url(../../case/img/btn-close.gif) no-repeat;
	float: right;
	display: block;
}