@charset "utf-8";
/* CSS Document */

#mainVisual { background: url(../img/page/bg_page.png) center repeat-x;}
#mainVisual h2 { width: 920px; margin: 0 auto; padding: 58px 20px;}

#mainContents .inner { margin: 0 10px 40px;}
#mainContents .inner p { margin: 0 0 1.2em;}
#mainContents .inner * p { margin: 0;}

#mainContents h4 { margin: 0 0 5px; padding: 0 0 0 30px; color: #645014; background: url(../img/page/icon_head02.png) left center no-repeat;}

#mainContents table { border-collapse: separate; border-spacing: 5px;}
#mainContents th { padding: 8px 10px; background: #E0DED5; background: rgba(166, 155, 123, 0.25);}
#mainContents td { padding: 8px 10px;}
#mainContents table.border { border-collapse: collapse; margin: 0 0 10px;}
#mainContents table.border th,
#mainContents table.border td { border: 1px solid #A69B7B; font-size: 14px;}
#mainContents table.border th { white-space: nowrap;}
#mainContents table td.spacer { height: 10px; padding: 0; line-height: 10px; font-size: 10px; border: none;}

#mainContents .photo { margin: 0.25em 10px 10px; border: 3px solid #A59C7B; box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.35);}
#mainContents .borderless { border: none;}
#mainContents p.left,
#mainContents img.left,
#mainContents .left .photo { margin: 0.25em 10px 10px 0;}
#mainContents p.right,
#mainContents img.right,
#mainContents .right .photo { margin: 0.25em 0 10px 10px;}
#mainContents .caption { display: inline-block; padding: 0 0 5px; text-align: center; font-size: 11px;}
#mainContents .inner .caption img { margin-bottom: 5px;}
#mainContents .photoArea { padding: -0.25em 10px 0; vertical-align: top;}
#mainContents .photoArea * { vertical-align: top;}

#mainContents .detail { display: table-row;}
#mainContents .detail dt { display: table-cell; white-space: nowrap; padding: 0 0 10px 0;}
#mainContents .detail dd { display: table-cell; padding: 0 0 10px 1em;}

#mainContents .inner .arrow { margin: 30px 0 0; padding: 30px 0; border-top: 1px dashed #A69B7B; text-align: center;}

#mainContents .inner .list_faq {}
#mainContents .inner .list_faq th { width: 18em; font-weight: normal;}
#mainContents .inner .list_faq td {}


#mainContents .inner .equipment { text-align: center;}

/* 鑑定書・鑑別書 */
#mainContents .appraisal { margin: 0 0 20px; padding: 15px 15px 5px; background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.35);}

#mainContents .appraisal h4 { margin: 0 0 15px; padding: 0 0 0 2em; font-size: 18px; background: url(../img/page/bg_appraisal.png);}
#mainContents .appraisal h4 p { display: inline-block; padding: 0 1em; background: #fff;}

#mainContents .appraisal .thumb { display: table-cell; vertical-align: top;}
#mainContents .appraisal .tx { display: table-cell; width: 100%; vertical-align: top;}
#mainContents .appraisal img { margin: 0 0 10px 15px;
box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.35);}
#mainContents .appraisal th { font-weight: normal;}
#mainContents .appraisal ul { margin: 10px 5px 0; padding: 10px 0 0; border-top: 1px dashed #A69B7B;}
#mainContents .appraisal li { margin: 0 0 5px; padding: 0 0 0 12px; background: url(../img/common/icon_delta.png) left 8px no-repeat;}

.modalPopup { opacity: 0; position: fixed; z-index: 9999; width:500; border:10px solid #645014; text-align: center;}
.modalPopup:after { position: absolute; z-index: 10; content: " "; top: -20px; right: -20px; width: 40px; height: 40px; background: url(../img/common/btn_close.png) no-repeat;}
.modalPopup p { position: absolute; bottom: 0; width: 100%; color: #fff; background: rgba(0,0,0,0.5);}
.hider { opacity: 0; position: fixed; z-index: 9998; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.75);}


/* フローチャート */
#mainContents #map01 { width: 350px; height: 400px; margin: 0 0 10px; border: 1px solid #A59D79;}
#img_flow { position: relative; padding: 0 0 20px;}
#img_flow .lines { display: none; position: absolute; left: 0; right: 0; text-align: center;}
#img_flow .lines span { display: inline-block; margin: 0 20px; padding: 10px; border: 2px solid #ccc; background: #fff; border-radius: 6px;
box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.35);}
#img_flow .lines span:after {}

#img_flow #line_01_text { top: 135px; text-align: left; margin: 0 0 0 25px;}
#img_flow #line_02_text { top: 135px; text-align: right; margin: 0 2px 0 0;}
#img_flow #line_03_text { top: 225px;}
#img_flow #line_04_text { top: 295px;}
#img_flow #line_05_text,
#img_flow #line_06_text,
#img_flow #line_07_text { bottom: 55px;}

#img_flow #line_01_text span,
#img_flow #line_02_text span { border-color: #E28F7F;}
#img_flow #line_03_text span,
#img_flow #line_04_text span { border-color: #E2B347;}
#img_flow #line_05_text span,
#img_flow #line_06_text span,
#img_flow #line_07_text span { border-color: #82BD0D;}

#img_flow #line_01_text span:before { position: absolute; z-index: 10; content: " "; margin: 0 0 0 -7px;
border-bottom: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; top: -5px; left: 185px;}
#img_flow #line_01_text span:after { position: absolute; z-index: 9; content: " "; margin: 0 0 0 -10px;
border-bottom: 10px solid #E28F7F; border-right: 10px solid transparent; border-left: 10px solid transparent; top: -9px; left: 185px;}

#img_flow #line_02_text span:before { position: absolute; z-index: 10; content: " "; margin: 0 0 0 -7px;
border-bottom: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; top: -5px; right: 203px;}
#img_flow #line_02_text span:after { position: absolute; z-index: 9; content: " "; margin: 0 0 0 -10px;
border-bottom: 10px solid #E28F7F; border-right: 10px solid transparent; border-left: 10px solid transparent; top: -9px; right: 200px;}

#img_flow #line_03_text span:before,
#img_flow #line_04_text span:before { position: absolute; z-index: 10; content: " "; margin: 0 0 0 -7px;
border-bottom: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; top: -5px; left: 50%;}
#img_flow #line_03_text span:after,
#img_flow #line_04_text span:after { position: absolute; z-index: 9; content: " "; margin: 0 0 0 -10px;
border-bottom: 10px solid #E2B347; border-right: 10px solid transparent; border-left: 10px solid transparent; top: -9px; left: 50%;}

#img_flow #line_05_text { text-align: left;}
#img_flow #line_05_text span:before { position: absolute; z-index: 10; content: " "; margin: 0 0 0 -7px;
border-top: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; bottom: -5px; left: 130px;}
#img_flow #line_05_text span:after { position: absolute; z-index: 9; content: " "; margin: 0 0 0 -10px;
border-top: 10px solid #82BD0D; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -9px; left: 130px;}

#img_flow #line_06_text span:before { position: absolute; z-index: 10; content: " "; margin: 0 0 0 -7px;
border-top: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; bottom: -5px; left: 50%;}
#img_flow #line_06_text span:after { position: absolute; z-index: 9; content: " "; margin: 0 0 0 -10px;
border-top: 10px solid #82BD0D; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -9px; left: 50%;}

#img_flow #line_07_text { text-align: right;}
#img_flow #line_07_text span:before { position: absolute; z-index: 10; content: " "; margin: 0 0 0 -7px;
border-top: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; bottom: -5px; right: 123px;}
#img_flow #line_07_text span:after { position: absolute; z-index: 9; content: " "; margin: 0 0 0 -10px;
border-top: 10px solid #82BD0D; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -9px; right: 120px;}

/*刻印代理サービス*/
.kokuin { float: right; width: 415px; margin: 0; padding: 0; }
.kokuin .kokuin_photo { float: left; text-align: center; font-size: 12px; padding: 0 0 10px 0;}

#mainContents .inner.clearfix h4 { margin-top: 20px;}
#mainContents .right .kokuin_photo .photo { margin-bottom: 3px;}