html, body { font-size: 87.5%; margin: 0 auto; padding: 0; text-align: center; 
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
body { 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; }
 .header14, .contents02_left, .main_image_top, .contents0301, .contents03_left, .contents03_right { display: none; }

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

.header00{ position: relative; height: 230px; width: 95%; margin: 0 auto; }

.header01{ position: relative; top: 5px; height: auto; width: 100%; }
h1 { position: relative; text-align: ‎center; margin: 0; padding: 0; width: auto; height: auto; font-size: 1.4em; font-weight: 100; color: #ffffff; }

.header02{ position: absolute; top: 30px; height: 80px; width: 350px; background-color: #0099cc; z-index: 6; }
.hd_image { position: relative; top: 10px; width: 95%; height: auto; margin: 0 auto; }


.header05{ position: absolute; top: 57px; right: 0; height: 20px; line-height: 20px; width: 185px; padding-left: 10px; font-size: 1.8em; text-align: left; background-color: #0099cc; z-index: 7; }
.header07{ position: absolute; top: 87px; right: 0; height: 20px; line-height: 20px; width: 185px; padding-left: 10px; font-size: 1.8em; text-align: left; background-color: #0099cc; z-index: 8; }
.header09{ position: absolute; top: 117px; right:0; height: 20px; line-height: 20px; width: 185px; padding-left: 10px; font-size: 1.8em; text-align: left; background-color: #0099cc; z-index: 9; }


.header03{ position: absolute; top: 35px; height: 25px; width: 100%; z-index: 1; }
.header04{ position: absolute; top: 60px; height: 25px; width: 100%; z-index: 2; }
.header06{ position: absolute; top: 90px; height: 25px; width: 100%; z-index: 3; }
.header08{ position: absolute; top: 120px; height: 25px; width: 100%; z-index: 4; }
.header10{ position: absolute; top: 150px; height: 25px; width: 100%; z-index: 5; }

.header11{ position: absolute; top: 170px; right: 0; height: 20px; line-height: 20px; width: 450px; font-size: 1.6em; text-align: right; }
.header12{ position: absolute; top: 197px; right: 0; height: 25px; line-height: 25px; width: 325px; font-size: 2.5em; text-align: left; }
.header13{ position: absolute; top: 228px; right: 0; height: 25px; line-height: 25px; width: 325px; font-size: 2.1em; text-align: left; }

/* Basic code - don't modify */
.droppy { text-align: center; display: block; margin: 0; padding: 0; position: absolute; top: 190px; left: 5%; width: auto; height: auto;
 z-index: 3; }
.droppy li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
.droppy a { display: block; text-decoration: none; }
.droppy ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html .droppy ul { line-height: 0; } /* IE6 "fix" */
.droppy ul a { zoom: 1; } /* IE6/7 fix */
.droppy ul li { float: none; }
.droppy ul ul { top: 0; }
/* Essentials - configure this */
.droppy ul { width: 180px; }
.droppy ul ul { left: 160px; }
/* Everything else is theming */
.droppy { background-color: #ff7f50; }
.droppy *:hover { background-color: none; }
.droppy a { border: 1px solid #ffffff; color: #ffffff; font-size: 3em; padding: 6px 10px; line-height: 1; }
.droppy li.hover a { background-color: #ff8f67; }
.droppy ul { top: 52px; }
.droppy ul li a { background-color: #ff8f67; color: #000000; font-size: 2em; }
.droppy ul a.has-subnav { background-color: #2e2a2a }
.droppy ul a.hover { background-color: #ff7f50; }
.droppy ul a { border: 1px solid white; opacity: 0.9; filter: alpha(opacity=90); }
/* .droppy ul a { border-bottom: none; } - I also needed this for IE6/7 */

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


#contents02 { position: relative; height: auto; width: 100%; margin: 0 auto; background-color: #fed0e0; }

.contents0201 { position: relative; top: 0; height: auto; width: 100%; text-align: center; margin: 0 auto; padding: 0; }

.contents02_right { position: relative; top: 0; height: auto; width: 95%; text-align: center; margin: 0 auto; padding-bottom: 10px; }

h2 { position: relative; top: 5px; text-align: center; margin: 0 auto; padding: 0; width: 100%; height: auto; font-size: 2.65em; color: #696969; }
h3 { position: relative; top: 5px; text-align: center; margin: 0 auto; padding: 0; width: 100%; height: auto; font-size: 1.8em; color: #696969; }
.bc { position: relative; top: 10px; text-align: left; margin: 0 auto; padding: 0; width: 85%; height: auto; line-height: 140%; font-size: 1.6em; }


#contents03 { display: block; position: relative; height: auto; width: 100%; margin: 0 auto; padding: 0; background-color: #fed0e0; }
.contents03_tab_smt_image { height: auto; width: 100%; }
#contents04 { display: block; position: relative; height: auto; width: 100%; margin: 0 auto; padding: 0; background-color: #fed0e0; }
#contents05 { display: block; position: relative; height: auto; width: 100%; margin: 0 auto; padding-bottom: 140px; background-color: #fed0e0; }

.tab_smt_type { position: relative; width: 85%; height: auto; margin: 20px 0 0 0; }

#footer { position: fixed; height: 105px; width: 100%; bottom: 0; margin: 0px auto; background-color: #0099cc; }
#footer a { color: #ffffff; }

.tab_smt_sns { position: relative; top: 0; border: 0; padding: 0 ; text-align: center; margin: 0px auto; }
.sns { height: auto; width: 60px; display: inline-block; padding: 0 10px; }

.copyright { position: absolute; text-align: center; height: auto; width: 100%; bottom: 5px; margin: 0; padding: 0; font-size: 1.3em; color: #ffffff; }