@charset "utf-8";
/*---------------------------------------------------
	Name:  main.css
	Info:  kengi2014 CSS
---------------------------------------------------*/

/*------------------------------------------------
                * reset *
------------------------------------------------*/
html {
	overflow-y: scroll;/* for Firefox */
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,address {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before,q:after {
	content: '';
}
abbr,acronym { 
	border: 0;
}
img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

/* clearfix
---------------------------------------------------*/
.clearfix:before,
.clearfix:after { /* for modern browser */
    content: "";
    display: table;
}  
.clearfix:after {
    clear: both;
}
.clearfix { /* for IE 5.5-7 */
    zoom: 1;
}


/*------------------------------------------------
                * common setting *
------------------------------------------------*/
body {
	color: #333;
	background: url(images/base/bg_body.jpg) repeat left top;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}

/* a */
a:link,
a:visited {
	overflow: hidden;
	color: #444;
	text-decoration: underline;
}
a:active,
a:hover {
	overflow: hidden;
	color: #ee4e8e;
	text-decoration: none;
}

/* h1-h4 */
h1 {
}

h2 {
	padding: 5px 0 5px 10px;
	border-bottom: 4px solid #efede4;
	width: 705px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

h3 {
	margin: 5px 0 10px 10px;
	padding: 5px 0 0 5px;
	border-bottom: 1px solid #ccc;
	width: 680px;
	color: #444;
	font-size: 18px;
	font-weight: 700;
}

h4 {
	padding: 5px 0 5px 10px;
	width: 635px;
	color: #444;
	font-size: 15px;
	font-weight: bold;
}

p {
	padding: 0 5px 0 10px;
	line-height: 1.9em;
}

table {
	margin: 5px 0;
}

table p {
	margin: 5px;
}

/* layout */
.ta_r { text-align: right; }
.ta_c { text-align: center; }
.ta_l { text-align: left; }

.va_t { vertical-align: top; }
.va_m { vertical-align: middle; }
.va_b { vertical-align: text-top; }

.top        { padding-top: 10px; }
.top-kyosai { padding-top: 23px; }
.top-kyosai02 { padding-top: 20px; }
.top40      { padding-top: 40px; }
.top55      { padding-top: 55px; }
.bottom     { padding-bottom: 10px; }
.bottom20   { padding-bottom: 20px; }

.f_r { float: right; }
.f_l { float: left; }

.indent   { margin-left: 20px; }
.indent50 { margin-left: 50px; }


/* 2行目以降、1字分インデントを付ける */
.t_annotation {
	padding: 0 0 0 1em;
	text-indent: -1em;
}

/* ※付き 説明枠-枠線　赤文字
---------------------------------------------------*/
.description_border_red {
	margin: 10px 2px 15px;
	padding: 8px 7px 8px 16px;
	border: 1px solid #ffab87;
	text-indent: -1em;
	line-height: 160%;
	color: #f3542d;
	color: #e2451e;
	font-weight:bold;
}

.box01 { width: 355px; }
.box02 { width: 240px; }
.box {
	margin: 0 10px 10px 28px;
	display: block;
}

/* font */
.fc_red { color: #e64600; }
.fc_bl  { color: #1c8faa; }
.fc_p   { color: #9661a0; }
.fw_n   {
	font-weight: normal;
	color: #666;
}
.fw_b   { font-weight: bold; }
.fs_s   { font-size: 12px; }
.fs_ss  { font-size: 11px; }
.fs_m   { font-size: 13px; }
.fs_big {
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 1px;
}


/* list dl
------------------------------------------------*/

/* list-dl-bold list */
.list-dl-bold dl {
}
.list-dl-bold dt {
	padding-left: 24px;
	font-weight: bold;
}
.list-dl-bold dd {
	margin-bottom: 10px;
	padding: 0 20px 0 45px;
}

/* list-dl-bold02 list */
.list-dl-bold02 dl {
	margin: 5px 0;
}
.list-dl-bold02 dt {
	margin: 5px 0 0 2px;
	font-weight: bold;
}
.list-dl-bold02 dd {
	margin: 0 0 5px 5px;
	padding-left: 20px;
	font-size: 13px;
}

/* list-dl-normal list */
.list-dl-normal dl {
}
.list-dl-normal dt {
	padding-left: 24px;
	font-weight: 400;
}
.list-dl-normal dd {
	margin-bottom: 10px;
	padding: 0 5px 0 40px;
}


/* list ul
------------------------------------------------*/
/* list-ul-style01 list */
.list-ul-style01 ul {
}
.list-ul-style01 li {
	padding: 5px 0 0 20px;
}

/* list-ul-icon list */
.list-ul-icon li {
	margin-left: 32px;
	padding: 3px 0;
	list-style: disc;
}


/*------------------------------------------------
                * wrapper *
------------------------------------------------*/
#wrapper {
	margin: 0 auto;
    width: 910px;
}


/*------------------------------------------------
                * header *
------------------------------------------------*/
#header {
	margin: 20px 0 0 0;
	padding: 5px 0;
	width: 910px;
	background: url(images/base/bg_header.png) no-repeat left top;
}


/*------------------------------------------------
                * contents *
------------------------------------------------*/
#contents {
	width: 906px;
	border-right: 2px solid #ccc;
	border-left: 2px solid #ccc;
	background: #fff;
    zoom: 1;
}
#contents:before,
#contents:after { /* for modern browser */
    content:"";
    display: table;
}  
#contents:after {
    clear: both;
}


/*------------------------------------------------
                * left *
------------------------------------------------*/
#left {
	padding: 0 0 0 10px;
    float: left;
    width: 160px;
    height: auto;
	text-align: left;
}


/* menu
------------------------------------------------*/
#menu {
}

#menu ul {
}

#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu-top,
#menu-syushi,
#menu-gaiyo,
#menu-result,
#menu-award,
#menu-program,
#menu-presentation,
#menu-floor,
#menu-bosyu,
#menu-kyoryo,
#menu-cpd,
#menu-access,
#menu-contact {
	display: block;
	width: 160px;
	height: 40px;
	background-repeat: no-repeat;
	outline: none;
}

#menu-top a,
#menu-syushi a,
#menu-gaiyo a,
#menu-result a,
#menu-award a,
#menu-program a,
#menu-presentation a,
#menu-floor a,
#menu-bosyu a,
#menu-kyoryo a,
#menu-cpd a,
#menu-access a,
#menu-contact a {
	display: block;
	width: 160px;
	height: 40px;
}

#menu-top          { background-image: url(images/base/menu_top_o.gif); }
#menu-syushi       { background-image: url(images/base/menu_syushi_o.gif); }
#menu-gaiyo        { background-image: url(images/base/menu_gaiyo_o.gif); }
#menu-result       { background-image: url(images/base/menu_result_o.gif); }
#menu-award        { background-image: url(images/base/menu_award_o.gif); }
#menu-program      { background-image: url(images/base/menu_program_o.gif); }
#menu-presentation { background-image: url(images/base/menu_presentation_o.gif); }
#menu-floor        { background-image: url(images/base/menu_floor_o.gif); }
#menu-bosyu        { background-image: url(images/base/menu_bosyu_o.gif); }
#menu-kyoryo       { background-image: url(images/base/menu_kyoryo_o.gif); }
#menu-cpd          { background-image: url(images/base/menu_cpd_o.gif); }
#menu-access       { background-image: url(images/base/menu_access_o.gif); }
#menu-contact      { background-image: url(images/base/menu_contact_o.gif); }

#menu a {
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

#menu a:hover {
	opacity: 0;                     /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0);       /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: 0;              /* Safari 1.x */
	-moz-opacity: 0;                /* FF lt 1.5, Netscape */
}



/* banner
------------------------------------------------*/
#bnr {
	margin: 15px 0 0;
}
#bnr ul {
}
#bnr li {
	margin: 8px 0 0;
}
#bnr li a {
	background: url(images/base/bnr_bg.gif) no-repeat left top;
	width: 160px;
	height: 54px;
	display: block;
}
#bnr li a:hover {
	background: url(images/base/bnr_bg_o.gif) no-repeat left top;
}


/*------------------------------------------------
                * right *
------------------------------------------------*/
#right {
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	width: 715px;
	min-height: 820px;
	text-align: left;
}

.topimg {
	margin-left: 3px;
	float: left;
}


/* news
------------------------------------------------*/
.news {
	margin: 0 0 0 12px;
	float: left;
	width: 230px;
	min-height: 662px;
	text-align: left;
	font-size: 12px;
}

.news dl {
	margin-left: 5px;
}

.news dt {
	margin: 5px 0 0 0;
	color: #ee4e8e;
	font-weight: bold;
}

.news dt img {
	vertical-align: middle;
}

.news dd {
	padding: 0 0 5px 2px;
	border-bottom: 1px solid #ccc;
}


/* トップページ-募集ボタン
------------------------------------------------*/
#topbosyu-form {
	margin: 0 0 0 5px;
	padding: 5px 10px 0 15px;
	display: block;
	width: 195px;
}
#topbosyu-form ul {
}
#topbosyu-form li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

#topbosyu-form-pdf,
#topbosyu-form-web,
#topbosyu-form-fax {
	display: block;
	width: 190px;
	height: 50px;
	background-repeat: no-repeat;
	outline: none;
}
#topbosyu-form-pdf a,
#topbosyu-form-web a,
#topbosyu-form-fax a {
	display: block;
	width: 190px;
	height: 50px;
}
#topbosyu-form-pdf a:hover,
#topbosyu-form-web a:hover,
#topbosyu-form-fax a:hover {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#topbosyu-form-pdf { background-image: url(images/btn_bosyu_pdf_o.gif); }
#topbosyu-form-web { background-image: url(images/btn_bosyu_web_o.gif); }
#topbosyu-form-fax { background-image: url(images/btn_bosyu_fax_o.gif); }


/* ustreamバナー */
.bnr-ust-top {
	display: block;
	width: 230px;
	height: 80px;
	background: url(images/bnr_ust-top_o.gif) no-repeat left top;
	outline: none;
}
.bnr-ust-top a {
	display: block;
	width: 230px;
	height: 80px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.bnr-ust-top a:hover {	
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}


/* 土木学会 全国大会 橋梁模型コンテストバナー */
.bnr-doboku-kyoryo {
	display: block;
	width: 230px;
	height: 80px;
	background: url(doboku-kyoryo/images/bnr_doboku-kyoryo_o.gif) no-repeat left top;
	outline: none;
}
.bnr-doboku-kyoryo a {
	display: block;
	width: 230px;
	height: 80px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.bnr-doboku-kyoryo a:hover {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}


/* nest-block
---------------------------------------------------*/
.nest-block {
	margin: 5px 0 30px 20px;
	width: 675px;
}

/* h2-midashi */
.midashi01 { background: #569ce3; }
.midashi02 { background: #e88642; }
.midashi03 { background: #e1b700; }
.midashi04 { background: #9ecc36; }
.midashi05 { background: #66b44e; }
.midashi06 { background: #66ccbe; }
.midashi07 { background: #50baba; }
.midashi08 { background: #aaaae2; }
.midashi09 { background: #a96da5; }
.midashi10 { background: #f090ad; }
.midashi11 { background: #e87774; }
.midashi12 { background: #889FB7; }
.midashi13 { background: #3cbc7e; }


/* h3-midashi */
.h3_01 { border-color: #569ce3; color: #569ce3; }
.h3_02 { border-color: #e88642; color: #e88642; }
.h3_03 { border-color: #e1b700; color: #e1b700; }
.h3_04 { border-color: #9ecc36; color: #9ecc36; }
.h3_05 { border-color: #66b44e; color: #66b44e; }
.h3_06 { border-color: #66ccbe; color: #66ccbe; }
.h3_07 { border-color: #50baba; color: #50baba; }
.h3_08 { border-color: #aaaae2; color: #aaaae2; }
.h3_09 { border-color: #a96da5; color: #a96da5; }
.h3_10 { border-color: #f090ad; color: #f090ad; }
.h3_11 { border-color: #e87774; color: #e87774; }
.h3_13 { border-color: #3cbc7e; color: #3cbc7e; }

/* h4-midashi */
.h4_01 { padding-bottom: 0; padding-left: 0; color: #1c8faa; }


/* category color */
.field01,
.field02,
.field03,
.field04,
.field05,
.field06,
.field07,
.field08 {
	color: #fff;
}
.field01 { background: #C09B0E; }
.field02 { background: #00A458; }
.field03 { background: #A1529B; }
.field04 { background: #187FC4; }
.field05 { background: #F08300; }
.field06 { background: #A29799; }
.field07 { background: #E60012; }
.field08 { background: #ABCD03; }


/* 主催・共催table
------------------------------------------------*/
.syusai {
	margin: 10px 0 0 10px;
	width: 695px;
	font-size: 13px;
}
.syusai th {
	padding: 15px 3px;
	border-top: 1px solid #ccc;
	width: 65px;
	vertical-align: top;
	color: #8a5c9f;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
.syusai td {
	padding: 13px 3px;
	border-top: 1px solid #ccc;
	vertical-align: top;
	line-height: 170%;
}


/*------------------------------------------------
                * sub page *
------------------------------------------------*/
/* syushi
---------------------------------------------------*/
.syushi {
	width: 675px;
}
.syushi th {
	border: solid 2px #fff;
	width: 100px;
	font-weight: bold;
	text-align: center;
}
.syushi td {
	padding: 6px 5px;
	border: solid 2px #fff;
	background: #eee;
}


/* gaiyo
---------------------------------------------------*/
.gaiyo {
	margin: 10px 0 0 10px;
	width: 690px;
	font-size: 14px;
}
.gaiyo th {
	padding: 5px 0;
	width: 95px;
	vertical-align: top;
	color: #333;
	font-weight: bold;
	font-size: 13px;
}
.gaiyo td {
	padding: 5px 3px 5px 0;
	vertical-align: top;
}


/* award
---------------------------------------------------*/
.award {
	margin: 0 0 20px 20px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	width: 640px;
	background: #f9f9f9;
	font-size: 13px;
}
.award th {
	padding: 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #fff;
	background: #333;
	font-weight: bold;
	text-align: center;
}
.award td {
	padding: 8px 6px 8px 8px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.award .syo {
	background: #DCDCDC;
	font-weight: bold;
	text-align: center;
}
.award a {
	color: #333;
}

/* award テーブル枠-点線 */
.award .bdr_bd {
	border-bottom: 1px dotted #ccc;
}


/* program
---------------------------------------------------*/
.pro-table {
	width: 670px;
	border-top: 1px solid #23607c;
}
.pro-table th {
	padding: 5px 0 5px 7px;
	border-bottom: 1px solid #23607c;
	width: 130px;
	color: #23607c;
	background: #EDF3FE;
	font-weight: bold;
	vertical-align: top;
}
.pro-table td {
	padding: 8px 6px;
	border-bottom: 1px solid #23607c;
	vertical-align: top;
}
.pro-table td.title {
	border-width: 0;
	vertical-align: top;
	color: #444;
	background: #c9e4f1;
	font-weight: bold;
}
.pro-table dt {
	padding-left: 20px;
	float: left;
}
.pro-table dd {
	margin-bottom: 0;
	padding: 0 0 0 120px;
}
.pro-table .pdf-data a {
	padding: 1px 5px;
	color: #e64600;
	font-weight: bold;
	text-decoration: none;
}
.pro-table .pdf-data a:hover {
	color: #999;
	text-decoration: underline;
}

/* bnr-ustream */
.bnr-ust {
	margin: 0 15px 10px 0;
	float: right;
}
.bnr-ust a {
	display: block;
	width: 110px;
	height: 60px;
	color: #333;
	background: url(images/bnr_ust.gif) no-repeat left top;
	text-decoration: underline;
	outline: none;
}
.bnr-ust span {
	display: none;
}
.bnr-ust a:hover {
	color: #67830d;
	background-position: 0 100%;
	text-decoration: none;
}


/* presentation
---------------------------------------------------*/
.presen-table-midashi {
	margin: 0;
	width: 670px;
	font-weight: bold;
	background: #f2f2f2;
	color: #23607c;
}
.presen-table-midashi th {
	padding: 0 7px;
	width: 70px;
}
.presen-table-midashi td {
	padding: 5px 6px;
}
.presen-table-midashi td.title02 {
	width: 445px;
}

.presen-table {
	border-top: 1px solid #23607c;
	width: 670px;
}
.presen-table th {
	padding: 8px 7px;
	border-bottom: 1px solid #23607c;
	width: 70px;
	color: #23607c;
	background: #EDF3FE;
	font-weight: bold;
	vertical-align: top;
}
.presen-table td {
	padding: 8px 6px;
	border-bottom: 1px solid #23607c;
}
.presen-table td.title02 {
	border-width: 0;
	width: 445px;
	vertical-align: top;
	color: #444;
	background: #c9e4f1;
	font-weight: bold;
}
.presen-table td.bdr_none {
	border-width: 0; }


/* bosyu
---------------------------------------------------*/
#bosyu-form {
	margin: 0;
	padding: 10px 0 10px 10px;
	display: block;
}
#bosyu-form ul {
}
#bosyu-form li {
	margin: 0 15px 0 0;
	padding: 0;
	list-style: none;
}
#bosyu-form-pdf,
#bosyu-form-kyoryopdf,
#bosyu-form-web,
#bosyu-form-fax {
	display: block;
	float: left;
	width: 190px;
	height: 50px;
	background-repeat: no-repeat;
	outline: none;
}
#bosyu-form-pdf a,
#bosyu-form-kyoryopdf a,
#bosyu-form-web a,
#bosyu-form-fax a {
	display: block;
	width: 190px;
	height: 50px;
}
#bosyu-form-pdf a:hover,
#bosyu-form-kyoryopdf a:hover,
#bosyu-form-web a:hover,
#bosyu-form-fax a:hover {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#bosyu-form-pdf       { background-image: url(images/btn_bosyu_pdf_o.gif); }
#bosyu-form-kyoryopdf { background-image: url(images/btn_bosyu_kyoryopdf_o.gif); }
#bosyu-form-web       { background-image: url(images/btn_bosyu_web_o.gif); }
#bosyu-form-fax       { background-image: url(images/btn_bosyu_fax_o.gif); }


/* kyoryo
---------------------------------------------------*/
#kyoryo-contest {
	margin: 15px 0;
	padding: 0;
	display: block;
}

#kyoryo-contest {
	display: block;
	width: 480px;
	height: 60px;
	background: url(images/bnr_kyoryo_contest_o.gif) no-repeat;
	outline: none;
}
#kyoryo-contest a {
	display: block;
	width: 480px;
	height: 60px;
}
#kyoryo-contest a:hover {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

/* kyoryo-写真table */
.table_photo {
	margin: 15px 0 0 50px;
}
.table_photo tr td {
	padding: 0 20px 15px 20px;
	vertical-align: bottom;
}
.table_photo tr td img {
	padding: 0 0 3px 0;
}
/* 写真-キャプション */
.table_photo tr td p {
	line-height: 120%;
	color: #444;
	font-size: 12px;
	text-align: center;
}


/* Adobe Reader download
---------------------------------------------------*/
.download {
	margin: 10px 0 5px 0;
	padding: 5px;
	height: auto;
	color: #666;	
	background: #f2f2f2;
	font-size: 11px;		
	text-align: left;
    zoom:1; /* clearfix for IE 5.5-7 */
}
.download:before,
.download:after { /* clearfix for modern browser */
    content:"";
    display:table;
}  
.download:after {
    clear:both;
}
.download img {
	padding-right: 10px;
	float: left;
}
.download .info {
	float: left;
}
.download p {
	line-height: 1.5em;
}


/* totop
---------------------------------------------------*/
#totop {
	margin: 0 20px 10px 0;
	float: right;
}
#totop a {
	display: block;
	width: 44px;
	height: 56px;
	background: url(images/base/totop.gif) no-repeat;
	text-decoration: underline;
	outline: none;
}
#totop span {
	display: none;
}
#totop a:hover {
	background-position: 0 100%;
	text-decoration: none;
}


/*------------------------------------------------
                * footer *
------------------------------------------------*/
#footer {
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	width: 910px;
	background: url(images/base/bg_footer.png) no-repeat left bottom;
	color: #444;
	font-size: 12px;
	text-align: center;
}
#footer address {
	margin: 0 20px;
	padding: 20px 0 25px;
	border-top: 1px solid #ccc;
}