﻿@charset "utf-8";
/*--
講座ページ設定（色以外の部分）
--*/

/*--講座トップページ s--*/
/*導入部（イントロ）*/
#intro{
	width:550px;
	height:165px;
	padding:5px;
	background-repeat:no-repeat;
}

#intro p{
	margin:75px 250px 5px 15px;
	padding:0;
	height:60px;
	line-height:1.5;
	font-size:120%;
}

#intro .p2{
	margin:90px 250px 5px 15px;
	padding:0;
	height:45px;
	line-height:1.5;
	font-size:120%;
}

#intro ul{
	margin-left:13px;
}

#intro li{
	list-style-type:none;
	margin-right:5px;
	float:left;
}
/*おすすめの理由*/
#reason3{
	margin:0;
}

#reason3 li{
	margin:5px 10px 0 0;
	list-style-type:none;
	float:left;
}

#reason3 li span{
	display:none;
}

li#rea1 a, li#rea2 a, li#rea3 a{
	width:180px;
	height:70px;
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
}
li#rea3{
	margin-right:0;
}

/*リード文*/
#read{
	margin:5px 0;
	padding:5px 0;
	border-top:1px #ccc dashed;
	border-bottom:1px #ccc dashed;
}

/*お仕事の内容・講座の内容*/
#work_title, #kouza_title{
	margin:0 5px;
	width:150px;
	height:35px;
	padding:5px 5px 5px 25px;
	font-size:180%;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
}

#work_title{
	background-image: url(/images/kouza/work_title.gif);
	color:#557F2A;
}
#kouza_title{
	background-image: url(/images/kouza/kouza_title.gif);
	color:#185F2D;
}

#work_caption, #kouza_caption{
	/*margin-left:190px;*/
	margin:0 0 0 190px;
	padding:2px 0;
	line-height:1.2;
}

#work_caption{
	color:#69972C;
}
#kouza_caption{
	color:#24834C;
}

.lineup{
	width:555px;
	margin-left:5px;
	padding:5px 0 20px;
	list-style-type:none;
	font-size:120%;
	clear:both;
	overflow: auto;
}

.lineup li{
	/*width:33.3%;*/
	width:27.9%;
	padding-left:30px;
	line-height:2.5;
	background-repeat:no-repeat;
	background-position:0 4px;
	float:left;
}

.lineup li#w01{
	background-image: url(/images/kouza/icon_work01.gif);
}
.lineup li#w02{
	background-image: url(/images/kouza/icon_work02.gif);
}
.lineup li#w03{
	background-image: url(/images/kouza/icon_work03.gif);
}
.lineup li#k01{
	background-image: url(/images/kouza/icon_kouza01.gif);
}
.lineup li#k02{
	background-image: url(/images/kouza/icon_kouza02.gif);
}
.lineup li#k03{
	background-image: url(/images/kouza/icon_kouza03.gif);
}
.lineup li#k04{
	background-image: url(/images/kouza/icon_kouza04.gif);
}
.lineup li#k05{
	background-image: url(/images/kouza/icon_kouza05.gif);
}
.lineup li#k06{
	background-image: url(/images/kouza/icon_kouza06.gif);
}
.lineup li#k07{
	background-image: url(/images/kouza/icon_kouza07.gif);
}
.lineup li#k08{
	background-image: url(/images/kouza/icon_kouza08.gif);
}
.lineup li#k09{
	background-image: url(/images/kouza/icon_kouza09.gif);
}
.lineup li#k10{
	background-image: url(/images/kouza/icon_kouza10.gif);
}
.lineup li#k11{
	background-image: url(/images/kouza/icon_kouza11.gif);
}
.lineup li#k12{
	background-image: url(/images/kouza/icon_kouza12.gif);
}
.lineup li#k13{
	background-image: url(/images/kouza/icon_kouza13.gif);
}
.lineup li#k14{
	background-image: url(/images/kouza/icon_kouza14.gif);
}
.lineup li#k15{
	background-image: url(/images/kouza/icon_kouza15.gif);
}
.lineup li#k16{
	background-image: url(/images/kouza/icon_kouza16.gif);
}

/*おすすめ講座*/
#reco_title{
	padding:0 10px;
	background-color:#FFE2D0;
	border-left:10px #FF9C60 solid;
	border-right:10px #FF9C60 solid;
	width:37%;
}

#reco{
	margin-bottom:85px;
	/*float:left;*/
}

#reco li{
	margin-right:0;
	list-style-type:none;
	display:inline;
	padding:0 17px;
	background:#fff url(/images/icon_flower.gif) no-repeat 0 0;
}

/*講座TOP一覧*/
#kouzalist{
	margin-top:20px;
	padding:5px;
	clear:both;
}

#kouzalist dl{
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

#kouzalist dt{
	font-weight:bold;
}

#kouzalist dd{
	width:31.5%;
	padding:0 5px;
	list-style-type:none;
	float:left;
}

#kouzalist_nav{
	text-align: right;
	font-weight: bold;
	font-size: 120%;
	padding-top: 2.0em;
	border-top: 2px dotted #ccc;
}

#kouzalist_nav span{
	border-bottom: 1px solid #03f;
}

#kouzalist_nav a:hover span{
	border-bottom: 1px solid #f90;
}

#kouzalist_nav a{
	text-decoration: none;
}

#kouzalist_nav a span img{
 margin-bottom: 4px;
 margin-right: 4px;
}


/*講座フッター*/
#k_footer{
	margin-top:20px;
	padding:10px 0;
	border-top:1px #FF6600 dashed;
	text-align:center;
}

#k_footer ul{
	margin:0;
}

#k_footer li{
	margin:0 10px;
	font-weight:bold;
	list-style-type:none;
	display:inline;
}

#k_footer li a{
	color:#FF6600;
}

#k_footer li a:hover{
	color:#FF9C60;
}

#k_footer #btn{
	position:relative;
	overflow:hidden;
	padding:15px;
}

#k_footer #btn ul{
	position:relative;
	left:50%;
	float:left;
}

#k_footer #btn ul li{
	position:relative;
	left:-50%;
	float:left;
}

/*IE7*/
*:first-child+html #k_footer #btn ul li{
	margin:0 20px 0 0;
}

#btn #shiryo span, #btn #kouza span{
	display:none;
}

#btn #shiryo a, #btn #kouza a{
	width:230px;
	height:40px;
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
}

#btn #shiryo a{
	background-image: url(/images/kouza/btn_kfooter_shiryo.jpg);
}
#btn #shiryo a:hover{
	background-image: url(/images/kouza/btn_kfooter_shiryo_on.jpg);
}

#btn #kouza a{
	background-image: url(/images/kouza/btn_kfooter_kouza.jpg);
}
#btn #kouza a:hover{
	background-image: url(/images/kouza/btn_kfooter_kouza_on.jpg);
}
/*--講座トップページ e--*/

/*--講座中ページ s--*/
/*タイトル・見出しなど*/
#kouza_name{
	padding:3px 5px;
	margin:0;
	background-image:url(/images/kouza/deco_img1.gif);
	background-position:right top;
	background-repeat:no-repeat;
	position:relative;
}

/*IE6*/
* html #kouza_name{
padding:6px 5px 3px;
}
/*IE7*/
*:first-child+html #kouza_name{
padding:6px 5px 3px;
}

#kouza_name span{
	width:160px;
	position:absolute;
	top:2px;
	left:370px;
	text-align:right;
	display:block;
}

#kouza_name div img{
	margin:0;
	padding:0;
}

#contents h1{
	margin:5px 0 10px;
	padding:10px 10px 7px;
	font-size:120%;
	font-weight:bold;
	clear:both;
}

#contents h2{
	margin:15px 0;
	padding:2px 5px;
	font-size:120%;
	font-weight:bold;
	border:none;
	clear:both;
}

#contents h3{
	margin:15px 0;
	padding:2px 15px;
	font-weight:bold;
	background-color:#fff;
	background-image:none;
	clear:both;
}

/*画像*/
.img_deco_l, .img_deco_r, .img_deco{
	margin:5px;
	padding:3px;
	border:1px #ccc solid;
	display:block;
}

.img_deco_l{
	float:left;
}
.img_deco_r{
	float:right;
}

/*画像（コメント付）*/
.img_comment_l, .img_comment_r{
	margin:5px 3px;
	padding:3px;
	border:1px #ccc solid;
}

.img_comment_l p, .img_comment_r p{
	font-size:80%;
	margin:0;
	padding:5px 0 3px;
}

.img_comment_l{
	float:left;
}
.img_comment_r{
	float:right;
}

/*ボックスつ横並び*/
.box3dot{
	width:31%;
	margin:5px;
	background-color:#fff;
	background-repeat:no-repeat;
	border:1px #ccc dashed;
	float:left;
}

.box3dot p{
	padding:3px 0;
}

/*IE6*/
* html .box3dot{
	margin:4px;
}

/*お仕事の内容*/
#contents h3.wicon_01,
#contents h3.wicon_02,
#contents h3.wicon_03,
#contents h3.wicon_04,
#contents h3.wicon_05,
#contents h3.wicon_06,
#contents h3.wicon_07{
	line-height:2.4;
	/*padding-left:50px;*/
	background-repeat:no-repeat;
	background-position:right;
}

#contents h3.wicon_01{
	background-image:url(/images/kouza/icon_time01.gif);
}
#contents h3.wicon_02{
	background-image:url(/images/kouza/icon_time02.gif);
}
#contents h3.wicon_03{
	background-image:url(/images/kouza/icon_time03.gif);
}
#contents h3.wicon_04{
	background-image:url(/images/kouza/icon_place01.gif);
}
#contents h3.wicon_05{
	background-image:url(/images/kouza/icon_place02.gif);
}
#contents h3.wicon_06{
	background-image:url(/images/kouza/icon_place03.gif);
}
#contents h3.wicon_07{
	background-image:url(/images/kouza/icon_place04.gif);
}

/* 講座小見出し */
#contents .siniorp h4{
	margin: 10px 0 0 0;
	padding: 0 0 0 7px;
	font-size: 12px;
	font-weight: bold;
	border-left: 5px solid #FF6600;
}

/*ページのキャッチコピー*/
#catch_copy{
	margin:10px 0;
	padding:0;
	width:560px;
	height:60px;
	background-repeat:no-repeat;
}

/*就業サポート制度のキャッチコピー
（医療事務とホームヘルパー1,2級以外は全てこれ。医療事務とヘルパーは各自のCSSでこのクラスを上書いて対応）*/
.spt_work_copy{
	background-image:url(/images/kouza/iryoujimu/spt_work_copy_kouza01.gif);
}

/*通学コース*/
.point1_tsugaku, .point2_tsugaku, .point3_tsugaku{
	background-position: 43px 0;
	padding-top:35px;
}

.point1_tsugaku{
	background-image:url(/images/kouza/img_point1_tsugaku.gif);
}
.point2_tsugaku{
	background-image:url(/images/kouza/img_point2_tsugaku.gif);
}
.point3_tsugaku{
	background-image:url(/images/kouza/img_point3_tsugaku.gif);
}

/*通学コース*/
.point1_tsushin, .point2_tsushin, .point3_tsushin{
	background-position: 43px 0;
	padding-top:35px;
}

.point1_tsushin{
	background-image:url(/images/kouza/img_point1_tsushin.gif);
}
.point2_tsushin{
	background-image:url(/images/kouza/img_point2_tsushin.gif);
}
.point3_tsushin{
	background-image:url(/images/kouza/img_point3_tsushin.gif);
}

/*通学・通信コース共通教材アイコン*/
.icon_kyouzai{
	margin:0;
	padding:0;
}

.icon_kyouzai img{
	margin:0 2px;
}

/*通学コース　コース名*/
#contents h2#course_tsugaku_title{
	padding: 10px 5px;
	border:2px #fff dashed;
	border-left:2px #FF9999 solid;
	border-right:2px #FF9999 solid;
	background-color:#FFD9D9;
	color:#FF5050;
}

/*通信コース　コース名*/
#contents h2#course_tsushin_title{
	padding: 10px 5px;
	border:2px #fff dashed;
	border-left:2px #FF9C60 solid;
	border-right:2px #FF9C60 solid;
	background-color: #FFEDCF;
	color: #FF6600;
}

/*通信＆通学コース　コース名*/
#contents h2#course_mix_title{
	/*padding: 10px 5px;*/
	border:2px #fff dashed;
	border-left:2px #60eaff solid;
	border-right:2px #60eaff solid;
	background-color: #ddfbff;
	color: #FF7700;
}

/*通学・通信　コース名共通*/
#contents h2#course_tsugaku_title p,
#contents h2#course_tsushin_title p{
	margin:0;
	padding:0;
}

/*通学・通信コース　タイトル横アイコン*/
.course_icon{
	/*margin-top:-18px;*/
	text-align:right;
}

/*教材紹介*/
.text_list dt{
	float:left;
}

.text_list dd{
	margin-left:65px;
}

.text_list dd img{
	vertical-align:middle;
}

.text_cont{
	margin: 0 5px 10px;
	border:1px #ccc dashed; 
/*	border: 2px #ddd dotted; */
}

/*２つ横並びにはこのクラスを更に追加*/
.text_cont_2box{
	float:left;
	width:268px;
}

/*IE6*/
* html .text_cont_2box{
	width:265px;
}

.text_cont .text_title{
	background-image:url(/images/kouza/text_title_bk.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.text_cont .text_title2{
	background-image:url(/images/kouza/text_title_bk_l.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.text_cont .text_icon{
	margin:0 5px;
	text-align:right;
}

.text_cont p{
	margin:0;
}

p.text_title{
	margin:5px;
}

.text_kind{
	padding:0;
	float:right;
	width:63%;
}
/*医療事務講座 テキスト*/
.text_kindz{
	padding:0;
	float:right;
	width:67%;
}
.text_kind dt, .text_kindz dt{
	margin:1px;
	float:left;
}

.text_kind dd, .text_kindz dd{
	margin:3px;
}

.mokuji{
	border-top:1px #ccc solid;
}

.mokuji dt{
	font-weight:bold;
}

.mokuji dd{
	margin-left:15px;
}

/*資格の試験紹介枠*/
.shikaku_cont{
	margin:5px;
	padding:5px;
	/*background-color:#D0EDFF;*/
}

#contents .shikaku_cont h2, #contents .shikaku_cont h3{
	margin:5px 0;
}

.point{
	margin:5px;
	padding:5px;
	background-color:#fff;
	/*border-left:5px #ccc solid;*/
}

.shikaku_cont .free{
	background-position:top right;
	background-image:url(/images/kouza/img_free.gif);
}

.shikaku_cont .pay{
	background-position:top right;
	background-image:url(/images/kouza/img_pay.gif);
}

/*就業サポート制度の図*/
#spt_work_zu{
	width:207px;/*560*/
	height:80px;/**460*/
	padding:230px 20px 150px 333px;
	background:#fff url(/images/kouza/spt_work_zu.gif) no-repeat 0 0;
}

/*就業サポート制度の図 きらめいとあり*/
#spt_work_zu_kr{
	width:207px;/*560*/
	height:80px;/**460*/
	padding:230px 20px 150px 333px;
	background:#fff url(/images/kouza/spt_work_zu_kr.gif) no-repeat 0 0;
}

/*よくあるご質問*/
#contents h2.quest{
	padding:10px 0 10px 32px;
	margin:10px 0 0;
	border:none;
	background:#fff url(/images/kouza/img_quest.gif) no-repeat 0 0;
}

.answer{
	background:#fff url(/images/kouza/img_answer.gif) no-repeat 0 0;
	padding-left:32px;
}

/* popup */

.tableset{
	border-collapse: collapse;
	border: solid 1px #696969;
	margin: 5px;
	margin-bottom: 10px;
}
.tableset td {
	border: solid 1px #696969;
	padding: 3px 5px;
}
.schphoto {
	color: #333;
	background-color: #FFD1B2;
	text-align: center;
}
.tableset td div{
	color: #FF6600;
	font-weight: bold;
	font-size: 12px;
}
.tableset td p{
	margin: 3px 0;
	padding: 0;
}
.popfoot{
	border-top: 1px solid #000;
	color: #999;
	text-align: right;
	padding-top: 3px;
	margin-top: 10px;
}

.syuryosyo{
	background:url(/images/kouza/sm_shuryo.gif) no-repeat 80% 15%;
}

/*--講座中ページ e--*/

.brd-txt-new{
	border: 1px solid #ccc;
}

#discnt_h2_pkg1,#discnt_h2_pkg2,#discnt_h2_pkg3{
	margin:0px;
	display:inline;
}

