@charset "utf-8";

/*three columns page settings
======== table of content. ============================

- HTML BASE ELEMENT
	- header
	- informationArea
	 - mainCol
			- mainSub01
			- mainsSub02
		- subCol
		
=======================================================
*/	


/*-----------------------------------------------------------------
																								HTML BASE ELEMENT
-------------------------------------------------------------------*/
/*-----------------------------------------------------
globalMenu
-------------------------------------------------------*/
body#index #globalMenu,
body#event #globalMenu {
	margin-bottom:5px;
}

/*-----------------------------------------------------
informationArea
-------------------------------------------------------*/
div.informationArea {
	clear:both;
}

div.informationArea div.mainCol,
div.informationArea div.subCol {
	margin-bottom:12px;
}

/*------------------------------------
mainCol
--------------------------------------*/
div.informationArea div.mainCol {
	float:left;
	width:584px;
}

div.informationArea div.mainCol div.mainSub01 {
	float:right;
	width:425px;
}

div.informationArea div.mainCol div.mainSub02 {
	float:left;
	width:154px;
}

div.informationArea div.mainCol div.mainSub02 p.txt01 {
	text-align:right;
	margin-right:10px;
}

/* コンサート・舞台情報 */
div.informationArea div.mainCol div.mainSub01 ul li.headline {
	float:left;
	width:135px;
	white-space:nowrap;
}

div.informationArea div.mainCol div.mainSub01 ul li.clear {
	clear:both;
}

div.informationArea div.mainCol div.mainSub01 ul li img {
	margin-top:3px;
}

/* チケット取り扱いアイコン */
div.informationArea div.mainCol div.mainSub01 ul li ul li.civic,
div.informationArea div.mainCol div.mainSub01 ul li ul li.pia,
div.informationArea div.mainCol div.mainSub01 ul li ul li.cn,
div.informationArea div.mainCol div.mainSub01 ul li ul li.lawson,
div.informationArea div.mainCol div.mainSub01 ul li ul li.eplus  {
	float:left;
	width:20px;
	height:20px;
	background-position:top left;
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-999em;
	list-style:none;
	color:#fff;
}

div.informationArea div.mainCol div.mainSub01 ul li ul {
	margin:0;
	padding:0;
}

div.informationArea div.mainCol div.mainSub01 ul li ul li {
	margin:0 3px 0 0;
	padding:0;
}

div.informationArea div.mainCol div.mainSub01 ul li ul li.civic {
	background-image:url(../images/icon_civic.gif);
}

div.informationArea div.mainCol div.mainSub01 ul li ul li.pia {
	background-image:url(../images/icon_pia.gif);
}

div.informationArea div.mainCol div.mainSub01 ul li ul li.cn {
	background-image:url(../images/icon_cn.gif);
}

div.informationArea div.mainCol div.mainSub01 ul li ul li.lawson {
	background-image:url(../images/icon_lawson.gif);
}

div.informationArea div.mainCol div.mainSub01 ul li ul li.eplus {
	background-image:url(../images/icon_eplus.gif);
}

/* 講座情報バナー設定 */
div.informationArea div.mainCol div.mainSub02 ul.banner,
div.informationArea div.mainCol div.mainSub02 ul.banner li {
	margin-bottom:2px!important;
}

/*------------------------------------
subCol
--------------------------------------*/
div.informationArea div.subCol {
	float:right;
	width:154px;
}

/* 他機関バナー設定 */
div.informationArea div.whiteArea ul.aligncenter {
	margin-bottom:0!important;
	padding:10px 0;
}

div.informationArea div.whiteArea ul.aligncenter li {
	font-size:10px;
}

/*------------------------------------
mainCol,subCol headingElement
--------------------------------------*/
div.informationArea div.titleArea {
	min-height:32px;
	background:transparent url(../images/bg_heading_grey.gif) repeat-x top left;
}

div.informationArea div.mainCol div.titleArea h2 {
	float:left;
	margin:0;
	padding:11px 0 0 6px;
	font-size:12px;
	color:#fff;
}

div.informationArea div.mainCol div.titleArea h2 img {
	float:left;
	margin:-10px 6px 0 0;
}

div.informationArea div.mainCol div.mainSub02 h3 {
	min-height:20px;
	margin:0;
	padding:12px 0 0 0;
	background:transparent url(../images/bg_heading_grey.gif) repeat-x top left;
	text-align:center;
	font-size:12px;
	color:#fff;
}

div.informationArea div.subCol h3 {
	float:left;
	margin:0;
	padding:12px 0 0 6px;
	font-size:12px;
	line-height:1em;
	color:#fff;
}

/* 一覧 */
div.informationArea div.titleArea p.txt01 {
	float:right;
	padding:11px 3px 0 0;
}

div.informationArea div.titleArea p.txt01,
div.informationArea div.titleArea p.txt01 a:link,
div.informationArea div.titleArea p.txt01 a:visited {
	color:#fff;
}

div.informationArea div.titleArea p.txt01 a:hover {
	color:#f1291a;
}


/*-----------------------------------------------------------------
																								HTML TAG ELEMENT
-------------------------------------------------------------------*/
/*-----------------------------------------------------
after
-------------------------------------------------------*/
/*#promotionalArea:after {
	display:block;
	height:0;
	content:"";
	clear:both;
}*/


/*-----------------------------------------------------
text
-------------------------------------------------------*/
div.informationArea ul {
	clear:both;
	margin:6px 10px 10px 8px;
	padding:0;
	list-style:none;
}

/*-----------------------------------------------------
img
-------------------------------------------------------*/
div.informationArea ul li img {
	border:1px solid #969696;
}