@charset "utf-8";

/*-------------------------
* PAVILION2013
----------------------------*/

/* 基本設定
----------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0; padding:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
strong { font-weight: bold;}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%; font-weight:normal;
}
a {outline: none;}

body {
	line-height: 1.5;
	color: #111;
	font-family:arial,helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
    position: relative;
}
table,img,p,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
a:link { color: #111; text-decoration:underline; }
a:visited { color: #111; text-decoration:underline; }
a:hover { color: #111; text-decoration:none; }
a:active { color: #111; text-decoration:underline; }

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity="80");
}

/* clearfix
----------------------------------------------- */

.clearfix:after {
	content:'';display:block;clear:both;
}
.clearfix {
	/zoom:1;
}


/* ==============================================
/* mainimg
============================================== */

#mainimg {
	background: url(/wp-content/themes/eccube/img/lp/eccube-pavilion2013/bg_mainimg01.gif) center bottom no-repeat #C8C0B5;
	height: 430px;
	padding-bottom: 30px;
}

#mainimg .inner {
	width: 1020px;
	margin: 0 auto;
	position: relative;
}

#mainimg #mainimg01 {
	display: none;
	position: absolute;
	top: 0; left: 91px;
}
#mainimg #mainimg02 {
	display: none;
	width: 1020px; height: 370px;
	position: relative;
	background: url(/wp-content/themes/eccube/img/lp/eccube-pavilion2013/bg_mainimg02.gif) 111px 84px no-repeat;
}
#mainimg #mainimg02 img {
	position: absolute;
	top: 10px; left: 251px;
}
#mainimg #titlebox {
	display: none;
	width: 477px; height: 387px;
	position: absolute;
	top: 50px; left: 543px;
}

#mainimg #titlebox p.lead {
	margin-bottom: 15px;
}
#mainimg #titlebox h1 {
	margin: 0 0 30px 2px;
}
#mainimg #titlebox .txt {
	margin: 0 0 32px 2px;
}

#mainimg .fbbox {
	position: absolute;
	left: 774px; top: 340px;
	width: 215px; height: 97px;
	background: url(/wp-content/themes/eccube/img/lp/eccube-pavilion2013/bg_fbbtn.gif) 0 0 no-repeat;
}

#mainimg .fbbtn {
	width: 100px; height: 20px;
	margin: 44px 0 0 41px;
}

/* ==============================================
/* contents
============================================== */

#contents {
	width: 920px;
	margin: 0 auto;
}
#contents .txt p {
	margin-bottom: 5px;
}

/* pagetop */

.pagetop {
	text-align: right;
}

/* clearfix */
.pickupspeaker:after,
.speakerlist ul:after,
#company ul:after {
	content:'';display:block;clear:both;
}

/* ------ bnr_area (20130515追加) ------ */

.bnr_area {
	text-align: center;
	padding: 40px 0 18px;
}

/* ------ schedule ------ */

#schedule {
	margin-top: 10px;
	margin-bottom: 45px;
}
#schedule h2 {
	padding-top: 25px;
	margin-bottom: 15px;
}
#schedule .pickupspeaker {
	width: 920px;
	border-bottom: 1px solid #E4E7EB;
}
#schedule .pickupspeaker .txt {
	width: 245px;
	float: left;
	margin-left: 3px;
	padding-bottom: 13px;
	display: inline;
}
#schedule .pickupspeaker .txt h3 {
	margin-bottom: 10px;
}
#schedule .pickupspeaker .speakerlist {
	width: 645px;
	float: right;
}
#schedule .pickupspeaker .speakerlist ul li {
	width: 205px;
	float: left;
	font-size: 12px;
	line-height: 1.4;
	margin: 0 10px 0 0;
	min-height: 95px;
	height: auto !important;
	height: 95px;
}
#schedule .pickupspeaker .speakerlist ul li p {
	padding: 0 0 10px 70px;
}
#schedule .pickupspeaker .speakerlist ul li em {
	font-weight: bold;
}
#schedule .pickupspeaker .speakerlist ul li img {
	float: left;
	border-bottom: 10px solid #fff;
}
#schedule .pickupspeaker .speakerlist .andmore {
	width: 645px;
	clear: both;
	padding-bottom: 13px;
}

#schedule .timeschedule h3 {
	padding-top: 24px;
	margin: 0 0 16px 3px;
}
#schedule .timeschedule table {
	border-collapse: collapse;
	margin-bottom: 10px;
}
#schedule .timeschedule table th {
	background: #464F5C;
	border-bottom: 1px solid #59616d;
	vertical-align: middle;
	text-align: center;
	padding: 15px;
	width: 10%;
}
#schedule .timeschedule table th.date0508 {
	background: #37A186;
	border: none;
	width: 30%;
}
#schedule .timeschedule table th.date0509 {
	background: #8BAE65;
	border: none;
	width: 30%;
}
#schedule .timeschedule table th.date0510 {
	background: #CBCD82;
	border: none;
	width: 30%;
}
#schedule .timeschedule table td {
	font-size: 12px;
	line-height: 1.4;
	padding: 10px;
	vertical-align: top;
}
#schedule .timeschedule table td em {
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
}
#schedule .timeschedule table td span {
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	padding: 1px 2px;
	margin-right: 2px;
	background: #DA2727;
	border-radius: 2px;
}
#schedule .timeschedule table .comingsoon {
	color: #999;
	text-align: center;
	vertical-align: middle;
}

#schedule .timeschedule table .gray {
	background: #F4F7F9;
}
#schedule .timeschedule table .none {
	background: #fff;
}

#schedule .mini_seminar {
	background: #F1FAF8;
	border: 1px solid #C1EAE0;
	margin-bottom: 16px;
	padding: 8px 12px 8px 10px;
	border-radius: 3px;
}
#schedule .mini_seminar h4 {
	float: left;
	margin-top: 7px;
}
#schedule .mini_seminar p {
	color: #333;
	font-size: 12px;
	padding-left: 224px;
}
#schedule .caution {
	color: #333;
	font-size: 10px;
	margin-bottom: 30px;
}

#schedule td img.icon4 {
    float: right;
}



/* ------ map ------ */

#map {
	margin-bottom: 45px;
}
#map .map_img {
	background: url(/wp-content/themes/eccube/img/lp/eccube-pavilion2013/img_map.png) 30px bottom no-repeat;
	padding-bottom: 451px;
	margin-bottom: 15px;
}
#map .txt {
	width: 530px;
}
#map .txt h2 {
	padding-top: 25px;
	margin-bottom: 10px;
}

/* ------ howto ------ */

#howto {
	margin-bottom: 45px;
}
#howto h2 {
	padding-top: 25px;
	margin-bottom: 18px;
}
#howto h3 {
	border-top: 1px solid #E4E7EB;
	padding-top: 17px;
}
#howto .txt {
	width: 470px;
	float: left;
	padding: 13px 0 20px;
}
#howto .txt .note {
	font-size: 10px;
	color: #666;
}
#howto .bt {
	width: 425px;
	float: right;
}
#howto .tit_access {
	width: 920px;
	clear: both;
	margin-bottom: 15px;
}
#howto .address {
	margin: 6px 0 10px;
}


/* ------ company ------ */

#company {
	width: 920px;
	padding-bottom: 75px;
}
#company h2 {
	padding-top: 25px;
	margin-bottom: 36px;
}
#company ul {
	width: 906px;
	margin-left: 14px;
}
#company ul li {
	float: left;
	width: 229px; height: 94px;
	background: url(/wp-content/themes/eccube/img/lp/eccube-pavilion2013/img_plus.gif) right top no-repeat;
	padding-top: 25px;
}
#company ul li.first_line {
	background: none;
	padding-top: 0;
}
#company ul li.fourth_item {
	width: 204px;
	background: none;
}

/* ------ banners ------ */

#banners ul {
	height: 80px;
	margin-bottom: 55px;
}
#banners ul li {
	float: left;
	width: 450px;
}
#banners ul li.first {
	margin-right: 20px;
}

/* ------ likebox ------ */

#likebox {
	width: 920px;
	clear: both;
	padding-bottom: 15px;
}

/* ==============================================
/* nav
============================================== */

#nav {
    position: fixed;
    top: 0;
    right: 0;
    width:200px; height: 205px;
	margin-top: -205px;
	background: #162F5A;
	border-radius: 0 0 0 3px;
}
#nav h3 {
	margin: 0 10px 4px;
}
#nav ul {
	margin: 0 10px;
}
#nav ul li img {
	vertical-align: bottom;
}

#nav .navbtn {
	width: 79px;
	height: 31px;
	background: #162F5A;
	position: absolute;
	top: 205px; right: 0;
	border-radius: 0 0 3px 3px;
	cursor: pointer;
}
#nav .navbtn img {
	margin: 6px 0 0 16px;
}

/* ==============================================
/* footer
============================================== */

#footer {
	padding-top: 4px;
}
#footer .snsbtn li {
	float: left;
	margin-right: 10px;
	padding-bottom: 20px;
}
#footer .copyright {
	float: left;
	font-size: 12px;
	margin: 18px 0 32px 210px;
}