@charset "utf-8";

/* タグ
-------------------- */
body {
	font-family: '小塚ゴシック Pro','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo',sans-serif,'ＭＳ Ｐゴシック';
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}
* html body{  
	overflow: hidden;
	text-align: center;
}

img {
	border : 0;
}

div hr {
	display: none;
}

p {
	margin-bottom: 1em;
}

th,td {
	font-size: 1em;
}

a,
a:hover,
a:active,
a:visited {
	color: #01b3d6;
	text-decoration: none;
	border-bottom:1px dashed #01b3d6;
}

/* Page
-------------------- */
#Page {
	padding-top: 120px;
}

* html div#Page {
	height: 100%;
	overflow: auto;
	text-align: center;
}

/* Contents
-------------------- */
.contents {
	margin: 0 auto;
	width: 980px;
}

* html div.contents {
	text-align: left;
}

.contentsArea {
	padding: 30px;
}


/* Header(固定)
-------------------- */
#Header {
	position: fixed !important;
	position: absolute; /* for IE6 */
	display: table; 
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background-color: #01b3d6;
	border-bottom: 1px solid #fff;
}

/* メニュー */
#MenuContents {
	display: table-cell;
	vertical-align: middle;
}

/* for IE6 */
* html div#MenuContents {
	margin-top: 20px;
}

/* for IE7 */
*:first-child+html div#MenuContents {
	margin-top: 20px;
}

.menu {
	margin: 0 auto;
	width: 980px;
	height: 81px;
}

/* リンク */
.menu a,
.menu a:hover,
.menu a:active,
.menu a:visited {
	text-decoration: none;
}

.menu a:hover {
	opacity: 0.6;
	filter: alpha(opacity = 60);
	-ms-filter: "alpha(opacity = 60)";
}

/* リスト */
.menu ul{
	margin: 0;
	padding: 0;
}

.menu ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

.menu ul li img{
	vertical-align: bottom;
}

/* Footer
-------------------- */
#Footer .contents {
	margin: 0 auto;
	width: 980px;
	background: url(../image/footer_back.png) no-repeat right bottom;
}

#Footer .contentsArea {
	padding-top: 0;
}

#Footer a,
#Footer a:hover,
#Footer a:active,
#Footer a:visited {
	border: none;
}


#Footer h1 {
	padding: 10px 0;
	font-size: 1.1em;
	font-weight: bold;
}

#Footer ul{
	margin-top: 20px;
	margin-bottom: 70px;
	padding: 0;
}

#Footer ul li{
	margin-bottom: 30px;
	padding: 0;
	list-style-type: none;
}

/* コピーライト */
#Copy {
	width: 100%;
	height: 100px;
	background-color: #01b3d6;
}

.copy {
	padding: 10px 30px;
	color: #fff;
	font-size: 1em;
}

/* Title
-------------------- */
#Title {
	margin-top: 20px;
	text-align: center;
	_zoom: 1;
}

#Title .contents {
	overflow: hidden;
}

#Title .contents .contentsArea {
	float: left;
}

#Title h1 {
	margin: 15px auto;
	width: 615px;
	height: 236px;
	background: url(../image/logo.gif) no-repeat center center;
}

#Title h1 span {
	display: none;
}

#Title h2 {
	color: #01b3d6;
	font-weight: bold;
	font-size: 2em;
	letter-spacing: .1em;
	line-height: 2.5;
}

#Title .text {
	float: left;
	width: 430px;
	margin-top: 60px;
	letter-spacing: .1em;
	text-align: left;
}

#Title .tag {
	float: left;
	width: 490px;
}

#Title .text .jdna {
	margin-top: 40px;
	overflow: hidden;
	_zoom: 1;
}

.jdna_logo_title {
	float: left;
	width: 80px;
}

.jdna_text_title {
	float: left;
	width: 300px;
	margin-left: 10px;
	margin-top: .75em;
	font-weight: bold;
	font-size: 0.9em;
	text-align: left;
}

/* Concept
-------------------- */
#Concept {
	margin-bottom: 70px;
	_zoom: 1;
}

#Concept .contents {
	overflow: hidden;
}

#Concept .contents .contentsArea {
	padding-bottom: 0;
	float: left;
}

#Concept h2 {
	color: #01b3d6;
	font-weight: bold;
	font-size: 2.5em;
	letter-spacing: .1em;
	padding-bottom: 30px;
}

#Concept .text {
	float: left;
	width: 520px;
	margin-right: 30px;
}

#Concept .img {
	float: left;
	vertical-align: top;
	width: 370px;
}

/* Relation
-------------------- */
#Relation {
	margin-bottom: 70px;
	_zoom: 1;
}

#Relation .contents{
	overflow: hidden;
}

#Relation .contents .contentsArea {
	padding-bottom: 0;
	float: left;
}

#Relation h2 {
	color: #000;
	font-weight: bold;
	font-size: 1.8em;
	letter-spacing: .1em;
	padding-bottom: 20px;
}

#Relation .box_l {
	float: left;
	width: 453px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 5px;
	border: 1px dashed #01b3d6;
}

#Relation .box_r {
	float: left;
	width: 453px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	margin-top: 10px;
	margin-left: 5px;
	border: 1px dashed #01b3d6;
}

#Relation .p1,
#Relation .p3,
#Relation .p4 {
	width: 90%;
	text-align: left;
	margin: 30px auto;
}

#Relation .p2 {
	width: 90%;
	text-align: left;
	margin: 20px auto;
}

/* Session1-5
-------------------- */
#Session1,
#Session2,
#Session3,
#Session4,
#Session5 {
	/zoom: 1;
}

#Session .contents {
	overflow: hidden;
}

#Session .contents .contentsArea {
	padding-bottom: 0;
	float: left;
}

#Session2,
#Session3,
#Session4,
#Session5 {
	margin-top: 20px;
}

#Session h2{
	color: #01b3d6;
	font-weight: bold;
	font-size: 2.5em;
	letter-spacing: .1em;
	padding-bottom: 20px;
}

#Session h3{
	color: #fff;
	background-color: #01b3d6;
	font-size: 1.2em;
	letter-spacing: .1em;
	display: block;
	padding: 3px 10px;
}

#Session .caption{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#Session .captionArea{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.7;
	border: 1px dashed #01b3d6;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-bottom: .5em;
}

#Session .contentsArea {
	padding-bottom: 10px;
}

/* SessionFinal
-------------------- */
#SessionFinal {
	margin-top: 10px;
	margin-bottom: 70px;
	background: url(../image/session_6_back.gif) no-repeat top center #01b3d6;
}

#SessionFinal .contents {
	margin: 0 auto;
	width: 980px;
	color: #fff;
}

#SessionFinal .contentsArea {
	padding: 50px 30px 30px 30px;
}

#SessionFinal h3{
	color: #fff;
	font-weight: bold;
	font-size: 2.5em;
	letter-spacing: .1em;
}

#SessionFinal img.number {
	margin-bottom: 7px;
	vertical-align: middle;
}

#SessionFinal .keyword {
	float: left;
	width: 140px;
}

#SessionFinal .essential {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0;
}

#SessionFinal .ivent {
	font-size: 1.2em;
	line-height: 1.5;
	margin-bottom: 2em;
}

/* Session共通
-------------------- */
img.number {
	margin-top: -3px;
	margin-right: 7px;
	vertical-align: middle;
}

.prosess {
	margin-top: 20px;
	overflow: hidden;
	/zoom: 1;
}

.icon {
	padding-bottom: 1em;
}

.circle {
	float: left;
	width: 140px;
}

.summary {
	float: left;
	width: 760px;
	margin-left: 20px;
}

.guest table,
.guest th,
.guest td {
	border: 0;
}

.guest th,
.guest td {
	line-height: 1.5;
}

.guest th {
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}

.place {
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	/zoom: 1;
}

.place_date {
	float: left;
	width: 440px;
	margin-right: 20px;
}

p.place {
	margin-top: 20px;
	margin-bottom: 40px;
}

/* 日付 */
.date {
	font-weight: bold;
	font-size: 2em;
	line-height: 2;
	color: #01b3d6;
}

.ivent_date {
	font-size: 2em;
	margin-bottom: 0;
}

.date_white {
	font-weight: bold;
	font-size: 2em;
}

.map {
	float: left;
	width: 460px;
	margin-top: 10px;
}

.map iframe{
	border: 1px solid #01b3d6;
}
/* Session Report
-------------------- */
#Report {
	margin-top: 20px;
	margin-bottom: 20px;
}

#Report h4 {
/*	width: 920px;
	height: 36px;
*/
	color: #01b3d6;
	background-color: #def7fb;
	font-size: 1.2em;
	letter-spacing: .1em;
	font-weight: bold;
	display: block;
	padding: 3px 10px;
}

#Report small {
	font-size: .9em;
	padding-left: .8em;
}

#Report .contents {
	width: 920px;
	height: auto;
	margin-top: 20px;
	overflow: hidden;
	/zoom: 1;
}

#Report .contents img {
	float: right;
	margin: 0 0 0 20px !important;
	padding: 0 !important;
	border: 0 !important;
}

#Report p{
	overflow: hidden;
	height: auto;
}

/* Application
-------------------- */
#Application {
	margin-bottom: 70px;
}

#Application .contents {
	overflow: hidden;
}

#Application .caption_title {
	margin-bottom: 50px;
}

#Application .contentsArea {
	background-color: #def7fb;
	padding: 30px;
}

#Application table,
#Application th,
#Application td {
	border: 0;
}

#Application th,
#Application td {
	/*letter-spacing: .1em;*/
	line-height: 1.7;
}

#Application th {
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}

.briefing {
	overflow: hidden;
	/zoom: 1;
}

.briefing h3,
.apply h3 {
	font-weight: bold;
}

.briefing p {
	padding-top: 20px;
	padding-bottom: 20px;
}

.briefing_date {
	float: left;
	width: 440px;
	margin-right: 20px;
	/*letter-spacing: .1em;*/
}

.briefing_map {
	float: left;
	width: 460px;
}

.briefing_map iframe{
	border: 1px solid #01b3d6;
}

/* Fund
-------------------- */
#Fund {
	margin-bottom: 70px;
}

#Fund .contents {
	overflow: hidden;
}

#Fund .contentsArea p {
	margin-bottom: 170px;
}

/* Contact
-------------------- */
#Contact {
	margin-bottom: 70px;
}

#Contact .contents {
	overflow: hidden;
}

#Contact p {
	padding-bottom: 20px;
}

#Contact img{
	vertical-align: middle;
}

#Contact .address {
	line-height: 2;
	margin-bottom: 100px;
}
#Contact .address .mail {
	margin-bottom: 15px;
}

/* Privacy
-------------------- */
#Privacy {
	margin-bottom: 70px;
}

#Privacy .contents {
	overflow: hidden;
}

#Privacy ul {
	padding: 0;
	margin-bottom: 1em;
	margin-left: 1em;
}

#Privacy ul li {
	font-size: 1em;
	list-style-type: disc;
}

/* Organization
-------------------- */
#Organization .contents {
	overflow: hidden;
}

#About {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 30px;
}

.jdna_logo {
	float: left;
	width: 130px;
}

.jdna_text {
	float: left;
	width: 770px;
	margin-left: 20px;
	margin-top: .5em;
}

.jdna_text p{
	font-weight: bold;
}

.jdna_jp {
	font-size: 1.2em;
}

.jdna_en {
	font-size: 1.5em;
}

.jdna_address ul{
	padding: 0;
}

.jdna_address ul li{
	margin-right: 30px;
	list-style-type: none;
	display: inline;
	font-weight: bold;
}

.jdna_address ul li img{
	vertical-align: middle;
}
#Mission {
	margin-bottom: 30px;
}

#Mission h3 {
	width: 300px;
	height: 49px;
	background: url(../image/txt_mission.gif) no-repeat left center;
}

#Mission h3 span {
	display: none;
}

#Mission h4 {
	padding: 10px 0;
	font-size: 1.1em;
	font-weight: bold;
}

#Vision h3 {
	width: 300px;
	height: 49px;
	background: url(../image/txt_vison.gif) no-repeat left center;
}

#Vision h3 span {
	display: none;
}

#Vision h4 {
	padding: 10px 0;
	font-size: 1.1em;
	font-weight: bold;
}

.cred {
	overflow: hidden;
	/zoom: 1;
}

.cred ul {
	float: left;
}

.cred ul li {
	font-size: 1em;
}

.cred img {
	float: left;
	margin-left: 20px;
}

.project {
	margin-top: 20px;	
}

ul.detail {
	margin-left: 1em;
	padding: 0;
	list-style-type: square;
}

ul.detail li {
	font-size: 1.1em;
	font-weight: bold;
}

ul.detail li ul {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 2em;
	padding: 0;
	list-style-type: disc;
}

ul.detail li ul li {
	font-size: 1em;
	font-weight: normal;
}

/* 各種共通パーツ
-------------------- */
/* 見出し */
.caption_title {
	color: #fff;
	background-color: #01b3d6;
	height: 100px;
	margin-bottom: 15px;
}

.caption_title .contents {
	background: url(../image/icon_jet.png) no-repeat left bottom;
	top: 30px;
	height: 120px;
}

.caption_title h1 {
	font-weight: bold;
	font-size: 36px;
	letter-spacing: .1em;
	margin-top: 45px;
	margin-left: 130px;
}

/* ライン */
.line_dot {
	background: url(../image/line_dot.gif) no-repeat;
	width: 980px;
	height: 5px;
	margin: 0;
}

.line_arrow {
	background: url(../image/line_arrow.gif) no-repeat;
	width: 920px;
	height: 27px;
	margin: 0;
}

/* テキストスタイル */
.text_bold {
	font-weight: bold;
}

.text_small {
	font-size: 0.9em;
}

/* ページ上部に戻る */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}

#page-top a {
	width: 100px;
	display: block;
	border-style: none;
}

#page-top span {
	width: 100px;
	height: 100px;
	display: block;
	margin-bottom: 7px;
	background: url(../image/page_top.png) no-repeat center center;
}

/* アンカー用 */
#Concept,
#Relation,
#Session,
#Application,
#Fund,
#Contact,
#Organization,
#Privacy {
	padding-top: 120px;
	margin-top: -120px;
}