@charset "UTF-8";
/* -- BASE -- */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color:#fff; color:#333; }
strong, b { font-weight: bold; }
p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

/* LINK */
a { color: #F60; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

/* GLOBALNAVI */
#globalnavi_wrapper { width: 900px; height: 40px; position: relative; z-index: 9998; }
#globalnavi_wrapper  #globalnav { margin: 0; padding: 0; }
#globalnavi_wrapper  #globalnav li { display: inline; }
#globalnavi_wrapper  #globalnav li a { float: left; width: 150px; height: 0; padding-top: 40px; overflow: hidden; }
#globalnavi_wrapper  #globalnav li a { background-image: url(../img/globalnavi_bg.jpg); background-repeat: no-repeat; }

/* BUTTONS */
#globalnavi_wrapper  #globalnav li#gn-home a { background-position: 0 0; }
#globalnavi_wrapper  #globalnav li#gn-about a { background-position: -150px 0; }
#globalnavi_wrapper  #globalnav li#gn-medical a { background-position: -300px 0; }
#globalnavi_wrapper  #globalnav li#gn-story a { background-position: -450px 0; }
#globalnavi_wrapper  #globalnav li#gn-study a { background-position: -600px 0; }
#globalnavi_wrapper  #globalnav li#gn-inquiry a { background-position: -750px 0; }

/* OVER STATES */
#globalnavi_wrapper  #globalnav li#gn-home a:hover { background-position: 0 -40px; }
#globalnavi_wrapper  #globalnav li#gn-about a:hover { background-position: -150px -40px; }
#globalnavi_wrapper  #globalnav li#gn-medical a:hover { background-position: -300px -40px; }
#globalnavi_wrapper  #globalnav li#gn-story a:hover { background-position: -450px -40px; }
#globalnavi_wrapper  #globalnav li#gn-study a:hover { background-position: -600px -40px; }
#globalnavi_wrapper  #globalnav li#gn-inquiry a:hover { background-position: -750px -40px; }

/* PRESSED STATES */
#globalnavi_wrapper  #globalnav li#gn-home a:active { background-position: 0 -80px; }
#globalnavi_wrapper  #globalnav li#gn-about a:active { background-position: -150px -80px; }
#globalnavi_wrapper  #globalnav li#gn-medical a:active { background-position: -300px -80px; }
#globalnavi_wrapper  #globalnav li#gn-story a:active { background-position: -450px -80px; }
#globalnavi_wrapper  #globalnav li#gn-study a:active { background-position: -600px -80px; }
#globalnavi_wrapper  #globalnav li#gn-inquiry a:active { background-position: -750px -80px; }

/* ON STATES */
#globalnavi_wrapper.home #globalnav li#gn-home a:hover { background-position: 0 0; cursor: default; }
#globalnavi_wrapper.about #globalnav li#gn-about a { background-position: -150px -120px !important; }
#globalnavi_wrapper.medical #globalnav li#gn-medical a { background-position: -300px -120px !important; }
#globalnavi_wrapper.story #globalnav li#gn-story a { background-position: -450px -120px !important; }
#globalnavi_wrapper.study #globalnav li#gn-study a { background-position: -600px -120px !important; }
#globalnavi_wrapper.inquiry #globalnav li#gn-inquiry a { background-position: -750px -120px !important; }

/* FOOTER */
#footer_wrapper { height: 110px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #F60; }
#footer_wrapper #footer_link { line-height: 30px; height: 30px; margin-top: 10px; }
#footer_wrapper #footer_address { height: 20px; margin-top: 10px; margin-bottom: 20px; line-height: 20px; }
#footer_wrapper #copyright { line-height: 20px; height: 20px; font-size: 10px; color: #F60; }
