@charset "utf-8";

/*

【CSS表記ルール】
CSSの表記につきましては以下のルールに則って記述をお願いいたします。

1.bodyタグにid等を付けない
フレームワークの仕様により、bodyタグの出し分けが困難なためbodyにディレクトリ毎のidを振るのは禁止とさせて頂きます。
その代わりbody直下のwrapperに対してはディレクトリ毎のidを振って頂いて大丈夫です。

2.class名、id名の表記
フレームワークの仕様により、公開時は全てのCSSが1つのファイルに統合されます。
そのためclass,idの名前が被らないよう以下のルールに則って記述をお願いいたします。

#(wrapperのid名) .(wrapperのid名)_(個別のクラス名)
例:
#about .about_box{
	margin:10px auto;
}

3.!important は使わないようお願いたします。（どうしても必要な場合はご連絡ください。）

4.@importでのcssの読み込みはしないようお願いいたします。

*/

/*  ---------------------------
	　     seminar
---------------------------  */
#seminar #content_area{
	margin:0 10px;
}


#seminar #ad_gnavi p {
	margin-left:0;
	margin-right:0;
}

ul#sem_list{
}

ul#sem_list li{
	width: 270px;
	float: left;
	text-align: center;
	padding: 0 0 20px 30px;
}

ul#sem_list li span{
	color: #DA0A00;
	font-weight: bold;
}


ul#sem_list li span.color01{
	color: #008C21;
	font-weight: bold;
}

ul#sem_list li span.color02{
	color: #D86C00;
	font-weight: bold;
}

ul#sem_list li span.color03{
	color: #007FFF;
	font-weight: bold;
}


ul#sem_list li img{
	display: block;
	padding: 0 0 15px 0;
}

h3.blue1{
	color: #fff;
	background: #0059B2;
	margin: 15px 0 25px 0;
	padding: 15px 0 15px 25px;
	font-size: 25px;
}

p.catch{
	font-size: 19px;
	line-height: 1.5em;
}
p.catch span{
	color: #DA0A00;
}


h3.blue2{
	color: #005FB3;
	margin: 35px 0 25px 0;
	padding: 15px 0 15px 45px;
	font-size: 25px;
	clear: both;
}

h3.blue2.info01{
	background: url(/images/seminar201510/icon01.png) no-repeat 10px #F2F7FB;
}

h3.blue2.info02{
	background: url(/images/seminar201510/icon02.png) no-repeat 10px #F2F7FB;
}

table.sem_table{
	border-collapse: collapse;
}

table.sem_table th{
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background: #EEEEEE;
	padding: 15px;
	width: 130px;
}

table.sem_table td{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding: 15px;
}

table.sem_table td iframe{
	margin: 20px 0;
}

p.gmap{
	background: url(/images/seminar201510/icon3.png) no-repeat 10px;
	padding: 0 0 0 30px;
}

span.phone{
	font-size: 20px;
	font-weight: bold;
	padding: 0 10px ;
	color: #DA0A00;
}


p.sem_btn{
	margin: 20px auto 0 auto;
	text-align: center;
}

p.cap{
	color: #DA0A00;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 10px;
}

.alert{
	border: 3px solid #D91200;
	padding: 15px 10px ;
	font-weight: bold;
	text-align: center;
	color: #D91200;
	font-size: 16px;
	line-height: 1.9em;
	margin: 0 0 20px 0;
}




/*  ---------------------------
	　     osaka
---------------------------  */


ul#sem_list2{
}

ul#sem_list2 li{
	width: 270px;
	float: left;
	text-align: left;
	padding: 0 0 20px 30px;
	font-size: 12px;
}

ul#sem_list2 li span{
	color: #0059B2;
	font-weight: bold;
	font-size: 14px;
}


ul#sem_list2 li span.color01{
	color: #008C21;
	font-weight: bold;
}

ul#sem_list2 li span.color02{
	color: #D86C00;
	font-weight: bold;
}

ul#sem_list2 li span.color03{
	color: #007FFF;
	font-weight: bold;
}


ul#sem_list2 li img{
	display: block;
	padding: 0 0 15px 0;
}

h3.blue3{
	color: #fff;
	background:#82CFF9;
	margin: 15px 0 25px 0;
	padding: 15px 0 15px 25px;
	font-size: 25px;
}