html, body { font-size: 100%; margin: 0 auto; padding: 0; text-align: center;
 font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
a { display: inline-block; text-decoration: none; *display: inline; zoom: 1; }
img, object, embed { max-width: 100%; height: auto; width /***/: auto; vertical-align: bottom; }
.droppy, .tab_smt_web, .tab_smt_psper, .tab_smt_logo, #contents04, #contents05, .contents03_tab_smt_image, .tab_smt_sns { display: none; }

#header { position: relative; height: 160px; width: 100%; background-color: #0099cc; }
hr { border-width: 0.5em 0 0 0; border-style: solid; border-color: #ff7f50; }

.header00{ position: relative; height: 155px; width: 960px; margin: 0 auto; }

.header01{ position: absolute; top: 5px; height: 20px; width: 385px; }
h1 { position: relative; text-align: ‎center; margin: 0; padding: 0; width: auto; height: auto; font-size: 0.77em; font-weight: 100; color: #ffffff; }
.header02{ position: absolute; top: 25px; height: 100px; width: 385px; }
.hd_image { position: relative; top: 5px; width: auto; height: auto; }
.header03{ position: absolute; top: 3px; left: 385px; height: 25px; width: 575px; }
.header04{ position: absolute; top: 28px; left: 385px; height: 25px; width: 425px; }
.header05{ position: absolute; top: 28px; left: 820px; height: 25px; width: 130px; text-align: left; }
.header06{ position: absolute; top: 53px; left: 385px; height: 25px; width: 425px; }
.header07{ position: absolute; top: 53px; left: 820px; height: 25px; width: 130px; text-align: left; }
.header08{ position: absolute; top: 78px; left: 385px; height: 25px; width: 425px; }
.header09{ position: absolute; top: 78px; left: 820px; height: 25px; width: 130px; text-align: left; }
.header10{ position: absolute; top: 103px; left: 385px; height: 25px; width: 575px; }
.header11{ position: absolute; top: 128px; height: 25px; width: 340px; text-align: left; }
.header12{ position: absolute; top: 128px; height: 25px; left: 343px; width: 137px; text-align: left; }
.header13{ position: absolute; top: 128px; height: 25px; left: 485px; width: 280px; text-align: left; }
.header14{ position: absolute; top: 128px; left: 720px; height: 25px; width: 240px; }


#contents01 { position: relative; top: 0; height: 10px; width: 100%; background-color: #ff7f50; }

#contents02 { position: relative; top: 0; height: 280px; width: 100%; margin: 0 auto;
 background: -webkit-gradient(linear, left top, right top, from(#ff7f50), to(#fed0e0));
 background:-webkit-linear-gradient(left, #ff7f50, #ff7f50, #ff7f50, #fed0e0, #fed0e0, #fed0e0);
 background:-moz-linear-gradient(left, #ff7f50, #ff7f50, #ff7f50, #fed0e0, #fed0e0, #fed0e0);
 background:-o-linear-gradient(left, #ff7f50, #ff7f50, #ff7f50, #fed0e0, #fed0e0, #fed0e0);
 background:linear-gradient(to right, #ff7f50, #ff7f50, #ff7f50, #fed0e0, #fed0e0, #fed0e0); }

.contents0201 { position: relative; top: 0; height: 280px; width: 960px; text-align: center; margin: 0 auto; padding: 0; }

.contents02_left { position: absolute; top: 0; left: 0; height: 280px; width: 200px; text-align: center; margin: 0 auto; padding: 0; background-color: #ff7f50; }

.pc_nav { position: relative; top: 20px; height: 250px; width: 200px; float: left; text-align: left; font-size: 1.15em; margin: 0 auto; padding: 0; }
.pc_nav ul { list-style: none; height: auto; margin: 0; padding: 0; }
.pc_nav li { position: relative; display: block; }
.pc_nav a { position: relative; top: 5px; height: 35px; width: 150px; padding: 0 15px; display: block; line-height: 28px; border: 0; }

.contents02_right { position: absolute; top: 0; left: 200px; height: 280px; width: 760px; text-align: center; margin: 0 auto; padding: 0; background-color: #fed0e0; }
.main_image_top { position: relative; top: 10px; height: auto; width: 97%; margin: 0 auto; padding: 0; }

h2 { position: relative; top: 13px; text-align: center; margin: 0 auto; padding: 0; width: 750px; height: auto; font-size: 2em; color: #696969; }
h3 { position: relative; top: 13px; text-align: center; margin: 0 auto; padding: 0; width: 750px; height: auto; font-size: 1.2em; color: #696969; }
.bc { position: relative; top: 15px; text-align: left; margin: 0 auto; padding: 0; width: 700px; height: auto; line-height: 120%; font-size: 1em; }

#contents03 { position: relative; top: 0; height: 620px; width: 100%; margin: 0 auto;
 background: -webkit-gradient(linear, left top, right top, from(#adff2f), to(#fed0e0));
 background:-webkit-linear-gradient(left, #adff2f, #adff2f, #adff2f, #fed0e0, #fed0e0, #fed0e0);
 background:-moz-linear-gradient(left, #adff2f, #adff2f, #adff2f, #fed0e0, #fed0e0, #fed0e0);
 background:-o-linear-gradient(left, #adff2f, #adff2f, #adff2f, #fed0e0, #fed0e0, #fed0e0);
 background:linear-gradient(to right, #adff2f, #adff2f, #adff2f, #fed0e0, #fed0e0, #fed0e0); }

.contents0301 { position: relative; top: 0; height: 280px; width: 960px; text-align: center; margin: 0 auto; padding: 0; }

.contents03_left { position: absolute; top: 0; left: 0; height: 620px; width: 200px; text-align: center; margin: 0 auto; padding: 0; background-color: #20b2aa; }

.pc_sns01 { display: block; position: relative; top: 20px; height: auto; width: 100%; }
.pc_sns02 { display: block; position: relative; top: 20px; height: auto; width: 100%; }
.pc_sns03 { display: block; position: relative; top: 20px; height: auto; width: 100%; }

.contents03_right { position: absolute; top: 0; left: 200px; height: 620px; width: 760px; text-align: center; margin: 0 auto; padding: 0; background-color: #fed0e0; }
.main_image_bottom { position: relative; top: 0; height: auto; width: 97%; margin: 0 auto; padding: 0; }

#footer { position: relative; height: 30px; width: 100%; bottom: 0; margin: 0px auto; background-color: #0099cc; }
#footer a { color: #ffffff; }
.copyright { position: relative; height: auto; width: auto; top: 5px; margin: 0px; padding: 0px; font-size: 0.9em; color: #ffffff; }