@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
figure {
	margin:0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* -------------------------------------------------------------- */

body {
	color: #333;
	font: 14px verdana, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	border-top: 4px solid #e03d46;
	border-bottom: 4px solid #e03d46;
	background: #f8f4e9;
}

html {
	overflow-y:scroll;
}
/* リンク設定FF
------------------------------------------------------------*/
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #d80d18;
}
a:active, a:focus {
	outline: 0;
}
/* 全体
------------------------------------------------------------*/
#container {
	margin: 0 auto;
	padding: 0;
	position: relative;
	background: #f8f4e9;
}
.inner, .inner_head {
	margin: 0 auto;
	width: 100%;
}
/*************
/* ヘッダー
*************/
h1 {
}
#header {
	padding: 5px 0 10px 0;
	background: #fff url(../images/bg_header.png) repeat-x left top;
}
#header .inner_head {
	position: relative;
	display: block;
	height: 51px;
}
#header .inner {
	clear: both;
	position: relative;
	z-index: 3;
	background: url(../images/image_header1.jpg) no-repeat top right;
}
* html #header {
	height: 1%;
}
/* ロゴ
------------------------------------------------------------*/
#header .logo {
	width: 500px;
	float: left;
	margin-top: 0;
	padding: 15px 0 15px 0;
	height: 73px;
}
#header .logo img.logo1 {
}
#header .logo img.logo2 {
}
#header div#pagetop {
	padding: 0;
}
/*CFO協会ロゴ*/
#header p.logo0 {
	float: left;
	font-size: 140%;
	margin: 3px 20px 10px 0;
}
/* ログイン
------------------------------------------------------------*/
#header .inner_head #login {
	position: relative;
	width: auto;
	float: right;
}
#header .login_icon {
	float: left;
	border: 1px solid #ccc;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	margin-top: 3px;
}
#header .login_name {
	float: left;
	width: auto;
	color: #333;
	padding-top: 10px;
	cursor: pointer;
}
/* ログインボックス開く*/
#login {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	width: auto;
	height: 40px;
}
#login:hover {
}
#login p.login_name {
	font-size: 93%;
}
#login p.login_name:hover {
	color: #d80d18;
}
#login div {
	display: none;
	position: absolute;
	top: 40px;
	right: 8px;
	padding: 10px 15px 8px 15px;
	width: 122px;
	background-color:#fff;
	border: solid 1px #d80d18;
	z-index: 5;
	/*影*/
	box-shadow: 3px 3px 5px #666;
	/*角丸*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#login ul {
	width: 120px;
	font-size: 93%;
}
#login ul li {
	margin: 0 0 3px 0;
	padding: 0 0 8px 0;
	background: url(../images/dot-line_red.png) repeat-x left bottom;
}
#login ul li a {
	display: inline-block;
	text-decoration: none;
	color: #333;
	line-height: 1.4em
}
#login ul li a:hover {
	color: #d80d18;
}

/**************************
/* グリッド
**************************/
.grid_container {
	clear: both;
	padding: 10px 0;
	overflow: hidden;
}
* html .grid_container {
	height:1%;
}
.grid {
	float: left;
	margin: 0;
	background: #fff;
	/*角丸*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.grid p {
	padding: 5px 10px;
}
/* フッター内のグリッド */
#footer .grid {
	background: transparent;
}
#footer .col4_3 ul {
	margin: 0 0 10px 5px;
}
#footer .col4_3 li {
	padding: 0 7px 0 6px;
	margin: 5px 0 0 0;
	font-size: 95%;
	list-style: none;
	border-bottom: 0;
	display: inline-block;
	border: 0;
}
/*************
メイン コンテンツ
*************/
section.content {
	margin-bottom: 20px;
	font-size: 14px;
	overflow: hidden;
}
* html section.content {
	height: 1%;
}
section.content article {
	padding: 10px;
	overflow: hidden;
	background: #f4f4f4;
}
* html section.content article {
	height: 1%;
}
section.content p {
	margin-bottom: 5px;
}
h3.heading, #sub .grid h3 {
	padding:5px 10px;
	font-size: 14px;
	color: #fff;
	background: #73c4e6;
}
/*アキ
------------------------------------------------------------*/
.tm {
	margin-bottom: 1em !important;
}
.tm_2 {
	margin-bottom: 2em !important;
}
/*囲み
------------------------------------------------------------*/
section article.box_noback {
	clear: both;
	display: block;
	margin: 0 0 25px 0;
	padding: 0;
}
section article.box, section article.box_glossary {
	clear: both;
	display: block;
	margin: 0 0 25px 0;
	background: #fff;
	/*角丸*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
section article.box {
	padding: 25px 40px;
}
section article.box_glossary {
	padding: 5px 40px 25px 40px;
}
/*見出し（基本）
------------------------------------------------------------*/
h2 {
	font-size: 160%;
	border-bottom: dotted 2px #d80d18;
	padding: 0 0 7px 20px;
	background: url(../images/bg_h2.png) no-repeat bottom left;
}
h3 {
	font-size: 125%;
	font-weight: bold;
	margin: 0 0 10px 0;
}
h3 span.english {
	margin-left: 10px;
	font-size: 70%;
	font-weight: normal;
	color: #d80d18;
}
h4 {
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 8px;
}
h4 span.sub {
	font-size: 87%;
	font-weight: normal;
}
/*見出しグループ
------------------------------------------------------------*/
.h2_group {
	clear: both;
	border-bottom: dotted 2px #d80d18;
}
.h2_group h2 {
	width: 150px;
	float: left;
	border-bottom: none;
}
.h2_group div.h2_price {
	float: right;
}
.h2_group p {
	float: right;
	font-size: 110%;
	padding: 6px 12px 0 0;
}
.h3_group {
	clear: both;
}
.h3_group h3 {
	width: 300px;
	float: left;
}
.h4_group {
	clear: both;
	border-bottom: solid 1px #d80d18;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.h4_group h4 {
	width: 500px;
	float: left;
}
.h4_group div.h4_price {
	float: right;
}
.h4_group div.h4_price p {
	float: right;
	padding: 7px 10px 0 0;
}
/*リスト
------------------------------------------------------------*/
ul.square li {
	background: url(../images/square_li.png) no-repeat top left;
	padding: 0 0 0 12px;
}
ul.triangle li {
	background: url(../images/triangle_li.png) no-repeat top left;
	padding: 0 0 0 12px;
}
ul.arrow {
	text-align: left;
}
ul.arrow li {
	background: url(../images/arrow_li.png) no-repeat top left;
	padding: 0 0 0 15px;
}
/*ボタン
------------------------------------------------------------*/
/*赤色（赤→薄桃）*/
.button_red {
	background: #d80d18;
	/*グラデ*/
	background-image: -moz-linear-gradient(90deg, #B53B42 0%, #DE313A 50%, #EB868B 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EB868B), color-stop(0.50, #DE313A), color-stop(1, #B53B42));
	background-image: -ms-linear-gradient(90deg, #B53B42 0%, #DE313A 50%, #EB868B 100%);
	/*角丸*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top: 4px;
	-khtml-border-radius: 4px;
}
.button_red a, .button_red a:hover {
	display: block;
	/*影*/
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,  -1px 0px 0px rgba(225,225,225,0.3) inset,  0px 1px 1px rgba(0,0,0,0.1) inset,  0px -1px 1px rgba(0,0,0,0.3) inset,  0px 1px 3px #e9f3db;
	/*角丸*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top: 4px;
	-khtml-border-radius: 4px;
}
.button_red a:hover {
	background: #f7cfd1;
	/*グラデ*/
	background-image: -moz-linear-gradient(90deg, #f3b6b9 0%, #fceff0 50%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.50, #fceff0), color-stop(1, #f3b6b9));
	background-image: -ms-linear-gradient(90deg, #f3b6b9 0%, #fceff0 50%, #fff 100%);
}
/*赤色 お知らせ 一覧*/
.infolist {
	float: right;
}
.infolist a, .infolist a:hover {
	width: 70px;
	font-size: 13px;
	text-align: center;
	letter-spacing: 3px;
	white-space: nowrap;
	padding: 2px 0 2px 0;
}
.infolist a {
	color: #fff;
}
.infolist a:hover {
	color: #d80d18;
}
/*赤色　購入する 学習する 受験する*/
.action {
	float: right;
}
.action a, .action a:hover {
	width: 80px;
	font-size: 13px;
	text-align: center;
	letter-spacing: 1px;
	white-space: nowrap;
	padding: 2px 0 2px 0;
}
.action a {
	color: #fff;
}
.action a:hover {
	color: #d80d18;
}
/*灰色（薄い）*/
.button_gray1 {
	background: #cbcbcb;
	/*グラデ*/
	background-image: -moz-linear-gradient(90deg, #bdbdbd 0%, #ececec 50%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.50, #ececec), color-stop(1, #bdbdbd));
	background-image: -ms-linear-gradient(90deg, #bdbdbd 0%, #ececec 50%, #fff 100%);
	/*角丸*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top: 4px;
	-khtml-border-radius: 4px;
}
.button_gray1 a, .button_gray1 a:hover {
	display: block;
	/*影*/
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,  -1px 0px 0px rgba(225,225,225,0.3) inset,  0px 1px 1px rgba(0,0,0,0.1) inset,  0px -1px 1px rgba(0,0,0,0.3) inset,  0px 1px 3px #e9f3db;
	/*角丸*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top: 4px;
	-khtml-border-radius: 4px;
}
.button_gray1 a:hover {
	background: #cbcbcb;
	/*グラデ*/
	background-image: -moz-linear-gradient(90deg, #e4e4e4 0%, #f4f4f4 50%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.50, #f4f4f4), color-stop(1, #e4e4e4));
	background-image: -ms-linear-gradient(90deg, #e4e4e4 0%, #f4f4f4 50%, #fff 100%);
}
/*灰色（薄い） 詳細を確認する*/
.details {
	float: right;
}
.details a, .details a:hover {
	width: 120px;
	font-size: 12.5px;
	text-align: center;
	white-space: nowrap;
	letter-spacing: 1px;
	padding: 1px 0 1px 0;
}
.details a {
	color:#d80d18;
}
.details a:hover {
	color: #eb868b;
}
/*赤色　解答*/
.answer_b {
	float: right;
	margin-top: 5px;
}
.answer_b a, .answer_b a:hover {
	width: 100px;
	font-size: 13px;
	text-align: center;
	letter-spacing: 2px;
	white-space: nowrap;
	padding: 3px 0 3px 0;
}
.answer_b a {
	color: #fff;
}
.answer_b a:hover {
	color: #d80d18;
}
.answer_b .left {
	float: left;
}
/*灰色（濃い）*/
.button_gray2 {
	background: #cbcbcb;
	/*グラデ*/
	background-image: -moz-linear-gradient(90deg, #ababab 0%, #d5d5d5 50%, #f5f5f5 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(0.50, #d5d5d5), color-stop(1, #ababab));
	background-image: -ms-linear-gradient(90deg, #ababab 0%, #d5d5d5 50%, #f5f5f5 100%);
	/*角丸*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top: 4px;
	-khtml-border-radius: 4px;
}
.button_gray2 a, .button_gray2 a:hover {
	display: block;
	/*影*/
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,  -1px 0px 0px rgba(225,225,225,0.3) inset,  0px 1px 1px rgba(0,0,0,0.1) inset,  0px -1px 1px rgba(0,0,0,0.3) inset,  0px 1px 3px #e9f3db;
	/*角丸*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top: 4px;
	-khtml-border-radius: 4px;
}
.button_gray2 a:hover {
	background: #cbcbcb;
	/*グラデ*/
	background-image: -moz-linear-gradient(90deg, #bdbdbd 0%, #ececec 50%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.50, #ececec), color-stop(1, #bdbdbd));
	background-image: -ms-linear-gradient(90deg, #bdbdbd 0%, #ececec 50%, #fff 100%);
}
/*グレー　終了*/
.finish_b {
	float: right;
	margin-top: 5px;
}
.finish_b a, .finish_b a:hover {
	width: 100px;
	font-size: 13px;
	text-align: center;
	letter-spacing: 2px;
	white-space: nowrap;
	padding: 3px 0 3px 0;
}
.finish_b a {
	color: #666;
}
.finish_b a:hover {
	color: #949494;
}
/*グレー　前へ次へ 修正*/
.prev_next {
	float: right;
}
.prev_next a, .prev_next a:hover {
	width: 80px;
	font-size: 13px;
	text-align: center;
	letter-spacing: 1px;
	white-space: nowrap;
	padding: 1px 0 1px 0;
}
.prev_next a {
	color: #555;
	/*文字影*/
	text-shadow:0 -1px 0px #fff, 0 1px 0px #d7eabd;
}
.prev_next a:hover {
	color: #949494;
	/*文字影*/
	text-shadow:0 -1px 0px #fff, 0 1px 0px #d7eabd;
}
/*灰色（薄い） 購入用コース別ボタン*/
.button_course {
	float: left;
	background: #cbcbcb;
	color:#333;
	width: 500px;
	display: block;
	padding: 20px 0 20px 20px;
	cursor: pointer;
	border: solid 2px #f5f5f5;
	/*グラデ*/
	background-image: -moz-linear-gradient(90deg, #bdbdbd 0%, #ececec 50%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.50, #ececec), color-stop(1, #bdbdbd));
	background-image: -ms-linear-gradient(90deg, #bdbdbd 0%, #ececec 50%, #fff 100%);
	/*影*/
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,  -1px 0px 0px rgba(225,225,225,0.3) inset,  0px 1px 1px rgba(0,0,0,0.1) inset,  0px -1px 1px rgba(0,0,0,0.3) inset,  0px 1px 3px #e9f3db;
	/*角丸*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top: 4px;
	-khtml-border-radius: 4px;
}
.button_course:hover a {
	color:#d80d18;
}
.button_course:hover {
	background: #cbcbcb;
	border: solid 2px #d80d18;
	/*グラデ*/
	background-image: -moz-linear-gradient(90deg, #e4e4e4 0%, #f4f4f4 50%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.50, #f4f4f4), color-stop(1, #e4e4e4));
	background-image: -ms-linear-gradient(90deg, #e4e4e4 0%, #f4f4f4 50%, #fff 100%);
}
/*お知らせ（home）
------------------------------------------------------------*/
dl.newinfo {
}
dl.newinfo dt {
	clear: both;
	float: left;
	width: 8em;
	padding: 0 0 8px 0;
}
dl.newinfo dd {
	padding: 0 0 8px 8em;
	background: url(../images/dot-line_red.png) repeat-x left bottom;
	margin-bottom: 3px;
}
dl.newinfo dt:last-child, dl.newinfo dd:last-child {
	margin-bottom: 0;
}

/*学習の内容はこちら 学習の流れはこちらボタン（home）131122
------------------------------------------------------------*/
ul.learning_guidance {
	margin-right:auto;
	margin-left:auto;
	width: 460px;
}

ul.learning_guidance li {
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
}

/*赤色 学習の内容はこちら 学習の流れはこちら*/
.guide {
}
.guide a, .guide a:hover {
	width: 200px;
	font-size: 14px;
	text-align: center;
	letter-spacing: 1px;
	white-space: nowrap;
	padding: 6px 0 6px 0;
}
.guide a {
	color: #fff;
}
.guide a:hover {
	color: #d80d18;
}



/*2級3級コーステーブル（home）
------------------------------------------------------------*/
table.course {
	width: 100%;
	margin: 0 0 10px 0;
	/*角丸*/
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-top: 10px;
	-khtml-border-radius: 10px;
}
table.course tr {
}
table.course th, table.course td {
	padding: 25px;
	background: #fff;
	vertical-align: middle;
}
table.course th {
	text-align: center;
	font-size: 120%;
	width: 150px;
	letter-spacing: 1px;
	white-space: nowrap;
	color: #333;
	background: #f5c5b5;
	/*角丸*/
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-khtml-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
}
table.course td, table.course td.botom_wide, table.course td.botom_wide2 {
	/*角丸*/
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	-khtml-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}
div.home_ce {
}
div.home_ce p {
	float: left;
	width: 130px;
	margin-right: 0;
}
/*受講しているコース用の上部アキ*/
.space {
	margin-top: 12px;
}
/*コース詳細、学習するなどの上部アキ調整*/
.space2 {
	margin-top: 0px;
}

/*お知らせ詳細
------------------------------------------------------------*/
.h3_group_info {
	padding-left: 0;
	margin-bottom: 15px;
}
.h3_group_info h3 {
	margin: 0;
	line-height: 1.4;
	padding: 4px 0 6px 12px;
	border-left: solid 5px #e03d46;
}
.h3_group_info p {
	padding: 0 0 1px 12px;
	line-height: 1;
	border-left: solid 5px #ef9ea2;
}
.movie {
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom:30px;
	height: 0;
	overflow: hidden;
}
.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movie-wrapper {
	width: 500px;
	max-width: 100%;
}
/*コース
------------------------------------------------------------*/
/*詳細*/
div.take {
}
div.take p {
	float: left;
	width: 400px;
	margin-right: 0;
}
div.content {
	border-bottom: dotted 1px #d80d18;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
div.content:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
/*購入コース選択*/
div.select_course {
	clear: both;
	margin: 50px 0 5px 170px;
}
ul.select_course {
	clear: both;
	line-height: 1.6;
}
ul.select_course li {
	margin-top: 15px;
}
ul.select_course li p.course {
	font-weight: bold;
	width: 500px;
	font-size: 17px;
	text-align: left;
	white-space: nowrap;
	letter-spacing: 1px;
	line-height: 1.4;
}
ul.select_course li p.course span.supplement {
	clear:both;
	font-weight: normal;
	font-size: 14px;
	margin-right: 20px;
	letter-spacing: 0;
}
ul.select_course li p.price {
	clear:both;
	font-weight: normal;
	font-size: 14px;
	float: right;
	text-align: right;
	margin-right: 20px;
	margin-top: 15px;
	letter-spacing: 0;
	width: 500px;
	line-height: 1;
}
/*決裁*/
div.box_account {
}
/* dl */
div.box_account dl {
	display: block;
	border-bottom: none;
}
div.box_account dl.a_window2 {
	border-bottom: dotted 1px #d80d18;
}
div.box_account dl.a_window1 dt, div.box_account dl.a_window2 dt {
	float: left;
	clear: both;
	width: 12em;
	padding-top: 21px;
	padding-bottom: 10px;
	border-top: dotted 1px #d80d18;
}
div.box_account dl.a_window1 dd, div.box_account dl.a_window2 dd {
	padding: 18px 0 9px 12em;
	border-top: dotted 1px #d80d18;
}
div.box_account dl.a_window1 dd.large, div.box_account dl.a_window2 dd.large {
	padding-top: 21px;
}
div.box_account input[type=card] {
	width: 290px;
	height: 15px;
	padding: 5px;
	font-size: 14px;
	border: solid 1px #999;
	/*角丸*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

/*受講済アイコン*/
.lecture_icon{
	display: block;
	font-size: 112%;
	font-weight: bold;
	line-height: 1.1;
	padding: 3px 0;
	letter-spacing: 4px;
	color: #0068b7;
	border: solid 2px #0068b7;
	width: 90px;
	text-align: center;
	float: right;
	/*影*/
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1) inset,  1px 1px 3px rgba(0,0,0,0.1) inset,  0px 1px 1px rgba(0,0,0,0.1) inset,  0px 0px 0px rgba(0,0,0,0.3) inset,  1px 1px 3px #999;
	/*影*/
	 text-shadow: 1px 1px 2px #dedede;
	/*角丸*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top: 4px;
	-khtml-border-radius: 4px;	
}

/*受講済アイコン追加時のリスト*/
div.lecture{
	float: right;
	margin-top: 0px;
}
div.lecture ul li {
	margin-bottom: 0px;
	float: right;
	margin-left: 40px;
}

/*商品ラインナップ用追加作成　131112
------------------------------------------------------------*/
div.course_type{
	width: 940px;
	margin-bottom: 20px;
}

ul.select_course2 {
	clear: both;
	line-height: 1.6;
}
ul.select_course2 li {
	margin-bottom: 15px;
	margin-right:20px;
	width: 271px;
	float:left;
}

ul.select_course2 li.last {
	margin-right:0px;
}

/*ul.select_course2 li:nth-child(3n){
	margin-right:0px;
}*/

ul.select_course2 li p.course {
	font-weight: bold;
	font-size: 17px;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.4;
	margin-right:25px;
}
ul.select_course2 li p.course span.supplement {
	clear:both;
	font-weight: normal;
	font-size: 14px;
/*	margin-right: 20px;
*/	letter-spacing: 0;
}
ul.select_course2 li p.price {
	clear:both;
	font-weight: normal;
	font-size: 14px;
	float: left;
	text-align: left;
	margin-top: 12px;
	letter-spacing: 0;
	line-height: 1;
}

/*灰色（薄い）コース別ボタン*/
.button_select_course {
	float: left;
	background: #cbcbcb;
	color:#333;
/*	width: 271px;
*/	display: block;
	padding: 10px 0 10px 25px;
	cursor: pointer;
	border: solid 2px #f5f5f5;
	/*グラデ*/
	background-image: -moz-linear-gradient(90deg, #bdbdbd 0%, #ececec 50%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.50, #ececec), color-stop(1, #bdbdbd));
	background-image: -ms-linear-gradient(90deg, #bdbdbd 0%, #ececec 50%, #fff 100%);
	/*影*/
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,  -1px 0px 0px rgba(225,225,225,0.3) inset,  0px 1px 1px rgba(0,0,0,0.1) inset,  0px -1px 1px rgba(0,0,0,0.3) inset,  0px 1px 3px #e9f3db;
	/*角丸*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top: 4px;
	-khtml-border-radius: 4px;
}

.button_select_course:hover a {
	color:#d80d18;
}
.button_select_course:hover {
	background: #cbcbcb;
	border: solid 2px #d80d18;
	/*グラデ*/
	background-image: -moz-linear-gradient(90deg, #e4e4e4 0%, #f4f4f4 50%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.50, #f4f4f4), color-stop(1, #e4e4e4));
	background-image: -ms-linear-gradient(90deg, #e4e4e4 0%, #f4f4f4 50%, #fff 100%);
}



/*問題・解説
------------------------------------------------------------*/
h2.question {
	font-size: 160%;
	border-bottom: none;
	padding: 0;
	background: none;
	letter-spacing: 1px;
	margin-bottom: 25px;
	line-height: 1;
}
p.extent {
	font-size: 100%;
	color: #d80d18;
	padding-top: 7px;
	line-height: 1;
}

p.number {
	font-size: 100%;
	color: #666;
	padding-top: 7px;
	line-height: 1;
}
ul.h2_question_group li {
	float: left;
	margin-right: 8px;
}
.h3_group_question {
	height: 36px;
	margin-bottom: 20px;
	border: solid 2px #e4555d;
	background: url(../images/bg_h2_question.png) no-repeat top left;
}
.h3_group_question h3 {
	font-size: 135%;
	clear: both;
	width: 86px;
	font-weight: normal;
	letter-spacing: 2px;
	float: left;
	text-align: center;
	border-bottom: none;
	padding-top: 2px;
}
.h3_group_question p.addition {
	float: left;
	padding: 6px 0 0 0;
	margin-left: 10px;
}
h4.question_lower {
	margin-top: 25px;
	font-weight: normal;
	font-size: 125%;
	border-bottom: solid 1px #d80d18;
}
div.question {
}
div.question img {
	width: 400px;
}
label {
	cursor: pointer;
}
input[type=radio], input[type=checkbox] {
	width: 20px;
	padding: 6px 0;
	font-size: 14px;
}
div.answer {
	border-top: solid 1px #d80d18;
	margin-top: 40px;
	padding-top: 10px;
}
div.answer ul {
}
div.answer ul li {
	float: left;
	margin-right: 30px;
}
div.answer p {
	font-size: 135%;
	letter-spacing: 1px;
}
div.answer p.red {
	color: #d80c18;
}
/*解説ボックス*/
div.ex_box {
	background: #fff;
	width: auto;
	margin: 25px 0 20px 0;
}
div.ex_box div.ex_box_title {
	background: #d80d18;
	color: #fff;
	margin: 0px;
	padding: 0 0 0 15px;
}
div.ex_box div.ex_box_title p.explanation {
	font-size: 110%;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}
div.ex_box div.ex_box_title p.ex_box_button {
	margin: 0px;
	padding: 5px 10px 0 0;
	float: right;
	text-align: right;
}
.view_ctrl {
	cursor: pointer;
}
div.ex_box div.ex_box_title:hover {
	border-width: 0px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
div.ex_box div.ex_boxbody {
	margin: 0;
	padding: 15px 25px;
	background-color: #fff;
	border-right: solid 1px #d80d18;
	border-left: solid 1px #d80d18;
	border-bottom: solid 1px #d80d18;
	display: none;
	/*角丸*/
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
div.ex_box div.ex_boxbody p {
	margin: 0;
}
div.ex_box div.ex_boxbody img {
	width: 400px;
}
/*選択ボタン　前へ 次へ*/
div.transfer {
	margin-top: 35px;
	margin-bottom: 15px;
}
div.transfer ul li {
	padding-right: 15px;
	float: left;
}
/*選択ボタン　解答 終了*/
div.finish {
	float: right;
	margin-top: 0px;
}
div.finish ul li {
	margin-bottom: 10px;
	float: right;
	margin-left: 15px;
}

/*************
/* フッター
*************/

#footer {
	margin: 0;
	border-top: 1px solid #e27155;
	background: #fff;
}
#footer p.logo {
/*	font-size: 150%;
*/	margin: 9px 20px 0 0;
	padding: 0;
}
#footer .grid p.logo img.logo_cfo {
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#footer .grid ul {
	margin-top:5px;
	font-size: 13px;
	line-height: 1.1;
}

#footer .copyright {
	font-size: 10px;
	margin-left: 11px;
	padding: 0;
}

/*******************
/* ページの先頭へ
*******************/
.go_pagetop {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 58px;
	height: 75px;
	z-index: 2;
}
.go_pagetop img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.go_pagetop span {
}
.go_pagetop a:hover img {
	filter: alpha(opacity=55);
	-moz-opacity: 0.55;
	opacity: 0.55;
}
/*****************************************************************************
/* レスポンシブ
**************************************************************************** */

/* PC用 */
/*@media only screen and (min-width:960px){
*/	#container, .inner, .inner_head, ul#topnav {
	width: 940px;
	padding: 0;
}
#container {
	padding-bottom: 10px;
}
/* グリッド */
.grid {
}
.col4_1 {
	width: 220px;
}
.col4_2 {
	width: 460px;
}
.col4_3 {
	width: 700px;
}
.col3_1 {
	width: 300px;
}
.col3_2 {
	width: 620px;
}
.l {
	margin-right: 20px;
}

/*}
*/


/* モニター幅960px以下 */
@media only screen and (max-width:960px) {
#container, .inner, .inner_head, ul#topnav {
	width: 100%;
}
#header h1, #header .logo {
	padding-left: 5px;
}
#header p.logo0 {
	margin-left: 10px;
}
#header .inner_head #login {
	padding-right: 10px;
}
#header .inner {
	margin-left: 0px;
	background: url(../images/image_header2.jpg) no-repeat top right;
}
.grid_container {
	margin-left: 10px;
	margin-right: 10px;
}
.col4_2, .col4_3, .col3_1, .col3_2 {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
}
/*.grid img {
	float: left;
	margin-right: 5px;
}*/
#container p.bread {
	margin-left: 10px;
}
#footer {
	padding: 0;
}
#footer .grid {
	float: none;
	width: 100%;
/*	margin-bottom: 5px;
*/	text-align: center;
}

/*フッター
------------------------------------------------------------*/
#footer p.logo {
	margin-right:0px;
	margin-top:5px;
	float:none;
	text-align: center;
}

#footer .grid p.logo img.logo_cfo {
}

}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px) {
#header .inner {
	background: url(../images/image_header3.jpg) no-repeat top right;
}
#header .logo {
	width: 405px;
	padding: 10px 0 10px 0;
	height: 100px;
}
#header .logo img.logo1 {
	width: 152px;
	height: auto;
}
#header .logo img.logo2 {
	width: 255px;
	height: auto;
}
/*CFO協会ロゴ*/
	#header p.logo0 {
	font-size: 125%;
	margin-top: 4px;
	margin-left: 10px;
}

section article.box {
	padding: 20px;
}
/*.grid img {
	float: none;
	margin: 20px auto 10px;
}*/
.grid p {
	text-align: left;
}
#footer .grid p {
	text-align: center;
}
#footer .grid p.logo {
	margin-top:3px;
	float: none;
}
/*#footer .grid p.logo img.logo_cfo {
	width:100px;
	height:auto;
}*/
#footer .grid ul {
	text-align: center;
	margin-top:0px;
	font-size: 13px;
	line-height: 1.3;
}
#footer .copyright {
	font-size: 8px;
}
.go_pagetop {
	display: none;
}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) {
#container, .inner, .inner_head, ul#topnav {
	min-width: 310px;
}
#header .inner {
	margin-left: 5px;
	background: url(../images/image_header4.jpg) no-repeat top right;
}
#header .logo {
	width: 215px;
	padding: 10px 0 10px 0;
	height: 89px;
}
#header .logo img.logo1 {
	width: 140px;
	height: auto;
}
#header .logo img.logo2 {
	width: 215px;
	height: auto;
}
.grid_container {
	margin-left: 6px;
	margin-right: 6px;
}
/*ヘッダーCFO協会ロゴ*/
#header p.logo0 {
	font-size: 115%;
	margin-top: 6px;
	margin-left: 10px;
}
}



@media print {
.go_pagetop {
	display: none;
}	
}

/*  Clearfix
---------------------------------------------------------- */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/


/*********************************************************
	=clearfix
---------------------------------------------------------- */
*:after {
	display:block;
	clear:both;
} /* この記述は固定です */
article, .h2_group, .h3_group, .h4_group, dl.newinfo, #header, #header .inner, #header .inner_head, .clearfix, .box_link, .section, .col2, .col3, li, ul {
	zoom:1;
} /* clearfix IE6, 7 */
article:after, .h2_group:after, .h3_group:after, .h4_group:after, dl.newinfo:after, #header:after, #header .inner:after, #header .inner_head:after, .clearfix:after, .box_link:after, .section:after, .col2:after, .col3:after, li:after, ul:after {
	content:"";
} /* clearfix */

/**/