@charset "utf-8";

/* ==================================================
layout
================================================== */
/* body
============================== */
/* wrapper
============================== */
* html #tmp_wrapper {
	text-align:center;
}
#tmp_wrapper .caution {
	width:940px;
	margin:0 auto;
}
* html #tmp_wrapper .caution {
	text-align:left;
}
/* main
============================== */
#tmp_wrap_main {
	clear:both; /* 変更しない */
}
.format_top #tmp_wrap_main {
	padding:0 20px;
}
* html .format_top #tmp_wrap_main {
	text-align:center;
}
#tmp_wrap_main2 {
	width:940px;
	margin:0 auto;
}
* html #tmp_wrap_main2 {
	text-align:left;
}
#tmp_wrap_pm {
	padding:0 20px;
	clear:both;
}
* html #tmp_wrap_pm {
	text-align:center;
}
#tmp_pm {
	width:940px;
	margin:0 auto 10px;
}
* html #tmp_pm {
	text-align:left;
}
/* contents
============================== */
#tmp_wrap_flash_contents {
	padding:11px 20px 0;
	margin:0 0 15px;
	clear:both;
	background:url(../flash/top/flash_bg.jpg) left top repeat-x;
}
* html #tmp_wrap_flash_contents {
	text-align:center;
}
#tmp_flash_contents {
	width:942px;
	margin:0 auto;
}
* html #tmp_flash_contents {
	text-align:left;
}
#tmp_contents,
#tmp_maincontents {
	width:100%; /* 変更しない */
}


/* format カラムのレイアウトのbaseロジック
============================== */
.wrap_col_nm {
	width:100%; /* 変更しない */
	float:left; /* 変更しない */
}
.col_nm {
	width:100%; /* 変更しない */
}
.wrap_col_lft_navi {
	float:left; /* 変更しない */
	position:relative; /* 変更しない */
	z-index:1; /* 変更しない */
}
.wrap_col_rgt_navi {
	float:right; /* 変更しない */
}
.column_full .wrap_col_main {
	width:100%; /* 変更しない */
	float:right; /* 変更しない */
}
.column_lnavi .wrap_col_main {
	width:100%; /* 変更しない */
	float:right; /* 変更しない */
}
.column_rnavi .wrap_col_main {
	width:100%; /* 変更しない */
	float:left; /* 変更しない */
}
/* top
============================== */
.format_top .column_lnavi .wrap_col_lft_navi {
	width:340px; /* デザインによって変更 */
	margin-right:-360px; /* デザインによって変更 */
}
.format_top .column_lnavi .col_main {
	margin-left:360px; /* デザインによって変更 */
}


/* 20160119編集 - top 3カラム
============================== */
.top_col_g{
	width:940px; 
	margin:auto; 
	overflow:hidden;
}
.top_col{
	width:306px;
	margin:0 11px 10px 0;
	float:left;
}
/* IE7、IE8対策 - last-child代替*/
.top_col + .top_col + .top_col{
	margin-right: 0;
}


/* free
============================== */
.format_free .wrap_col_lft_navi {
	width:240px; /* デザインによって変更 */
	margin-right:-270px; /* デザインによって変更 */
}
.format_free .column_lnavi .col_main {
	margin-left:270px; /* デザインによって変更 */
}
/* ==================================================
header
================================================== */
#tmp_wrap_header {
	padding:0 20px;
	background: url(../images/header/header_bg.jpg) repeat-x left bottom;
}
* html #tmp_wrap_header {
	text-align:center;
}
#tmp_header {
	width:940px;
	margin:0 auto;
	padding:16px 0;
}
* html #tmp_header {
	text-align:left;
}
#tmp_hlogo {
	color:inherit;
	float:left;
}
#tmp_hlogo h1,
#tmp_hlogo p {
	font-size:0.1%;
	line-height:0.1;
}
#tmp_means {
	width:300px;
	margin:5px 0 0;
	float:right;
}
#tmp_means_primary {
	width:247px;
	margin:0 0 2px;
	float:right;
}
#tmp_means_primary p {
	float:left;
}
#tmp_query {
	width:198px;
	min-height:20px;
	margin:0 7px 0 0;
	border:1px solid #CCCCCC;
}
* html #tmp_query {
	width:200px;
	height:20px;
}
#tmp_func_sch_btn {
	margin:1px 0 0;
}
#tmp_means_secondary {
	font-size:0.1%;
	line-height:0.1;
	clear:both;
	float:right;
}
/* ==================================================
navi
================================================== */
/* gnavi
============================== */
.format_free #tmp_wrap_gnavi {
	background:url(../images/navi/gnavi/wrap_gnavi_bg.jpg) repeat-x left top;
}
#tmp_wrap_gnavi {
	padding:0 19px;
	clear:both;
}
* html #tmp_wrap_gnavi {
	text-align:center;
}
#tmp_gnavi {
	width:682px;
	margin:0 auto 19px;
}
* html #tmp_gnavi {
	text-align:left;
}
.format_top #tmp_gnavi {
	height:150px;
	margin-top:-108px;
	margin-bottom:0;
	position:relative;
	z-index:1px;
}
.format_top #tmp_gnavi #tmp_home {
    position: absolute;
	left:1px;
    top:0;
	float:none;
	margin-right:0;
}
.format_top #tmp_gnavi #tmp_about {
    position: absolute;
	left:137px;
    top:10px;
	float:none;
	margin-right:0;
}
.format_top #tmp_gnavi #tmp_advantage {
    position: absolute;
	left:273px;
    top:20px;
	float:none;
	margin-right:0;
}
.format_top #tmp_gnavi #tmp_lectures {
    position: absolute;
	left:410px;
    top:30px;
	float:none;
	margin-right:0;
}
.format_top #tmp_gnavi #tmp_school_building {
    position: absolute;
	left:547px;
    top:20px;
	float:none;
	margin-right:0;
}
.format_top #tmp_gnavi #tmp_experience {
    position: absolute;
	left:683px;
    top:10px;
	float:none;
	margin-right:0;
}
.format_top #tmp_gnavi #tmp_achievements {
    position: absolute;
	left:821px;
    top:0;
	float:none;
	margin-right:0;
}
.format_free #tmp_gnavi {
	background:url(../images/navi/gnavi/gnavi_bg.jpg) no-repeat left top;
}
#tmp_gnavi ul {
	padding:4px;
	font-size:0.1%;
	line-height:0.1;
	list-style:none;
	clear:both;
}
.format_top #tmp_gnavi ul {
	padding:0;
}
#tmp_gnavi ul li {
	margin:0 3px 0 0;
	float:left;
}
#tmp_gnavi ul li img {
	vertical-align:top;
}
#tmp_gnavi ul li.last {
	margin-right:0;
	float:left;
}
/* pankuzu
============================== */
#tmp_pankuzu {
	padding:0 0 0.6em;
	clear:both;
}
/* lnavi
============================== */
#tmp_lnavi {
	margin:3px;
	padding:2px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}
*:first-child+html #tmp_lnavi {
	min-height:1%;
}
* html #tmp_lnavi {
	display:inline-block;
}
#tmp_lnavi_ttl {
	font-size:0.1%;
	line-height:0.1;
}
#tmp_lnavi_cnt {
	padding:8px 2px 2px;
}
#tmp_lnavi_cnt ul {
	margin:0;
	list-style:none;
	list-style-image:none;
}
#tmp_lnavi_cnt ul li {
	padding:8px 6px 6px;
	border-top:1px solid #CCCCCC;
}
#tmp_lnavi_cnt ul li.first {
	border:none;
}
#tmp_lnavi_cnt ul li a {
	padding:8px 6px 6px 30px;
	background:url(../images/navi/lnavi/lnavi_icon.gif) no-repeat 6px 0.7em;
}
#tmp_lnavi_cnt p {
	padding:8px 5px 5px 10px;
	font-weight:bold;
	border-top:1px solid #CCCCCC;
}
#tmp_lnavi_cnt p.first {
	border:none;
}
#tmp_lnavi_cnt .noicon_list a.switch {
	padding-left:6px;
	padding-right:6px;
	background:none;
}
#tmp_lnavi_cnt .noicon_list a {
	padding-left:0;
	background:none;
}
#tmp_lnavi_cnt .noicon_list a img {
	vertical-align:middle;
}
#tmp_lnavi_cnt .noicon_list .switch_cnt {
	margin:5px 0 0;
}
#tmp_lnavi_cnt .noicon_list .switch_cnt li {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:45px;
	border-top:none;
}
#tmp_lnavi_cnt .noicon_list .switch_cnt li a {
	padding-left:10px;
	background:url(../templates/top/images/contents/list_icon.gif) no-repeat left 0.7em;
}
/* pnavi
============================== */
.pnavi {
	clear:both;
	margin:20px 0 0;
}
.ptop {
	text-align:right;
	clear:both;
}
/* ==================================================
main
================================================== */
.format_top #tmp_main {
	width:100%; /* 変更しない */
	clear:both; /* 変更しない */
	margin:0 0 10px;
}
.format_free #tmp_main {
	width:100%; /* 変更しない */
	clear:both; /* 変更しない */
}
.format_free .column_lnavi #tmp_main {
	background:url(../images/main/wrap_col_main_bg.gif) repeat-y left top;
}
/* cate_ttl
============================== */
#tmp_cate_ttl {
	margin:0 0 28px;
	clear:both;
}
#tmp_cate_ttl h1 {
	font-size:0.1%;
	line-height:0.1;
}
#tmp_sub_ttl {
	margin:0 0 18px;
	clear:both;
}
#tmp_sub_ttl p {
	font-size:0.1%;
	line-height:0.1;
}
/* movie
============================== */
#tmp_movie {
	margin:0 0 15px;
	border:3px solid #EBEBEB;
	clear:both;
}
/* banner
============================== */
#tmp_banner {
	margin:0 0 20px;
	clear:both;
}
/* flash_plugin
============================== */
.flash_plugin {
	width:240px;
	font-size:10px;
	float:right;
}

/*banner_area*/
.banner_area{
	width:240px;
	float:left;
}

/* site_map
============================== */
#tmp_wrap_site_map {
	margin:0 0 20px;
	padding:20px 10px;
	background-color:#EEF9FF;
	clear:both;
}
#tmp_site_map {
	background:url(../images/main/site_map_bg.gif) repeat-y left top;
}
#tmp_site_map .wrap_menu {
	width:230px;
	float:left;
}
#tmp_site_map .menu {
	padding:0 15px;
}
#tmp_site_map ul {
	margin:0 0 0 1em;
	list-style-image:url(../templates/top/images/contents/list_icon.gif);
}
/* ==================================================
footer
================================================== */
#tmp_footer {
	width:100%;
	margin:0 auto;
	clear:both;
    background: #003459 url(../images/footer/footer_cnt_bg.gif) repeat-x left top;
}
* html #tmp_footer {
	text-align:left;
}
#tmp_fnavi {
	padding:5px 20px 8px 5px;
	list-style:none;
	list-style-image:none;
}
#tmp_fnavi li {
	margin:0 0 0 15px;
	padding:0 15px 0 0;
	border-right:1px solid #000000;
	float:left;
}
#tmp_fnavi li.last {
	border:none;
}
#tmp_footer_cnt {
    width: 900px;
	padding:18px 20px 10px;
	color:#FFFFFF;
    margin: 0 auto;
}
#tmp_copyright {
	width: 90%;
	float: left;
}
#tmp_copyright a {
    color: #fff;
    text-decoration: none;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    text-decoration: none;
}
#tmp_copyright a:hover {
    text-decoration: underline;
}
#tmp_f_logo {
	width:86px;
	float:right;
}
/* ==================================================
class
================================================== */
/* text
============================== */
.underline {
	text-decoration:underline; /* 変更しない */
}
.strike {
	text-decoration:line-through; /* 変更しない */
}
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
.txt_red {
	color:#CC0000; /* デザインによって変更 */
	background-color:transparent; /* 変更しない */
}
.txt_green {
	color:#3F7F00; /* デザインによって変更 */
	background:transparent; /* 変更しない */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
.txt_big {
	font-size:140%; /* 変更しない */
}
.txt_small {
	font-size:80%; /* 変更しない */
}
.space_lft1 {
	padding-left:1em; /* 変更しない */
}
p.indent1 {
	text-indent:1em; /* 変更しない */
}
/* image ▼変更しない
============================== */
.float_lft {
	margin-right:20px !important;
	margin-bottom:10px !important;
	clear:both;
	float:left;
}
.float_rgt {
	margin-bottom:10px !important;
	margin-left:20px !important;
	clear:both;
	float:right;
}
.clear {
	clear:both;
}
/* noicon ▼変更しない
============================== */
ul.noicon {
	margin-left:3.2em !important;
	text-indent:-1.5em !important;
	list-style:none !important;
	list-style-image:none !important;
}
ul.noicon ul,
ul.noicon ol {
	text-indent:0 !important;
}
ul ul.noicon,
ol ul.noicon {
	text-indent:-1.5em !important;
	margin-left:1.5em !important;	
}
/* ==================================================
parts
================================================== */
/* col2 ▼変更しない
============================== */
div.col2 {
	width:100%;
}
div.col2 div.col2L {
	display:table;
	width:49%;
	float:left;
}
div.col2 div.col2R {
	display:table;
	width:48%;
	float:right;
}
/* nestcol2 ▼変更しない
============================== */
div.col2 div.col2 div.col2L {
	width:48%;
	margin-right:4%;
}
div.col2 div.col2 div.col2R {
	width:47%;
}
/* col3 ▼変更しない
============================== */
div.col3 {
	width:100%;
}
div.col3 div.col3L,
div.col3 div.col3M {
	display:table;
	width:32%;
	margin-right:2%;
	float:left;
}
div.col3 div.col3R {
	display:table;
	width:31%;
	float:left;
}
/* img_cap ▼変更しない
============================== */
div.img_cap {
	margin:0 0 0.3em;
}
div.img_cap img {
	margin:0 !important;
}
/* layouttable ▼変更しない
============================== */
table.layouttable {
	border-collapse:collapse;
	border-spacing:0;
}
table.layouttable th,
table.layouttable td {
	padding:0 15px 0 0;
	vertical-align:top;
	text-align:left;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_contents:after,
#tmp_maincontents:after,
#tmp_header:after,
#tmp_means:after,
#tmp_means_primary:after,
#tmp_means_secondary:after,
#tmp_hnavi:after,
#tmp_gnavi ul:after,
#tmp_main:after,
#tmp_site_map:after,
.pnavi:after,
#tmp_footer:after,
#tmp_fnavi:after,
#tmp_footer_cnt:after,
div.col2:after,
div.col3:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html #tmp_contents,
*:first-child+html #tmp_maincontents,
*:first-child+html #tmp_header,
*:first-child+html #tmp_means,
*:first-child+html #tmp_means_primary,
*:first-child+html #tmp_means_secondary,
*:first-child+html #tmp_hnavi,
*:first-child+html #tmp_gnavi ul,
*:first-child+html #tmp_main,
*:first-child+html #tmp_site_map,
*:first-child+html .pnavi,
*:first-child+html #tmp_footer,
*:first-child+html #tmp_fnavi,
*:first-child+html #tmp_footer_cnt,
*:first-child+html div.col2,
*:first-child+html div.col3 {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html #tmp_contents,
* html #tmp_maincontents,
* html #tmp_header,
* html #tmp_means,
* html #tmp_means_primary,
* html #tmp_means_secondary,
* html #tmp_hnavi,
* html #tmp_gnavi ul,
* html #tmp_main,
* html #tmp_site_map,
* html .pnavi,
* html #tmp_footer,
* html #tmp_fnavi,
* html #tmp_footer_cnt,
* html div.col2,
* html div.col3 {
	display:inline-block; /* 変更しない */
}
/*スーパーモジュール再生回数画像について*/
.kaisu{
	vertical-align: bottom;
}

/*合格体験記*/
#voice {
	width:940px;
	margin-left:50px;
	overflow: hidden;
}
#voice .box{
	width:400px;
	margin-right:25px;
	margin-bottom:20px;
	display:inline-block;
	vertical-align:top;
	/display:inline; 
	/zoom:1;
	padding:5px;
}
#voice .box h2{
	background-color:#F36191;
	background-image:none;
	margin-bottom:5px;
	color:#FFFFFF;
	margin-top:0px;
	border:none;
	padding:5px;
}
#voice .box img{
	float:right;
	margin:10px;
	border:5px #FFF7DC solid;
}
#voice .box .name{
	font-size:110%;
	font-weight:bold;
}
#voice .box hr{
	border: 0;
	border-bottom: 1px dashed #f36191;
	background: #fff;
	clear:none;
	margin-bottom:15px;
}