/* ページ 全体 基本 */
#grdbase{height: auto; margin: 0 10px auto; clear: both;}

#grdbase .grdbase-0nen{width: 940px; margin: 0px 5px; background-image: url(/sho/includes/img/bg_base_0nen.gif); clear: both;}
#grdbase .grdbase-1nen{width: 940px; margin: 0px 5px; background-image: url(/sho/includes/img/bg_base_1nen.gif); clear: both;}
#grdbase .grdbase-2nen{width: 940px; margin: 0px 5px; background-image: url(/sho/includes/img/bg_base_2nen.gif); clear: both;}
#grdbase .grdbase-3nen{width: 940px; margin: 0px 5px; background-image: url(/sho/includes/img/bg_base_3nen.gif); clear: both;}
#grdbase .grdbase-4nen{width: 940px; margin: 0px 5px; background-image: url(/sho/includes/img/bg_base_4nen.gif); clear: both;}
#grdbase .grdbase-5nen{width: 940px; margin: 0px 5px; background-image: url(/sho/includes/img/bg_base_5nen.gif); clear: both;}
#grdbase .grdbase-6nen{width: 940px; margin: 0px 5px; background-image: url(/sho/includes/img/bg_base_6nen.gif); clear: both;}

#grdbase .grdbase2-0nen{width: 940px; margin: 0px 5px; text-align: left; background-color: #f5f5f5; background-image: url(/sho/includes/img/bg_base_0nen.gif); clear: both;}
#grdbase .grdbase2-1nen{width: 940px; margin: 0px 5px; text-align: left; background-color: #fff2f9; background-image: url(/sho/includes/img/bg_base_1nen.gif); clear: both;}
#grdbase .grdbase2-2nen{width: 940px; margin: 0px 5px; text-align: left; background-color: #e6ffe6; background-image: url(/sho/includes/img/bg_base_2nen.gif); clear: both;}
#grdbase .grdbase2-3nen{width: 940px; margin: 0px 5px; text-align: left; background-color: #edf5ff; background-image: url(/sho/includes/img/bg_base_3nen.gif); clear: both;}
#grdbase .grdbase2-4nen{width: 940px; margin: 0px 5px; text-align: left; background-color: #fff4e8; background-image: url(/sho/includes/img/bg_base_4nen.gif); clear: both;}
#grdbase .grdbase2-5nen{width: 940px; margin: 0px 5px; text-align: left; background-color: #f9fff0; background-image: url(/sho/includes/img/bg_base_5nen.gif); clear: both;}
#grdbase .grdbase2-6nen{width: 940px; margin: 0px 5px; text-align: left; background-color: #f7f2ff; background-image: url(/sho/includes/img/bg_base_6nen.gif); clear: both;}


/* ページ 全体 可変 */
#grd-all-shr-tp-flex{max-width: 950px;width:100%; height: auto; margin: 0px auto; text-align: center; background-color: #ffffff; border-left: solid 5px #c3c3c3; border-right: solid 5px #c3c3c3; clear: both;}


/* 学年タブ */
.grdall-tp-tab-area{max-width: 950px;width:100%; height: 38px; margin: 0px 0px; position: relative; top: 0px; left: 0px; text-align: left; display: block; clear: both;}


#grdall-tp-tab-base{width: 270px; height: 37px; margin: 0px 0px; position: absolute; top: 1px; right: 0px; text-align: left; display: block; clear: both;}
#grdall-tp-tab-base .grdall-tp-tab-btn{width: 44px; height: 37px; margin-left: 1px; display: inline; float: left;}


/* コンテンツ 基本 */
#grdall-contents{max-width: 950px;width:100%; background-image: url(/sho/common/img/bg_page.gif); background-repeat: repeat-y; text-align: center; clear: both;}
#grdall-contents-flex{text-align: center; clear: both;}


/* コンテンツ 右ナビなし */
.grdbase-nv{height: 5px; font-size: 1px; line-height: 1px; background-color: #c3c3c3; clear: both;}
.grdbase-all-s{width: 928px; margin: 0px auto; text-align: left; background-color: #ffffff; border: solid 1px #c3c3c3; clear: both;}
.grdbase-all-g{width: 928px; margin: 0px auto; text-align: left; background-color: #ffffff; border: solid 1px #d1edff; clear: both;}


/* コンテンツ 可変 */
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-btn-back{margin: 5px auto; text-align: center; clear: both;}


#grdpopup{width: 640px; height: auto; margin: 0px auto; text-align: center; background-color: #ffffff; border-left: solid 5px #c3c3c3; border-right: solid 5px #c3c3c3; clear: both;}
#grdpopup .grdpopup-contents-0nen{text-align: center; background-image: url(/sho/includes/img/bg_base_0nen.gif); border-top: solid 5px #c3c3c3; clear: both;}
#grdpopup .grdpopup-contents-1nen{text-align: center; background-image: url(/sho/includes/img/bg_base_1nen.gif); border-top: solid 5px #c3c3c3; clear: both;}
#grdpopup .grdpopup-contents-2nen{text-align: center; background-image: url(/sho/includes/img/bg_base_2nen.gif); border-top: solid 5px #c3c3c3; clear: both;}
#grdpopup .grdpopup-contents-3nen{text-align: center; background-image: url(/sho/includes/img/bg_base_3nen.gif); border-top: solid 5px #c3c3c3; clear: both;}
#grdpopup .grdpopup-contents-4nen{text-align: center; background-image: url(/sho/includes/img/bg_base_4nen.gif); border-top: solid 5px #c3c3c3; clear: both;}
#grdpopup .grdpopup-contents-5nen{text-align: center; background-image: url(/sho/includes/img/bg_base_5nen.gif); border-top: solid 5px #c3c3c3; clear: both;}
#grdpopup .grdpopup-contents-6nen{text-align: center; background-image: url(/sho/includes/img/bg_base_6nen.gif); border-top: solid 5px #c3c3c3; clear: both;}
#grdpopup .grdpopup-base{margin: 0px 9px; text-align: left; background-color: #ffffff; border: solid 1px #c3c3c3; clear: both;}
#grdpopup .grdpopup-btn-back{margin: 5px auto; text-align: center; clear: both;}


/* ヘッダ グローバル 可変*/
#grdpopheader{height: 27px; margin: 0px 0px; padding: 0px; position: relative; top: 0px; left: 0px; text-align: left; background-color: #ffffff; border-bottom: solid 3px #3a77b2; z-index: 5; clear: both;}

#grdpopheader .grdpopheader-left{height: 27px; width: 149px; position: absolute; top: 0px; text-align: left; display: inline; z-index: 7; clear: both;}
#grdpopheader .grdpopheader-right{height: 27px; position: absolute; top: 0px; right: 0px; text-align: right; display: inline; z-index: 6; clear: both;}

#grdpopheader .grdpopheader-lg-benesse{margin: 0px 0px; position: relative; top: 7px; left: 10px; clear: both;}
#grdpopheader .grdpopheader-lg-zemi{margin-top: 6px; margin-right: 10px; float: right;}

#grdpopheader a:link {color: #0070cb; font-weight: normal; text-decoration: underline;}
#grdpopheader a:visited {color: #800080; font-weight: normal; text-decoration: underline;}
#grdpopheader a:hover {color: #ff0000; font-weight: normal; text-decoration: underline;}


/* ヘッダ 可変 */
.grdpopup-header {height: 34px; text-align: left; clear: both; background:#fff;}
.grdpopup-header-lg-challenge {margin: 0px 0px; position: relative; top: 6px; left: 10px; text-align: left; display: block; clear: both;}

ul.grdpoplnk{margin-top: 8px; margin-right: 30px; list-style: none; display: inline; float: right;}
ul.grdpoplnk li{margin-top: 0px; margin-right: 10px; padding-left: 10px; font-size: 11px; line-height: 115%; background: url(/sho/includes/img/sechead/arrow.gif) no-repeat 0%; display: inline; float: left;}


/* フッタ 可変 */
#grdpopup .grdpopfooter{height: 35px; margin: 0px 0px; position: relative; top: 0px; left: 0px; text-align: center; display: block; z-index: 10; clear: both;}

#grdpopup .grdpopfooter-cmn-line{height: 5px; margin: 0px 5px; font-size: 1px; line-height: 1px; background-color: #c3c3c3; clear: both;}
#grdpopup .grdpopfooter-cmn{height: 20px; margin: 0px 5px; position: relative; top: 0px; left: 0px; text-align: center; background-color: #ffffff; overflow: hidden; display: block; z-index: 11; clear: both;}

#grdpopup .grdpopfooter-cmn-left{height: 20px; margin-top: 0px; text-align: left; clear: both;}
#grdpopup .grdpopfooter-cmn-right{height: 20px; margin-top: -20px; text-align: right; clear: both;}
#grdpopup .grdpopfooter-cmn-base{height: 20px; margin-top: -20px; padding: 4px 0px 0px 0px; text-align: center; font-size: 1px; line-height: 1px; clear: both;}

#grdpopup .grdpopfooter-cmn-left-bg{height: 20px; margin: 0px 0px; position: relative; top: 0px; left: 0px; text-align: left; background-image: url(/sho/includes/img/secfoot/bg_foot_flex_cmn_left.gif); background-repeat: no-repeat; background-position: left; clear: both;}
#grdpopup .grdpopfooter-cmn-right-bg{height: 20px; margin: 0px 0px; position: relative; top: 0px; right: 0px; text-align: right; background-image: url(/sho/includes/img/secfoot/bg_foot_flex_cmn_right.gif); background-repeat: no-repeat; background-position: right; clear: both;}

#grdpopup .grdpopfooter-end{height: 15px; margin: -5px -5px 0px -5px; position: relative; top: 0px; left: 0px; text-align: center; font-size: 1px; line-height: 1px; background-image: url(/sho/includes/img/secfoot/bg_foot_flex_end_c.gif); background-repeat: repeat-x; background-position: bottom; display: block; z-index: 12; clear: both;}
#grdpopup .grdpopfooter-end-left{height: 15px; margin-top: 0px; text-align: left; clear: both;}
#grdpopup .grdpopfooter-end-right{height: 15px; margin-top: -15px; text-align: right; clear: both;}

#grdpopup .grdpopfooter-end-left-bg{height: 15px; margin: 0px 0px; position: relative; top: 0px; left: 0px; text-align: left; background-image: url(/sho/includes/img/secfoot/bg_foot_flex_end_l.gif); background-repeat: no-repeat; background-position: left; clear: both;}
#grdpopup .grdpopfooter-end-right-bg{height: 15px; margin: 0px 0px; position: relative; top: 0px; right: 0px; text-align: right; background-image: url(/sho/includes/img/secfoot/bg_foot_flex_end_r.gif); background-repeat: no-repeat; background-position: right; clear: both;}

#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer{height: 35px; margin: 0px 0px; position: relative; top: 0px; left: 0px; text-align: center; display: block; z-index: 10; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-cmn-line{height: 5px; margin: 0px 5px; font-size: 1px; line-height: 1px; background-color: #c3c3c3; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-cmn{height: 20px; margin: 0px 5px; position: relative; top: 0px; left: 0px; text-align: center; background-color: #ffffff; overflow: hidden; display: block; z-index: 11; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-cmn-left{height: 20px; margin-top: 0px; text-align: left; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-cmn-right{height: 20px; margin-top: -20px; text-align: right; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-cmn-base{height: 20px; margin-top: -20px; padding: 4px 0px 0px 0px; text-align: center; font-size: 1px; line-height: 1px; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-cmn-left-bg{height: 20px; margin: 0px 0px; position: relative; top: 0px; left: 0px; text-align: left; background-image: url(/sho/includes/img/bg_foot_flex_cmn_left.gif); background-repeat: no-repeat; background-position: left; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-cmn-right-bg{height: 20px; margin: 0px 0px; position: relative; top: 0px; right: 0px; text-align: right; background-image: url(/sho/includes/img/bg_foot_flex_cmn_right.gif); background-repeat: no-repeat; background-position: right; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-end{height: 15px; margin: -5px -5px 0px -5px; position: relative; top: 0px; left: 0px; text-align: center; font-size: 1px; line-height: 1px; background-image: url(/sho/includes/img/bg_foot_flex_end_c.gif); background-repeat: repeat-x; background-position: bottom; display: block; z-index: 12; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-end-left{height: 15px; margin-top: 0px; text-align: left; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-end-right{height: 15px; margin-top: -15px; text-align: right; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-end-left-bg{height: 15px; margin: 0px 0px; position: relative; top: 0px; left: 0px; text-align: left; background-image: url(/sho/includes/img/bg_foot_flex_end_l.gif); background-repeat: no-repeat; background-position: left; clear: both;}
#grd-all-shr-tp-flex .grd-all-shr-tp-flex-footer-end-right-bg{height: 15px; margin: 0px 0px; position: relative; top: 0px; right: 0px; text-align: right; background-image: url(/sho/includes/img/bg_foot_flex_end_r.gif); background-repeat: no-repeat; background-position: right; clear: both;}

