/*---------------------------------------------
01. *, body, wrap, hr, img, ul, ol, p, li, dt, dd, th, td, sup, link
---------------------------------------------*/

body   { margin:0px;color: #484848; font-family: "ＭＳ Ｐゴシック", sans-serif; text-align: center; background: url("../images/bg_body.gif") repeat-x #fff;font-size:10pt;line-height:20px;}
#wrap  { width: 100%; margin: 0px auto; text-align: left; }
hr     { display: none; }
img    { border: none; vertical-align: bottom; }
ul, ol { list-style: none; }
p, li, dt, dd, th, td { text-align: justify; text-justify: inter-ideograph; margin:12px;}
sup, sub { font-size: 80%; }

a { overflow: hidden }

a:link            { color: #484848; }
a:visited         { color: #484848; }
a:hover, a:active { color: #e6002d; }

/*---------------------------------------------
02. header
---------------------------------------------*/

#header { width: 832px; height: 100px; margin:0px auto;}
#headerLogo      	{ float: left; width: 832px; height: 77px;}
#headerLogo .logol	{ width: 320px; height: 60px; padding-top:14px; float:left;}
#headerLogo .logor	{ width: 200px; height: 60px; padding-top:6px; float:right; text-align:right;}

/*---------------------------------------------
03. footer
---------------------------------------------*/

#footer   { clear:both;width: 832px; margin: 25px auto 20px auto;line-height: 1em; vertical-align: middle; border-top: solid 2px #6f6f6f; }
#footerMenu  { width: 832px; margin-top: 8px; }
#footerMenul { float: left; width: 260px; }
#footerMenur { float: right; width: 441px; }
#footerMenu ul { width: 260px; height: 11px; }
#footerMenu li { padding-right: 10px; float: left; background: url('../images/footer_arrow.gif') no-repeat 0 50%; }
#footerMenu .sec { padding-left: 10px; background: url('../images/bg_delimitation.gif') no-repeat left top; }
#footerMenul a { text-decoration: none; }
#footerMenur p { margin-bottom: 4px; text-align: right; }

address { font-style: normal; font-size: 84%; color: #7a7976; padding-top: 5px; text-align: right; }

/*---------------------------------------------
04. common
---------------------------------------------*/
#content { width: 100%; margin: 13px auto 0px auto; }
#main    { width: 950px; margin: 0px auto 0px auto; }
#main #mainLeft   { float: left; width: 613px; }
#main #mainRight  { float: right; width: 161px; }

.topicPath                   { width: 830px; margin: 0px auto; font-size: 92%; line-height: 1.1em; }
.topicPath a:link            { color: #484848; }
.topicPath a:visited         { color: #484848; }
.topicPath a:hover, a:active { color: #fc644b; }

.pageUp      { clear: both; margin-top: 25px; }
.pageUp a    { float: right;margin:20px 0px; }

#sidebnr    { width: 161px; }
#sidebnr dl { margin-bottom: 15px; }
#sidebnr dd { margin-top: 3px; font-size: 92%; line-height: 1.2em; }
#sidebnr a  { text-decoration: none; }

#relation    { width: 161px; padding-top: 5px; }
#relation p  { padding: 4px; 7px; background-color: #eeeeee }
#relation li { padding: 5px 0px 5px 0px;  }
#relation a  { width: 154px; display: block; padding-left: 7px; background: url('../images/i_arrow02.gif') no-repeat 0px 50%; }

#idxLead        { width: 830px; }
#idxLead .left  { float: left; }
#idxLead .right { float: right; }
#idxmenu        { margin-left: 24px; padding-top: 20px; }
#idxmenu ul     { width: 798px; }
#idxmenu li     { float: left; width: 399px; margin-top: 10px; }

#leadAreaPic        { width: 612px; margin-top: 20px; }
#leadAreaPic .left  { float: left; }
#leadAreaPic .right { float: right; text-align: right; }

#main #pickup    { width: 612px; margin-top: 25px; }
#main #pickup h3 { background: url('../images/bg_title_line.gif') repeat-x left bottom; }
#main #pickup .box      { width: 612px; margin-top: 15px; padding-bottom: 1px; background: url('../gelgems/images/f_bottom.gif') no-repeat left bottom; }
#main #pickup .boxLeft  { float: left; width: 297px; border-top: 1px solid #dbdbdb; padding-left: 1px; background: url('../gelgems/images/f_body.gif') repeat-y left top; }
#main #pickup .boxRight { float: right; width: 297px; border-top: 1px solid #dbdbdb; padding-left: 1px; background: url('../gelgems/images/f_body.gif') repeat-y left top; }
#main #pickup .box img, #main #pickup .oneFrame img { float: left; width: 108px; }
#main #pickup .box dl,  #main #pickup .oneFrame dl  { float: right; width: 169px; padding: 5px 10px; }
#main #pickup .box dt,  #main #pickup .oneFrame dt  { color: #fc644b; font-weight: bold; }
#main #pickup .box dd,  #main #pickup .oneFrame dd  { font-size: 92%; line-height: 1.3em; }

#main #pickup .oneFrame { width: 297px; margin-top: 15px; padding-left: 1px; background: url('../gelgems/images/f_body.gif') repeat-y left top; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }

#popHead    { width: 719px; height: 77px; margin: 0px auto; text-align: left; }
#popHead h1 { padding-top: 15px; }
#popContent    { width: 719px; margin: 0px auto; }
#popContent h2 { width: 719px; margin: 0px auto; padding: 10px 0px; text-align: left; line-height: 1em; }
#popContent div { padding-top: 30px; }
#popContent .myList{ text-align:center; padding:10px 0 0 0;}
#popFoot         { width: 719px; margin: 40px auto 20px auto; line-height: 1em; border-top: solid 2px #cfcfcf; }
#popFoot div     { float: left; width: 53px; padding-top: 10px; font-size: 10%; vertical-align: middle; }
#popFoot address { float: right; width: 430px; padding-top: 5px; font-size: 80%;  text-align: right; color: #7a7976; font-style: normal; }




/*---------------------------------------------
 inquiry
---------------------------------------------*/

.inqtitle { width: 100%; height: 83px; margin-top: 13px; background: url('../images/bg_inquirytitle.jpg') no-repeat center; text-indent: -9999px }
.estimatetitle { width: 100%; height: 83px; margin-top: 13px; background: url('../images/bg_estimatetitle.jpg') no-repeat center; text-indent: -9999px }
.eventestimatetitle { width: 100%; height: 83px; margin-top: 13px; background: url('../images/bg_event_estimatetitle.jpg') no-repeat center; text-indent: -9999px }
.infodonation { width: 100%; height: 83px; margin-top: 13px; background: url('../images/title_info.jpg') no-repeat center; text-indent: -9999px }

#inquiry { width: 782px; margin: 20px auto 0px auto; }
#inquiry .explan { margin-top: 10px; }
#inquiry .explan span { color: #fc644b; }
#inquiry .explan ul { margin: 40px 0px 100px 0px; }
#inquiry .explan li { padding-left: 10px; background: url('../images/i_arrow01.gif') no-repeat left 50%; }
#inquiry .explan strong { font-weight: bold; }
#inquiry p.caution { margin-top: 25px; color: #ff0000; }



#inquiry .faqa   	{ float: left; width: 630px;text-align:left; }
#inquiry .faqb 		{ float: right; width: 111px; vertical-align: middle; }

#inquiry .box { width: 610px; margin: 35px 0px 25px 100px; }
#inquiry .box li  { float: left; margin: 0px 10px 10px 0px; }

#inquiry .active    { ime-mode: active; }
#inquiry .disabled  { ime-mode: disabled; }
#inquiry select     { font-size: 110%; padding: 0.1em; width: 200px; }
#inquiry .selectLong{ width: 300px; }
#inquiry .selectShort{ width: 70px; }

#inquiry textarea   { width: 480px; height: 200px; font-size: 100%; padding: 0.1em; font-family: "ＭＳ Ｐゴシック", sans-serif; }
#inquiry .textareashort   { width: 480px; height: 100px; }
#inquiry .typetext  { font-size: 100%; padding: 0.1em; width: 338px; }
#inquiry .typetext2 { font-size: 100%; padding: 0.1em; width: 50px; }
#inquiry .typetext3 { font-size: 100%; padding: 0.1em; width: 120px; }
#inquiry .typetext4 { font-size: 100%; padding: 0.1em; width: 200px; }
#inquiry .button    { margin-bottom: 35px; text-align: center; }

#inquiry .frame    { border-style:none; border-width:medium; padding:8px;  }
#inquiry .frame h2 { padding: 5px 0px; background-color: #ffefef; text-align: center;font-size:10pt; }
#inquiry .frame h3 { padding: 5px 0px; background-color: #ffefef; text-align: center; }
#inquiry .frame ul { padding: 0px 10px; }
#inquiry .frame li { margin-top: 10px; padding-left: 10px; background: url('../images/i_listmark.gif') no-repeat 0px 0.5em; }
#inquiry .frame li span { color: #ff0000; }
#inquiry .frame dl { padding: 0px 10px; }
#inquiry .frame dt { margin-top: 10px; font-weight: bold; }
#inquiry .frame dd img { float: right; margin: 0px 0px 10px 20px; }

.inquiryTable { width: 782px; margin: 20px 0px 20px 0px; border-collapse: collapse; border-width: 0px; empty-cells: show; border: solid 1px #cfcfcf; }
.inquiryTable th, .inquiryTable td { padding: 7px; vertical-align: top; border: solid 1px #cfcfcf; }
.inquiryTable thead th { background: #ffefed; color: #fc644b; }
.inquiryTable tbody th { background: #eeeeee; font-weight: normal; }
.inquiryTable tbody td { background: #ffffff; width: 590px; }
.inquiryTable tbody td span { font-size: 92%; }
.inquiryTable th span { color: #fc644b; }
.inquiryTable th p    { font-size: 92%; }

.inquiryTable2 { width: 782px; margin: 20px 0px 20px 0px; border-collapse: collapse; border-width: 0px; empty-cells: show; border: solid 5px #ffffff; }
.inquiryTable2 th, .inquiryTable2 td { padding: 7px; vertical-align: top; border: solid 5px #ffffff; }
.inquiryTable2 thead th { background: #ffefed; color: #fc644b; }
.inquiryTable2 tbody th { background: #dcdcdc; font-weight: normal; width: 500px; text-align: right; }
.inquiryTable2 tbody td { background: #ffffff; width: 500px; }
.inquiryTable2 tbody td span { font-size: 92%; }
.inquiryTable2 th span { color: #fc644b; }
.inquiryTable2 th p    { font-size: 92%; }

#inquiry #flow { margin-top: 10px; }
#inquiry #flow dt { margin-bottom: 5px; }
#inquiry #flow ul { width: 782px; }
#inquiry #flow li { float: left; }



/*---------------------------------------------
 faq
---------------------------------------------*/

.faq { width: 808px; margin: 30px auto 0px auto;padding:0px;}
h1.faqtitle { width: 100%; height: 83px; margin-top: 13px; background: url('../faq/images/bg_faqtitle.jpg') no-repeat center; text-indent: -9999px }

#faq #anchor        { width: 808px; }
#faq #anchor li     { float: left; margin-right: 20px; padding-left: 5px; background: url('../images/i_arrow02.gif') no-repeat 0px 50%; }
#faq #anchor li a   { color: #484848; }


#faq h2 { clear:both;margin-top: 25px; padding: 5px 10px; background-color: #eeeeee; border-top: solid 1px #d5d5d5; font-size:11pt;text-align:left;}
#faq .menuList p  { margin: 15px 0px; padding-bottom: 7px; background: url('../images/bg_dotline01.gif') repeat-x left bottom; }
#faq .menuList ul { margin: 0px; width: 768px; padding-bottom: 15px;}
#faq .menuList li { margin: 0px; padding-left: 15px; background: url('../faq/images/i_question01.gif') no-repeat 0px 3px;  float: left; width: 355px  }

#faq .answer { margin-top: 100px; }
#faq .answer h3 { margin-bottom: 5px; }
#faq .answer dt { color: #ffffff; font-weight: bold; background: #b0b0b0 url('../faq/images/i_question02.gif') no-repeat 5px 50%;; padding-left:30px; padding-right:5px; padding-top:3px; padding-bottom:3px }
#faq .answer dd { background: url('../faq/images/i_answer.gif') no-repeat 0px 5px;; padding-left:30px; padding-right:5px; padding-top:8px; padding-bottom:20px }
#faq .answer dd span { font-size: 92%; color: #ff3300; }
#faq .answer dd p { font-weight: bold; }
#faq td { padding-left:8px;background: url('../images/i_arrow02.gif') no-repeat 0px 8px; text-align:left;vertical-align:top}

/*  =about
---------------------------------------------*/
{ width: 806px; margin-left: 79px; }
h3 { margin-bottom: 13px; }

#leadAreaPic .left    { width: 325px; margin-top: 20px; }
#leadAreaPic .right   { width: 272px; margin-top: 20px; }
#leadAreaPic .caution { font-size: 92%; }
#leadAreaPic .strong  { font-weight: bold; }

#secret               { margin: 30px 0px; }
#secret .box          { width: 612px; }
#secret .box .left    { float: left; width: 278px; padding-right: 20px; background: url('../gelgems/images/secret_line.gif') repeat-y right top; }
#secret .box .right   { float: right; width: 298px; }
#secret .box02        { width: 612px; margin-top: 15px; padding-top: 15px; background: url('../gelgems/images/bg_secretline.gif') no-repeat left top; }
#secret .box02 .left  { float: left; width: 278px; background: url('../gelgems/images/secret_line.gif') repeat-y right top;; padding-left:0px; padding-right:20px; padding-top:0px; padding-bottom:0px }
#secret .box02 .right { float: right; width: 298px; }
#secret .box dd, #secret .box02 dd { margin-top: 10px; }
#secret .hp dt        { font-weight: bold; margin: 0px; }
#secret .hp dd        { margin: 0px 0px 20px 0px;  }

#attention .frame { padding: 8px; border: solid 1px #ff7f7f; }
#attention .frame h4 { padding: 5px 0px; background-color: #ffefef; text-align: center; }
#attention .frame p { margin: 8px; }
#attention ul { margin-top: 15px; }
#attention li { float: left; margin-right: 10px; padding: 7px; background-color: #ff7f7f; line-height: 1em; }

#brand p { margin-bottom: 40px; }

#atGel h4 { margin-top: 30px; color: #fc644b; font-weight: bold; }
#atGel ul { margin-bottom: 5px; }
#atGel li { padding-left: 10px; background: url('../images/i_listmark.gif') no-repeat 2px 0.6em; color: #231815 }
#atGel p  { margin-left: 10px; font-size: 92%; color: #231815; line-height: 1.4em; }

span { color: #ff0000; }
.strong { font-weight: bold; }


/*　スマホ改行*/
.mbbr {
	display:none;
}