/* styles written in this file is for Standard */

#contents #head-area{
	background:		#FDFDFD;
	border-top:		1px solid #CCCCCC;
}
#head-area .ttl{
	max-width:		980px;
	margin:			0 auto
}
#head-area .ttl h1{
	float:			left;
	/*width:			51.0204081633%;*/
	padding:		20px 0 30px 0;
}
#head-area .ttl .time{
	float:			right;
	padding:		35px 0 30px;
	/*width:			27.9591836735%;*/
}
#head-area .mainimg{
}
#head-area .ttl h1 img,
#head-area .ttl .time img,
#head-area .mainimg img{
	width:			100%;
}
#head-area .mainimg p{
	max-width:		980px;
	margin:			0 auto
}
#head-area .note{
	text-align: right;
	max-width: 980px;
	margin: 0 auto;
	font-size: 11px;
	line-height:1.8;
}
#head-area .maintxt{
	font-weight:		bold;
	max-width:		980px;
	margin:			0 auto;
	font-size:		20px;
	line-height:		1.6;
	padding:		30px 0px;
}
#head-area .snav{
	background:		url(../img/nav_bg_01.jpg) repeat-x 0 0;
}
#head-area .snav ul{
	max-width:		980px;
	margin:			0 auto;
	font-size:		13px;
}
#head-area .snav li{
	float:			left;
	padding:		0 1.2%;
}
#head-area .page-navi0 li{
	height:			60px;
}
#contents #head-area .page-navi0 li a{
	color:			#000000;
	padding:		23px 0 0 10px;
	height:			37px;
	font-size:		13px;
	font-weight:		bold;
	display:		block;
	text-align:		center;
	text-decoration:	none;
	background:		url(../img/nav_bg_02.jpg) no-repeat 0 center;
}
#head-area .page-navi0 {
	float:			none;
	display:		block;
}
.content-wrap .main-inner{
	padding-top:		20px;
}
.content-wrap .main-inner .title-lv2{
	margin:			20px 0 0 0;
}
.content-wrap .main-inner .p20{
	padding:		20px 20px 10px 20px;
}
.content-wrap .main-inner .pagetop{
	text-align:		right;
}
.content-wrap .main-inner .pagetop a{
	background:		url(../img/icon-cursor-up.png) no-repeat 0 center;
	padding:		0 0 0 12px;
}
#main .schedule{
	font-size:		12px;
	line-height:		1.5;
}
#snav{
	display:		none;
	height:			37px;
	margin:			0 10px;
	line-height:		37px;
	color:			#ffffff;
	line-height:		37px;
	font-weight:		bold;
	padding:		0 5px;
	text-decoration:	none;
	font-size:		16px;
	cursor:			pointer;
	background:		url(../img/page-navi-cursor.png) no-repeat right center #888888;
}
/*----ブース内容----*/

.content-wrap .main-inner #intro{
	margin:			0;
}

.content-wrap .main-inner .special{
	border:			3px solid #AC7F0D;
	margin:			0 0 25px 0;
	position:		relative;
}

.content-wrap .main-inner .special .wrap{
	border:			1px solid # FFFFFF;
	padding:		25px;
	background:		url(../img/ban_bg_01.jpg) left top;
}

.content-wrap .main-inner .special .wrap-inner{
	width:			57.8158458244%;
	float:			left;
}

.content-wrap .main-inner .special h3{
	margin-bottom:		15px;
}

.content-wrap .main-inner .special h3 img{
	width:			100%;
}

.content-wrap .main-inner .special h3 span{
	display:		inline-block;
	/display:		inline;
	/zoom:			1;
}



.content-wrap .main-inner .special p{
	margin-bottom:		10px;
	font-size:		16px;
	max-height:		99999px;
}

.content-wrap .main-inner .special p:last-child{
	margin-bottom:		0;
}

.content-wrap .main-inner .special p span{
	display:		inline-block;
	/display:		inline;
	/zoom:			1;
}

.content-wrap .main-inner .special p.image{
	width:			38.6509635974%;
	float:			right;
}

.content-wrap .main-inner .special p.image img{
	width:			100%;
}


.content-wrap .main-inner .left_area{
	float:			left;
	width:			50%;
	padding:		0 2% 1.2% 0;
	margin-bottom:		10px;
}
.content-wrap .main-inner .right_area{
	float:			left;
	width:			47%;
	padding:		0 0 1.2% 0;
	margin-bottom:		10px;
}
.content-wrap .main-inner .left_area dt,
.content-wrap .main-inner .right_area dt{
	font-weight:		bold;
	font-size:		17px;
}
.content-wrap .main-inner .left_area dd,
.content-wrap .main-inner .right_area dd{
	line-height:		1.6;
}
.content-wrap .main-inner .left_area{
	margin-right:		1%;
}
.content-wrap .main-inner .left_area .txt,
.content-wrap .main-inner .right_area .txt{
	float:			left;
	width:			58%;
	padding-top:		1%;
}
.content-wrap .main-inner .txt2{

}
.content-wrap .main-inner .txt2 dt,
.content-wrap .main-inner .txt2 dt{
	font-weight:		bold;
	font-size:		17px;
}
.content-wrap .main-inner .txt2 dd,
.content-wrap .main-inner .txt2 dd{
	line-height:		1.6;
}
.content-wrap .main-inner .left_area p{
	float:			right;
	width:			35.5%;
}
.content-wrap .main-inner .right_area p{
	float:			right;
	width:			38.5%;
}
.content-wrap .main-inner .left_area p img,
.content-wrap .main-inner .right_area p img{
	width:			100%;
}
/*----ステージプログラム----*/
.content-wrap .step-inner{
	padding:		20px;
}
.content-wrap .step-inner h4{
	background:		url("../img/stage_img_01.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	font-size:		14px;
	font-weight:		bold;
	line-height:		1;
	padding:		15px 14px 10px;
	text-align:		center;
}
.content-wrap .day{
	width:			24.68%;
	float:			left;
}
.content-wrap .day1,
.content-wrap .day2,
.content-wrap .day3{
	margin-right:		0.4%;
}
#main table{
	border-top:		0;
}
#main .schedule td{
	height:		225px;
}

#main .schedule2 td{
	height:		214px;
}

.content-wrap .main-inner .schedule td{
	font-weight:		bold;
	text-align:		center;
	border-right:		0;
	line-height:		1.6;
}
.content-wrap .main-inner .schedule td span{
	font-size:		11px;
}
.content-wrap .main-inner .schedule td.intro{
	vertical-align:		middle;
}
.content-wrap .main-inner .schedule td p.time{
	padding:		0 0 10px;
	text-align:		left;
	font-weight:		normal;
}
.content-wrap .main-inner .schedule td.bg{
	background:		#FFE9E6;
}
.content-wrap .main-inner .schedule td.bg1{
	background:		#EDFFF6;
}
#main .schedule td.borB{
	border-bottom:			1px solid #FFFFFF;
}
.content-wrap .main-inner .pred{
	font-size:		14px;
	color:			#FF0000;
	padding:		20px 20px 0 20px;
}
.content-wrap .main-inner .schedule .btn01{
	font-size:		13px;
	color:			#BBBBBB;
	position:		relative;
	line-height:		30px;
	vertical-align:		middle;
	width:			73.5%;
	margin:			10px auto;
	background:		url(../img/stage_btn_midd01.jpg) repeat-x 0 0;
}
.content-wrap .main-inner .schedule .btn01 .bgL{
	position:		absolute;
	top:			0;
	left:			0;
	display:		block;
	width:			4px;
	height:			30px;
	background:		url(../img/stage_btn_left01.jpg) no-repeat 0 0;
}
.content-wrap .main-inner .schedule .btn01 .bgR{
	position:		absolute;
	top:			0;
	right:			0;
	display:		block;
	width:			4px;
	height:			30px;
	background:		url(../img/stage_btn_right01.jpg) no-repeat 0 0;
}
.content-wrap .main-inner .schedule .btn02{
	font-size:		13px;
	color:			#BBBBBB;
	width:			100%;
	position:		relative;
	height:			60px;
	padding-top:		20px;
	margin:			10px auto;
	background:		url(../img/stage_btn_midd02.jpg) repeat-x 0 0;
}
.content-wrap .main-inner .schedule .btn02 .bgL{
	position:		absolute;
	top:			0;
	left:			0;
	display:		block;
	width:			4px;
	height:			80px;
	background:		url(../img/stage_btn_left02.jpg) no-repeat 0 0;
}
.content-wrap .main-inner .schedule .btn02 .bgR{
	position:		absolute;
	top:			0;
	right:			0;
	display:		block;
	width:			4px;
	height:			80px;
	background:		url(../img/stage_btn_right02.jpg) no-repeat 0 0;
}


/*----開催概要----*/
#main .main-inner .summary th,
#main .main-inner .summary td{
	border:			0;
	padding:		9px 7px 0 0;
}
#main .main-inner .summary{
	width:			70%;
	float:			left;
	font-size:		12px;
}
.content-wrap .main-inner .p20 ul{
	float:			right;
	width:			29%;
}
.content-wrap .main-inner .p20 ul li{
	padding-bottom:		20px;
}
.content-wrap .main-inner .p20 ul li a{
	position:		relative;
	font-size:		15px;
	font-weight:		bold;
	text-align:		center;
	line-height:		50px;
	display:		block;
	color:			#000000;
	background:		url(../img/summary_btn_midd.jpg) repeat-x 0 0;
}
.content-wrap .main-inner .p20 ul li a span.bgL{
	display:		block;
	width:			4px;
	height:			50px;
	position:		absolute;
	top:			0;
	left:			0;
	background:		url(../img/summary_btn_left.jpg) no-repeat left 0;
}
.content-wrap .main-inner .p20 ul li a span.bgR{
	display:		block;
	width:			4px;
	height:			50px;
	position:		absolute;
	top:			0;
	right:			0;
	background:		url(../img/summary_btn_right.jpg) no-repeat right 0;
}
.content-wrap .main-inner .sumtbale{
	padding:		0 20px 20px 20px;
}
.content-wrap .main-inner .sumtbale .booth{
	border:			1px solid #CCCCCC;
	padding:		19px 2.127%;
	margin-top:		20px;
	width:			95.53%;
	background:		#f2f2f2;
}
.content-wrap .main-inner .sumtbale .booth img{
	width:			100%;
}

.content-wrap .main-inner .sumtbale .booth img.sp-only{
	display:		none;
}
.content-wrap .main-inner .sumtbale .booth img.pc-only{
	display:		block;
}

	@media screen and (max-width: 640px) {
		.content-wrap .main-inner .sumtbale .booth img.sp-only{
			display:		block;
		}
		.content-wrap .main-inner .sumtbale .booth img.pc-only{
			display:		none;
		}
	}



/*--- for smartphone ---*/
@media screen and (max-width: 640px) {
	#head-area .ttl{
		width:			100%;
	}
	#head-area .ttl h1{
		width:			93.75%;
		padding:		0 10px;
	}
	#head-area .ttl .time{
		float:			right;
		padding:		10px 10px 10px 0;
		width:			46%;
	}
	#head-area .mainimg p{
		width:			100%;
	}
	#head-area .ttl h1 img{
		max-width:		456px;
	}
	#head-area .ttl .time img{
		max-width:		276px;
	}
	#head-area .maintxt{
		font-size:		11px;
		line-height:		1.6;
		padding:		10px;
	}
	#head-area .snav{
		background:		none;

		padding:		0 10px;
	}
	#main .schedule td,
	#main .schedule2 td{
		height:			auto;
	}
	#snav{
		display:		block;
	}
	#head-area .page-navi0{
		display:		none;
	}
	#head-area .page-navi0 li {
		float:			none;
		height:			37px;
		padding:		0;
	}
	.content-wrap .step-inner{
		padding:		10px 0;
	}
	.content-wrap .day{
		width:			100%;
	}
	.content-wrap .day h4 span{
		padding-left:		10px;
		background:		url(../img/nav_bg_02.gif) no-repeat 0 center;
		background-size:	5px 5px;
	}
	.content-wrap .active h4 span{
		padding-left:		10px;
		background:		url(../img/nav_bg_03.gif) no-repeat 0 center;
		background-size:	5px 5px;
	}
	.content-wrap .step-inner h4{
		font-size:		10px;
	}
	.content-wrap .main-inner .pred {
		padding:		10px 0 0 0;
		font-size:		12px;
	}
	.content-wrap .main-inner .schedule .btn01{
		width:			100%;
	}
	.content-wrap .main-inner .schedule .dis{
		display:		none;
	}
	.content-wrap .step-inner .borB1{
		border-bottom:		1px solid #DDDDDD;
	}
	.content-wrap .step-inner .active .borB1,
	#main .active table td.borB1{
		border-bottom:		none;
	}
	#contents #head-area .page-navi0{
		width:			100%;
	}
	#contents #head-area .page-navi0 li a {
		color:			#FFFFFF;
		display:		block;
		height:			37px;
		line-height:		37px;
		padding:		0 5px;
		text-align:		left;
		text-decoration:	none;
		background:		#999999;
		z-index:		99;
		font-size:		16px;
	}
	#contents #head-area .page-navi0 li a:hover{
		background:		#CCCCCC;
	}
	#contents #head-area .active1{
		display:		block;
	}
	#contents #page-navi-parent {
		padding:		0;
	}

	.content-wrap .main-inner .special .wrap-inner{
		width:			100%;
		float:			none;
	}

	.content-wrap .main-inner .special h3{
		max-width:		540px;
	}

	.content-wrap .main-inner .special p span{
		display:		inline;
	}

	.content-wrap .main-inner .special p.image{
		margin-top:		20px;
		width:			100%;
		float:			none;
	}

	.content-wrap .main-inner .left_area dt,
	.content-wrap .main-inner .right_area dt{
		font-size:		12px;
	}
	.content-wrap .main-inner .left_area,
	.content-wrap .main-inner .right_area{
		width:			100%;
		margin-bottom:		10px;
		padding:		0;
	}
	.content-wrap .main-inner .left_area .txt,
	.content-wrap .main-inner .right_area .txt {
		width:			53%;
	}
	.content-wrap .main-inner .left_area p,
	.content-wrap .main-inner .right_area p{
		width:			43%;
	}
	.content-wrap .main-inner .left_area p img,
	.content-wrap .main-inner .right_area p img{
		max-width:		170px;
	}
	.content-wrap .main-inner {
		padding:	10px;
	}
	.content-wrap .main-inner .p20 ul{
		clear:			both;
		float:			none;
		width:			100%;
		padding-top:		20px;
	}
	#main .main-inner .summary{
		width:			100%;
		font-size:		12px;
	}
	.content-wrap .main-inner .p20 {
		padding: 10px 0;
	}
	.content-wrap .main-inner .sumtbale{
		padding:		0 0 30px 0;
	}
	.content-wrap .main-inner .sumtbale .booth{
		padding:		5px;
		margin-top:		10px;
		width: auto;
	}
	.content-wrap .main-inner .p20 ul li a {
		font-size:			13px;
	}
}
.red{
	color: red;
}
.mt10{
	margin-top: 10px;
	margin-left: 10px;
}



/* .forPC forSP
---------------*/
.forPC{
    display: block;
}
.forPCi{
    display: inline-block;
}
.forSP,
.forSPi{
    display: none;
}

@media screen and (max-width: 640px) {
    .forSP{
        display: block;
    }
    .forSPi{
        display: inline-block;
    }
    .forPC,
    .forPCi{
        display: none;
    }
}