@charset "UTF-8";

/* INDEX
-------------------------------------------
1. main layout
2. navigation
3. link style
4. common parts
-------------------------------------------*/


/* 1. main layout
-------------------------------------------*/
body{
color:#333333;
font-size:80%;
background:#ffffff url(../imgs/bg.gif);
line-height:1.6;
}
#wrapper0{
margin:0 auto;
padding:0px;
width:1146px; /*966px*//*1056px*//*1146px*/
 position: relative;
z-index:0;
}
#sidebar{
position:absolute;
width:180px;
top:0;
right:0;
/*display:none;*/
}
#wrapper{
margin:0;
padding:0px;
width:956px;
border-left:5px solid #0089C2;
border-right:5px solid #0089C2;
border-bottom:5px solid #0089C2;
background:#000000 url(../imgs/bg_cont.gif);
 position: relative;
z-index:2;
}
#social_box{
    background:#fff;
    width:60px;
    padding:15px;
    margin-left:0px;
    text-align:center;
    position:fixed;
   top:30px;
    list-style-type:none;
z-index:3;
}
#header{
margin:0px;
padding:0px;
width:956px;
}
.detail #header{
}

#pankuzu{
}

#contents{
margin:0px;
padding:0px;
width:956px;
}

#maincol{
margin:0px;
padding:0px;
width:956px;
}

#maincol .top{
border-top:1px #FFFFFF solid;
border-bottom:1px #FFFFFF solid;
position:relative;
}

.brandlogo{
padding:5px 0px 0px 15px;
width:400px;
float:left;
}

.kaisai{
	position:relative;
	width:641px;
	height:140px;
	margin:20px auto 20px auto;
	border:#3399CC solid 2px;
	background-color:#FFFFFF;
	background:#000000 url(../imgs/bg-twitter.jpg) no-repeat;
}

.kaisai dt{
	float:left;
	width:65px;
	text-align:center;
	font-weight:bold;
}

.kaisai dd{
	float:left;
	width:335px;
	font-weight:bold;
}

.info{
border:solid 2px #0099FF;
color:#333333;
margin:15px 5px 10px 5px;
padding:0px;
background-color:#FFFFFF;
}

.info h1{
font-weight:bold;
color:#3366CC;
padding-bottom:5px;
}

.info table{
width:100%;
}

.info td{
padding:10px;
}

.info td td{
padding:0px;
}

.info p{
padding:5px;
}

.logo{
border:solid 2px #0099FF;
color:#ffffff;
font-size:120%;
font-weight:bold;
text-shadow:0px 0px 2px #000033;
margin:15px 5px 0 5px;
padding:7px;
background-color:#0099FF;
}

.txt-l{
font-size:120%;
}

.title{
border:solid 2px #0099FF;
color:#333333;
margin:0 5px 10px 5px;
padding:7px;
background-color:#FFFFFF;
}

.itemimg{
position:relative;
float:left;
width:215px;
padding:8px;
margin:0;
}

.icon{
position:absolute;
top:-15px;
left:-20px;
}

.booth{
position:absolute;
top:206px;
right:10px;
}

.spec{
padding:0px;
margin:0;
width:215px;
background-color:#FFFFFF;
}

.spec450{
width:450px;
}
.spec h2{
padding:5px 0 0 0;
border-top:1px solid #ccc;
}
.spec h3{
clear:both;
padding:0 0 2px 0;
margin:5px 0 10px 0;
color: #333333;
font-weight:bold;
font-size:100%;
border-bottom:2px solid #3399FF;
}
.spec p{
padding:0 0 3px 0;
}
.shop{
padding:5px 7px 5px 7px;
margin:0;
width:186px;
background-color:#FFFFFF;
}
.shop h3{
padding:0 0 3px 0;
color: #3399FF;
font-weight:bold;
}
.shop p{
padding:0 0 3px 0;
}

.hambai{
padding:0 0 0 5px;
margin:5px 0 0 0;
color: #333333;
font-weight:bold;
font-size:100%;
}

#maincol .lineup{
padding:10px 0 0 0;
}

#map{
position:relative;
margin:0 auto;
width:900px;
height:800px;
background:#000000 url(../imgs/map20110802.gif);
}

#map div{
position:absolute;
}

.newicon{
position:absolute;
width:30px;
height::10px;
top:5px;
right:5px;
}

/*#subncol{
}
*/
#footer{
clear:both;
margin:0px;
padding:0px;
width:946px;
}
.detail #footer{
}

/* 2. navigation
-------------------------------------------*/


/* 3. link style
-------------------------------------------*/
a{
overflow:hidden;
}

a:link{
color:#0066CC;
text-decoration:underline;
}

a:visited{
color:#0066CC;
text-decoration:underline;
}

a:hover{
color:#FF6600;
text-decoration:none;
}

a:active{
color:#FF6600;
text-decoration:none;
}


.itemlink a img, .itemlink a {
border: none; overflow: hidden; float: left;
}

.itemlink a:hover {
border: 3px solid #f90;
}

.itemlink a:hover img {
margin: -3px;
}
/* 4. common parts
-------------------------------------------*/
/* 4.1 of header
-------------------------------------------*/
.wrap_head{
background-color:#0089C2;
}
/* 4.2 of content
-------------------------------------------*/

.red{
color:#CC0000;
}
.bline{
border-bottom:dotted 1px #6699FF;
}
.rline{
border-right:dotted 1px #6699FF;
}

/* 4.3 of footer
-------------------------------------------*/
.go_top{
padding:5px 0px 0px;
text-align:center;
}
.txt_copy{
padding:10px 20px 5px 0px;
text-align:right;
border-top:1px solid #ccc;
}

/* item-detail
-------------------------------------------*/
.item-detail {
text-align:center;
background-color:#efefef;
padding:15px;
}
.event{
text-align:left;
line-height:1.5;
width:480px;
padding:10px;
margin:10px auto;
background-color:#FFFFFF;
border:2px solid #FFCCCC;
}
.detail-table {
border: 2px solid #999999;
border-collapse: collapse;
border-spacing: 0;
margin: 10px auto;
width: 500px;
line-height:1.5;
}
.detail-table th {
background: none repeat scroll 0 0 #EEEEEE;
border-color: #E3E3E3;
border-image: none;
border-style: solid;
border-width: 0 0 1px 1px;
padding: 5px;
width: 25%;
font-weight:bold;
}
.detail-table td {
background: none repeat scroll 0 0 #FFFFFF;
border-color: #E3E3E3;
border-image: none;
border-style: solid;
border-width: 0 0 1px 1px;
padding: 5px;
width: 75%;
}

/* backtotop
-------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 10px;
}
#page-top a {
	padding:0;
	display: block;
}
#page-top a:hover {
}