@charset "utf-8";

/* Table Of Contents
----------------------------------------

# General Elements
# body
# layout
# content
# footer

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

.pie{
	position: relative;
	behavior: url(htc/PIE.htc);
}

/* # body
---------------------------------------------------------------------------- */

body {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	line-height: 1.4;
	font-size: 15px;
	color: #393939;
}

a {
	text-decoration: none;
	color: #393939;
}


a:hover   {
	
}

a img,

a:hover img.notHover {

	opacity: 1.0;

	filter: alpha(opacity=100);

}


a:hover img {

	opacity: 0.85;

	filter: alpha(opacity=85);

}

/* # layout
---------------------------------------------------------------------------- */

#layout {
	overflow: hidden;
}

/* # header
---------------------------------------------------------------------------- */

#header {
	height: 800px;
	position: relative;
	overflow: hidden;
}

.header_in{
	position: relative;
	z-index: 2;
	width: 1000px;
	padding: 110px 0 0 0;
	margin: 0 auto;
}

.header_in .header_logo01{
	position: absolute;
	top: 17px;
	left: 0px;
}

.header_in .header_logo02{
	position: absolute;
	top: 67px;
	right: 0px;	
}

.header_in .visual{
	position: relative;	
}

.header_in .visual_img{
	position: relative;
	z-index: 1;
	margin: 0 0 0 -22px;
}

.header_in .visual .visual_bt{
	position: absolute;
	z-index: 2;
	left: 25px;
	bottom: 48px;	
}

.header_bg{
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 0;
	margin: 0 0 0 -700px;
	width: 1400px;	
}

.header_bg img{
	width: 100%;
	height: auto;
}

/* 
---------------------- section ----------------------
*/

div.section{
	width: 1000px;
	margin: 0 auto;
}

/* 
---------------------- box ----------------------
*/

div.box{
	border: 1px solid #d3d3d3;
}

div.box02{
	padding: 44px 22px 22px 22px;
	border: 1px solid #d3d3d3;
}

/* 
---------------------- background ----------------------
*/

.section_bg{
	background-image: url(../images/section_bg.png);
	background-repeat: no-repeat;
	background-position: right top;	
}

.bg_gray{
	background-color: #f9f9f9;	
}
.bg_gray02{
	background-color: #f9f9f9;
}

.bg_blue{
	background-color: #e9f4ff;
}

.bg_gray{
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f7f7f7 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f7f7f7 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f7f7f7 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.shadow01{
	-moz-box-shadow: 0px 0px 7px rgba(64,64,64,0.33);
    -webkit-box-shadow: 0px 0px 7px rgba(64,64,64,0.33);
    box-shadow: 0px 0px 7px rgba(64,64,64,0.33);	
}

/* #section01 */

.section#section01{
	margin-bottom: 40px;	
}

/* #section02 */

.section#section02{
	margin-bottom: 40px;	
}

/* #section03 */

.section#section03{
	margin-bottom: 40px;	
}

/* #section04 */

#section04{
	width: 100% !important;	
}

#section04 h2{
	padding: 24px 0;
	margin: 0 0 20px 0;
	text-align: center;
	background: #00467a;	
}

/* .event */

div.event{
	display: table;
	width: 100%;
	margin: 0 auto;
	background: #ffffff url(../images/event_bg.jpg) no-repeat right bottom;
    -moz-box-shadow: 0px 0px 13px rgba(150,150,150,0.68);
    -webkit-box-shadow: 0px 0px 13px rgba(150,150,150,0.68);
    box-shadow: 0px 0px 13px rgba(150,150,150,0.68);
}

div.event .image{
	display: table-cell;
	width: 500px;
}

div.event .text{
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 50px;
}

div.event .text table td,div.event .text table th{
	vertical-align: top;
	font-size: 20px;
	line-height: 36px;
}

div.event .text table th{
	width: 75px;	
}

/* .messege */

.message{
	margin: 60px 0 0 0;	
}

.message .speaker{
	margin: 30px 0 0 0;
	background: #ffffff;
	padding: 18px 20px;
}

.message .speaker_in{
	display: table;
	width: 100%;
}

.message .speaker_in .image{
	display: table-cell;
	vertical-align: top;
}


.message .speaker_in .text{
	display: table-cell;
	padding: 0 0 0 20px;
	vertical-align: top;
}

/* .schedule */

.schedule{
	
}

.schedule .schedule_img{
	display: table;	
	width: 100%;
	margin: 0 0 15px 0;
}

.schedule .schedule_img .left{
	display: table-cell;
	vertical-align: middle;
	text-align: left;	
}

.schedule .schedule_img .right{
	display: table-cell;
	vertical-align: middle;
	text-align: right;	
}

.schedule .schedule_table{
	background: #ffffff;
	padding: 20px;
}

.schedule .schedule_table table{
	width: 100%;
	border: 1px solid #ededed;
}

.schedule .schedule_table tr.even{
	background: #f8f8f8;	
}

.schedule .schedule_table tr.odd{
	background: #ededed;	
}

.schedule .schedule_table table th{
	width: 199px;
	vertical-align: middle;
	padding: 15px 22px 15px 30px;
}

.schedule .schedule_table table td{
	vertical-align: middle;
	padding: 15px 0;
}

.schedule .schedule_table table h3{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.075em;
	margin: 0 0 4px 0;
}

.schedule .schedule_table table p{
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.075em;	
}

/* future */

.future .future_in{
	margin: 20px 0 0 0;
	display: table;
	width: 100%;	
}

.future .future_in .text{
	display: table-cell;
	padding: 0 0 0 20px;
	vertical-align: middle;
}

.future .future_in .text_in{
	position: relative;	
}

.future .future_in .text_in h3{
	position: relative;
	z-index: 1;
}

.future .future_in .text_in p{
	position: absolute;
	bottom: 0;
	left: 0;	
}

.future .future_in .image{
	display: table-cell;
	vertical-align: middle;
	width: 353px;
}

.future ul.car_list_in{
	padding: 0 0 0 7px;	
}

.future ul.car_list_in li{
	float: left;
	margin: 0 5px 5px 0;
}

/*.information  */

.information{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 100px 0;
}

.information .information_in{
	display: table;
	width: 100%;	
}

.information .information_in .text{
	display: table-cell;
	vertical-align: top;
}

.information .information_in .image{
	display: table-cell;
	vertical-align: top;
	width: 361px;
}

.information .button_area{
	background: #f2f2f2;
	padding: 12px 27px;
	width: 446px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.bt_pagetop{
	width: 1000px;
	margin: 0 auto;
	text-align: right;	
}

/* # footer
---------------------------------------------------------------------------- */

#footer {
	background-color: #005088;
	text-align: center;
	padding-top: 23px;
	padding-bottom: 23px;
	color: #FFF;
	font-size: 16px;
}

.mR18{ margin-right: 18px;}
.mB5{ margin-bottom: 5px;}
.mB7{ margin-bottom: 7px;}
.mB10{ margin-bottom: 10px;}
.mB15{ margin-bottom: 15px;}
.mB20{ margin-bottom: 20px;}
.mB25{ margin-bottom: 25px;}
.mB30{ margin-bottom: 30px;}
.mB35{ margin-bottom: 35px;}
.mB40{ margin-bottom: 40px;}
.mB45{ margin-bottom: 45px;}
.mB50{ margin-bottom: 50px;}
.mB55{ margin-bottom: 55px;}
.mB65{ margin-bottom: 65px;}
.mB70{ margin-bottom: 70px;}
.mB100{ margin-bottom: 100px;}
.mB140{ margin-bottom: 140px;}