@import url(https://fonts.googleapis.com/css?family=Quicksand);

*, *:before, *:after {box-sizing:inherit;margin:0;padding:0;}
html {margin:0;padding:0;width:100%;min-height:100%;box-sizing: border-box;}
body {font-family:Quicksand, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';font-size:15px;line-height:1.7;width:100%;min-height:100%;background-color:#47a756;}
body.white {background-color:#fff;}


/* ---------------------------

DEFAULT デフォルト

--------------------------- */

h1 {margin:15px 5px;font-size:20px;color:#333;}
h1 span {font-size:14px;font-weight:normal;}
h2 {font-size:19px;margin:30px 5px 10px;padding:10px 0 0;color:#333;}
h3 {font-size:17px;margin:35px 5px 10px;color:#333;}
h4 {font-size:16px;margin:30px 10px 5px;color:#333;}
h5 {font-size:15px;margin:25px 15px 5px;color:#333;}
.heading {font-size:17px;margin:10px 5px 0;font-weight:bold;color:#333;}

a {text-decoration:none;cursor:pointer;color:#3f7dd2;}
img {max-width:100%;height:auto;}
.des {font-size:12px;color:#777;}
.clear {clear:both;}

p {margin:10px 5px 20px;}

ul {margin:5px 5px 25px;padding:0;}
ul li {list-style-type:square;padding:7px 5px;margin:0 0 0 20px;line-height:1.4;}
ol {margin:5px 5px 15px;padding:0;list-style:none;counter-reset:li;}
ol li {position:relative;list-style-type:none;padding:10px 5px 10px 30px;margin:0;line-height:1.4;}
ol li:before {content:counter(li);counter-increment:li;position:absolute;top:10px;left:0;width:24px;height:20px;text-align:center;line-height:1.4;}

table {margin:15px 0;border-collapse:collapse;width:100%;font-size:15px;}
table tr th {padding:10px;font-weight:normal;border:1px solid #ddd;background-color:#eee;text-align:left;}
table tr td {padding:10px;border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

input[type="text"], input[type="email"], input[type="password"] {-webkit-appearance:none;border:2px solid #ddd;border-radius:7px;padding:10px;font-size:14px;width:400px;}
textarea {-webkit-appearance:none;border:2px solid #ddd;border-radius:7px;padding:10px;font-size:16px;}
select {-webkit-appearance:none;border:2px solid #ddd;border-radius:7px;padding:10px;font-size:14px;}

/* 入力画面の選択中の表示 */
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus {outline:0;border:2px solid #aaa;}
/* 自動入力されている時の背景色*/ 
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}

/* SUBMITボタン */
input[type="submit"] {display:block;-webkit-appearance;border:none;text-align:center;margin:20px 0;border-radius:5px;overflow:hidden;background-color:#47a756;padding:15px 0;color:#fff;cursor:pointer;font-size:19px;width:400px;font-family:Quicksand, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';}

/* リンクボタン */
.linkButton {font-family:inherit;border-radius:25px;margin:20px 0;background-color:#47a756;font-size:17px;font-weight:bold;text-align:center;}
.linkButton a {display:block;color:#fff;padding:15px;}
.linkButtonB {font-family:inherit;border-radius:25px;margin:20px 0;background-color:#555;font-size:17px;font-weight:bold;text-align:center;}
.linkButtonB a {display:block;color:#fff;padding:15px;}



/* ---------------------------

LOGIN ログイン

--------------------------- */

.loginMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;}

input.formInput {width:400px;font-size:14px;padding:10px;}



/* ---------------------------

TAB タブ

--------------------------- */

.allTabBox {position:fixed;top:100px;width:140px;box-sizing:border-box;height:100%;border:2px solid #fff;border-radius:5px 5px 0 0;}

ul.allTabList {padding:0;}
ul.allTabList li {list-style-type:none;height:110px;box-sizing:border-box;text-align:center;margin:0 0 10px;letter-spacing:-0.05em;}
ul.allTabList li a {display:block;height:110px;margin:0 auto;padding:65px 0 0;box-sizing:border-box;border-radius:50%;border:2px solid #fff;color:#fff;font-size:13px;font-weight:bold;}

/* ホームタブ 1*/
ul.allTabList li.home a {background:#268535 url(../images/tab_home.png) 50% 30px no-repeat;background-size:30px;}
ul.allTabList li.text a {background:#268535 url(../images/tab_course.png) 50% 30px no-repeat;background-size:30px;}
ul.allTabList li.test a {background:#268535 url(../images/tab_exam.png) 50% 30px no-repeat;background-size:30px;}
ul.allTabList li.memo a {background:#268535 url(../images/tab_which.png) 50% 30px no-repeat;background-size:30px;}
ul.allTabList li.mypage a {background:#268535 url(../images/tab_mypage.png) 50% 30px no-repeat;background-size:30px;}
ul.allTabList li.home a.on {background:#47a756 url(../images/tab_home.png) 50% 30px no-repeat;background-size:30px;border:2px solid #47a756;}
ul.allTabList li.text a.on {background:#47a756 url(../images/tab_course.png) 50% 30px no-repeat;background-size:30px;border:2px solid #47a756;}
ul.allTabList li.test a.on {background:#47a756 url(../images/tab_exam.png) 50% 30px no-repeat;background-size:30px;border:2px solid #47a756;}
ul.allTabList li.memo a.on {background:#47a756 url(../images/tab_which.png) 50% 30px no-repeat;background-size:30px;border:2px solid #47a756;}
ul.allTabList li.mypage a.on {background:#47a756 url(../images/tab_mypage.png) 50% 30px no-repeat;background-size:30px;border:2px solid #47a756;}

/* 一問一答用 */
ul.allTabList li.back a {background:#268535 url(../images/tab_back.png) 50% 30px no-repeat;background-size:30px;}
ul.allTabList li.refresh a {background:#268535 url(../images/tab_refresh.png) 50% 30px no-repeat;background-size:30px;}
ul.allTabList li.next a {background:#268535 url(../images/tab_next.png) 50% 30px no-repeat;background-size:30px;}
ul.allTabList li.back a.on {background:#47a756 url(../images/tab_back.png) 50% 30px no-repeat;background-size:30px;border:2px solid #47a756;}
ul.allTabList li.refresh a.on {background:#47a756 url(../images/tab_refresh.png) 50% 30px no-repeat;background-size:30px;border:2px solid #47a756;}
ul.allTabList li.next a.on {background:#47a756 url(../images/tab_next.png) 50% 30px no-repeat;background-size:30px;border:2px solid #47a756;}

/* テキスト用 */
ul.allTabList li.textTitle {}
ul.allTabList li.textTitle table {margin:0;padding:0;border:none;}
ul.allTabList li.textTitle table tr td {margin:0;padding:0;border:none;background-color:transparent;vertical-align:middle;height:56px;font-size:14px;color:#fff;font-weight:bold;line-height:1.0;text-align:center;letter-spacing:-0.1em;}

/* 一問一答用 */
ul.allTabList li.whichTitle {}
ul.allTabList li.whichTitle table {margin:0;padding:0;border:none;}
ul.allTabList li.whichTitle table tr td {margin:0;padding:0;border:none;background-color:transparent;vertical-align:middle;height:56px;font-size:14px;color:#fff;font-weight:bold;line-height:1.0;text-align:center;letter-spacing:-0.1em;}



/* ---------------------------

LP ランディングページ 

--------------------------- */

/* 共通 */
.lpBtn1 {background-color:#fff;border-radius:7px;font-size:23px;font-weight:bold;box-shadow:0 1px 3px #555;text-align:center;width:400px;}
.lpBtn1 a {display:block;color:#0d962d;padding:20px 0;}
.lpBtn2 {background-color:#fff;border-radius:7px;font-size:23px;font-weight:bold;box-shadow:0 1px 3px #555;text-align:center;width:500px;}
.lpBtn2 a {display:block;color:#0d962d;padding:20px 0;}

/* ヘッダー */
header.lpHeader {background:#47A756;padding:30px 0;width:100%;}
.lpHeaderBox {width:960px;margin:0 auto;position:relative;}
.lpHeaderBox img.icon {width:140px;height:auto;}
.lpHeaderLogin {position:absolute;right:0;top:-5px;font-weight:bold;font-size:15px;border-radius:30px;border:3px solid #268535;}
.lpHeaderLogin a {display:block;padding:7px 50px;color:#fff;}
.lpHeaderLogin:hover {background-color:#268535;}

/* メイン画像 */
.lpMainBg {width:100%;background-color:#eee;padding:1px 0;background:#777777 url(../images/top_main_bg.png) 50% top no-repeat;background-size:auto 1100px;height:530px;overflow:hidden;}
.lpMainBox {width:960px;margin:0 auto;padding:40px 0;position:relative;color:#111;background:url(../images/top_main_image.png) right top 30px no-repeat;background-size:400px;}
.lpMainContent {float:left;width:480px;}
.lpMainContentLogo {padding:15px 0;border:5px solid #47a756;border-radius:50px;margin:10px 85px 20px;width:300px;}
.lpMainContentHeading {font-size:32px;margin:0 0 15px;}
.lpMainBtnBox {margin:40px 10px 30px;}
.lpMainAttention {position:absolute;right:30px;bottom:15px;font-size:13px;color:#ddd;}

/* 3つの長所 */
.lpBg1 {width:100%;background-color:#fff;padding:1px 0;}
.lpBox1 {width:960px;margin:0 auto;padding:60px 0;}
.lpBox1 h2 {font-size:40px;margin:20px 0 40px;text-align:center;border:none;padding:0;font-weight:normal;}
.lpBox1Menu1 {float:left;padding:260px 10px 20px 20px;font-size:24px;letter-spacing:-0.01em;width:300px;background:url(../images/top_menu1.png) 50% top no-repeat;text-align:center;}
.lpBox1Menu2 {float:left;padding:260px 0px 20px 0px;font-size:24px;letter-spacing:-0.01em;width:300px;background:url(../images/top_menu2.png) 50% top no-repeat;text-align:center;}
.lpBox1Menu3 {float:left;padding:260px 20px 20px 10px;font-size:24px;letter-spacing:-0.01em;width:300px;background:url(../images/top_menu3.png) 50% top no-repeat;text-align:center;}

/* 価格比較 */
.lpBg2 {width:100%;background:#555555 url(../images/top_compare.png) left top no-repeat;height:440px;padding:1px 0;}
.lpBox2 {width:960px;margin:0 auto;padding:40px 0;color:#fff;font-size:18px;}
.lpBox2Content {float:left;width:400px;padding:20px;}
.lpBox2Heading {font-size:36px;margin:0 0 15px;}
.lpBox2Image {float:right;width:420px;padding:20px 0;}

/* リンク */
.lpBg3 {width:100%;background-color:#1bbf42;padding:1px 0;color:#fff;}
.lpBox3 {width:960px;margin:0 auto;padding:60px 0;text-align:center;}
.lpBox3Heading {font-size:36px;text-align:center;margin:0 0 15px;}
.lpBox3BtnBox {margin:60px 40px;}

/* メリット1 */
.lpBg4 {width:100%;background-color:#fff;padding:1px 0;font-size:18px;box-sizing:content-box;}
.lpBox4 {width:400px;margin:0 auto;padding:60px 20px 60px 400px;height:300px;background:url(../images/top_merit2.png) left 50px no-repeat;background-size:300px;}
.lpBox4Heading {font-size:36px;margin:0 0 20px;}

/* メリット2 */
.lpBg5 {width:100%;background-color:#f5f5f5;padding:1px 0;font-size:18px;box-sizing:content-box;}
.lpBox5 {width:400px;margin:0 auto;padding:60px 400px 60px 20px;height:300px;background:url(../images/top_merit1.png) right 50px no-repeat;background-size:300px;}
.lpBox5Heading {font-size:36px;margin:0 0 20px;}

/* 機能紹介 */
.lpBg6 {width:100%;background-color:#555;color:#fff;padding:1px 0;background:url(../images/top_content.png) 50% top no-repeat;background-size:2000px;}
.lpBox6 {width:960px;margin:0 auto;padding:60px 0;text-align:center;}
.lpBox6Heading {font-size:48px;margin:0 0 10px;}
.lpBox6Attention {font-size:14px;margin:0 0 20px;}
.lpBox6 table {font-size:18px;}
.lpBox6 table th {border:none;background:none;padding:30px 70px;}
.lpBox6 table td {border:none;padding:0 70px;text-align:left;}
.lpBox6ListBox {padding:20px;height:250px;width:300px;background:url(../images/top_content_menu2.png) left top repeat;}
.lpBox6 table td ul {color:#eee;padding:0 10px;border:none;margin:0;}
.lpBox6 table td ul li {text-align:center;margin:0 0 10px;padding:0;list-style-type:none;border:none;}
.lpBox6 table td ul li.lpBox6ListContent {background:url(../images/next_arrow.png) left 50% no-repeat;background-size:12px;margin:0;padding:7px 10px 5px 20px;text-align:left;}
.lpBox6BtnBox {margin:60px 40px;}

/* フッターメニューリンク */
.lpBg7 {background-color:#ddd;padding:30px 0;width:100%;}
.lpBox7 {width:960px;margin:0 auto;font-size:15px;}
.lpBox7MenuBox {float:left;width:240px;box-sizing:border-box;}
.lpBox7MenuHeading {font-size:18px;font-weight:bold;color:#333;margin:0 0 15px;}
.lpBox7MenuBox ul {margin:0 5px;padding:0;border:none;}
.lpBox7MenuBox ul li {padding:5px 0;margin:0;list-style-type:none;border:none;}
.lpBox7MenuBox ul li a {color:#333;text-decoration:none;}
.lpBox7MenuBox ul li.icon {float:left;padding:5px;}

/* フッター */
footer.lpFooter {background-color:#333;padding:30px 0;width:100%;}
.lpFooterBox {width:960px;margin:0 auto;text-align:center;font-size:13px;color:#fff;line-height:1.0;}



/* ---------------------------

HOME TOP ホーム/トップ

--------------------------- */

.homeTopBg {width:960px;margin:0 auto;box-sizing:border-box;min-height:100%;position:relative;padding:1px 0;}

.homeTopHeader {position:absolute;left:0;top:0;width:960px;height:65px;padding:1px 0;}
.homeTopHeader .logo {margin:20px 10px 0;color:#fff;font-size:16px;overflow:hidden;}
.homeTopHeader .logo img.logoImage {width:100px;height:auto;}
.homeTopResultButton {position:absolute;right:0;top:10px;}
.homeTopResultButton a {display:block;width:50px;height:50px;box-sizing:border-box;letter-spacing:0.1em;padding:13px 0 0;text-align:center;border:2px solid #268535;color:#fff;font-weight:bold;border-radius:50%;font-size:13px;}

.homeTopMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;}


/* ホームトップ/アカウントデータ */
.homeTopAccountBox {margin:10px 0 10px;text-align:center;line-height:1.3;}
.homeTopRank {float:left;width:33%;position:relative;}
.homeTopDeviation {position:relative;float:left;width:34%;}
.homeTopText {float:left;width:33%;}
.homeTopDeviation:after {position:absolute;left:0;top:0;height:40px;content:"";width:100%;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.homeTopAccountValue {font-size:48px;color:#434343;letter-spacing:0.02em;font-weight:bold;}
.homeTopAccountValue span {font-size:16px;font-weight:normal;}
.homeTopAccountHeading {font-weight:bold;font-size:13px;color:#999;margin:2px 0;}

.homeTopAccountProgress {position:absolute;left:20%;top:-6px;width:60%;height:4px;border-radius:5px;overflow:hidden;background-color:#ddd;}
.homeTopAccountProgressBar {float:left;height:100%;font-size:8px;line-height:8px;color:#fff;text-align:center;background-color:#FF8000;margin-right:7px;}


/* ホームトップ/今日のおすすめ科目 */
.homeTopTodayReccomend {margin:10px 0 20px;padding:10px 0;}
.homeTopHeading {font-size:12px;font-weight:bold;color:#555;margin:0 5px 5px;}


/* ホームトップ/今週のノルマ */
.homeTopQuota {margin:10px 0 20px;padding:10px 0;}
.homeTopQuotaLeft {float:left;width:33%;text-align:center;}
.homeTopQuotaCenter {float:left;width:34%;text-align:center;}
.homeTopQuotaRight {float:left;width:33%;text-align:center;}
.homeTopQuotaHeading {font-size:16px;margin:10px 0 0;}
.homeTopQuotaValue {font-size:16px;letter-spacing:-0.02em;font-weight:normal;color:#434343;}
.homeTopQuotaValue span {font-size:28px;font-weight:bold;letter-spacing:0em;}
.homeTopQuotaMaxValue {color:#c00;}
.homeTopQuotaButton {margin:5px 10px;}
.homeTopQuotaButton a {display:block;background-color:#47a756;padding:10px 0;border-radius:20px;font-size:11px;color:#fff;}


/* ホームトップ/今週のノルマ */
.homeTopService {margin:10px 0 20px;padding:10px 0;font-size:17px;}
.homeTopServiceLaw{float:left;width:33%;background:url(../images/tab_law_pc.png) left 50% top 35px no-repeat;background-size:60px;text-align:center;}
.homeTopServicePrecedent{float:left;width:34%;background:url(../images/tab_precedent_pc.png) left 50% top 35px no-repeat;background-size:60px;text-align:center;}
.homeTopServiceTerm{float:left;width:33%;background:url(../images/tab_term_pc.png) left 50% top 35px no-repeat;background-size:60px;text-align:center;}
.homeTopServiceButton {margin:75px 10px 0;}
.homeTopServiceButton a {display:block;background-color:#47a756;border-radius:20px;color:#fff;font-size:11px;padding:10px 0;}


/* ホームトップ/お知らせ */
.homeTopNews {margin:10px 0 20px;padding:10px 0;}
ul.homeTopNewsList {border-top:1px solid #e7e7e7;}
ul.homeTopNewsList li {list-style-type:none;border-bottom:1px solid #e7e7e7;margin:0;padding:0;background:url(../images/menu_list_arrow.png) right 10px top 50% no-repeat;background-size:8px;}
ul.homeTopNewsList li a {display:block;padding:10px 50px 10px 10px;margin:0;color:#535353;font-size:16px;line-height:1.4;}
ul.homeTopNewsList li a div {font-size:14px;font-weight:bold;margin:0 0 3px;}

/* ホームトップ/要望・不具合 */
.homeTopForm {margin:10px 0 20px;padding:10px 0;}



/* ---------------------------

HOME SERVICE ホーム/学習補助

--------------------------- */

/* 法律集*/
.lawMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}
.lawExamBox {border-bottom:1px solid #ddd;padding:20px 0;margin:20px 0 0;}
.lawExamTitle {font-weight:bold;font-size:16px;}

/* 判例集 */
.precedentMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}

/* 用語集 */
.termMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}




/* ---------------------------

COURSE TOP 科目/トップ

--------------------------- */

/* テキストトップ */
.textTopBg {position:relative;width:960px;min-height:100%;margin: auto;box-sizing:border-box;padding:1px 0;}
.textTopHeader {height:40px;z-index:10;padding:9px 0;box-sizing:border-box;text-align:center;font-size:16px;font-weight:bold;color:#fff;}
.textTopMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}

.textTopLeft {position:relative;float:left;width:50%;height:50%;padding:5px;box-sizing:border-box;}
.textTopRight {position:relative;float:right;width:50%;height:50%;padding:5px;box-sizing:border-box;}

.textTopLeft:before {position:absolute;left:10px;right:0;top:0;bottom:-5px;content:"";box-sizing:border-box;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.textTopRight:before {position:absolute;left:0;right:10px;top:0;bottom:-5px;content:"";box-sizing:border-box;border-bottom:1px solid #eee;}


.textTopCategoryBox {position:relative;height:100%;color:#fff;overflow:hidden;border-radius:5px;}
.textTopCategoryBox a {display:block;color:#268535;}
.textTopCategoryTitle {text-align:center;padding:7px 0 3px;color:#268535;font-size:16px;font-weight:bold;}
.textTopCategoryButton {position:absolute;left:10px;bottom:10px;right:10px;text-align:center;border-radius:20px;font-size:13px;color:#fff;background-color:#47a756;padding:8px 0;}



/* ---------------------------

COURSE CATEGORY 科目/カテゴリー

--------------------------- */

.textCategoryMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}

/* テキスト一覧 */
.textInfoBox {position:relative;border:1px solid #eee;border-radius:7px;padding:10px;margin:10px 0;}
.textInfoFlg {position:absolute;right:10px;top:10px;width:30px;height:30px;background:url(../images/course_flg.png) left top no-repeat;background-size:30px;}
.textInfoTitle {font-size:16px;padding:2px 0 0 35px;}
.textInfoYouRate {margin:10px 0;float:left;width:50%;text-align:center;line-height:1.3;font-weight:bold;}
.textInfoAllRate {margin:10px 0;float:right;width:50%;text-align:center;line-height:1.3;font-weight:bold;}
.textInfoYouRateValue {font-size:48px;color:#434343;letter-spacing:0.02em;}
.textInfoYouRateValue span {font-size:16px;}
.textInfoYouRateHeading {font-weight:bold;font-size:11px;color:#999;margin:2px 0;}
.textInfoAllRateValue {font-size:48px;color:#434343;letter-spacing:0.02em;}
.textInfoAllRateValue span {font-size:16px;}
.textInfoAllRateHeading {font-weight:bold;font-size:11px;color:#999;margin:2px 0;}
.textInfoTextButton {margin:5px 0;float:left;width:50%;text-align:center;padding:0 6px 0 0;box-sizing:border-box;}
.textInfoTestButton {margin:5px 0;float:left;width:50%;text-align:center;padding:0 0 0 6px;box-sizing:border-box;}
.textInfoTextButton a {display:block;background-color:#47a756;padding:10px 0;border-radius:20px;font-size:11px;color:#fff;}
.textInfoTestButton a {display:block;background-color:#47a756;padding:10px 0;border-radius:20px;font-size:11px;color:#fff;}
.textInfoCategory1 {background:url(../images/course_category_1.png) left top no-repeat;background-size:28px;}
.textInfoCategory2 {background:url(../images/course_category_2.png) left top no-repeat;background-size:28px;}
.textInfoCategory3 {background:url(../images/course_category_3.png) left top no-repeat;background-size:28px;}
.textInfoCategory4 {background:url(../images/course_category_4.png) left top no-repeat;background-size:28px;}



/* ---------------------------

COURSE TEXT 科目/テキスト

--------------------------- */

.textBg {position:relative;width:960px;;min-height:100%;margin:0 auto;padding:1px 0;}
.textMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}

/* テキスト/ヘッダー */
.textHeader {position:relative;background-color:#47A756;padding:1px 0;height:65px;}
.textHeader .logo {margin:20px 10px 0;color:#fff;font-size:16px;overflow:hidden;font-weight:bold;text-align:center;}
.textHeader .logo img.logoImage {width:200px;height:auto;}
.textHeaderLeft {position:absolute;left:5px;top:10px;}

/* テキスト/ボタン */
.textButtonBox {position:fixed;width:100%;height:60px;left:0;bottom:0;}
.textResumeButton {background:url(../images/button_bg.png) left top repeat;text-align:center;float:left;width:35%;margin:0 5% 0 10%;border-radius:20px;overflow:hidden;}
.textTestButton {background:url(../images/button_bg.png) left top repeat;text-align:center;float:left;width:35%;margin:0 10% 0 5%;border-radius:20px;overflow:hidden;}
.textResumeButton a, .textTestButton a {display:block;margin:2px;border:2px solid #fff;padding:10px 0;color:#fff;font-size:13px;border-radius:20px;font-weight:normal;}

/* テキスト/テキストデザイン */
.textMain h1 {margin:20px 10px 0;font-size:20px;color:#333;text-align:center;}
.textMain h2 {font-size:21px;color:#268535;margin:25px 5px 10px;background-color:#fff;border:none;padding:0;font-weight:bold;}
.textMain h3 {font-size:17px;color:#333;margin:20px 10px 5px;background-color:#fff;border:none;padding:0;font-weight:bold;}
.textMain p {margin:5px 10px 20px;line-height:1.6;}
.textMain b {font-weight:bold;color:#333;}
.textMain strong {font-weight:bold;color:#268535;}
.textMain ul {margin:5px 5px 25px;padding:0;}
.textMain ul li {list-style-type:square;padding:5px;margin:0 0 0 25px;line-height:1.4;}
.textMain ol {margin:5px 5px 15px;padding:0;list-style:none;counter-reset:li;}
.textMain ol li {position:relative;list-style-type:none;padding:5px 5px 5px 30px;margin:0;line-height:1.4;}
.textMain ol li:before {content:counter(li);counter-increment:li;font-weight:bold;color:#434343;position:absolute;top:5px;left:0;width:24px;height:20px;text-align:center;line-height:1.4;}

/* テキスト/テキストタブ */
.main1 {}
ul.content_main1 {display:none;}
.main1_assistBox {height:70px;}
ul.main1_assist {position:relative;margin:0;width:100%;padding:0;background-color:#fff;}
ul.main1_assist li.prev, ul.main1_assist li.next {list-style-type:none;margin:5px 0 0;width:60px;height:60px;color:#fff;font-weight:bold;font-size:12px;box-sizing:border-box;border:2px solid #268535;text-align:center;border-radius:30px;overflow:hidden;cursor:pointer;}
ul.main1_assist li.prev {float:left;padding:20px 0 0 10px;box-sizing:border-box;background:#47A756 url(../images/before_arrow.png) left 8px top 50% no-repeat;background-size:8px;}
ul.main1_assist li.next {float:right;padding:20px 10px 0 0;background:#47A756 url(../images/next_arrow.png) right 8px top 50% no-repeat;background-size:8px;}
ul.main1_assist .chapterBox {position:absolute;text-align:center;top:20px;left:70px;right:70px;font-size:16px;letter-spacing:-0.01em;}
ul.main1_assist .chapterBox .navProcessValue {font-weight:bold;font-size:28px;}
.main1 section {float:left;width:100%;}
.main1 section.off {display:none;z-index:1;}
.main1 section.on {display:block;z-index:1;}




/* ---------------------------

COURSE EXAM 科目/確認テスト

--------------------------- */

.examRange {position:absolute;left:205px;top:55px;font-size:12px;color:#fff;font-weight:bold;margin:20px 12px 0;line-height:1.3;}
.textExamMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}

/* 確認テスト結果/正誤リスト */
ul.courseExamResultList {background-color:#fff;border-top:1px solid #ddd;}
ul.courseExamResultList li {position:relative;border-bottom:1px solid #ddd;margin:0;padding:0;list-style-type:none;background:url(../images/menu_list_arrow.png) right 15px top 50% no-repeat;background-size:8px;}
ul.courseExamResultList li a {display:block;font-size:16px;padding:15px;color:#434343;}
ul.courseExamResultList li a .courseExamResultIcon {position:absolute;font-size:18px;right:50px;top:15px;width:100px;text-align:right;color:#10b0e3;}

/* 確認テスト結果/アカウント情報 */
.courseExamResultValue {margin:0 -10px;background-color:#fff;padding:20px;border-bottom:1px solid #ddd;}
.courseExamResultValueBox {position:relative;text-align:right;padding:10px;font-size:24px;color:#333;}
.courseExamResultValueBox div {position:absolute;left:10px;top:18px;font-size:13px;color:#555;font-weight:bold;}
.courseExamResultValueBox span {font-size:13px;}

/* 確認テスト結果/残り経験値バー */
.courseExanRankBox {width:100%;height:12px;margin:20px 0 0;padding:0;box-sizing:border-box;}
.courseExanRank {width:100%;height:12px;border-radius:5px;overflow:hidden;background-color:#ddd;}
.courseExanRankBar {float:left;height:100%;font-size:12px;line-height:10px;color:#fff;text-align:center;background-color:#e8c94e;-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;margin-right:7px;}
.courseExanRankDescription {font-size:15px;font-weight:bold;text-align:center;margin:20px 0 50px;}



/* ---------------------------

TEST TOP 問題/トップ

--------------------------- */


/* 問題トップ */
.testTopBg {position:relative;width:960px;min-height:100%;margin:0 auto;box-sizing:border-box;padding:1px 0;}
.testTopMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}

.testTopButtonBox {margin:10px;}
.testTopWhichButton {margin:10px 30px;padding:2px;text-align:center;background:url(../images/button_bg.png) left top repeat;font-size:13px;border-radius:20px;overflow:hidden;}
.testTopGoastButton {margin:10px 30px;padding:2px;text-align:center;background:url(../images/button_bg.png) left top repeat;font-size:13px;border-radius:20px;overflow:hidden;}
.testTopTestButton {margin:10px 30px;padding:2px;text-align:center;background:url(../images/button_bg.png) left top repeat;font-size:13px;border-radius:20px;overflow:hidden;}
.testTopWhichButton a {display:block;color:#fff;border:2px solid #fff;border-radius:20px;padding:10px 0;}
.testTopGoastButton a {display:block;color:#fff;border:2px solid #fff;border-radius:20px;padding:10px 0;}
.testTopTestButton a {display:block;color:#fff;border:2px solid #fff;border-radius:20px;padding:10px 0;}

.testTopBox {color:#fff;padding:10px;width:100%;box-sizing:border-box;background:url(../images/top_content.png) right 50% top no-repeat;background-size:150%;height:40%;margin:0 0 30px;}
.testTopLeft {position:relative;float:left;width:400px;height:100%;overflow:hidden;}
.testTopRight {float:right;width:35%;text-align:center;}
.testTopRightTitle {font-size:18px;font-weight:bold;margin:15px 0 10px;}
.testTopRightValue {font-size:64px;line-height:1.3;border:2px solid #ddd;border-radius:5px;margin:0 20px;}
.testTopRightIndication {font-size:17px;margin:10px 0 15px;}
.testTopPointResult {position:relative;font-size:10px;margin:3px 10px;text-align:left;padding:0 0 0 20px;}
.testTopRateResult {position:relative;font-size:10px;margin:3px 10px;text-align:left;padding:0 0 0 20px;}
.testTopPointResult:before {position:absolute;left:0;top:2px;content:"";width:12px;height:12px;background-color:#7ca980;border:1px solid #dcffdc;}
.testTopRateResult:before {position:absolute;left:0;top:2px;content:"";width:12px;height:12px;background-color:#90775e;border:1px solid #ff9696;}

.testTopAll {position:absolute;left:37%;top:10%;font-size:13px;font-weight:bold;text-align:center;width:30%;letter-spacing:-0.05em;}
.testTopCategory1 {position:absolute;left:11%;top:40%;font-size:13px;font-weight:bold;text-align:center;width:30%;letter-spacing:-0.05em;}
.testTopCategory2 {position:absolute;left:60%;top:40%;font-size:13px;font-weight:bold;text-align:center;width:30%;letter-spacing:-0.05em;}
.testTopCategory3 {position:absolute;left:11%;top:70%;font-size:13px;font-weight:bold;text-align:center;width:30%;letter-spacing:-0.05em;}
.testTopCategory4 {position:absolute;left:60%;top:70%;font-size:13px;font-weight:bold;text-align:center;width:30%;letter-spacing:-0.05em;}
.testTopGraphBlur {position:absolute;left:35%;top:28%;font-size:110px;font-weight:bold;text-align:center;width:30%;opacity:0.6;}
.lineChartCanvasBlur {opacity:0.5;}



/* ---------------------------

WHICH TOP 一問一答/トップ

--------------------------- */

.whichTopBg {position:relative;width:960px;min-height:100%;margin:0 auto;padding:1px 0;}
.whichTopMain {position:relative;margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 40px;border-radius:10px;z-index:1;}

/* 出題設定 */
.categoryBox {margin:0;color:#777;font-size:11px;background-color:#f3f3f3;padding:12px 10px;}
.categoryBox .categoryValue {box-sizing:border-box;padding:0 5px;}


/* 問題デザイン */
.qBx {font-size:17px;}
.qName {text-align:right;font-size:13px;color:#555;}
.qRate {position:absolute;text-align:right;top:40px;right:20px;font-size:17px;color:#434343;}
.qRate span {font-size:28px;font-weight:bold;letter-spacing:0.02em;padding:0 3px;}

/* ○×ボタン */
.btnBx {margin:40px 0 0;padding:0 10px;box-sizing:border-box;width:100%;text-align:center;line-height:1.0;color:#fff;font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
.btnBx .yesBtn {position:relative;float:left;width:50%;font-size:48px;padding:16px 0;background-color:#5d6d87;border-radius:40px 0 0 40px;height:80px;box-sizing:border-box;cursor:pointer;}
.btnBx .noBtn {float:right;width:50%;font-size:60px;padding:9px 0;background-color:#5d6d87;border-radius:0 40px 40px 0;height:80px;box-sizing:border-box;cursor:pointer;}
.btnBx .yesBtn:before {position:absolute;right:0;top:10px;height:60px;border-right:1px solid #a8b7d0;content:"";}

/* ボタン */
.whichTopButtonBox {margin:30px 0;padding:20px 0 0;border-top:1px solid #ddd;}
.whichTopLeftButton {float:left;width:50%;padding:10px;box-sizing:border-box;}
.whichTopRightButton {float:right;width:50%;padding:10px;box-sizing:border-box;}
.whichTopLeftButton a, .whichTopRightButton a {display:block;padding:15px 0;color:#fff;background-color:#47a756;font-size:15px;border-radius:25px;text-align:center;}



/* ---------------------------

WHICH 一問一答

--------------------------- */

.whichMain {position:relative;margin:20px 0 20px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}
.firstWhichMain {margin:100px 0 20px 200px;}

/* 2択問題 */
#whichResultOverlay {display:none;width:100%;height:100%;text-align:center;position:fixed;left:0;top:0;z-index:100;background:#47a756;}
.whichResultHeading {font-size:48px;letter-spacing:-0.02em;color:#fff;font-weight:bold;margin:60px 0 30px;}
.whichResultImage {margin:30px 70px;}
.whichNextButton {position:fixed;position:fixed;left:0;bottom:0;background-color:#fff;border-top:1px solid #aaa;;width:100%;z-index:9999;}
.whichNextButton a {display:block;color:#268535;font-weight:bold;font-size:21px;padding:20px 0;text-align:center;}
.whichResultTitle {color:#fff;font-size:17px;text-align:center;margin:20px 15px 15px;font-weight:bold;}
h1.whichResult {font-size:19px;margin:15px 5px;color:#333;}

/* 次の問題へボタン */
.nextWhichButton {margin:20px 0 20px 200px;width:760px;text-align:center;font-weight:bold;letter-spacing:0.05em;background-color:#429B50;border:5px solid #fff;border-radius:10px;overflow:hidden;}
.nextWhichButton a {display:block;color:#fff;font-size:24px;padding:20px 0;}
.nextWhichButton:hover {background-color:#268535;}



/* ---------------------------

TEST GOAST TOP 問題集/ゴースト対戦/トップ

--------------------------- */

.goastTopMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}
.goastMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}

#goastResultOverlay {width:100%;height:100%;text-align:center;position:fixed;left:0;top:0;z-index:100;background:#fff;color:#fff;font-size:18px;}
.goastResultHeading {z-index:150;display:table;width:100%;height:25%;box-sizing:border-box;background-color:#47a756;border-bottom:6px solid #268535;}
.goastResultHeading div {display:table-cell;font-size:32px;vertical-align:middle;}
.goastResultHeading div span {display:none;}
.goastResultLeft, .goastResultRight {z-index:120;position:fixed;top:24%;width:50%;height:76%;box-sizing:border-box;padding:100px 0;}
.goastResultLeft {left:-50%;background:#47a756 url(../images/player.png) left 50% top 80px no-repeat;background-size:120px;border-right:3px solid #268535;}
.goastResultRight {right:-50%;background:#555 url(../images/goast_b.png) left 50% top 80px no-repeat;background-size:120px;border-left:3px solid #268535;}
.goastResultLeft span, .goastResultRight span {font-size:56px;}
.goastResultLeft div, .goastResultRight div {display:none;font-size:36px;}

/* 対戦結果 */
.goastEndLeft {float:left;width:50%;background:url(../images/player.png) left 50% top 0px no-repeat;background-size:100px;padding:100px 0 0;box-sizing:border-box;}
.goastEndRight {float:right;width:50%;background:url(../images/goast.png) left 50% top 0px no-repeat;background-size:100px;padding:100px 0 0;box-sizing:border-box;}
.goastEndHeading {text-align:center;font-size:13px;font-weight:bold;margin:5px 0 0;}
ul.goastEndList {font-size:15px;margin:0;padding:8px 0;text-align:center;}
ul.goastEndList li {list-style-type:none;border-bottom:1px solid #ddd;margin:0;padding:15px;}
ul.goastEndList li:first-child {border-top:1px solid #ddd;}
.goastEndRight ul.goastEndList {border-left:1px solid #ddd;}




/* ---------------------------

TEST EXAM 問題集/模擬試験

--------------------------- */

.examMain {position:relative;margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}

/* 模擬試験リスト */
ul.examSelectList {border-top:1px solid #ccc;}
ul.examSelectList li {list-style-type:none;border-bottom:1px solid #ccc;margin:0;padding:0;}
ul.examSelectList li a {color:#333;font-weight:bold;font-size:16px;display:block;padding:15px 10px 10px;}
ul.examSelectList li a span {color:#555;font-weight:normal;font-size:13px;}

/* テキスト一覧 */

.examInfoBox {position:relative;border:1px solid #eee;border-radius:7px;padding:10px;margin:10px 0;}
.examInfoTitle {font-size:16px;padding:2px 5px 0;}
.examInfoYouRate {margin:10px 0;float:left;width:33%;text-align:center;line-height:1.3;}
.examInfoAllRate {margin:10px 0;float:left;width:34%;text-align:center;line-height:1.3;}
.examInfoGoalRate {margin:10px 0;float:left;width:33%;text-align:center;line-height:1.3;}
.examInfoRateValue {font-size:26px;color:#434343;letter-spacing:0.02em;}
.examInfoRateValue span {font-size:14px;}
.examInfoHeading {font-weight:bold;font-size:11px;color:#999;margin:2px 0;}
.examInfoButton {margin:5px 0;text-align:center;box-sizing:border-box;}
.examInfoButton a {display:block;background-color:#47a756;padding:10px 0;border-radius:20px;font-size:11px;color:#fff;}

/* 回答選択ボタン */
ul.examQuestionSelectList {margin:40px 0 30px;}
ul.examQuestionSelectList li {float:left;margin:0 40px;list-style-type:none;width:100px;padding:0;}
ul.examQuestionSelectList li a {display:block;color:#333;border:2px solid #555;padding:33px 0 0;border-radius:50%;text-align:center;font-weight:bold;font-size:18px;box-sizing:border-box;height:100px;}



/* ---------------------------

TEST EXAM INFO 問題集/模擬試験/解説

--------------------------- */

.examInfoMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}



/* ---------------------------

MEMO TOP レジュメ/トップ

--------------------------- */

/* レジュメトップ */
.memoTopBg {position:relative;width:960px;min-height:100%;margin:0 auto;padding:1px 0;}
.memoTopSearchButton {position:fixed;right:10px;top:20px;z-index:300;}
.memoTopSearchButton a {padding:7px 16px;background-color:#fff;color:#47a756;font-weight:bold;border-radius:15px;font-size:13px;box-shadow:0 0 3px #555;}

.memoTopHeaderInfo {position:absolute;right:15px;top:20px;background:url(../images/button_info_icon.png) left top no-repeat;background-size:40px;width:40px;height:40px;}
.memoTopHeaderInfo a {display:block;width:40px;height:40px;}

.memoTopMain {position:relative;margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}


/* レジュメトップ/レジュメ */
.memoTopListBox {padding:1px 0;margin:20px 0;background:url(../images/memo_user_icon.png) left 3px top 20px no-repeat;background-size:60px;}
.memoTopListBox a {display:block;padding:20px 20px 0;}
.memoTopListDate {color:#999;font-size:13px;font-weight:bold;margin:0 10px 0 70px;}
.memoTopListContent {position:relative;padding:12px;font-size:17px;color:#222;background-color:#f5f5f5;border:2px solid #ddd;border-radius:10px;margin:0 20px 0 60px;}
.memoTopListContent:before {position:absolute;left:-19px;top:8px;border:9px solid transparent;border-right:10px solid #ddd;content:"";}
.memoTopListContent:after {position:absolute;left:-15px;top:10px;border:7px solid transparent;border-right:8px solid #f5f5f5;content:"";}
.memoTopListContent div {font-size:14px;font-weight:bold;}
.memoTopListContent:hover {background-color:#f2fbff;border:2px solid #aed3e1;}
.memoTopListContent:hover:before {position:absolute;left:-19px;top:8px;border:9px solid transparent;border-right:10px solid #aed3e1;content:"";}
.memoTopListContent:hover:after {position:absolute;left:-15px;top:10px;border:7px solid transparent;border-right:8px solid #f2fbff;content:"";}

/*
.memoTopListBox {position:relative;padding:0;border-top:1px solid #eee;}
.memoTopListBox a {display:block;padding:0;}
.memoTopListDate {position:absolute;right:10px;top:10px;color:#999;font-size:12px;font-weight:bold;margin:0 10px;z-index:100;}
.memoTopListContent {position:relative;font-size:16px;color:#222;padding:20px 200px 20px 10px;border:2px solid #fff;z-index:2;}
.memoTopListContent div {font-size:14px;font-weight:bold;color:#1e92bb;}
.memoTopListContent:hover {background-color:#f2fbff;border:2px solid #aed3e1;}
*/

.memoTopListCommentBox {padding:1px 0;margin:20px 0;background:url(../images/memo_comment_icon.png) left 3px top 20px no-repeat;background-size:60px;}
.memoTopListCommentBox a {display:block;padding:20px 20px 0;}
.memoTopListCommentDate {color:#999;font-size:13px;font-weight:bold;margin:0 10px 0 70px;}
.memoTopListCommentContent {position:relative;padding:12px;font-size:17px;color:#222;background-color:#d2fdca;border-radius:10px;margin:0 20px 0 60px;}
.memoTopListCommentContent:before {position:absolute;left:-20px;top:10px;border:10px solid transparent;border-right:16px solid #d2fdca;content:"";}
.memoTopListCommentContent div {font-size:14px;font-weight:bold;}

/* レジュメトップ/レジュメない場合 */
.memoTopNoneBox {padding:100px 0;text-align:center;}
.memoTopNoneHeading {font-size:17px;}
.memoTopNoneButton {font-size:14px;margin:30px 0;}
.memoTopNoneButton a {background-color:#268535;padding:10px 20px;border-radius:20px;color:#fff;}



/* ---------------------------

MEMO UPDATE レジュメ/更新

--------------------------- */

.memoUpdateBg {position:relative;width:960px;margin:0 auto;padding:1px 0;}
.memoUpdateMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}
textarea.memoTextarea {font-size:15px;width:100%;min-height:300px;}




/* ---------------------------

RESULT 成績管理

--------------------------- */

.resultHeader {position:relative;background:#47a756;padding:1px 0;height:60px;}
.resultHeader .logo {margin:18px 10px 0;color:#fff;font-size:16px;overflow:hidden;text-align:center;}
.resultHeader .logo img.logoImage {width:100px;height:auto;}
.resultHeaderClose {position:absolute;left:15px;top:11px;background:url(../images/button_batsu_icon.png) left top no-repeat;background-size:40px;width:40px;height:40px;}
.resultHeaderClose a {display:block;width:40px;height:40px;}


.resultMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}
.resultMain h2 {font-size:13px;margin:0;color:#111;border:none;padding:10px 15px 0;font-weight:bold;}
ul.resultList {margin:0;padding:0;}
ul.resultList li {position:relative;list-style-type:none;margin:10px;border-radius:5px;background-color:#eee;padding:12px 15px;font-size:13px;}
ul.resultList li div {position:absolute;right:15px;top:12px;font-weight:bold;color:#434343;}



/* ---------------------------

MYPAGE マイページ/トップ

--------------------------- */

.mypageTopBg {position:relative;width:960px;margin:0 auto;padding:1px 0;}

/* マイページトップ */
.mypageHeader {position:absolute;left:0;top:0;width:960px;height:65px;padding:1px 0;}
.mypageHeader .logo {margin:20px 10px 0;color:#fff;font-size:16px;overflow:hidden;text-align:center;}
.mypageHeader .logo img.logoImage {width:100px;height:auto;}

.mypageMain {margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}
.mypageHeading {color:#777;font-size:12px;}
ul.mypageList {background-color:#fff;border-top:1px solid #ddd;margin:0 -10px 20px;padding:0;}
ul.mypageList li {border-bottom:1px solid #ddd;font-size:14px;margin:0;padding:0;list-style-type:none;}
ul.mypageList li a {display:block;padding:15px 20px;color:#333;}



/* ---------------------------

PREMIUM プレミアム会員

--------------------------- */

.premiumInfoMain {position:relative;margin:100px 0 100px 200px;width:760px;background-color:#fff;box-sizing:border-box;padding:30px 20px 20px;border-radius:10px;z-index:1;}




/* ---------------------------

COMMON 共通

--------------------------- */

.bg {position:relative;width:960px;margin:0 auto;padding:1px 0;}

/* 共通/ヘッダー */
.commonHeader {position:absolute;left:0;top:0;width:960px;height:65px;padding:1px 0;}
.commonHeaderClose {position:absolute;left:15px;top:11px;background:url(../images/button_batsu_icon.png) left top no-repeat;background-size:40px;width:40px;height:40px;}
.commonHeaderClose a {display:block;width:40px;height:40px;}
.commonHeaderRight {position:absolute;right:10px;top:10px;}
.commonHeaderRight .memoUpdateButton {display:block;padding:5px 8px 5px;color:#fff;font-weight:bold;font-size:13px;border:2px solid #268535;border-radius:15px;}
.commonLogo {margin:20px 10px 0;color:#fff;font-size:16px;overflow:hidden;text-align:center;font-weight:bold;}
.commonLogo img.logoImage {width:100px;height:auto;}

.buttonLink {}
.buttonLink:hover {cursor:pointer;}

/* リンク用のリスト */
ul.linkList {font-size:15px;border-top:1px solid #ddd;margin:5px -10px 0;padding:0;background-color:#fff;}
ul.linkList li {border-bottom:1px solid #ddd;list-style-type:none;margin:0;padding:0;background:url(../images/menu_list_arrow.png) right 20px top 50% no-repeat;background-size:8px;}
ul.linkList li a {display:block;font-weight:bold;color:#3c71f8;padding:20px 15px 19px;}

.space {height:50px;margin:0;padding:0;width:100%;}

/* ぼかし*/
.blur {text-shadow:0px 0px 40px #434343;color:transparent;}
.blurWhite {text-shadow:0px 0px 45px #fff;color:transparent;}


/* ログインを促す */
.attentionAccountBox {position:relative;border:2px solid #47a756;border-radius:5px;padding:10px;margin:0 0 70px;height:66px;}
.attentionAccountContent {margin:9px 200px 0 0;color:#268535;}
.attentionAccountLoginButton {position:absolute;right:110px;top:10px;width:80px;height:40px;background-color:#47a756;border-radius:20px;}
.attentionAccountSignupButton {position:absolute;right:10px;top:10px;width:80px;height:40px;background-color:#47a756;border-radius:20px;}
.attentionAccountLoginButton a {display:block;text-align:center;color:#fff;padding:10px 0 0;font-size:13px;}
.attentionAccountSignupButton a {display:block;text-align:center;color:#fff;padding:10px 0 0;font-size:13px;}


/* ---------------------------

COMMON MODAL 共通/モーダル

--------------------------- */

/* 共通/モーダル */
#modalContent {position:fixed;box-sizing:border-box;width:960px;padding:30px;background-color:#fff;display:none;z-index:9999;height:70%;overflow:hidden;margin:0 auto;top:15%;border-radius:10px;}
#modalContent p {margin:10px 0 20px;}
#modalInfoContent {position:fixed;box-sizing:border-box;width:960px;padding:30px;background-color:#fff;display:none;z-index:9999;height:70%;overflow:hidden;margin:0 auto;top:15%;border-radius:10px;}
#modalInfoContent p {margin:10px 0 20px;}
#modalTextContent {position:fixed;box-sizing:border-box;width:960px;padding:30px;background-color:#fff;display:none;z-index:9999;height:70%;overflow:hidden;margin:0 auto;top:15%;border-radius:10px;}
#modalTextContent p {margin:10px 0 20px;}
#modalOverlay {z-index:1;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.75);}
.modalBox {height:100%;overflow:auto;font-size:14px;padding:40px 0 0;box-sizing:border-box;}
.modalBox::-webkit-scrollbar {display:none;}

.modalHidden {display:none;}
.modalBox h1 {text-align:center;font-size:17px;}
.modalTitleBox {text-align:center;font-weight:bold;font-size:17px;margin:0 0 20px;}

.modalOpenLink {display:block;}

.modalCloseButton {position:absolute;left:20px;top:20px;background:url(../images/button_batsu_icon.png) left top no-repeat;background-size:40px;width:40px;height:40px;z-index:9999;cursor:pointer;}
a#modalClose {display:block;width:40px;height:40px;}

/* モーダル用テキストエリア */
textarea.modalTextarea {padding:5px;-webkit-appearance:none;font-size:16px;min-height:150px;width:100%;}

/* モーダル用チェックボックス */
input[type="checkbox"].modalCheck {display:none;}
input[type="checkbox"].modalCheck + label {cursor:pointer;margin:20px 0 5px;font-size:17px;display:block;width:220px;background:url(../images/check_none_icon.png) left top no-repeat;background-size:30px;padding:3px 0 5px 40px;color:#286535;}
input[type="checkbox"].modalCheck:checked + label {background:url(../images/check_icon.png) left top no-repeat;background-size:30px;}
.modalCheckLock {margin:20px 0 5px;font-size:17px;display:block;width:220px;background:url(../images/lock_icon.png) left top no-repeat;background-size:30px;padding:3px 0 5px 40px;color:#286535;}



/* モーダル用リンクボタン */
.modalLinkButton {text-align:center;margin:20px 0;border-radius:5px;overflow:hidden;background-color:#47a756;padding:15px 0;color:#fff;cursor:pointer;font-size:19px;}
.modalLinkButton1 {text-align:center;margin:20px 0;border-radius:5px;overflow:hidden;}
.modalLinkButton2 {text-align:center;margin:20px 0;border-radius:5px;overflow:hidden;}
.modalLinkButton3 {text-align:center;margin:20px 0;border-radius:5px;overflow:hidden;}
.modalLinkButton1 a {display:block;background-color:#47a756;padding:15px 0;color:#fff;}
.modalLinkButton2 a {display:block;background-color:#47a756;padding:15px 0;color:#fff;}
.modalLinkButton3 a {display:block;background-color:#47a756;padding:15px 0;color:#fff;}



/* ---------------------------

COMMON MEMO 共通/レジュメ

--------------------------- */

/* レジュメボックス */
.memoBox {margin:40px 0 20px;padding:20px 0 0;border-top:1px solid #ddd;}
.memoCreateButton {margin:0 auto;margin-top:20px;width:400px;}
.memoCreateButton a {display:block;padding:10px 0;color:#fff;background-color:#47a756;font-size:15px;border-radius:20px;text-align:center;}

.memoInfoButton {color:#3f7dd2;font-size:13px;cursor:pointer;width:200px;}
.memoInfoContent {display:none;border:1px solid #eee;padding:5px;margin:5px 0 0;border-radius:5px;}
#modalContent .memoInfoContent p {margin:0 0 5px;}