html            { width: 100%; height: 100% }
body                  { width: 100%; height: 100%; font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; text-decoration: none; margin: 0px; padding: 0px; min-width: 600px; overflow-x: hidden; url: text-align: center }

#imageContainer     { margin: 0px; width: 100%; overflow: hidden; visibility: visible; display: block }
#imageContainer img   { position: fixed; top: 0px; left: 0; width: 100%; display: none }
.fitimg  { min-height: 100vh; min-width: 1050px }
.overlay   { background: url(../image/icon/bg_all_2.png) repeat; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100vh; }

.main_hidden { display: none; }
.sp_hidden { visibility: visible }

#header                             { background: url(../image/bg_head_02.png) repeat-x; text-align: center; clear: both; position: relative; z-index: 10; top: 0px; left: 0px; width: 100%; height: 600px; }
.header_box_01                     { background: url(../image/bg_head_01.png) repeat-x; text-align: center; margin: 0px auto; position: relative; z-index: 10; top: 0px; left: 0px; width: 100%; height: 250px }
.header_01_1                          { text-align: center; margin: 0px auto 0px auto; position: relative; z-index: 20; width: 600px; height: 180px }
.header_01_2                          { text-align: center; margin: 0px auto 0px auto; position: relative; z-index: 20; width: 600px; height: 70px }
.header_01_3                           { display: none; }
.header_01_4                               { text-align: right; width: 1050px; height: 250px }
.header_line                            { position: fixed; z-index: 25; top: 25px; right: 15px; width: 110px; height: 110px }
.header_box_02                     { text-align: center; margin: 0px auto; position: relative; top: 0px; left: 0px; width: 100%; height: 500px }

#main                          { text-align: center; clear: both; position: relative; z-index: 5; width: 100% }
.main_1                                 { text-align: center; margin: 0px auto; padding-top: 60px; padding-right: 20px; padding-left: 20px; position: relative; width: 560px }
.main_box_1_1                           { text-align: center; margin: 0px auto; position: relative; height: 1000px; }
.main_box_1_2                              { text-align: left; float: left; padding-top: 50px; position: relative; width: 560px }

.main_2                                      { color: #6F8C9D; background-color: #f7f7f7; text-align: center; margin: 0px auto; padding-top: 100px; padding-bottom: 100px; position: relative; width: 100%; height: 1000px }
.main_box_2_0                             { text-align: center; margin: 0px auto; padding-right: 20px; padding-left: 20px; position: relative; width: 560px; height: 450px }
.main_box_2_1                              { text-align: left; float: left; clear: both; position: relative; width: 260px }
.main_box_2_2                              { text-align: left; float: right; position: relative; width: 265px; margin-bottom: 100px; }
.main_box_2_3                              { text-align: left; padding-top: 15px; padding-right: 15px; padding-left: 15px }

.main_3                                 { text-align: center; margin: 0px auto; padding-top: 50px; padding-right: 20px; padding-left: 20px; position: relative; width: 560px }
.main_4                               { background-color: #f7f7f7; text-align: center; margin: 150px auto 0px; padding-top: 50px; position: relative; width: 100% }
.main_5                               { background-color: #f7f7f7; text-align: center; margin: 150px auto 0px; padding-top: 50px; position: relative; width: 100% }
.main_6                                 { text-align: center; margin: 0px auto; padding-top: 150px; padding-bottom: 50px; position: relative; width: 560px; }
.main_6_1                                    { text-align: center; clear: both; position: relative; width: 560px }
.main_6_2                                   { text-align: center; clear: both; margin-top: 80px; position: relative; width: 560px }

.table_width                       { border: solid 1px #d7d7d7; width: 560px; border-collapse: collapse }
.td_width_01                       { border: solid 1px #d7d7d7; width: 150px; border-collapse: collapse }
.td_width_02                       { border: solid 1px #d7d7d7; width: 410px; border-collapse: collapse }
.tb td                        { border: solid 1px #d7d7d7; border-collapse: collapse; }
.tb_sample                      { border:1px solid #d7d7d7; border-collapse: collapse; }
.tb td_sample                        { border: solid 1px #d7d7d7; border-collapse: collapse; display: block }

.footer                      { background: #f7f7f7 url(../image/bg_foot_01.png) repeat-x left bottom; text-align: center; clear: both; margin-right: auto; margin-left: auto; padding-top: 100px; position: relative; z-index: 10; width: 100%; height: 250px }
.footer_box                { text-align: center; margin: 0 auto; position: relative; width: 600px; height: 250px }
.foot_01                       { text-align: center; padding-right: 20px; padding-left: 20px; position: relative; width: 560px; height: 210px }
.foot_02                       { text-align: center; padding-right: 20px; padding-left: 20px; position: relative; width: 560px; height: 40px }
.foot_01_2                         { text-align: center; position: relative; width: 550px; }

.bg_contents_01                { width: 1000px; height: 560px }


.img_size_title_01                              { width: 560px; height: 155px }
.img_size_title_02                              { width: 560px; height: 129px }
.img_size_top                              { width: 500px; height: 281px }
.img_size_00                              { width: 100%; height: auto; }
.img_size_01                              { width: 1000px; height: 200px }

.cl:after      { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl      { display: inline-block; }