@charset "utf-8";

header{height:640px; background:url(./img/bg_header.jpg) center 15px repeat-x;}
header h2{font-size:0; line-height:0; position:absolute; top:273px; left:50%; margin-left:40px;}
header h2 img{margin-bottom:30px;}
@media screen and (max-width: 640px) {
header{height:auto; background:#fff;}
header h2{font-size:10px; line-height:1; position:relative; top:auto; left:auto; margin:-5em 0 0;}
header h2 img{margin-bottom:0;}
}

div#greeting_box{background:#fff url(./img/bg_greeting.jpg) bottom; padding:35px; margin-bottom:35px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; behavior:url(/common/js/PIE.htc); position:relative;}
div#greeting_box dt{font-size:0; line-height:0; width:100px; margin:0 auto 15px;}
div#greeting_box dd{font-size:0; line-height:0; width:370px; margin:0 auto 25px;}
div#greeting_box p{font-size:16px;}
div#greeting_box p.name{color:#6e6054; font-weight:bold; text-align:right; margin-top:1em;}
@media screen and (max-width: 640px) {
div#greeting_box{background:#fff url(./img/bg_greeting_top.jpg) top no-repeat; background-size:contain; padding:15px; margin-bottom:20px;}
div#greeting_box dt{width:auto; margin:0 35% 15px;}
div#greeting_box dd{width:auto; margin:0 10% 20px;}
div#greeting_box p{font-size:13px;}
}

div#point_box{background:#fff; padding:20px 50px 20px 25px; margin-bottom:35px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; behavior:url(/common/js/PIE.htc); position:relative;}
div#point_box h3{font-size:0; line-height:0; text-align:center; margin-bottom:20px;}
div#point_box ol{list-style:none; padding-bottom:1px;}
div#point_box ol li{width:285px; float:left; min-height:380px; position:relative;}
div#point_box ol li.even{float:right;}
div#point_box ol li dt{font-size:0; line-height:0; margin-bottom:10px;}
div#point_box ol li dd{padding-left:25px;}
div#point_box ol li dd p{font-size:0; line-height:0; width:220px; position:absolute; bottom:25px; right:20px;}
@media screen and (max-width: 640px) {
div#point_box{padding:15px 20px 1px; margin-bottom:20px;}
div#point_box ol li{width:auto; float:none; min-height:10px; margin-bottom:15px;}
div#point_box ol li.even{float:none;}
div#point_box ol li dt{text-align:center;}
div#point_box ol li dd{padding:0 0 10px; font-size:13px;}
div#point_box ol li dd p{width:auto; position:relative; bottom:auto; right:auto; margin:15px 18% 0;}
div#point_box ol li dd p a{position:relative;}
}

div#topics_box{position:relative;}
div#topics_box h3{background:#f58623; padding:20px 520px 10px 30px; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; behavior:url(/common/js/PIE.htc); position:relative;}
div#topics_box p.btn{font-size:0; line-height:0; width:220px; position:absolute; top:15px; right:20px;}
div#topics_box ol{list-style:none; background:#fff url(/common/img/line01.png) top repeat-x; padding-top:10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; behavior:url(/common/js/PIE.htc); position:relative;}
div#topics_box ol li{border-bottom:2px dotted #d1c9c2; padding:1em 2em;}
div#topics_box ol li.last{border:none;}
div#topics_box ol li dt{width:7em; float:left; padding:1px 0;}
div#topics_box ol li dd{padding-left:7em; font-size:16px; font-weight:bold;}
@media screen and (max-width: 640px) {
div#topics_box h3{padding:15px 0 5px 15px;}
div#topics_box h3 img{width:30%;}
div#topics_box p.btn{width:60%; top:auto; right:20%; bottom:15px; z-index:2;}
div#topics_box ol{padding:10px 0 60px;}
div#topics_box ol li{padding:1em;}
div#topics_box ol li.last{border-bottom:2px dotted #d1c9c2; padding:1em 2em;}
div#topics_box ol li dt{width:auto; float:none;}
div#topics_box ol li dd{padding-left:0; font-size:13px;}
}