@charset "utf-8";

/* ---------------- // reset ---------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-align: left;
zoom: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* ---------------- base ---------------- */

body {
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
color: #333;
}

table {
border-collapse: collapse;
font-family: inherit;
}

h1,h2,h3,h4,h5 {
font-size:100%;
font-weight:bold;
}

input,textarea,select {
font-family: inherit;
}

textarea {
resize: none;
}

th,td {
border-collapse: collapse;
}

ul,ol {
list-style-type: none;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align: text-bottom;
}

/*p {
	text-align: justify;
	text-justify: inter-ideograph;
}*/

/* ---------------- link ---------------- */

a:link { text-decoration:none; color:#333; }
a:visited { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#333; }
a:active { text-decoration:none; color:#333; }

/* ---------------- float ---------------- */

.floatright{
float: right;
}

.floatleft {
float: left;
}

/* ---------------- clearfix ---------------- */

.clearfix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size: 0.1em;}
.clearfix { display:inline-block;}
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/

/* ---------------- bold ---------------- */

.txtbold{
font-weight: bold;
}

/* ---------------- align ---------------- */

.alignleft {
text-align: left;
}

.alignright {
text-align: right;
}

.aligncenter {
text-align: center;
}

/* ---------------- reset // ---------------- */

/* ---------------- // adjustment ---------------- */

/* ---------------- text ---------------- */

.nowrap {
	white-space: nowrap;
}
.wordwrap{
	word-wrap: break-word;
}

/* ---------------- font ---------------- */
.font10_5{
	font-size: 10.5px;
}

@font-face {
	font-family: 'Century_Gothic';
	src: url(../font/gothic_0.ttf);
}

.century{
	font-family:"Century_Gothic","Century_Gothic_Bold","Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;

}

/* ---------------- txt-i ---------------- */

.column-img {
	float: left;
}

.column-txt {
	float: left;
}

.txt-img20 {
	width: 20%;
}

.txt-img20-l10 {
	width: 20%;
	padding: 0 0 0 10%;
}

.txt-img25 {
	width: 25%;
}

.txt-img30 {
	width: 30%;
}

.txt-img40 {
	width: 40%;
}

.txt-img40_l5 {
	width: 40%;
	padding: 0 0 0 5%;
}

.txt-img45 {
	width: 45%;
}

.txt-img45_r5 {
	width: 45%;
	padding: 0 5% 0 0;
}

.txt-img50 {
	width: 50%;
}

.txt-img50_r5 {
	width: 50%;
	padding: 0 5% 0 0;
}

.txt-img55_r5 {
	width: 55%;
	padding: 0 5% 0 0;
}

.txt-img65_r5 {
	width: 65%;
	padding: 0 5% 0 0;
}


@media only screen and (max-width: 480px) {
	.txt-img30 {
		width: 100%;
	}
	.txt-img40 {
		width: 100%;
	}
	.txt-img40_l5 {
		width: 100%;
		padding: 0 ;
	}
	.txt-img55_r5 {
		width: 100%;
		padding: 0 ;
	}
	.txt-img50 {
		width: 100%;
	}
	.txt-img50_r5 {
		width: 100%;
		padding:0;
	}
	.txt-img45 {
		width: 100%;
	}
	.txt-img45_r5 {
		width: 100%;
		padding: 0 ;
	}
	.txt-img65_r5 {
		width: 100%;
		padding: 0 ;
	}
}

/* ---------------- essential for sticky footer ---------------- */

html {
	position: relative;
	min-height: 100%;
}

body {
}
 
footer {
  bottom: 0;
}

.page_top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 99;
}

.page_top a {
    width: 66px;
    height: 66px;
    display: block;
    background: url(../images/page_top.png) no-repeat center center;
}

.nowrap{
	white-space: nowrap;
}
.wrap{
	width: 100%;
}
.page_wrap {
	margin:0 auto;
	width: 960px;
	position: relative;
	min-height: 100%;
}
.top_table_box{
	margin: 30px 0 20px 0;
}
.top_table1 th{
	background: rgba(219,159,111,0.3);
}
.mainvisual{
	width: 100%;
}
.mainvisual img{
	width: 100%;
}
.message{
	padding:20px 0 10px;
}
.thanksmes{
	margin-bottom: 20px; 
	color:#b50404;
	font-weight: bold;
	text-align: center
}
.program_table{
	width: 100%;
	margin: 0 0 30px 0;
}
.program_table table{
	width: 100%;
}
.program_table td{
	background: rgba(219,159,111,0.3);
}
.program_table th{
	background: #db9f6f;
	padding: 7px;
}
.program_table td{
	padding: 7px;
}
.program_title{
	font-weight: bold;
	float: left;
}
.program_presenter{
	float: right;
}
.presenter_name{
	float: left;
}
.table_title1{
	color:#fff;
	float: left;
}
.table_title2{
	margin-left:20px;
}
.table_title_list{
	float: left;
}
ul.table_title_list li:nth-child(2){
	text-indent:2em;
	padding-left:1em;
}
.affiliation{
	margin-left:13px;
	font-size:11px;
}
.table_time1{
	float:right;
	color:#fff;
	font-size: 14px;
}
.table_time2{
	float:right;
	color:#fff;
	font-size: 13px;
}
.session{
	width: 100%;
	margin:0 0 30px 0;
}
.session table{
	width:48.5%
}
.session th{
	background: #db9f6f;
	padding: 7px;
	height: 50px;
}
.session td{
	padding: 7px;
	font-size: 14px;
	height: 90px;
}
.session table tr:nth-child(odd) td{
	background: rgba(219,159,111,0.3);
	border-top: 2px solid #db9f6f;
	border-bottom: 2px solid #db9f6f;
}
.session table{
	float: left;
}
.session table:nth-child(even){
	margin-left: 3%;
}
.session table:nth-child(1){
	margin-bottom: 4%;
}
.session table:nth-child(2){
	margin-bottom: 4%;
}
.italic {
	font-style: italic;
}
.subject{
	font-weight: bold;
}
.prizelist_ttl{
	font-size:20px;
}
.orange_ttl{
	background: #db9f6f;
	padding: 7px;
	margin-top:25px;
	color: #ffffff;
}
.prize_box{
	width:100%;
}
.winnername{
	width:40%;
	padding: 7px;
	border-bottom:solid 1px #db9f6f;
}
.winnerttl{
	width:60%;
	padding: 7px;
	border-bottom:solid 1px #db9f6f;
}

.bg_gray{
	background: #f2f2f2;
}
.map .map1{
	float: left;
}
.map .map2{
	float: left;
}
.map1_img{
	height: 322px;
}
.map1{

}
.map2{
	width: 523px;
}
h2.program{
	color: #dc9f6f;
	font-size: 36px;
    z-index: 100;
    position: relative;
    margin: 0 0 30px 0;
}
.access_wrap{
	padding: 30px 0 50px 0;
	margin: 30px 0 0 0;
}
h2.access{
	color: #1c2b54;
	font-size: 36px;
    z-index: 100;
    position: relative;
    margin: 0 0 30px 0;
}
h2.program:before {
    content: "";
    display: block;
    border-top: solid 2px #db9f6f;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
 
h2.program span {
    background: #fff;
    position: relative;
    z-index: 5;
    padding:0 15px 0 0;
}
.ph_list_tate {
	margin-top: 3%;
}
.ph_list_box ul li {
	float: left;
	margin-top: 3%;
}
.ph_list_box ul li:nth-child(3n - 1) {
	margin-left: 30px;
}
.ph_list_box ul li:nth-child(3n) {
	margin-left: 30px;
}
@media only screen and (max-width: 960px) {
.ph_list_box ul li {
	width: 32%;
}
.ph_list_box ul li img {
	width: 100%;
}
.ph_list_box ul li:nth-child(3n - 1) {
	margin-left: 2%
}
.ph_list_box ul li:nth-child(3n) {
	margin-left: 2%;
}	
}
@media only screen and (max-width: 480px) {
.ph_list_box ul li {
	width: 49%;
}
.ph_list_box ul li img {
	width: 100%;
}
.ph_list_box ul li:nth-child(3n - 1) {
	margin-left: 0%
}
.ph_list_box ul li:nth-child(3n) {
	margin-left: 0%;
}	
.ph_list_box ul li:nth-child(2n) {
	margin-left: 2%;
}	
}


.station{
	float: left;
}
.way{
	float: right;
}
h2.access:before {
    content: "";
    display: block;
    border-top: solid 2px #1c2b54;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
 
h2.access span {
    background: #f2f2f2;
    position: relative;
    z-index: 5;
    padding:0 15px 0 0;
}
.access_list{
	font-size: 14px;
}
footer{
	width: 100%;
	background: #1c2b54;
	color: #fff;
	padding:30px 0 30px 0;
}
.footer_left{
	float: left;
}
.footer_right{
	float: right;
}
.contact h3{
	background: #fff;
	color: #1b2b53;
	text-align: center;
	margin: 10px 0 10px 0;
}
.contact_title{
	font-size: 20px;
}
.contact1 p:nth-child(1){
	font-size: 14px;
}
.contact1 p:nth-child(2){
	font-size: 12px;
}
.contact2 p:nth-child(1){
	font-size: 14px;
}
.contact2 p:nth-child(2){
	font-size: 12px;
}
.float_right{
	float: right;
}
.presenter_chairman{
    text-align: center;
    border: #db9f6f 2px solid;
    padding: 10px 0;
    font-size: 16px;
    margin: 0px auto;
    width: 164px;
}
.presenter_chairman a{
    color: #db9f6f;
    padding: 10px;
}
@media only screen and (max-width: 960px) {
.page_wrap{
	width: 100%;
}
.session table{
	width: inherit;
	float: none;
}
.session table:nth-child(even){
	margin-left: 0;
}
.map .map1{
	float: none;
}
.map .map2{
	float: none;
	width: inherit;
}
.map1_img{
	height: inherit;
}
.program_table table{
	width: inherit;
}
.session td{
	height: inherit;
}
.session table{
    margin-bottom: 5%;
}
h2.program{
	font-size: 30px;
}
h2.access{
	font-size: 30px;
}
.station{
	float: none;
}
.way{
	float: none;
}
.map1_img{
	text-align: center;
}
.map2_img{
	text-align: center;
}
}
@media only screen and (max-width: 860px) {
.program_title{
	float: none;
	display: block;
}
.program_presenter{
	float: none;
}
.presenter_name{
	float: none;
}
}
@media only screen and (max-width: 800px) {
.footer_left{
	float: none;
}
.footer_right{
	float: none;
}
.contact h3{
	width: 300px;
}
.footer_wrap{
	text-align: center;
}
.footer_left{
	text-align: center;
}
.contact h3 {
    margin: 10px auto;
}
.contact_title{
	text-align: center;
}
.contact1 p:nth-child(1){
	text-align: center;
}
.contact1 p:nth-child(2){
	text-align: center;
}
.contact2 p:nth-child(1){
	text-align: center;
}
.contact2 p:nth-child(2){
	text-align: center;
}
}
@media only screen and (max-width: 630px) {
.table_title1{
	color:#fff;
	float: none;
	display: block;
}
.table_title2{
	margin: 0;
}
}
@media only screen and (max-width: 480px) {
.contact_title{
	font-size: 14px;
}
.contact1{
	font-size: 12px;
}
.contact2{
	font-size: 12px;
}
.footer_right p{
	margin: 0 0 10px 0;
}
}
@media only screen and (max-width: 440px) {
.presenter_name{
	float: none;
	display: block;
}
.table_time2{
	float: right;
	display: block;
}
.none{
	display: none;
}
}
@media only screen and (max-width: 380px) {
.table_title1{
	display:block;
	margin: 0;
	float:none;
}

.table_time1{
	float:right;
}
.table_time2{
	float:right;
}	

}