/*
A:一般展示
F：Friends
Pub:書籍
Univ：大学
Soc：学協会
pamph：パンフレット

ReservedColor：一般参加者向けでは出展者予約済の色、出展者向けでは空きブースの色
BlankColor：一般参加者向けでは空きブースの色、出展者向けでは出展者予約済の色
ListSpotColor：マウスオーバーしたときのブース名リストの色
MapSpotColor：マウスオーバーしたときのマップの色
ListDefaultColor：マウスアウトしたときに戻る
*/

a[class$="_ListDefaultColor"]{
text-decoration:none;
}

.A_ReservedColor{
	background-color: #b84049;
}
.A_BlankColor{
	background-color: #aaaaaa;
}

.A_ListDefaultColor{
	background-color: ;
	}
	
.A_ListSpotColor{
	background-color: #990000;
	color:#ffffff;
}
a.A_ListSpotColor:hover{
	color:#ffffff;
}

.A_MapSpotColor{
	background-color: #ffff00;
	color:#ff0000;
}
a.A_MapSpotColor:link{

	color:#ff0000;
}

.F_ReservedColor{
	background-color: #ef71ae;
}
.F_BlankColor{
	background-color: #777777;
}

.F_ListDefaultColor{
	background-color: ;
	}
	
.F_ListSpotColor{
	background-color: #990000;
	color:#ffffff;
}
a.F_ListSpotColor:hover{
	color:#ffffff;
}
.F_MapSpotColor{
	background-color: #3333aa;
}

	
.Pub_ReservedColor{
	background-color: #509d69;
}
.Pub_BlankColor{
	background-color: #aaaaaa;
}

.Pub_ListDefaultColor{
	background-color: ;
	}
	
.Pub_ListSpotColor{
	background-color: #990000;
	color:#ffffff;
}
a.Pub_ListSpotColor:hover{
	color:#ffffff;
}
.Pub_MapSpotColor{
	background-color: #3333aa;
}

.Univ_ReservedColor{
	background-color: #005381;
}
.Univ_BlankColor{
	background-color: #aaaaaa;
}

.Univ_ListDefaultColor{
	background-color: ;
	}
	
.Univ_ListSpotColor{
	background-color: #990000;
	color:#ffffff;
}
a.Univ_ListSpotColor:hover{
	color:#ffffff;
}
.Univ_MapSpotColor{
	background-color: #990000;
}

.Soc_ReservedColor{
	background-color: #e07a00;
}
.Soc_BlankColor{
	background-color: #aaaaaa;
}

.Soc_ListDefaultColor{
	background-color: ;
	}
	
.Soc_ListSpotColor{
	background-color: #990000;
	color:#ffffff;
}
a.Soc_ListSpotColor:hover{
	color:#ffffff;
}
.Soc_MapSpotColor{
	background-color: #990000;

}

.pamph_DefaultColor{
background-color: #e193b5;
}


.vacColor_user{
background-color: #aaaaaa;
}



           /* article#maps { height: 50px; }*/
            article#detail { font-size: 14px;line-height: 18px; }
            div.map {
                display: table;
                border: 1px solid #000;
            }
            div.map > * {
                display: table-cell;
                position: absolute;
                border: 1px solid #000;

                color: #fff;
                text-align: center;
                vertical-align: middle;
            }
            #namelist {
                font-size: 12px;
                line-height: 14px;
                width: 515px;
				<!--overflow: auto;-->
            }
            div#map_a_user {


            }



            div#friends {

                position: absolute;
                top: 60px;
                left: 550px;
                width: 720px;

            }
            
            div#sliderwrapper {
                position: absolute;
                top: 120px;
                left: 550px;
                width: 300px;
            }
            div#slider{
            margin:5px
            }
            
            
            div#namelistsp {
            font-size: 12px;
            }
            
            

            div.mapuniv {
                display: table;
                border: 1px solid #000;
            }
            div.mapuniv > * {
                display: table-cell;
                position: absolute;
                border: 1px solid #000;
                color: #fff;
                font-size: 14px;
                vertical-align: middle;
            }
            

            div#map2Fuser {
                position: absolute;
                top: 120px;
                left: 550px;
                width: 600px;
                height: 700px;
                background: url("img/floorplan2f_j_back.png") transparent no-repeat left top;
                background-size: 100% 100%;
                
                
            }
            div#map2Fex {
                position: absolute;
                top: 120px;/* 90*/
                left: 550px;/* 550*/
                width: 600px;
                height: 700px;
                background: url("img/floorplan2f_j_back.png") transparent no-repeat left top;
                background-size: 100% 100%;
                
                
            }

            div.mappamph {
                display: table;
                border: 1px solid #000;
            }
            div.mappamph > * {
                display: table-cell;
                position: absolute;
                border: 1px solid #000;
                color: #fff;
                font-size: 14px;
                vertical-align: middle;
            }
            div#map1Fuser {
                position: absolute;
                top: 120px;
                left: 520px;
                width: 700px;
                height: 420px;
                background: url("img/floorplan1f_j_back.png") transparent no-repeat left top;
                background-size: 100% 100%;
            }
			div#map1Fex {
                position: absolute;
                top: 120px;/* 90*/
                left: 520px;/* 520*/
                width: 700px;
                height: 420px;
                background: url("img/floorplan1f_j_back.png") transparent no-repeat left top;
                background-size: 100% 100%;
            }

#detail table td{padding: 10px 5px 10px 5px;}
div.map #A82 { width: 30px; height: 20px; left: 207px; top: 1637px; }
div.map #A81 { width: 30px; height: 20px; left: 237px; top: 1637px; }
div.map #A80 { width: 30px; height: 20px; left: 267px; top: 1637px; }
div.map #A79 { width: 30px; height: 20px; left: 297px; top: 1637px; }
div.map #A78 { width: 30px; height: 20px; left: 327px; top: 1637px; }
div.map #A77 { width: 30px; height: 20px; left: 358px; top: 1637px; }
div.map #A76 { width: 30px; height: 20px; left: 388px; top: 1637px; }
div.map #A75 { width: 30px; height: 20px; left: 418px; top: 1637px; }
div.map #A74 { width: 30px; height: 20px; left: 448px; top: 1637px; }
div.map #A73 { width: 30px; height: 20px; left: 478px; top: 1637px; }
div.map #A72 { width: 30px; height: 20px; left: 509px; top: 1637px; }
div.map #A71 { width: 30px; height: 20px; left: 539px; top: 1637px; }
div.map #A70 { width: 20px; height: 30px; left: 410px; top: 418px; }
div.map #A69 { width: 20px; height: 30px; left: 410px; top: 449px; }
div.map #A68 { width: 20px; height: 30px; left: 410px; top: 479px; }
div.map #A67 { width: 20px; height: 30px; left: 410px; top: 510px; }
div.map #A66 { width: 20px; height: 30px; left: 410px; top: 540px; }
div.map #A65 { width: 20px; height: 30px; left: 410px; top: 571px; }
div.map #A64 { width: 20px; height: 30px; left: 410px; top: 626px; }
div.map #A63 { width: 20px; height: 30px; left: 410px; top: 656px; }
div.map #A62 { width: 20px; height: 30px; left: 410px; top: 686px; }
div.map #A61 { width: 20px; height: 30px; left: 410px; top: 716px; }
div.map #A60 { width: 20px; height: 30px; left: 410px; top: 746px; }
div.map #A59 { width: 20px; height: 30px; left: 410px; top: 776px; }
div.map #A58 { width: 20px; height: 30px; left: 410px; top: 834px; }
div.map #A57 { width: 20px; height: 30px; left: 410px; top: 864px; }
div.map #A56 { width: 20px; height: 30px; left: 410px; top: 894px; }
div.map #A55 { width: 20px; height: 30px; left: 410px; top: 924px; }
div.map #A54 { width: 20px; height: 30px; left: 410px; top: 954px; }
div.map #A53 { width: 20px; height: 30px; left: 389px; top: 418px; }
div.map #A52 { width: 20px; height: 30px; left: 389px; top: 449px; }
div.map #A51 { width: 20px; height: 30px; left: 389px; top: 479px; }
div.map #A50 { width: 20px; height: 30px; left: 389px; top: 510px; }
div.map #A49 { width: 20px; height: 30px; left: 389px; top: 540px; }
div.map #A48 { width: 20px; height: 30px; left: 389px; top: 571px; }
div.map #A47 { width: 20px; height: 30px; left: 389px; top: 626px; }
div.map #A46 { width: 20px; height: 30px; left: 389px; top: 656px; }
div.map #A45 { width: 20px; height: 30px; left: 389px; top: 686px; }
div.map #A44 { width: 20px; height: 30px; left: 389px; top: 716px; }
div.map #A43 { width: 20px; height: 30px; left: 389px; top: 746px; }
div.map #A42 { width: 20px; height: 30px; left: 389px; top: 776px; }
div.map #A41 { width: 20px; height: 30px; left: 389px; top: 834px; }
div.map #A40 { width: 20px; height: 30px; left: 389px; top: 864px; }
div.map #A39 { width: 20px; height: 30px; left: 389px; top: 894px; }
div.map #A38 { width: 20px; height: 30px; left: 389px; top: 924px; }
div.map #A37 { width: 20px; height: 30px; left: 389px; top: 954px; }
div.map #A36 { width: 20px; height: 30px; left: 314px; top: 418px; }
div.map #A35 { width: 20px; height: 30px; left: 314px; top: 449px; }
div.map #A34 { width: 20px; height: 30px; left: 314px; top: 479px; }
div.map #A33 { width: 20px; height: 30px; left: 314px; top: 510px; }
div.map #A32 { width: 20px; height: 30px; left: 314px; top: 540px; }
div.map #A31 { width: 20px; height: 30px; left: 314px; top: 571px; }
div.map #A30 { width: 20px; height: 30px; left: 314px; top: 626px; }
div.map #A29 { width: 20px; height: 30px; left: 314px; top: 656px; }
div.map #A28 { width: 20px; height: 30px; left: 314px; top: 686px; }
div.map #A27 { width: 20px; height: 30px; left: 314px; top: 716px; }
div.map #A26 { width: 20px; height: 30px; left: 314px; top: 746px; }
div.map #A25 { width: 20px; height: 30px; left: 314px; top: 776px; }
div.map #A24 { width: 20px; height: 30px; left: 314px; top: 834px; }
div.map #A23 { width: 20px; height: 30px; left: 314px; top: 864px; }
div.map #A22 { width: 20px; height: 30px; left: 314px; top: 894px; }
div.map #A21 { width: 20px; height: 30px; left: 314px; top: 924px; }
div.map #A20 { width: 20px; height: 30px; left: 314px; top: 954px; }
div.map #A19 { width: 20px; height: 30px; left: 293px; top: 418px; }
div.map #A18 { width: 20px; height: 30px; left: 293px; top: 449px; }
div.map #A17 { width: 20px; height: 30px; left: 293px; top: 479px; }
div.map #A16 { width: 20px; height: 30px; left: 293px; top: 510px; }
div.map #A15 { width: 20px; height: 30px; left: 293px; top: 540px; }
div.map #A14 { width: 20px; height: 30px; left: 293px; top: 571px; }
div.map #A13 { width: 20px; height: 30px; left: 293px; top: 626px; }
div.map #A12 { width: 20px; height: 30px; left: 293px; top: 656px; }
div.map #A11 { width: 20px; height: 30px; left: 293px; top: 686px; }
div.map #A10 { width: 20px; height: 30px; left: 293px; top: 716px; }
div.map #A09 { width: 20px; height: 30px; left: 293px; top: 746px; }
div.map #A08 { width: 20px; height: 30px; left: 293px; top: 776px; }
div.map #A07 { width: 20px; height: 30px; left: 293px; top: 834px; }
div.map #A06 { width: 20px; height: 30px; left: 293px; top: 864px; }
div.map #A05 { width: 20px; height: 30px; left: 293px; top: 894px; }
div.map #A04 { width: 20px; height: 30px; left: 293px; top: 924px; }
div.map #A03 { width: 20px; height: 30px; left: 293px; top: 954px; }
div.map #A02 { width: 20px; height: 30px; left: 293px; top: 1025px; }
div.map #A01 { width: 20px; height: 30px; left: 293px; top: 1056px; }
/*
div.map #F06 { width: 21px; height: 21px; left: 171px; top: 378px; }
div.map #F05 { width: 21px; height: 21px; left: 171px; top: 355px; }
div.map #F04 { width: 21px; height: 21px; left: 171px; top: 331px; }
div.map #F03 { width: 21px; height: 21px; left: 146px; top: 331px; }
div.map #F02 { width: 21px; height: 21px; left: 121px; top: 331px; }
*/
div.map #F01 { width: 21px; height: 21px; left: 350px; top: 470px; }



div.map #Pub01 { width: 18px; height: 21px; left: 347px; top: 130px; }
div.map #Pub02 { width: 18px; height: 21px; left: 347px; top: 151px; }
div.map #Pub03 { width: 18px; height: 21px; left: 347px; top: 172px; }
div.map #Pub04 { width: 18px; height: 21px; left: 347px; top: 242px; }
div.map #Pub05 { width: 18px; height: 21px; left: 347px; top: 278px; }
div.map #Pub06 { width: 18px; height: 21px; left: 347px; top: 299px; }
div.map #Pub07 { width: 18px; height: 21px; left: 347px; top: 342px; }
div.map #Pub08 { width: 18px; height: 21px; left: 347px; top: 363px; }
div.map #Pub09 { width: 18px; height: 21px; left: 347px; top: 384px; }
div.map #Pub10 { width: 18px; height: 21px; left: 347px; top: 426px; }
div.map #Pub11 { width: 18px; height: 21px; left: 347px; top: 447px; }
div.map #Pub12 { width: 18px; height: 21px; left: 382px; top: 242px; }
div.map #Pub13 { width: 18px; height: 21px; left: 382px; top: 278px; }
div.map #Pub14 { width: 18px; height: 21px; left: 382px; top: 299px; }
div.map #Pub15 { width: 18px; height: 21px; left: 382px; top: 342px; }
div.map #Pub16 { width: 18px; height: 21px; left: 382px; top: 363px; }
div.map #Pub17 { width: 18px; height: 21px; left: 382px; top: 384px; }
div.map #Pub18 { width: 18px; height: 21px; left: 382px; top: 426px; }
div.map #Pub19 { width: 18px; height: 21px; left: 382px; top: 447px; }
div.map #Pub20 { width: 21px; height: 18px; left: 379px; top: 190px; }
div.map #Pub21 { width: 21px; height: 18px; left: 400px; top: 190px; }
div.map #Pub22 { width: 21px; height: 18px; left: 421px; top: 190px; }
div.map #Pub23 { width: 18px; height: 21px; left: 446px; top: 282px; }
div.map #Pub24 { width: 18px; height: 21px; left: 446px; top: 303px; }
div.map #Pub25 { width: 18px; height: 21px; left: 446px; top: 324px; }
div.map #Pub26 { width: 18px; height: 21px; left: 446px; top: 408px; }
div.map #Pub27 { width: 18px; height: 21px; left: 446px; top: 429px; }
div.map #Pub28 { width: 18px; height: 21px; left: 446px; top: 450px; }
div.map #Pub29 { width: 18px; height: 21px; left: 446px; top: 471px; }
div.map #Pub30 { width: 21px; height: 18px; left: 406px; top: 494px; }
div.map #Pub31 { width: 21px; height: 18px; left: 385px; top: 494px; }
div.map #Pub32 { width: 21px; height: 18px; left: 364px; top: 494px; }
div.map #Pub33 { width: 21px; height: 18px; left: 343px; top: 494px; }

div.map #Univ01 { width: 18px; height: 20px; left: 244px; top: 265px; }
div.map #Univ02 { width: 20px; height: 18px; left: 225px; top: 287px; }

div.map #Univ03 { width: 20px; height: 18px; left: 225px; top: 336px; }
div.map #Univ04 { width: 18px; height: 20px; left: 244px; top: 356px; }
div.map #Univ05 { width: 18px; height: 20px; left: 244px; top: 434px; }

div.map #Univ06 { width: 18px; height: 20px; left: 275px; top: 265px; }
div.map #Univ07 { width: 20px; height: 18px; left: 292px; top: 287px; }

div.map #Univ08 { width: 20px; height: 18px; left: 292px; top: 336px; }
div.map #Univ09 { width: 18px; height: 20px; left: 275px; top: 356px; }
div.map #Univ10 { width: 20px; height: 18px; left: 292px; top: 372px; }
div.map #Univ11 { width: 20px; height: 18px; left: 292px; top: 420px; }
div.map #Univ12 { width: 18px; height: 20px; left: 275px; top: 434px; }

div.map #Soc01 { width: 21px; height: 18px; left: 458px; top: 198px; }
div.map #Soc02 { width: 21px; height: 18px; left: 480px; top: 198px; }
div.map #Soc03 { width: 21px; height: 18px; left: 502px; top: 198px; }
div.map #Soc04 { width: 21px; height: 18px; left: 524px; top: 198px; }
div.map #Soc05 { width: 18px; height: 21px; left: 615px; top: 262px; }
div.map #Soc06 { width: 18px; height: 21px; left: 615px; top: 284px; }
div.map #Soc07 { width: 21px; height: 18px; left: 554px; top: 349px; }
div.map #Soc08 { width: 21px; height: 18px; left: 532px; top: 349px; }
div.map #Soc09 { width: 21px; height: 18px; left: 510px; top: 349px; }
div.map #Soc10 { width: 21px; height: 18px; left: 488px; top: 349px; }
div.map #Soc11 { width: 21px; height: 18px; left: 466px; top: 349px; }
div.map #Soc12 { width: 18px; height: 21px; left: 565px; top: 180px; }
div.map #Soc13 { width: 18px; height: 21px; left: 565px; top: 158px; }
div.map #Soc14 { width: 18px; height: 21px; left: 565px; top: 137px; }

div.map #Pamph { width: 120px; height: 25px; left: 4px; top: 320px; }



            section {
                margin-left: 0;
                min-height: 0;
            }
            nav div.menu { display: none; }
            footer nav div.menu { display: block; }