@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
body.c2 {
	width: 414px;
	border-top: 5px solid #5898df;	/*ページ上部の線の幅、線種、色*/

}
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 414px;
	margin-right: 0px;
	margin-left: 0px;
}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	border-top: 5px solid #4ebdd7;	/*ページ上部の線の幅、線種、色*/
	background-image: none;
	width: 414px;
}
header .inner {
	padding-top: 0px;
	width: 100%;
	height: 20px;
	text-align: left;
}
/*h1ロゴの設定*/
header .inner h1 {
	position: absolute;
	padding-top: 0px;
	padding-left: 8px;
	font-size: 150%;
}
header .inner h1 img {
	position: relative;
	left: 8px;	/*innerに対して左から8pxの場所に配置*/
	top: 0px;	/*innerに対して上から45pxの場所に配置（文字の下側に表示する）*/
	-ms-interpolation-mode: bicubic;
	width: 100%;
	height: auto;
}
/*電話番号イメージ*/
header .inner div#address {
	position: absolute;
	top: 140px;
	left: 8px;
	width: 55%;
}
header .inner div#address img {
	width: 100%;
}
/*ログインイメージ*/
header .inner nav#login {
	position: absolute;
	width: 42%;
	height: auto;
	top: 135px;
	right: 8px;		/*innerに対して右から-250pxの位置に配置*/
}
header .inner nav#login img {
	width: 100%;
}
/*資料請求イメージ*/
header .inner nav#contact {
	position: absolute;
	width: 42%;
	height: auto;
	top: 185px;
	right: 8px;		/*innerに対して右から-250pxの位置に配置*/
}
header .inner nav#contact img {
	margin: 5px;
	width: 100%;
}
/*グーグルサイト内検索ボックス部分*/
header .inner div#google_box {
	position: absolute;
	top: 210px;
	left: 8px;
	width: 55%;
}
header .inner div.gsc-input-box {
	position:relative;
	top:-3px;
	height: 30px;
	vertical-align: bottom;
}
header .inner td.gsib_a {
	vertical-align: middle !important;
}
header .inner td.gsib_a input.gsc-input {
	position: relative !important;
	top: 0px;
}
header .inner td.gsib_b {
	vertical-align: middle !important;
}
header .inner span.gsc 	b_a {
	position: relative !important;
	top: -5px;
}
/*検索結果の一覧のサイトタイトルリンク部分*/
.gsc-result .gs-title {
	height: 1.5em ! important;
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width: 100%;
	margin-right: 6px;
	margin-left: 6px;
}

/*contents-in,main,subコンテンツ
---------------------------------------------------------------------------*/
#contents-in, #main, #main, #sub {
	float: none;
	width: 100%;
}

#main h2#sub_banner img#left_img {
	width: 100%;
	padding-right: 0px;
}
#main h2#sub_banner img#center_img {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
#main h2#sub_banner img#right_img {
	width: 100%;
	padding-left: 0px;
}

/*sideコンテンツ
---------------------------------------------------------------------------*/
#side {
	width: 100%;
	/*display: none;	/*表示させない設定*/
}
/*subコンテンツ
---------------------------------------------------------------------------*/
#sub {
	clear: both;
	width: 100%;
	padding-top: 20px;
}
#sub .box1 {
	background-color: #f8f8f8;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	border: 1px solid #cfcfcf;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;		/*ボックスの下にあけるスペース*/
	font-size: 150%;
	line-height: 1.2em;
	padding-bottom: 5px;
}
#sub .box1 h2 img {
	padding: 0px;				/*ボックス内の余白*/
	-ms-interpolation-mode: bicubic;
	vertical-align: text-top;	/*イメージのレベルを合わせる*/
	border: none;
	width: 100%;
	height: auto;
}
/*box1の中にあるspanの設定*/
#sub .box1 span#side_logo_text {
	padding-left: 8px;				/*span内の余白*/
}

/*box1の中にあるimgの設定*/
/*カテゴリイメージ*/
nav#side_category {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
}
nav#side_category img {
	width: 100%;
	
}
/*メニューブロック全体の設定*/
/*メニュー１個ごとの設定*/
#sub ul li a {
	text-decoration: none;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
}
#sub ul li a:hover {
	color: #666;
}

/*カテゴリ「資格の学校」部分*/
#sub ul li#shikaku_box {
	position: relative;
	text-decoration: none;
	width: 100%;
	height: auto;
}
#sub ul li#shikaku_box img {
	position: relative;
	text-decoration: none;
	width: 100%;
	height: auto;
}
#sub ul li a span#shikaku_num {
	position: absolute;
	top: 10%;
	left: 51%;
	font-size: 205%;
	text-decoration: none;
}
#sub ul li a div#shikaku_memo {
	position: absolute;
	top: 50%;
	left: 40px;
	height: auto;
	width: 80%;
	padding-left: 0px;
	font-size: 150%;
	line-height: 1.5em;
	text-decoration: none;
}
/*カテゴリ「ビジネススクール」部分*/
#sub ul li#school_box {
	position: relative;
	text-decoration: none;
	width: 100%;
	height: auto;
}
#sub ul li#school_box img {
	text-decoration: none;
	width: 100%;
	height: auto;
}
#sub ul li a span#school_num {
	position: absolute;
	top: 2%;
	left: 75%;
	font-size: 205%;
	text-decoration: none;
}
#sub ul li a div#school_memo {
	position: absolute;
	top: 50%;
	left: 40px;
	height: auto;
	width: 80%;
	padding-left: 0px;
	font-size: 150%;
	line-height: 1.5em;
	text-decoration: none;
}

/*フッター
---------------------------------------------------------------------------*/
footer {
	clear: both;
	width: 420px;
	text-align: center;
	font-size: 50%;

}
/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 414px !important;
    padding-bottom: 0px;
}
/*トップページのメイン画像。表示させたいなら、style-m.cssの同じ箇所のタグをコピペする。
---------------------------------------------------------------------------*/
#mainimg {
	display: none;
}
/*mainコンテンツのh2タグメインバナー設定*/
#main section#banner {
	width: 100%;
}
#main h2#main_banner {
	width: 100%;
	border-radius: 0px 0px 0px 0px;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
	width: 100%;
}
#main section h2#sub_banner {
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}
#main h2#sub_banner img#left_img {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	width: 100%;
}
#main h2#sub_banner img#center_img {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	width: 100%;
}
#main h2#sub_banner img#right_img {
 	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
 	margin-bottom: 30px;
}
/*タイトル部分*/
#main section#new  h2#newinfo_hdr {
	margin-top: 0px;
	padding-top: 0px;
}
#main section#new h2#newinfo_hdr img {
	width: 92%;
	height: auto;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {
	background: url(../images/btn_minus.png) no-repeat right center;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus.png) no-repeat right center;					/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center;							/*同上*/
}
section#new h2.close {
	background: url(../images/btn_plus.png) no-repeat right center;	/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus.png) no-repeat right center;						/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center;								/*同上*/
}

#new h2 {
	color: #fff;
}

/*ブロック全体の設定*/
#new dl {
	height: auto;
	padding-left: 0;
}
/*日付設定*/
#new dt {
	float: none;
	width: auto;
}
/*記事設定*/
#new dd {
	padding-left: 0;
}

/*テーブル１
---------------------------------------------------------------------------*/
/*テーブル内の右側*/
.ta1 td{
	width: auto;
	padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 100px;
	padding: 2px;
}

/*service.html内の一覧の各ブロック
---------------------------------------------------------------------------*/
/*ボックス内の段落タグ設定*/
#main section.list article p {
	margin-left: 0;
}
/*ボックス内の写真設定*/
#main .list article figure img {
	width: 95%;
	height: auto;
	margin-right: 5px;
}
#main section.list article div#outbox {
	display: inline-table;
}

#main section.list article div#fig {
	padding: 5px 5px 5px 5px;
	float: left;
	width: 100%;
	height: 100%;
}
#main section.list article div#fig_side {
	float: left;
	width: 100%;
}

/*講座一覧ページの各ブロック
---------------------------------------------------------------------------*/
/*資格の学校*/
#main h2#shikaku_category_title {
	width: 395px;
	height: auto;
}
#main h2#shikaku_category_title  span#h2_shikaku_subtitle {
	position: absolute;
	top: 50px;
	left: 5px;
	letter-spacing: 1px;
	line-height: 1.0em;
	width: 420px;
}

#main h3.h3_shikaku {
	position: relative;
	background-image: url("../images/h3_shikaku.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: none;	/*影の打ち消し*/
	box-shadow: none;			/*同上*/
	border: none;
	height: 35px;
	margin-top: 3px;
	padding-top: 3px;
	padding-left: 40px;
	font-size: 20px;
	color: #666;
	width: 95%;
}
/*タイトル2行*/
#main h3.h3_shikaku2 {
    position: relative;
    background-image: url("../images/h3_school.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #FFF;
    box-shadow: none;
    border: medium none;
    margin-top: 3px;
    padding-top: 3px;
    padding-left: 40px;
    font-size: 20px;
    color: #666;
    height: 45px;
    line-height: 1.2em;
}

#main h3.h3_shikaku span.h3_shikaku_summary {
	position: absolute;
	top: -12px;
	left: 10px;
	font-size: 13px;
}
/*タイトル2行サマリー1行*/
#main h3.h3_shikaku2 span.h3_shikaku_summary {
    position: absolute;
    top: -16px;
    left: 10px;
    font-size: 13px;
}
/*タイトル2行サマリー1行サマリー2行*/
#main h3.h3_shikaku2 span.h3_shikaku_summary {
    position: absolute;
    top: -30px;
    left: 10px;
    font-size: 13px;
    line-height: 1.2em;
}
/*ビジネススクールの学校*/
#main h2#school_category_title {
	width: 395px;
	height: auto;
}
#main span#h2_school_subtitle {
	position: absolute;
	top: 50px;
	left: 5px;
	letter-spacing: 1px;
	line-height: 1.0em;
	width: 420px;
}
#main h3.h3_school {
	position: relative;
	background-image: url("../images/h3_school.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: none;	/*影の打ち消し*/
	box-shadow: none;			/*同上*/
	border: none;
	height: 35px;
	padding-top: 3px;
	padding-left: 40px;
	font-size: 20px;
	color: #666;
	width: 95%;
}
/*タイトル2行*/
#main h3.h3_school2 {
    position: relative;
    background-image: url("../images/h3_school.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #FFF;
    box-shadow: none;
    border: medium none;
    padding-top: 3px;
    padding-left: 40px;
    font-size: 20px;
    color: #666;
    height: 45px;
    line-height: 1.2em;
}

#main h3.h3_school span.h3_school_summary {
	position: absolute;
	top: -12px;
	left: 10px;
	font-size: 13px;
}
/*タイトル2行サマリー1行*/
#main h3.h3_school2 span.h3_school_summary {
    position: absolute;
    top: -16px;
    left: 10px;
    font-size: 13px;
}
/*タイトル2行サマリー1行サマリー2行*/
#main h3.h3_school2 span.h3_school_summary {
    position: absolute;
    top: -30px;
    left: 10px;
    font-size: 13px;
    line-height: 1.2em;
}

#main div.list_box div.list_title_box{
 	float: right;
	width: 100%;
}
#main div.list_box div.list_icon_box {
    position: static;
	float: left;
	width: 100%;
	border: solid 1px dotted;
}
#main div.list_box div.list_icon_box a {
	position: static;
	top: 0px;
	right: 0px;
}
/*リストアイテムの配置要素*/
#main div.list_box div.list_item_memo {
	clear: both;
	position: relative;
	padding-top: 0px;
	width: 75%;
	font-size: 10px;
}
#main div.list_box div.list_item_memo div.item_detail {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 20%;
	margin-left: 5px;
}

#main #sidebar  {
	position: fixed;
	bottom: 120px;
	right: 0px;
	z-index: 1;
}

#main section.list article {
	width: 414px;
}
/*講座詳細ページの各ブロック
---------------------------------------------------------------------------*/
#main article div#details_header {
	width: 100%;
}
#main article div#details_header_fig {
	float: left;
	width: 100%;
	height: auto;
}
#main article div#details_header_fig figure img {
	width: 100%;
	height: auto;
}
#main article div#details_header_icon_img {
	text-align:right;
	width: 100%;
	float: right;
	padding-top: 5px;
	padding-right: 10px;
}
#main article div#details_header_catch_cpy {
	float: left;
	width: 100%;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 15px;
}
#main article div#details_header h2#shikaku_category_title {
	width: 100%;
}
#main article div#details_header_fig_side {
	width: 100%;
}
#main article div#details_main_left {
	float: left;
	width: 414px;
}
#main article div#details_main_right {
	position: static;
	float: right;
	width: 414px;
}
#main article li#icon_base img {
    width: 60px;
    padding-right: 5px;
}
#main article div#details_main_left h3.h3_shikaku{
		font-size: 16px;
		width: 414px;
}
#main article div#details_main_left h3.h3_item_shikaku2 {
	position: relative;
	background-image: url("../images/h3_shikaku.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: none;	/*影の打ち消し*/
	box-shadow: none;			/*同上*/
	border: none;
	width: 100%!important;
	height: 35px;
	padding-top: 3px;
	padding-left: 40px;
	padding-bottom: 10px;
	font-size: 16px;
	color: #666;
	border-bottom: solid 3px #ccc;
	margin-bottom: 20px;
	line-height: 1.2em;
}
#main h3.h3_item_shikaku2 span.h3_item_shikaku_summary {
	position: absolute;
	top: -20px;
	left: 10px;
	font-size: 13px;
}
#main div#details div#details_main div#details_main_left h3.h3_item_shikaku2 {
	width: 360px!important;
}
/*↓木場0310追加*/
#main article div#details_main_left h3.h3_item_school2 {
	position: relative;
	background-image: url("../images/h3_school.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: none;	/*影の打ち消し*/
	box-shadow: none;			/*同上*/
	border: none;
	width: 100%!important;
	height: 35px;
	padding-top: 3px;
	padding-left: 40px;
	padding-bottom: 10px;
	font-size: 16px;
	color: #666;
	border-bottom: solid 3px #ccc;
	margin-bottom: 20px;
	line-height: 1.2em;
}
#main h3.h3_item_school2 span.h3_item_school_summary {
	position: absolute;
	top: -20px;
	left: 10px;
	font-size: 13px;
}
#main div#details div#details_main div#details_main_left h3.h3_item_school2 {
	width: 360px!important;
}
/*↑木場0310追加*/

/*ページネーション

---------------------------------------------------------------------------*/
ul.pageNav02 {
	width: 400px;
	margin: 0 auto;
}

#main ul.pageNav02 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#main ul.pageNav02 li span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	text-decoration: none;
	vertical-align: middle;
	color: #000;
	background: #ccf;
	border-color: #00f;
}
#main ul.pageNav02 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #e3e3e3;
	text-decoration: none;
	vertical-align: middle;
}

#main ul.pageNav02 li a:hover {
	color: #000;
	background: #ccf;
	border-color: #00f;
}


/*サイトマップ
---------------------------------------------------------------------------*/
#main h2.sitemap {
	margin-bottom: 20px;
}
#main div.colspan {
	width: 100%;
	float: left;
	margin-right: 15px;
}

/*その他
---------------------------------------------------------------------------*/
/*<body class="s-n">指定の場合にsubブロックも表示させない設定*/
body.s-n #sub {
	display: none;
}
/*幅一杯に画像を表示させる*/
img.wa {
	height: auto;
	width: 100%;
}
/*メニュー折りたたみ設定*/
#top #menubar_hdr {
	display: none;
}
#menubar_hdr {
	display: inline;
	position: absolute;
	top: 10px;
	right: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
	background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
	background-image: linear-gradient(#fbfbfb, #e5e5e5);
	padding: 10px;
	border: 1px solid #cfcfcf;
	border-radius: 0px 0px 6px 6px;
}

/*↓2015/03/08 add by 安井*/
#main section h2#h2_about {
              width: 414px;
              overflow: hidden;
}
#main section h2#h2_about img {
border: solid 1px red;
}
/*↑2015/03/08 add by 安井*/

/*ポイントテキスト部分のテーブル設定*/
#main td#ptext {
	vertical-align: center;
	line-height: 1.2em;
	padding-top: 3px;
	padding-left: 5px;
	font-size: 11px;
}

.inner h1{
font-size:10px;
}



/*メインコンテンツ(サンプル）2017
---------------------------------------------------------------------------*/
#main2 {
	width: 414px !important;
    padding-bottom: 0px;
}

#box3{
	font-size:1.4em;
}

#box5{
	font-size:1.4em;
}

.tablein{
	font-size:1.4em;
}

#main2 #details_main_right {
	position: static;
	float: right;
}