@charset "Shift_JIS";

/*=========================================================

	Site Name   EDIX2016特設ページ
	File Name   page.css

	Create Date 2016/05/11
	Update Date0000/00/00

==========================================================*/

/* Start of "Micro clearfix" */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* End of "Micro clearfix" */


/*  Common page style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.ex-marginTopNone {
	margin-top: 0 !important;
}
.ex-marginTop10 {
	margin-top: 10px !important;
}
.ex-marginTop20 {
	margin-top: 20px !important;
}
.ex-marginTop30 {
	margin-top: 30px !important;
}
.ex-marginTop40 {
	margin-top: 40px !important;
}
.ex-marginTop50 {
	margin-top: 50px !important;
}

.ex-marginNone {
	margin: 0 !important;
}

.ex-marginBottomNone {
	margin-bottom: 0 !important;
}
.ex-marginBotton10 {
	margin-bottom: 10px !important;
}
.ex-marginBotton20 {
	margin-bottom: 20px !important;
}
.ex-marginBotton30 {
	margin-bottom: 30px !important;
}
.ex-marginBotton40 {
	margin-bottom: 40px !important;
}
.ex-marginBotton50 {
	margin-bottom: 50px !important;
}

.ex-alignLeft {
	text-align: left !important;
}
.ex-alignRignt {
	text-align: right !important;
}
.ex-alignCenter {
	text-align: center !important;
}

.ex-cautionText {
	margin-left: 1em;
	text-indent: -1em;
	padding: 0 10px;
	font-size: 0.769em !important;
}
.ex-cautionColor {
	color: #cc0000;
}

.none {
	display: none;
}


/*  EDIX2016 page style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#EDIX2016 {
	margin: 0 0 100px;
}

#EDIX2016 div.link-box-bgc {
	margin: 20px 0;
	padding: 20px 15px;
	background: #eeeeee;
}
#EDIX2016 div.link-box-bgc p {
	margin: 0;
	padding: 0;
}
#EDIX2016 div.link-box-bgc p a {
	margin: 0;
	padding: 0 0 0 15px;
	background: transparent url(/share/images/arrow_black.gif) no-repeat left 0.4em;

}

#EDIX2016 div.layout-box {
	position: relative;
	width: 950px;
	height:;
	overflow: hidden;
}

#EDIX2016 div.layout-box p {
}

#EDIX2016 div.layout-box ul {
}
#EDIX2016 div.layout-box ul li {
}
#EDIX2016 div.layout-box ul li.layout-modal-01 a {
	display: block;
	width: 250px;
	height: 32px;
}

#EDIX2016 div.layout-box ul li.layout-modal-02 a {
	display: block;
	width: 199px;
	height: 32px;
}


#EDIX2016 div.layout-box ul li.layout-modal-03 a {
	display: block;
	width: 198px;
	height: 42px;
}


#EDIX2016 div.layout-box ul li.layout-modal-04 a {
	display: block;
	width: 259px;
	height: 32px;
}


#EDIX2016 div.layout-box ul li.layout-modal-05 a {
	display: block;
	width: 169px;
	height: 41px;
}

#EDIX2016 div.layout-box ul li.layout-modal-06 a {
	display: block;
	width: 216px;
	height: 32px;
}

#EDIX2016 div.layout-box ul li.layout-modal-07 a {
	display: block;
	width: 219px;
	height: 32px;
}



#EDIX2016 div.layout-box ul li a img {
	margin-top: 10px;
}

#EDIX2016 div.layout-box ul li.layout-modal-01 {
	position: absolute;
	top: 361px;
	left: 577px;

}
#EDIX2016 div.layout-box ul li.layout-modal-02 {
	position: absolute;
	top: 248px;
	left: 461px;
}
#EDIX2016 div.layout-box ul li.layout-modal-03 {
	position: absolute;
	top: 187px;
	left: 645px;
}
#EDIX2016 div.layout-box ul li.layout-modal-04 {
	position: absolute;
	top: 251px;
	left: 136px;

}
#EDIX2016 div.layout-box ul li.layout-modal-05 {
	position: absolute;
	top: 167px;
	left: 261px;
}
#EDIX2016 div.layout-box ul li.layout-modal-06 {
	position: absolute;
	top: 118px;
	left: 179px;
}
#EDIX2016 div.layout-box ul li.layout-modal-07 {
	position: absolute;
	top: 69px;
	left: 333px;
}

#EDIX2016 div.layout-box ul li.layout-modal-lc {
	position: absolute;
	top: 240px;
	left: 52px;
}
#EDIX2016 div.layout-box ul li.layout-modal-lc a {
	width: 63px;
	height: 73px;
}


#EDIX2016 div.remodal h1{

}
#EDIX2016 p {
}




/*追加*/

#header{
/*	color: #fff;
	height: 35px;
	font-size: 18px;
	background-color: #246090;

	padding: 5px 0 0 10px;
	text-align:left;*/
	margin-top: 15px;
}
.remodal h1{
	font-size: 25px;
	margin-bottom: 8px;
	padding-left: 5px;
	text-align: left;
	margin-top:10px;
}
.graph{
	background-color:#d7f5ff;
	padding: 20px ;
}


.graph p.c5-heading{
	font-size: 18px;
	margin-bottom: 10px;
}


.graph ul{
	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 20px;
}
.graph li{
	list-style-type: disc;
}

.graph img{
	margin: 0 auto 0;
/*	width: 100%;*/
}

.graph div.c5-box {
	background-color:#ffffff;
	padding: 10px;
}
.graph div.c5-box h3{
	padding: 10px;
	font-size: 16px;
}
.graph div.c5-box ul{
	 font-size: 14px;
	 padding: 5px 30px;
}

.graph div.c5-box2 {
	margin-top: 10px;
}

.graph .c5-caption {
	font-size: 0.8rem;
	color: #606060;
}

.graph .txt{
	text-align:left;
	float:left;
	width:560px;

}

.graph .images{
	width:200px;
	text-align:right;
	float:right;
}




.h2-underline{
	font-size: 16px;
	margin-bottom: 15px;
	padding: 5px 0 0 10px;
	border-bottom: 1px solid #ddd;
}
a.img_btn_arrow{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	height: 38px;
	margin-bottom: 20px;
	display: inline-block;
}
a.img_btn_arrow:hover{
	text-decoration: underline;
}
a.img_btn_arrow span{
	margin-right: auto;
	margin-left: auto;
	padding: 14px 10px 11px 25px;
	background-color: #5787f4;
	background-image: url(../images/img_btn_arrow.png);
	background-repeat: no-repeat;
	background-position: 8px 51%;
}
#EDIX2016 div.list-box{
	margin-top: 20px;
	overflow: hidden;
}
#EDIX2016 div.list-box .left-list-box{
	width:300px;
	float:left;
	padding-left: 15px;
}
#EDIX2016 div.list-box .right-list-box{
	width:300px;
	float:left;
	padding-left: 20px;
}

#movieWindow{
	overflow:auto !important;
}
#movieWindow #movieplayer{
	width:820px !important;
}





/*追加*/

#header{
/*	color: #fff;
	height: 35px;
	font-size: 18px;
	background-color: #246090;

	padding: 5px 0 0 10px;
	text-align:left;*/
	margin-top: 15px;
}
.remodal h1{
	font-size: 25px;
	margin-bottom: 8px;
	padding-left: 5px;
	text-align: left;
	margin-top:10px;
}
.graph{
	background-color:#d7f5ff;
	padding: 20px ;
}


.graph p.c5-heading{
	font-size: 18px;
	margin-bottom: 10px;
}


.graph ul{
	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 20px;
}
.graph li{
	list-style-type: disc;
}

.graph img{
	margin: 0 auto 0;
/*	width: 100%;*/
}

.graph div.c5-box {
	background-color:#ffffff;
	padding: 10px;
}
.graph div.c5-box h3{
	padding: 10px;
	font-size: 16px;
}
.graph div.c5-box ul{
	 font-size: 14px;
	 padding: 5px 30px;
}

.graph div.c5-box2 {
	margin-top: 10px;
}

.graph .c5-caption {
	font-size: 0.8rem;
	color: #606060;
}

.h2-underline{
	font-size: 16px;
	margin-bottom: 15px;
	padding: 5px 0 0 10px;
	border-bottom: 1px solid #ddd;
}
a.img_btn_arrow{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	height: 38px;
	margin-bottom: 20px;
	display: inline-block;
}
a.img_btn_arrow:hover{
	text-decoration: underline;
}
a.img_btn_arrow span{
	margin-right: auto;
	margin-left: auto;
	padding: 14px 10px 11px 25px;
	background-color: #5787f4;
	background-image: url(../images/img_btn_arrow.png);
	background-repeat: no-repeat;
	background-position: 8px 51%;
}
#EDIX2016 div.list-box{
	margin-top: 20px;
	overflow: hidden;
}
#EDIX2016 div.list-box .left-list-box{
	width:300px;
	float:left;
	padding-left: 15px;
}
#EDIX2016 div.list-box .right-list-box{
	width:300px;
	float:left;
	padding-left: 20px;
}

#movieWindow{
	overflow:auto !important;
}
#movieWindow #movieplayer{
	width:820px !important;
}




/*追加*/

#header{
/*	color: #fff;
	height: 35px;
	font-size: 18px;
	background-color: #246090;

	padding: 5px 0 0 10px;
	text-align:left;*/
	margin-top: 15px;
}
.remodal h1{
	font-size: 25px;
	margin-bottom: 8px;
	padding-left: 5px;
	text-align: left;
	margin-top:10px;
}
.graph{
	background-color:#d7f5ff;
	padding: 20px ;
}


.graph p.c5-heading{
	font-size: 18px;
	margin-bottom: 10px;
}


.graph ul{
	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 20px;
}
.graph li{
	list-style-type: disc;
}

.graph img{
	margin: 0 auto 0;
/*	width: 100%;*/
}

.graph div.c5-box {
	background-color:#ffffff;
	padding: 10px;
}
.graph div.c5-box h3{
	padding: 10px;
	font-size: 16px;
}
.graph div.c5-box ul{
	 font-size: 14px;
	 padding: 5px 30px;
}

.graph div.c5-box2 {
	margin-top: 10px;
}

.graph .c5-caption {
	font-size: 0.8rem;
	color: #606060;
}

.h2-underline{
	font-size: 16px;
	margin-bottom: 15px;
	padding: 5px 0 0 10px;
	border-bottom: 1px solid #ddd;
}
a.img_btn_arrow{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	height: 38px;
	margin-bottom: 20px;
	display: inline-block;
}
a.img_btn_arrow:hover{
	text-decoration: underline;
}
a.img_btn_arrow span{
	margin-right: auto;
	margin-left: auto;
	padding: 14px 10px 11px 25px;
	background-color: #5787f4;
	background-image: url(../images/img_btn_arrow.png);
	background-repeat: no-repeat;
	background-position: 8px 51%;
}
#SS2016 div.list-box{
	margin-top: 20px;
	overflow: hidden;
}
#SS2016 div.list-box .left-list-box{
	width:300px;
	float:left;
	padding-left: 15px;
}
#SS2016 div.list-box .right-list-box{
	width:300px;
	float:left;
	padding-left: 20px;
}

#movieWindow{
	overflow:auto !important;
}
#movieWindow #movieplayer{
	width:820px !important;
}

.annotation{
	font-size:14px;
}