html, body { font-size: 75%; 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, .contents03_left{ display: none; }

#header { position: relative; height: 235px; 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.6em; font-weight: 100; color: #ffffff; }

.header02{ position: absolute; top: 25px; height: 105px; width: 120px; background-color: #0099cc; z-index: 6; }
.hd_image { position: relative; top: 5px; width: 90%; height: auto; margin: 0 auto; }


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


.header03{ position: absolute; top: 30px; height: 25px; width: 100%; z-index: 1; }
.header04{ position: absolute; top: 55px; height: 25px; width: 100%; z-index: 2; }
.header06{ position: absolute; top: 80px; height: 25px; width: 100%; z-index: 3; }
.header08{ position: absolute; top: 105px; height: 25px; width: 100%; z-index: 4; }
.header10{ position: absolute; top: 130px; height: 25px; width: 100%; z-index: 5; }

.header11{ position: absolute; top: 145px; right: 0; height: 20px; line-height: 20px; width: 300px; font-size: 1.6em; text-align: right; }
.header12{ position: absolute; top: 170px; right: 0; height: 25px; line-height: 25px; width: 225px; font-size: 2.5em; text-align: left; }
.header13{ position: absolute; top: 198px; right: 0; height: 25px; line-height: 25px; width: 225px; 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: 175px; 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: 40px; }
.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; }
.main_image_top { position: relative; top: 0; height: auto; width: 95%; margin: 0 auto; padding-top: 15px; }

.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-bottom: 100px; background-color: #fed0e0; }
.contents0301 { position: relative; top: 0; height: auto; width: 100%; text-align: center; margin: 0 auto; padding: 0; }
.contents03_right { position: relative; top: 10px; height: auto; width: 95%; text-align: center; margin: 0 auto; padding-bottom: 10px; }

.type03 { position: relative; top: 0; width: 90%; line-height: 150%; margin: 0 auto; border-collapse: separate; border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.type04 { line-height: 150%; width: 65%; font-size: 1.7em; padding: 10px; text-align: left; vertical-align: top; background-color: #feedf3; border-left: 3px double #999;
 border-top: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.type05 { width: 35%; font-size: 1.7em; padding: 10px; background-color: #ffffff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.type06 { text-align: left; font-size: 1.3em; line-height: 140%; width: 100%; padding: 10px; background-color: #ffffff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.type07 { line-height: 150%; text-align: left; font-size: 1.4em; width: 65%; padding: 10px; background-color: #ffffff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.type85 { display: block; font-size: 0.85em; }
.note { position: relative; width: 90%; height: auto; top: 5px; text-align: left; margin: 0 auto; font-size: 1.4em; color: #ff0000; }


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

.tab_smt_sns { border: 0; padding: 0 ; text-align: center; }
.sns { height: auto; width: 50px; 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; }