@charset "utf-8";

/* TRADESHOW ORGANIZERS INC. -----------------------------

　来場者用 関西ハウジングフェア ページ別スタイル
　
　Update:2014.5.16
　CSS Name:b2c.css

---------------------------------------------------------- */


/* Common Layout ----------------------------------------- 
---------------------------------------------------------- */

html{
	overflow-y:scroll;
}

body{
	background:url(../images/body_bg.jpg) top center no-repeat;
}

#wrapper{
	background:url(../images/main_bg.png) repeat-x;
}


/* Header ------------------------------------------------ 
---------------------------------------------------------- */

#header {
	width:940px;
	height:100px;
	margin: 0 auto;
	position:relative;
}

#header .logo {
	position: absolute;
	top:20px;
}

#header .showdate {
	position: absolute;
	left: 549px;
	top: 9px;
}

#header .goBtoB {
	position: absolute;
	right: 0;
	top: 0;
}


/* TopPage Slider ---------------------------------------- 
---------------------------------------------------------- */

.mainSlider {
	position: relative;
	width: 695px;
	height: 200px;
	overflow: hidden;
	margin:20px 0;
}

.slides {
	height: 100%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
	.slide {
		height: 100%;
		float: left;
		clear: none;
	}


.slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	padding: 20px;
}

	.slider-arrow--right { bottom: 50%; right: 30px; }
	.slider-arrow--left { bottom: 50%; left: 30px; }


.slider-nav {
	position: absolute;
	bottom: 0;
}

	.slider-nav__item {
		width: 15px;
		height: 14px;
		float: left;
		clear: none;
		display: block;
		margin: 0 5px;
		background: url(../images/slide_off.png) no-repeat;
	}

		.slider-nav__item:hover { background: url(../images/slide_on.png) no-repeat; }
		.slider-nav__item--current { background: url(../images/slide_on.png) no-repeat; }
		


/* Gloval Navi ------------------------------------------- 
---------------------------------------------------------- */

#gNavi {
	width:940px;
	margin: 0 auto;
	margin-top:3px;
	position:relative;
}

#gNavi li {
	float: left;
	display: inline;
	width:235px;
	height:55px;
	text-indent:-9999px;
}

#gNavi li a {
	display:block;
	width:235px;
	height:55px;
}

#gNavi li a:hover, #gNavi li a.on { opacity:1.0; }

/*#gNavi li.matching, #gNavi li.matching a { width:220px; }*/

#gNavi li.home a { background:url(../images/gnavi_home.jpg) no-repeat 0 0; }
#gNavi li.about a { background:url(../images/gnavi_about.jpg) no-repeat 0 0; }
#gNavi li.company a { background:url(../images/gnavi_company.jpg) no-repeat 0 0; }
#gNavi li.exhibit a { background:url(../images/gnavi_exhibit.jpg) no-repeat 0 0; }

#gNavi li.home a:hover, #gNavi li.home a.on { background:url(../images/gnavi_home.jpg) no-repeat 0 -55px; }
#gNavi li.about a:hover, #gNavi li.about a.on { background:url(../images/gnavi_about.jpg) no-repeat 0 -55px; }
#gNavi li.company a:hover, #gNavi li.company a.on { background:url(../images/gnavi_company.jpg) no-repeat 0 -55px; }
#gNavi li.exhibit a:hover, #gNavi li.exhibit a.on { background:url(../images/gnavi_exhibit.jpg) no-repeat 0 -55px; }


/* Footer ------------------------------------------------ 
---------------------------------------------------------- */

#footer {
	background: url(../images/footer_bg.jpg) no-repeat center bottom;
	height:233px;
	padding-top: 60px;
}

#footer .inner {
	width: 910px;
	margin:0 auto;
	padding: 0 20px 0 30px;
	position:relative;
}

#footer .inner .goTop {
	text-align: right;
	position: absolute;
	top: -70px;
	right:5px;
}

#footer .boxL{
	width: 430px;
	float: left;
}

#footer .boxR {
	width:465px;
	margin-left:440px;
}

#footer p {
	margin:15px 0;
}

#footer p.pLink {
	border-top:1px solid #FFF;
	padding-top:15px;
	margin-bottom:0;
}

#footer .copyright {
	text-align:center;
	margin-top:10px;
}

#footerS {
	background: url(../images/footer_bg_s.jpg) no-repeat center bottom;
	height:233px;
	padding-top: 60px;
}

#footerS .inner {
	width: 910px;
	margin:0 auto;
	padding: 0 20px 0 30px;
	position:relative;
}

#footerS .inner .goTop {
	text-align: right;
	position: absolute;
	top: -70px;
	right:5px;
}

#footerS p {
	margin:15px 0;
}

#footerS p.pLink {
	border-top:1px solid #FFF;
	padding-top:15px;
	margin-bottom:0;
}

#footerS .copyright {
	text-align:center;
	margin-top:10px;
}


/* Main Wrapper ------------------------------------------ 
---------------------------------------------------------- */

#mainWrap {
	width:948px;
	margin:0 auto;
}


/* table style */

#contWrap .pageDetail table {
	width:100%;
	margin:15px 0;
	border-left:1px solid #999;
	border-top:1px solid #999;
}

#contWrap .pageDetail th, #contWrap .pageDetail td {
	padding:5px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

#contWrap .pageDetail th {
	background-color:#EEECE1;
	width:15%;
}

#contWrap .pageDetail table.noBdrTbl,
#contWrap .pageDetail .noBdrTbl th, #contWrap .pageDetail .noBdrTbl td {
	border:none;
	text-align:center;
}

/* font style */

h3 {
	background: -webkit-linear-gradient(left, #569F34 20%, #8EC22F 100%);
	background: linear-gradient(to right, #569F34 20%, #8EC22F 100%);
	border-radius:6px;
	padding:8px 15px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:15px;
}

h4 {
	color:#0075C2;
	font-weight:bold;
	font-size:14px;
	border-left:4px solid #0075C2;
	background:url(../images/h4_bg.gif) repeat-x;
	margin:20px 0 15px 0;
}

h4 span {
	background-color:#FFF;
	padding:0 5px;
}

h5 {
	background: url(../images/h5_bg.jpg) no-repeat left center /*#DEECF5*/;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 15px;
	margin-bottom:15px;
}

h6 {
	font-size: 22px;
	font-weight: bold;
	padding: 5px;
	background-color: #D0E8C1;
}


/* Top Page ---------------------------------------------- 
---------------------------------------------------------- */

.topBanner { margin:20px 0 0 3px; }

#topNewsLt {
	margin:20px 3px 0 3px;
}

#topNewsLt ul { padding:10px 0 ; }

#topNewsLt li {
	padding:8px 10px;
	border-bottom : 1px dotted #AAA;
}

#topNewsLt li span { display:block; }

#topNewsLt li .date {
	font-weight:bold;
	width:110px;
	float:left;
}

#topNewsLt li .txt {
	width:780px;
	margin-left:110px;
}

.topBnr { margin-top:15px; }

.topBnr li {
	float:left;
	width:33%;
	text-align:center;
}

.thankyou {
	margin:20px 0;
}


/* About the Show ---------------------------------------- 
---------------------------------------------------------- */

.clum2 .dtlL, .clum2 .dtlR  {
	width:440px;
	float:left;
	margin-right:15px;
}

.clum2 .dtlR  { margin-right:0; }

ul.showInfo { margin:0 10px; }
ul.showInfo li {	
	padding: 10px 0px;
	border-bottom:1px solid #CCC;
}

.exhibitList li {
	list-style: disc;
	margin:0 0 5px 20px;
}

.overviewListL { width: 75px; font-weight: bold; float: left;}
.overviewListR { width: 350px; margin-left:75px;}
/*
#relShow .boxL, #relShow .boxR {
	width:440px;
	padding-bottom:16px;
}

#relShow .boxL {	
	float:left;	
	background:url(../../about/images/relshow_mp_btm.jpg) no-repeat left bottom;
}

#relShow .boxR {
	float:right;
	background:url(../../about/images/relshow_mt_btm.jpg) no-repeat left bottom;
}

#relShow .boxL .dtlPd, #relShow .boxR .dtlPd {
	padding:5px 15px;
	min-height:320px;
}

#relShow .boxL .dtlPd {	
	background:url(../../about/images/relshow_mp_bg.jpg) repeat-y;
}

#relShow .boxR .dtlPd {
	background:url(../../about/images/relshow_mt_bg.jpg) repeat-y;
}

#relShow .dltMp {
	width: 215px;
}

#relShow .dltMt {
	width: 240px;
	float: right;
}

#relShow table  {
	width:100%;
}

#relShow th {
	width:35px;
	vertical-align:top;
}

#relShow .boxL .sbInfo, #relShow .boxR .sbInfo {
	width:60px;
	margin:5px 0;
	padding:2px 5px;
	text-align:center;
	color:#FFF;
}

#relShow .boxL .sbInfo {
	background-color:#F6A900;
}

#relShow .boxR .sbInfo {
	background-color:#EF87B0;
}
*/
#palShow { margin-bottom:40px; }
#contWrap .pageDetail #palShow table {
	width:390px;
}

#contWrap .pageDetail #palShow th {
	width:20%;
}

#palShow .matanity {
	border: 5px solid #F292B8;
	padding: 10px 15px;
	border-radius: 7px;
	margin-bottom:20px;
}

#palShow .manpuku {
	border: 5px solid #F5AF11;
	padding: 10px 15px;
	border-radius: 7px;
	margin-bottom: 20px;
}

.plan {
	font-size: 14px;
	font-weight: bold;
	color: #F00;
	background-color: #FFD5D5;
	padding:7px 10px;
	margin:10px 0;
}


#matchBox .boxL {
	width:440px;
	height:395px;
	float:left;
	background:url(../../exhibit/images/matching_exhibitor.jpg) no-repeat;
}

#matchBox .boxR {
	width:440px;
	height:395px;
	float:right;
	background:url(../../exhibit/images/matching_visitor.jpg) no-repeat;
}

#matchBox .boxL ul {
	margin:225px 65px 0 60px;
}

#matchBox .boxL li {
	margin-bottom:22px;
}

#matchBox .boxR ul {
	margin:228px 25px 0 90px;
}

#matchBox .boxR li {
	margin-bottom:24px;
}


/* Company List ------------------------------------------ 
---------------------------------------------------------- */

.complist {
	border:4px solid #E7F3E0;	
	padding: 10px;
}

#contWrap .complist .compInfo {
	width:52%;
	font-size:14px;
}

#contWrap .complist .compInfo th {
	width:25%;
}

#contWrap .complist .compItem th {
	width:30%;
	background-color:#FFF;
	text-align:center;
}

.compIntro {
	width:45%;
	float:right;
	margin-top:15px;
	font-size:14px;
}


/* Banner Download --------------------------------------- 
---------------------------------------------------------- */

#bannerDL p { margin:auto 0; }

#bannerDL .loL, #bannerDL .loR {
	width:400px;
	text-align:center;
}

#bannerDL .loL {
	float:left;
}

#bannerDL textarea {
	width:100%;
	height:50px;
	padding:5px;
	background-color:#EFEFEF;
	border:1px solid #CCC;
}