/***********************
date 10/01/11
ver 0.01
***********************/
/* reset & set
======================*/
html{
color:#000;
background:#fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img{
border:0;
}
address,
caption,
cite,
code,
dfn,
em,
var{
font-style:normal;
font-weight:normal;
}
li{
list-style:none;
}
caption,
th{
text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-size:100%;
font-weight:normal;
}
q:before,
q:after{
content:'';
}
abbr,
acronym{
border:0;
font-variant:normal;
}
sup{
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,
textarea,
select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input,
textarea,
select{
*font-size:100%;
}
legend{
color:#000;
}
body{
font-size:12px;
line-height:1.22;
font-family:"Hiragino Kaku Gothic Pro","MS PGothic",Arial,sans-serif;
word-break:break-all;
}
table{
font-size:inherit;
font:100%;
}
pre,
code,
kbd,
samp,
tt{
font-family:monospace;
*font-size:108%;
line-height:99%;
}
h1,
h2,
h3,
h4,
h5,
h6,
textarea{
font-size:100%;
font-weight:normal;
}
hr.separation{
display:none;
}
button{
cursor:pointer;
}
header,
footer,
nav,
section,
article,
aside{
display:block;
}
a{
color:#fff;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}

object{
	margin: 20px auto;
}

/* base setting
======================*/
html{
background-color:#22615f;
color:#fff;
}
body{
background:url(../bodyBg.png) repeat 50% 0;
}
#wrapper{
position:relative;
width:426px;
margin:auto;
padding:82px 37px;
background:url(../wrapperBg.png) repeat 50% 0;
}
.area .more{
text-align:right;
}
.area h2{
height:15px;
margin-bottom:17px;
background-image:url(../pic_all.png);
background-repeat:no-repeat;
text-indent:-9999em;
}
.area table{
width:100%;
}
.area .tableType1 th{
white-space:nowrap;
vertical-align:top;
}
.area .tableType1 th,
.area .tableType1 td{
padding:5px;
border-bottom:1px dotted #4e817f;
}
.area .tableType2 th,
.area .tableType2 td{
padding:5px 0;
}
/* header
======================*/
#header{
background:url(../pic_all.png) no-repeat 0 0;
width:100%;
height:465px;
text-indent:-9999px;
margin-bottom:51px;
}
#header h1{
position:absolute;
z-index:1;
left:0;
top:117px;
width:100%;
height:183px;
}
#header h2.ttl{
position:absolute;
z-index:2;
left:46px;
top:185px;
width:244px;
height:16px;
}
#header h3.ttl{
position:absolute;
z-index:2;
right:0;
top:275px;
width:222px;
height:64px;
}
#header h2.mds{
position:absolute;
z-index:2;
right:0;
top:358px;
width:378px;
height:28px;
}
#header p.mds{
position:absolute;
z-index:2;
right:0;
top:400px;
width:378px;
height:78px;
}
/* join area(btn area)
======================*/
#joinArea{
margin-bottom:61px;
}
#joinArea a{
background:url(../pic_all.png) no-repeat 0 -480px;
display:block;
width:331px;
height:66px;
margin:auto;
overflow:hidden;
text-indent:-9999em;
opacity:0.9;
filter:alpha(opacity=90);
-ms-filter:"alpha(opacity=90)";
}
#joinArea a:hover{
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
}
/* event datails
======================*/
#detailArea{
margin-bottom:40px;
}
#detailArea h2{
width:101px;
margin-bottom:12px;
background-position:0 -550px;
}
#gmap{
background-color:#fff;
text-align:right;
}
/* speaker
======================*/
#speakerArea{
margin-bottom:20px;
}
#speakerArea h2{
width:59px;
background-position:0 -570px;
}
#speakerArea img{
float:left;
}
#speakerArea h3{
margin:0 0 8px 120px;
font-weight:bold;
}
#speakerArea p{
margin:0 0 8px 120px;
line-height:1.5;
}
/* time table
======================*/
#timetableArea{
margin-bottom:30px;
}
#timetableArea h2{
width:75px;
margin-bottom:12px;
background-position:0 -590px;
}
/* speaker
======================*/
#reunionArea{
margin-bottom:60px;
}
#reunionArea h2{
width:132px;
background-position:0 -610px;
}
#reunionArea p{
margin-bottom:10px;
}
/* footer
======================*/
#footer{
text-align:right;
}

#followuplink{
	margin: 10px 10px 50px;
	padding: 20px;
	text-align: center;
	border: 5px solid #ffffff;
}

#followup .area h3{
	margin: 50px auto 10px;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#followup .area p{
	overflow: hidden;
	margin: 10px auto;
	line-height: 1.5;
}