body { font-family: "ＭＳ Ｐゴシック", "MS P Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Arial","Helvetica","sans-serif"; background-color: white; margin: 0; padding 0; text-align: center; height: 100%; }
div,p,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
div { display: block; }
img { border: none; vertical-align: bottom; }
.fl { float: left; }
.fr { float: right; }
.ml20px { margin-left: 20px; }
#wrapper { margin: 0 auto; width: 970px; text-align: left; }
#header { display: inline-block; width: 100%; background-image: url(../images/title_bg.gif); background-position-y; background-position: left top; border-top: 3px solid #9c9774; }
.logo { float: left; margin-left: 2px; }
.check { float: right; margin: 12px 15px 0 0; }
#topic_path,#footer { border: 1px solid #9c9774; background-color: #9c9774; color: white; }
#topic_path p,#footer p { font-size: 0.75em; margin: 0.4em 0 0.2em 0.5em; }
#title { margin: 10px 0; width: 970px; display: inline-block; vertical-align: middle; }
#title h1 { float: left; margin-left: 20px; height: 100%; text-align: left; font-size: 1.08em; line-height: 1.5em; }
#title h2 { float: right; width: 180px; height: 100%; text-align: right; font-size: 0.75em; line-height: 1.5em; font-weight: 400; }
#title img { margin: auto 0; float: left; }
#copyright { border: 1px solid #9c9774; }
#footer { text-align: center; }
#topic_path a,#footer a { color: white; }
#copyright p { color: #9c9774; font-size: 0.75em; text-align: center; padding: 0.5em 0; }
#main_up { min-height: 400px; height: auto !important; height: 400px; display: inline-block; }
#main_down { display: inline-block; width: 970px; margin: 10px 0; }

.slide_list { margin-top: 10px; }
.slide_list h4 { color: black; font-size: 0.82em; padding: 0.3em 0 0.1em 0; text-align: center; background-color: #333; border: 1px solid #666; color: #fff; }
.slide_list ul { border-bottom: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #555; margin: 0; font-size: 0.82em; padding: 0.5em 1em 0.5em 2em; overflow: auto; }
.slide_list ul li { text-align: left; }
.caution { display: inline-block; width: 690px; float: right; }
.caution h4 { color: black; font-size: 0.82em; font-weight: 400; padding: 0.3em 0 0.1em 0; text-align: center; background-color: #ddd; border-style: solid; border-width: 1px; border-bottom-color: #666; border-left-color: #ccc; border-right-color: #999; border-top-color: #eee; }
.caution .text { border-bottom: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #555; margin: 0; font-size: 0.75em; line-height: 1.5em; padding: 0.5em; overflow: auto; }
#link { padding: 5px; border: 1px solid #ccc; background-color: #eee; text-align: left; margin-bottom: 10px; width: 100%; }
#link img { margin: 0 5px; }
#check_window { padding: 10px; }
#check_window p { padding: 5px 0; font-size: 0.82em; line-height: 1.5em; text-align: left; margin-bottom: 0.5em; }
#check_window ul { margin: 0 0 0.5em 2em; padding: 0; text-align: left; font-size: 0.82em; line-height: 1.5em; }
#check_window h1,#check_window h2,#check_window h3,#check_window h4,#check_window h5 { font-size: 0.82em; line-height: 1.5em; text-align: left; padding: 0.5em; background-color: #ccc; color: black; }
.movie { text-align: center; width: 270px; float: left}
.movie p { font-size: 0.82em; line-height: 1.5em; margin: 5px 0; }
.movie img { margin-bottom: 10px; }
.slide { width: 688px; float: right; border: 1px solid #aaa; margin-left: 10px; }

/* movie page style */
#movie_button_table { width: 270px; float: left; }
a.button_pdf_download,
a.button_enquete,
a.button_pdf_download span,
a.button_enquete span,
a.button_pdf_download span span,
a.button_enquete span span { display: block; height: 40px; overflow: hidden; background: url(../images/common/button_pdf_enquete.png) left -80px no-repeat; margin: 10px 0 0 0; padding: 0 0 0 5px; }
a.button_pdf_download span,
a.button_enquete span { margin: 0; padding: 0 5px 0 0; background-position: right -80px; }

a:hover.button_pdf_download,
a:hover.button_enquete { background-position: left -120px; }
a:hover.button_pdf_download span,
a:hover.button_enquete span { background-position: right -120px; }

a.button_pdf_download span span,
a.button_enquete span span { margin: 0; padding: 50px 0 0 0; }

a.button_pdf_download span span,
a:hover.button_pdf_download span span { background-position: center 0; }
a.button_enquete span span,
a:hover.button_enquete span span { background-position: center -40px; }

#movie_slide_area { margin-bottom: 20px; text-align: center; width: 100%; }
#slide { width: 680px; float: right; border: 1px solid #ccc; text-align: center; }

.pdf_enquete_button { width: 270px; margin: 0 auto; }

/* for modern browsers */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* for IE6/7 */
.cf { zoom:1; }