@media screen and (max-width: 580px){
body     { width: 100%; margin: 0px;}
.title-s { width: 100%; vertical-align: top; font-size: 0.7em; font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.title { display: none;}
.title-a { width: 50%; position: absolute; margin: 1.2%; line-height: 140%; font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; color: #ffffff; white-space: nowrap;}
.smenu { display: inline; float: left; border: 0; width: 16.6%; margin: 0px;}
.popup { display: inline-block; padding: 6px; text-align: left; color: #4b5f78; font-size: smaller; line-height: 120%; white-space: nowrap;}
.title-p1 { font-size: 1.8em; color: #4b5f78; text-align: right; vertical-align: bottom; line-height: 160%; margin-right: 8px;}
.title-p2 { font-size: 0.9em; color: #4b5f78; text-align: right; vertical-align: bottom; line-height: 90%; margin-right: 8px;}
.galimg { margin: -10% 0px 12px 0px; max-width: 100%;}
.galcap { width: 100%;}
}

@media screen and (max-width: 744px) and (min-width: 580px){
body     { width: 100%; margin: 0px;}
.title-s { width: 100%; vertical-align: top; font-size: 0.95em; font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.title { display: none;}
.title-a { width: 50%; position: absolute; margin: 1.2%; line-height: 140%; font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; color: #ffffff; white-space: nowrap;}
.smenu { display: inline; float: left; border: 0; width: 16.6%; margin: 0px;}
.popup { display: inline-block; padding: 6px; text-align: left; color: #4b5f78; font-size: smaller; line-height: 120%; white-space: nowrap;}
.title-p1 { font-size: 1.8em; color: #4b5f78; text-align: right; vertical-align: bottom; line-height: 160%; margin-right: 10px;}
.title-p2 { font-size: 0.9em; color: #4b5f78; text-align: right; vertical-align: bottom; line-height: 90%; margin-right: 10px;}
.galimg { margin: -5% 0px 12px 0px; max-width: 100%;}
.galcap { width: 100%;}
}

@media screen and (min-width: 744px){
body     { margin: 0px;}
.title   { width: 870px; height: 112px; background-image: url("titleback.gif"); background-attachment: scroll; font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.title-s { display: none;}
.title-a { position: absolute; padding: 0px 0px 0px 12px; font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-size: 22px; color: #ffffff; line-height: 0px;}
.title-b { position: absolute; padding: 31px 0px 0px 12px; font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-size: 15px; color: #ffffff; line-height: 0px;}
.popup   { display: none; position: relative; top: 32px; left: 620px; width: 232px;}
a:hover .popup { position: absolute; display: block; background-color: #002850; padding: 2px 4px; font-family: "Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif、Georgia,游明朝,"Yu Mincho",YuMincho; font-size: 14px; color:#ffffff; border: solid 2px #737d8c;}
.galimg { margin-bottom: 12px;}
.galcap { width: 90%;}
}