@charset "UTF-8";

@import url("style-base.css");
@import url("style-default.css");









/*------------------------------------------------------------------------------- top ----*/
#mainimg{
margin:0px auto;
text-align: center;
}

#topcont{
width: 800px;
position:relative;
}
.topcont-l{
float:left;
width: 556px;
}
.topcont-r{
float: right;
width: 205px;
}



.topcom,
.topcom_accademico,
.topcom_communication,
.topcom_culture,
.topcom_special{
width: 516px;
padding: 15px 20px;
background: url(../../img/topeve-back.gif) repeat-y center top;
border-top: 4px solid #E2DED8;
border-bottom: 4px solid #E2DED8;
margin-bottom:15px;
}
.topcom02 th{
padding-right: 15px;
}
.topcom02 td{
line-height: 180%;
}

/*イベントタイプバナー*/
div.category{
	margin: -15px -15px 10px -15px;
	height: 32px;	
	}
.topcom_accademico div.category{
	background: #000000 url(/communication/img/cat_accademico.png) no-repeat 18px 0;
	}
.topcom_communication div.category{
	background: #b8027e url(/communication/img/cat_communication.png) no-repeat 18px 0;
	}
.topcom_culture div.category{
	background: #085447 url(/communication/img/cat_culture.png) no-repeat 18px 0;
	}
.topcom_special div.category{
	background: #FFAE00 url(/communication/img/cat_special.png) no-repeat 18px 0;
	}


.comtxt01{
font-size:10px;
letter-spacing:1px;
color: #D80B8C;
background: url(../../img/icon02.gif) no-repeat 0px 3px;
padding-left: 15px;
font-weight:bold;
line-height:150%;
}
.comtxt02{
font-size:16px;
padding-right:20px;
font-weight:bold;
line-height:180%;
padding-left: 15px;
}

.event_sub_title{
	font-size: 12px;
	line-height: 100%;
	margin-bottom: 10px;
	}

.comtxt03{
padding-left: 15px;
line-height:150%;
padding-top:10px;
}
.comtxt04{
padding-left: 15px;
}
.comtxt05{
padding: 15px 15px 0px 15px;
line-height:180%;
}
.comtxt06{
line-height:180%;
padding-top:15px;
}
.comprice{
color: #E60000;
font-weight:bold;
}




.mainfoot{
width: 556px;
position:relative;
overflow:hidden;
padding-top:25px;
}
.mainfoot-l{
float:left;
width: 333px; 
}
.mainfoot-r{
float:right;
text-align:right;
}


.lefteve01{
font-size:10px;
letter-spacing:1px;
color: #D80B8C;
background: url(../../img/icon03.gif) no-repeat 0px 3px;
padding-left: 12px;
font-weight:bold;
line-height:120%;
}
.lefteve02{
font-weight:bold;
padding-top:5px;
color: #555555;
line-height:130%;
}
.lefteve03{
font-size:10px;
letter-spacing:1px;
padding-top: 3px;
}
.lefteve04{
padding: 10px 0px 5px 0px;
text-align: left;
border-bottom: 1px dotted #8a8a8a;
}
.lefteve05{
padding-top:10px;
}










/*------------------------------------------------------------------------------- event ----*/

.eventbox01{
width: 516px;
margin: 0px auto;
position:relative;
}
.eventbox01-l{
float:left;
}
.eventbox01-img{
padding: 0px 15px 15px 0px;
}
.eventbox01-r02{
}


.eventl01{
width: 205px;
padding-bottom:15px;
text-align:center;
}
.eventltxt{
font-size:10px;
letter-spacing:1px;
padding-top:10px;
line-height:150%;
}


.eventtable{
width: 508px;
margin: 20px auto 15px auto;
}
.eventtable th{
width: 100px;
border-bottom:1px solid #F3F3F3;
border-right:2px solid #F3F3F3;
background: #D80B8C;
padding: 5px 0px;
font-size:10px;
letter-spacing:1px;
text-align:center;
color: #FFFFFF;
}
.topcom_accademico .eventtable th	{background-color: #000000;}
.topcom_communication .eventtable th{background-color: #b8027e;}
.topcom_culture .eventtable th		{background-color: #085447;}
.topcom_special .eventtable th		{background-color: #FFAE00;}

.eventtable td{
border-bottom:1px solid #F3F3F3;
background:#FFFFFF;
text-align:left;
padding: 5px 15px;
}

.p-l15{
padding-left: 15px;
padding-top: 10px;
}


.reserve{
font-weight:bold;
color: #D80B8C;
vertical-align:middle;
padding-top:3px;
padding-bottom:10px;
}




/*-------------------------- 予約 ----*/
.topspe{
background:black url(../../img/event01-base.gif) no-repeat left top;
width: 205px;
min-height: 94px;
#height: 94px;
margin-bottom:5px;
}

.topspe p{
font-weight:bold;
line-height:160%;
color: #FFFFFF;
}
.topspe a{
width: 180px;
display:block;
text-decoration:none;
color: #FFFFFF;
padding: 27px 0 5px 20px;

}
.topspe a:hover{
display:block;
background:url(../../img/event01-act.gif) no-repeat left top;
color: #FFFFFF;
}

.topspe02{
font-size:14px;
}
.topspe03{
color: #D80B8C;
}
a .topspe03{
color: #D80B8C;
}


/*-------------------------- 残席 ----*/
.topspe-zan{
background:url(../../img/event02-base.gif) no-repeat left top;
width: 205px;
height: 94px;
margin-bottom:5px;
}

.topspe-zan p{
font-weight:bold;
line-height:160%;
color: #FFFFFF;
}
.topspe-zan a{
width: 185px;
height: 67px;
display:block;
text-decoration:none;
color: #FFFFFF;
padding-left: 20px;
padding-top:27px;
}
.topspe-zan a:hover{
display:block;
background:url(../../img/event02-act.gif) no-repeat left top;
color: #FFFFFF;
}



/*-------------------------- 満員 ----*/
.topspe-man{
background:url(../../img/event03-base.gif) no-repeat left top;
width: 205px;
height: 94px;
margin-bottom:5px;
}

.topspe-man p{
font-weight:bold;
line-height:160%;
color: #FFFFFF;
}
.topspe-man a{
width: 185px;
height: 67px;
display:block;
text-decoration:none;
color: #FFFFFF;
padding-left: 20px;
padding-top:27px;
}
.topspe-man a:hover{
display:block;
background:url(../../img/event03-act.gif) no-repeat left top;
color: #FFFFFF;
}





/*-------------------------- 終了 ----*/
.topspe-end{
background:url(../../img/event04-base.gif) no-repeat left top;
width: 205px;
height: 94px;
margin-bottom:5px;
}

.topspe-end p{
font-weight:bold;
line-height:160%;
color: #FFFFFF;
}
.topspe-end a{
width: 185px;
height: 67px;
display:block;
text-decoration:none;
color: #FFFFFF;
padding-left: 20px;
padding-top:27px;
}
.topspe-end a:hover{
display:block;
background:url(../../img/event04-act.gif) no-repeat left top;
color: #FFFFFF;
}

.search{
background: #E8E8E8;
padding: 15px 15px 25px 30px;
text-align:center;
position:relative;
overflow:hidden;
}
.searchbox01{
margin-right:20px;
float:left;
width: 80px;
margin-top:3px;
}
.searchbox02{
margin-right:20px;
float:left;
width: 60px;
margin-top:3px;
}
.searchbox03{
width: 130px;
float:left;
margin-right:20px;
margin-top:3px;
}
.searchbtn{
float:left;
}



.search02{
background:url(../../img/inner/archive02.gif) no-repeat left top #E8E8E8;
margin: 20px 0px;
}
.search02 p{
background:url(../../img/inner/archive03.gif) no-repeat left bottom;
padding: 10px 25px;
}
.f-b{
font-weight:bold;
}
.f-rb18{
font-weight:bold;
color: #E60000;
font-size:18px;
}
.f-rb{
font-weight:bold;
color: #E60000;
}







/*------------------------------------------------------------------------------- magazine ----*/

#magacont{
width: 556px;
margin:0px auto;
}

.maga01{
padding: 15px 15px 35px 15px;
line-height:180%;
}
.maga02{
background: #E8E8E8;
width: 486px;
padding: 0px 35px 20px 35px;
line-height:180%;
margin-bottom: 10px;
}
.magatxt{
font-size:14px;
font-weight: bold;
}
.magatxt02{
color: #D80B8C;
font-weight:bold;
}
.magatxt03{
}
.maga03{
width: 80%;
border: 1px solid #B7B7B7;
}
.maga04{
margin: 15px auto 0px auto;
border: 1px solid #FFFFFF;
padding: 15px;
}
.maga05{
width: 285px;
padding: 0px 235px 20px 35px;
line-height:180%;
margin-bottom: 10px;
background:url(../../img/inner/maga06.gif) no-repeat right top #E8E8E8;
}

.maga06{
margin: 0px auto;
}
.maga06 th{
font-weight:normal;
text-align:left;
padding-right:10px;
width: 100px;
background: #E8E8E8;
}
.maga06 td{
width: 300px;
}




.contact{
margin: 20px auto;
}
.contact th{
background: #E8E8E8;
padding: 5px 25px;
text-align:center;
}
.contact td{
padding: 5px 20px;
text-align:center;
}










.p-r20{
padding-right:20px;
}








/*------------------------------------------------------------------------------- access ----*/
.access-txt{
width: 361px;
margin: 0px auto;
line-height:180%;
padding-top:15px;
}
.mapnavi{
width: 361px;
margin: 0px auto;
position:relative;
overflow:hidden;
list-style:none;
padding-top:15px;
}
.mapnavi-l{
float:left;
list-style:none;
}
.mapnavi-r{
float: right;
list-style:none;
}