@charset "utf-8";
/* ===================================================================
CSS information
 file name  :event.css
 style info :イベント
 
このスタイルシートの構成
・タイトル
・カレンダー
・一覧

=================================================================== */

/*----------------------------------------------------
	タイトル
----------------------------------------------------*/
/*-- イベント --*/
.title_event{
	width:920px;
	border:solid 5px #8554B6;
	padding:20px 0 0 20px;
	background:url(../../imgcommon/event/title_event_bg.jpg) no-repeat right top;
	margin-bottom:15px;
}
.title_event h2{
	width:399px;
	height:30px;
	background:url(../../imgcommon/event/title_event.jpg) no-repeat left top;
	text-indent:-9999px;
	line-height:100%;
	margin-bottom:15px;
}
.title_event p.lead{
	font-size:20px;
	color:#000;
	margin-bottom:5px;
}
.title_event p{
	font-size:14px;
	line-height:150%;
	margin-bottom:5px;
}
/*-- 無料体験・説明会 --*/
.title_free{
	width:920px;
	border:solid 5px #1A4199;
	padding:20px 0 0 20px;
	background:url(../../imgcommon/event/title_free_bg.jpg) no-repeat right top;
	margin-bottom:15px;
}
.title_free h2{
	width:399px;
	height:30px;
	background:url(../../imgcommon/event/title_free.jpg) no-repeat left top;
	text-indent:-9999px;
	line-height:100%;
	margin-bottom:15px;
}
.title_free p.lead{
	font-size:20px;
	color:#000;
	margin-bottom:5px;
}
.title_free p{
	font-size:14px;
	line-height:150%;
	margin-bottom:5px;
}
/*-- スキルアップ --*/
.title_skill{
	width:920px;
	border:solid 5px #F07412;
	padding:20px 0 0 20px;
	background:url(../../imgcommon/event/title_skill_bg.jpg) no-repeat right top;
	margin-bottom:15px;
}
.title_skill h2{
	width:399px;
	height:30px;
	background:url(../../imgcommon/event/title_skill.jpg) no-repeat right top;
	text-indent:-9999px;
	line-height:100%;
	margin-bottom:15px;
}
.title_skill p.lead{
	font-size:20px;
	color:#000;
	margin-bottom:5px;
}
.title_skill p{
	font-size:14px;
	line-height:150%;
	margin-bottom:5px;
}

/*----------------------------------------------------
	カレンダー
----------------------------------------------------*/
#eventCalendar table{
	width:944px;
	border-left:solid 1px #999;
	border-top:solid 1px #999;
	margin-bottom:20px;
}
#eventCalendar caption{
	background:url(../../imgcommon/bg_glid.gif);
	padding:3px 5px;
	font-size:24px;
	font-weight:bold;
	color:#000;
	vertical-align:middle;
}
#eventCalendar caption a{
	font-size:14px;
	font-weight:normal;
}
#eventCalendar caption img{
	margin-left:20px;
}

#eventCalendar table th{
	width:124px;
	padding:5px;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	vertical-align:top;
	text-align:center;
	font-size:14px;
	background:#F0F0F0;
}
#eventCalendar table th.sat{
	color:#1A89E3;
	background:#AAD3F6;
}
#eventCalendar table th.sun{
	color:#990000;
	background:#FDE9DD;
}
#eventCalendar table td{
	width:124px;
	padding:5px;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	vertical-align:top;
	font-size:14px;
	color:#000;
}
#eventCalendar table li{
	font-size:10px;
	line-height:130%;
	margin-bottom:5px;
}
#eventCalendar table li a{
	color:#0FACC7;
}
/*-- アイコン --*/

/*----------------------------------------------------
	一覧
----------------------------------------------------*/
#main h3.title{
	width:675px;
	line-height:44px;
	padding-left:10px;
	background:url(../../imgcommon/common/title_txt_bg.jpg) no-repeat;
	margin-bottom:10px;
	font-size:16px;
	color:#fff;
}
#main .box{
	width:620px;
	padding:10px;
	margin:0 0 10px 10px;
	border:solid 10px #F0F0F0;
}
/* clearfix */
#main .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .box .data{
	color:#313131;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	line-height:130%;
}
#main .box .data img{
	margin-right:10px;
	vertical-align:middle;
}

#main .box .image{
	width:158px;
	float:left;
	margin-right:10px;
}
#main .box .image img{
	padding:2px;
}
#main .box .image a img{
	border:solid 2px #ccc;
}
#main .box .image a:hover img{
	border:solid 2px #999;
}
#main .box .txt{
	width:452px;
	float:left;
}
#main .box .txt h4{
	font-size:18px;
	padding-bottom:4px;
	margin-bottom:4px;
	background:url(../../imgcommon/border_dotted.gif) repeat-x left bottom;
}
#main .box .txt h4 a{
	color:#000;
}
#main .box .txt .price{
	font-size:14px;
	color:#000;
	padding-bottom:5px;
}
#main .box .txt p{
	font-size:12px;
	color:#333;
	margin-bottom:5px;
}
#main .box .txt p a{ text-decoration:none;}
#main .box .txt p a:hover{ text-decoration:underline;}

#main .box .txt .btn_detail{
	width:163px;
	height:36px;
	background:url(../../imgcommon/event/btn_detail.jpg) no-repeat 0 0;
	text-indent:-9999px;
	line-height:100%;
}
#main .box .txt .btn_detail a{
	width:163px;
	height:36px;
	display:block;
	background:url(../../imgcommon/event/btn_detail.jpg) no-repeat 0 -36px;
}
#main .box .txt .btn_detail a:hover{background:none;}

/*----------------------------------------------------
	詳細ページ
----------------------------------------------------*/
#main h2.title{
	width:675px;
	line-height:44px;
	padding-left:10px;
	background:url(../../imgcommon/title_txt_bg.jpg) no-repeat;
	margin-bottom:10px;
	font-size:16px;
	color:#fff;
}
#main .detail .data{
	color:#333;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	line-height:130%;
}
#main .detail .data img{
	margin-right:10px;
	vertical-align:middle;
}
#main .detail h3{
	font-size:18px;
	color:#000;
	padding-bottom:4px;
	margin-bottom:8px;
	background:url(../../imgcommon/border_dotted.gif) repeat-x left bottom;
}
#main .detail .inner{
	margin-bottom:15px;
}
/* clearfix */
#main .detail .inner:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .detail .image{
	width:270px;
	padding-right:10px;
	float:left;
}
#main .detail .inner h4{
	font-size:16px;
	color:#990000;
	margin-bottom:10px;
}
#main .detail table.info{
	width:684px;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
}
#main .detail table.info th{
	width:99px;
	padding:5px;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	background:#FDE9DD;
	color:#000;
}
#main .detail table.info td{
	width:564px;
	padding:5px;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
}

/*-- 関連あるイベント --*/
#main .relate{
	padding-bottom:4px;
	margin-bottom:8px;
	background:url(../../imgcommon/border_dotted.gif) repeat-x left bottom;
	
}
#main .relate h5{
	font-size:16px;
	color:#000;
	padding-bottom3px;
	border-bottom:solid 2px #000;
	margin-bottom:10px;
}
#main .relate li{
	font-size:12px;
	line-height:140%;
	background:url(../../imgcommon/sub/icon_list.gif) 0 1px no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}