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

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

#header            { text-align: center; clear: both; position: relative; width: 100%; }
#header_sp            { text-align: center; clear: both; position: relative; width: 100%; }
.header_box_1            { text-align: center; margin: 0px auto; position: relative; z-index: 40; top: 0px; left: 0px; width: 100%; height: 240px; }
.header_01_1             { position: relative; text-align: center; margin: 0px auto; width: 750; height: 220px; z-index: 10; }
.header_01_2               { text-align: center; margin: 0px auto; position: absolute; z-index: 20; top: 0px; width: 100%; height: 220px; }

.header_01_3               { text-align: center; margin: 0px auto; position: absolute; z-index: 30; top: 0px; width: 100% }
.header_01_4               { text-align: left; margin: 0px auto; position: relative; z-index: 30; width: 100% }

.header_box_2            { text-align: center; margin: 0px auto; position: relative; z-index: 5; top: 0px; left: 0px; width: 100%; }
.header_02_1               { text-align: center; margin: 0px auto; position: relative; z-index: 5; top: 0px; width: 100% }
.header_02_2               { text-align: center; margin: 0px auto; position: relative; z-index: 10; top: 0px; width: 100% }
#viewer2               { margin: 0px; position: absolute; top: 170px; left: 0px; width: 100%; visibility: visible; display: block; }
#viewer2 img               { position: absolute; top: 0px; left: 0; width: 100%; z-index: -1; }
.wave_box                   { display: none; }
.img_wave                         { margin: 0px; position: absolute; z-index: 1; left: 0px; width: 100%; height: 80px }
.wave_box_sp                   { text-align: center; margin: 0px auto; position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 250px }
.img_wave_sp                         { margin: 0px; position: absolute; z-index: 1; left: 0px; width: 100%; height: 250px }
.menu                    { float: left }

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

.btn_box      { text-align: center; margin: 0px auto; position: fixed; z-index: 30; top: 0px; left: 0px; width: 100% }
#btn    { position: absolute; top: 0px; right: 0px; width: 150px; height: 150px; cursor: pointer; display: block }
#overlay1   { text-align: center; position: absolute; z-index: 100; top: 0; width: 100%; height: 2000px; background: rgba(0,0,0,0.5); display: none }
#text     { align: center; margin: 0px auto; padding-top: 300px; width: 750px }
#close    { position: absolute; top: 0px; left: 0px; width: 100%; height: 150px; }
.close_1       { text-align: right; margin: 0px; width: 100%; height: 150px; }
.close_1_2        { text-align: right; float: right; margin: 0px; width: 150px; height: 150px; cursor: pointer  }
#close2       { color: #717171; font-size: 24px; background-color: #eeeeee; text-align: center; margin-top: 500px; margin-right: auto; margin-left: auto; padding: 20px 0 25px 0px; width: 300px; border-radius: 3px; cursor: pointer  }
.btn_box li       { list-style-type: none; list-style-position: ; float: left; padding-right: 50px; padding-left: 50px }


#main                         { text-align: center; clear: both; position: relative; width: 100% }
.main_box                         { text-align: center; margin-right: auto; margin-left: auto; position: relative; width: 750px }
.main_01                        { text-align: left; margin-right: auto; margin-left: auto; position: relative; width: 700px; }
.main_02                         { text-align: left; margin-right: auto; margin-left: auto; position: relative; width: 700px }
.main_02_1                          { margin-bottom: 60px }

.iframe_width                               { width: 700px; height: 500px }


#footer                        { background: url(../image/bg_foot_02.png) repeat-x left top; text-align: center; clear: both; position: relative; width: 100%; height: 770px }
.foot_box                        { text-align: center; margin: 0px auto; position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 770px }
.foot_box_01                         { text-align: center; margin: 0px auto; position: relative; top: 150px; width: 750px; height: 170px }
.foot_box_02                     { margin: 0px auto; position: absolute; top: 0px; left: 0px; width: 100%; height: 150px; z-index: 5; }
.foot_box_03                          { display: table; background: url(../image/bg_foot_03.png) repeat; text-align: center; margin: 0px auto; position: relative; top: 150px; width: 100%; height: 450px }
.foot_box_03 .target                   { display: table-cell; vertical-align: middle; }
.foot_box_04                          { margin: 0px auto; position: absolute; z-index: 5; top: 320px; left: 0px; width: 100%; height: 450px }
#foot_pic                          { position: relative; top: 0px; left: 0px; height: 450px; overflow: hidden }
#foot_pic img                          { margin: 0px; position: absolute; top: 0px; left: 0px; width: 100% }
.foot_object                    { text-align: center; margin: 0px; position: absolute; z-index: 6; width: 100%; height: 150px; }


.hidden_01             { }
.hidden_02             { display: none; }
.hidden_03             { }


.img_size            { width: 100%; height: auto; }
.img_size_02            { }
.img_size_03               { width: 25%; height: auto; float: left; margin: 0px; padding: 0px; }
.img_size_04            { width: 100%; height: auto; }
.img_size_05            { width: 100%; height: auto; }

.topics_01                               { background-color: #F3F3F3; margin-bottom: 60px; padding: 12px }
.td_width_01                             { width: 950px; }
.td_width_02                             { padding-top: 20px; padding-bottom: 20px; }
.td_width_03                             { padding-top: 20px; padding-bottom: 20px; padding-right: 20px; }
.td_width_04                             { margin-bottom: 60px; width: 100% }
.td_width_05                             { margin-top: 80px; width: 100% }
.td_width_06                               { background: url(../image/icon/icon_line_01.png) repeat-x right bottom; padding-top: 20px; padding-bottom: 20px; }
.container                             { display: table; width: 100%; text-align:left; }
.container .td_width_07            { width: 100%; text-align:left; }
.td_width_08                               { text-align: left; float: left; margin-top: 20px; width: 100% }

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