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: 1100px; 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 { visibility: visible }
.sp_hidden { display: none; }

#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: 770px; }
.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: 1050px; height: 180px }
.header_01_2                          { text-align: center; margin: 0px auto 0px auto; position: relative; z-index: 20; width: 1050px; height: 70px }
.header_01_3                             { text-align: right; position: fixed; z-index: 25; top: 0px; right: 0px; width: 350px; height: 200px }
.header_01_4                               { text-align: right; width: 1050px; height: 250px }
.header_line                               { display: none; }
.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; position: relative; width: 100% }
.main_box_1_1                           { background: url(../image/pict/pic_1001.jpg) no-repeat right top; text-align: center; margin: 0px auto; position: relative; width: 1050px; height: 450px }
.main_box_1_2                              { text-align: left; float: left; padding-top: 50px; padding-left: 30px; position: relative; width: 550px }
.main_2                                     { color: #6F8C9D; font-size: 14px; background-color: #f7f7f7; text-align: center; margin: 0px auto; padding-top: 100px; padding-bottom: 100px; position: relative; width: 100% }
.main_box_2_0                            { background: #f7f7f7 url(../image/bg_main_01.png) repeat-y; text-align: center; margin: 0px auto; position: relative; width: 1050px; height: 450px }
.main_box_2_1                             { text-align: left; float: left; position: relative; width: 260px }
.main_box_2_2                             { text-align: left; float: left; position: relative; width: 265px }
.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; position: relative; width: 100% }
.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: 1050px; height: 600px; }
.main_6_1                                   { text-align: center; float: left; position: relative; width: 500px; height: 600px }
.main_6_2                                  { text-align: center; float: right; position: relative }

.table_width                       { border: solid 1px #d7d7d7; width: 1000px; border-collapse: collapse }
.td_width_01                       { border: solid 1px #d7d7d7; width: 300px; border-collapse: collapse }
.td_width_02                       { border: solid 1px #d7d7d7; width: 700px; 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                { background: url(../image/bg_foot_02.png) no-repeat right top; text-align: center; margin: 0 auto; position: relative; width: 1050px; height: 250px }
.foot_01                      { text-align: center; position: relative; width: 1050px; height: 210px }
.foot_02                      { text-align: center; position: relative; width: 1050px; height: 40px }
.foot_01_2                         { text-align: center; position: relative; width: 550px; }

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


.img_size_title_01                              { width: 650px; height: 180px }
.img_size_title_02                              { width: 650px; height: 150px }
.img_size_top                              { width: 800px; height: 450px }
.img_size_00                              { width: 100%; height: auto; }


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