@charset "utf-8";
/* CSS Document */
/*-----------ゼクシィアイフレーム20111122-----------*/
#fair_contents{
    float:left;
	clear:both;
	width:100%;
	padding-bottom: 0;
	text-align: center;
	margin:-5px 0 0 0;
}

#fair_contents iframe {
	overflow-y:auto;
	overflow-x: hidden;
	width:100%;
	height:auto;
	min-height:1000px;
	padding:0;
	margin: 0 auto;	
}
/*-------------------------------------------*/
#main_contents #fair_header{
    float:left;
	clear:both;
	width:100%;
	margin-bottom:50px;
}
#main_contents #fair_header #calendar_base{
    float:left;
	width:312px;
}
#main_contents #select_fair{
    float:right;
}
#main_contents h1{
    float:left;
	clear:both;
    margin-bottom:30px;
}
#main_contents p{
    margin-bottom:20px;
}
#main_contents #calendarContainer{
	clear:both;
	margin-bottom:60px;
}
#main_contents h2{
    float:left;
    clear:both;
	width:100%;
    padding-bottom:11px;
    margin-bottom:20px;
    background:url(../../common/img/sub_tit_bg.gif) repeat-x left bottom;
}
#main_contents #fair_header #calendar_base h2{
    width:312px;
}
#main_contents #fair_header #calendar_base #read{
    margin-bottom:20px;
}
#main_contents #fair_header #calendar_base #calendar_box,
#main_contents #fair_header #calendar_base #calendar_box ul#fair_list,
#main_contents #fair_header #calendar_base #calendar_box p.attention{
    float:left;
    clear:both;
	width:312px;
	margin-bottom:25px;
}
#main_contents #fair_header #calendar_base #calendar_box ul#fair_list li{ margin-bottom:5px;}
#main_contents #fair_header #calendar_base #calendar_box ul#fair_list li img{margin-right:10px;}
#main_contents #fair_header #calendar_base #calendar_box p.attention { color:#826d5c}
#main_contents #fair_header #calendar_base #calendar_box p.attention a{ text-decoration:underline;}
/*---------------------------------------*/
#main_contents #select_fair{
    width:495px;
	padding-bottom:13px;
	background:url(../images/select_fair_bottom.jpg) no-repeat left bottom ;
}
#main_contents #select_fair .top,
#main_contents #select_fair .middle,
#main_contents #select_fair .middle .btn_box,
#main_contents #select_fair .middle .btn_box .in{
    float:left;
    clear:both;
}
#main_contents #select_fair .top{
    width:495px;
    height:13px;
	background:url(../images/select_fair_top.jpg) no-repeat left bottom ;
}
#main_contents #select_fair .middle{
    width:436px;
	padding:15px 29px 15px 30px;
	/padding-bottom:0px;
	background:url(../images/select_fair_middle.jpg) repeat-y left bottom;
}
#main_contents #select_fair .middle .fair_name{
	margin-bottom:15px;
	padding:20px 0 10px 0;
	background:url(../../common/img/min_dot.gif) repeat-x left bottom;
}
#main_contents #select_fair .middle .btn_box{
    width:436px;
	margin-top:30px;
    padding-bottom:16px;
	margin-bottom:0;
    background:url(../images/btn_participation_botoom.gif) no-repeat left bottom;
}
#main_contents #select_fair .middle .btn_box .in{
    width:411px;
	margin:10px 0 0 0;
    padding:18px 0 0 25px;
    background:url(../images/btn_participation_top.gif) no-repeat left top;
}
#main_contents #select_fair .middle .btn_box .in .date{
    float:left;
	width:120px;
	margin-right:10px;
	font-weight:bold;
}
/*---------------------------------*/
#main_contents #select_fair .fair_image,
#main_contents #select_fair .fair_image img,
#main_contents #select_fair .fair_image .fair_image_cover{
    width:436px;
	height:278px;
}
#main_contents #select_fair .fair_image{
    position:relative;
}
#main_contents #select_fair .fair_image .fair_image_cover{
    position:absolute;
	left:0;
	top:0;
	background:url(../images/f_img/fair_cover_x.png) no-repeat left bottom;
}
/*---------------------------------------------------------*/
/*---------------------fair--------------------*/
#main_contents .fair{
    float:left;
    clear:both;
	width:847px;
}
#main_contents .fair .fair_name{
    float:left;
    clear:both;
	height:41px;
	padding-right:5px;
	width:842px;
    background:url(../images/h3_r.gif) no-repeat right center #f0e9d9;
	margin-bottom:27px;
}
#main_contents .fair h3{
    float:left;
	height:31px;
	font-weight:bold;
	font-size:130%;
	padding:10px 0 0 20px;
    background:url(../images/h3_l.gif) no-repeat left center;
}
/*---------------------------------*/
#main_contents .fair .fair_info{
    float:left;
	width:555px;
}
#main_contents .fair .fair_info .date_list,
#main_contents .fair .fair_info p,
#main_contents .icons,
#main_contents .fair .fair_info .btn_box,
#main_contents .fair .fair_info .btn_box .in{
    float:left;
    clear:both;
}
/*---------------------------------*/
#main_contents .fair .fair_info .date_list{
    padding-bottom:20px;
}
#main_contents .fair .fair_info .date_list li{
    width:520px;
	padding-left:25px;
}
#main_contents .fair .fair_info .date_list img{
    vertical-align:baseline !important;
	/vertical-align:middle !important;
}
#main_contents .fair .fair_info .pink li{background:url(../images/calendar/icon_pink.gif) no-repeat 0.0em 0.3em;}
#main_contents .fair .fair_info .yellow li{background:url(../images/calendar/icon_yellow.gif) no-repeat 0.0em 0.3em;}
#main_contents .fair .fair_info .blue li{background:url(../images/calendar/icon_blue.gif) no-repeat 0.0em 0.3em;}
#main_contents .fair .fair_info .green li{background:url(../images/calendar/icon_green.gif) no-repeat 0.0em 0.3em;}
#main_contents .fair .fair_info .purple li{background:url(../images/calendar/icon_purple.gif) no-repeat 0.0em 0.3em;}
#main_contents .fair .fair_info .gray li{background:url(../images/calendar/icon_gray.gif) no-repeat 0.0em 0.3em;}
/*---------------------------------*/
#main_contents .fair .fair_info p{
    line-height:1.8em;
}
/*---------------------------------*/
#main_contents .fair .fair_info .date_list,
#main_contents .fair .fair_info p,
#main_contents .fair .fair_info .icons{
    width:545px;
	padding-left:10px
}
/*---------------------------------*/
#main_contents .icons{padding-bottom:20px;}
#main_contents .icons li{display:inline;}
/*---------------------------------*/
/*EFFECT促進改修 20110712*/
#main_contents .fair .fair_info .btn_box{
    width:555px;
    padding-bottom:5px;
    background:url(../images/effect/btn_base_bottom.gif) no-repeat left bottom;
}

#main_contents .fair .fair_info .btn_box .in{
    width:550px;
	margin:0;
	padding: 22px 0 0 22px;
    background:url(../images/effect/btn_base_top.gif) no-repeat left top;
}

#main_contents .fair .fair_info .btn_box .in .left{
	float: left;
    width:351px;
}

#main_contents .fair .fair_info .btn_box .in .right{
	float: left;
	text-algin: left;
	padding:0;
}

#main_contents .fair .fair_info .btn_box .in .but{
	margin: 18px 0 0 0;
}
/*EFFECT促進改修 20110712　ここまで*/

/*
#main_contents .fair .fair_info .btn_box{
    width:555px;
    padding-bottom:16px;
    background:url(../images/btn_base_bottom.gif) no-repeat left bottom;
}
#main_contents .fair .fair_info .btn_box .in{
    width:530px;
	margin:10px 0 0 0;
    padding:18px 0 0 25px;
    background:url(../images/btn_base_top.gif) no-repeat left top;
}
#main_contents .fair .fair_info .btn_box .in a{margin-right:10px;}
*/

/*---------------------------------*/
#main_contents .fair .fair_image,
#main_contents .fair .fair_image img,
#main_contents .fair .fair_image .fair_image_cover{
    width:239px;
	height:306px;
}
#main_contents .fair .fair_image{
    position:relative;
	float:right;
}
#main_contents .fair .fair_image .fair_image_cover{
    position:absolute;
	left:0;
	top:0;
	background:url(../images/f_img/fair_cover_y.png) no-repeat left bottom;
}
/*---------------------------------------------------------*/
#main_contents .w_box .middle {
    width:823px;
    padding:5px 0px 5px 24px;
}
#main_contents .w_box .middle dl{
    width:580px !important;
}
#main_contents .y_box .middle dl{
    width:550px !important;
}
#main_contents .y_box .middle dl li{
    width:520px !important;
}
#main_contents .y_box .middle dl .btn_box,
#main_contents .y_box .middle dl .btn_box .in{
    float:left;
    clear:both;
}
/*　20110825 修正 （注：背景が色付きのため　y-box になる）*/
#main_contents .y_box .middle dl .btn_box{
    width:580px;
    padding-bottom:15px;
    background:url(../images/btn_visit_bottom.gif) no-repeat left bottom;
}
#main_contents .y_box .middle dl .btn_box .in{
    width:540px;
	margin:10px 0 0 0;
    padding:5px 25px 0;
    background:url(../images/btn_visit_top.gif) no-repeat left top;
}

#main_contents .y_box .middle dl .btn_box .in .left{
	float:left;
	width:280px;
	margin:22px 10px 0 0;
}
#main_contents .y_box .middle dl .btn_box .in .right{
	float:left;
	margin:10px 0 0 0;
}
/*
#main_contents .y_box .middle dl .btn_box .in a{margin-right:10px;}
*/
#main_contents .y_box .middle dl p{
    line-height:1.6em;
    margin-bottom:0;
	padding-top:10px;
}
#main_contents .y_box dl dd ul.balloon{margin-bottom:20px;}
#main_contents .y_box .middle .left,
#main_contents .w_box .middle .left{
    margin-right:30px;
}
#main_contents .y_box {margin-bottom:20px;}
#main_contents .y_box {margin-bottom:0px;}
/*-------------------------------------------*/
#main_contents .pagetop{
    float:left;
	clear:both;
    width:845px;
	padding-top:20px;
	padding-bottom:60px;
	text-align:right;
}
/*-------------------------------------------*/

.alert{color : #e00033;}