@charset "UTF-8";

html * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

body {
font-family:Arial, Helvetica, sans-seri,ＭＳ Ｐゴシック, Osaka,;
	text-align:center;
	background-color:#224381;
}

#home{
	width:800px;
	height:auto;
	text-align:left;
	padding: 0 0 20px 10px;
	background-color:#FFFFFF;
	 margin-left: auto;
 margin-right: auto;
}

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

#header{
	font-size:10px;
	width:780px;
	text-align:left;
	padding: 0 0 0 0;
	margin: 0px;
}

.headertop{
width:780px;
}

#header .top_right{
	float:right;
	width:170px;
	padding: 5px 0px 3px 0;
}

#header .top_left{
width:200px;
	float:left;
	text-align:left;
	vertical-align:bottom;
	padding: 0 0 0 0;
	margin: 20px 0 5px 5px;
}


#header .top_left ul{
	float:left;
	padding:8px 0 2px 0;
}

#header .top_left li{
	display:inline;
	padding:2px 8px 0 5px;
	border-right:1px solid #A8A8A8;
}

#header .top_right ul{
	float:right;
}

#header .top_right li{
margin-right:8px;
	display:inline;
}

#header .top_right .xfy{
margin-bottom:9px;
	display:inline;
}



#header .top_left input{
	vertical-align:middle;
	font-size:11px;
}

#header .img_left{
	float:left;
}

#header a:link { color: #757575; text-decoration: none;}
#header a:visited { color: #757575; text-decoration: none;}
#header a:hover { color: #FF3333; text-decoration: none;}
#header a:active { color: #757575; text-decoration: none;}

			
/* -----main----- */

#main{
	width:780px;
	text-align:left;
	line-height:160%;
	padding: 0 0 0 0;
	margin: 0px;
	background-color: #FFFFFF;
	background-image:url('images/container_back_780b.jpg');
	background-repeat: repeat-y;
}



#top{
width:780px;
margin:6px 0 3px 0;
}


#seminar_area{
	width:780px;
	height:auto;
	text-align:left;
	padding: 0 0 10px 0;
	margin:0 0 10px 0;
	background-color: #FFFFFF;
}

.block{
width:780px;
margin-bottom:18px;
margin-top:10px;
padding:0;
}

.kaijyo_photo{
width:180px;
background:#CCCCCC;
margin:5px 0 15px 20px;
float:right;
}


.talktxt{
width:780px;
margin:0 0 30px 0;
padding:0;
height:auto;
}

.talktxt2{
width:780px;
margin:0 0 10px 0;
padding:0;
height:auto;
}

.speaker_left{
width:150px;
height:170px;
background:#CCCCCC;
margin:0px 21px 18px 3px;
float:left;
}

.speaker_right{
width:150px;
height:170px;
background:#CCCCCC;
margin:5px 5px 15px 21px;
float:right;
}

.speaker_cb{
width:150px;
height:480px;
background:#CCCCCC;
margin:5px 7px 5px 21px;
float:right;
}

.speaker_cb_l{
width:150px;
height:px;
background:#CCCCCC;
margin:5px 22px 20px 3px;
float:left;
}

.speaker_cb2{
width:150px;
height:328px;
background:#CCCCCC;
margin:5px 7px 5px 21px;
float:right;
}

.speaker_cb2_l{
width:150px;
height:328px;
background:#CCCCCC;
margin:5px 22px 20px 3px;
float:left;
}

.speaker_cb3{
width:150px;
height:151px;
background:#CCCCCC;
margin:0px 21px 13px 3px;
float:left;
}

.speaker_cb3_l{
width:150px;
height:151px;
background:#CCCCCC;
margin:5px 22px 20px 3px;
float:left;
}

.speaker_cb4{
width:250px;
height:188px;
background:#CCCCCC;
margin:5px 7px 5px 21px;
float:right;
}

.speakername{
font-size:10px;
line-height:140%;
letter-spacing:1px;
float:left;
font-weight:bold;
text-align:right;
padding:8px 0 13px 5px;
width:575px;
}

.speakername_l{
font-size:10px;
line-height:140%;
letter-spacing:1px;
text-align:left;
float:right;
font-weight:bold;
padding:8px 0 13px 0;
width:578px;
}

.speakername_cb{
font-size:10px;
line-height:145%;
letter-spacing:1px;
float:left;
font-weight:bold;
text-align:right;
padding:8px 0 13px 5px;
width:575px;
}

.speakername_cb_l{
font-size:10px;
line-height:145%;
letter-spacing:1px;
float:right;
font-weight:bold;
text-align:left;
padding:8px 0 8px 0;
width:580px;
}

.speakername_cb2{
font-size:10px;
line-height:145%;
letter-spacing:1px;
float:right;
font-weight:bold;
text-align:left;
padding:8px 0 10px 0;
width:580px;
}


.btnarea{
width:750px;
margin:5px 10px 8px 15px;
}

.btn{
width:175px;
margin:5px 10px 8px 10px;
}

.btn2{
width:175px;
margin:5px 10px 8px 10px;
}


#end{
width:765px;
height:170px;
padding:0 34px 0 23px;
}


.end_p{
text-align:left;
font-size:14px;
line-height:150%;
margin:7px 5px 5px 8px;
}


.end_photo{
width:180px;
background:#CCCCCC;
margin:0 0 0 15px;
float:right;
}

.endinfo{
width:730px;
padding:18px 0 0px 0;
margin-left:20px;
border:solid 1px #333333;
}

.endinfo p{
text-align:center;
font-size:13px;
line-height:150%;
font-weight:bold;
}

/* -----h文字指定-----*/
h1{
font-size:18px;
letter-spacing:1px;
margin:18px 0 10px 0;
text-align:center;
}

h2.midashi{
background:url(images/h2_bg.jpg) no-repeat;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
padding:12px 3px 3px 28px;
margin:0 0 10px 0;
width:780px;
height:70px;
}


h2.seminartitle{
background:#61a3c2;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
padding:8px 3px 3px 31px;
margin:0 0 10px 0;
width:780px;
height:40px;
}

h2.seminartitle_cb{
background:#38b7ec;
font-size:16px;
color:#ffffff;
font-weight:bold;
padding:8px 3px 6px 25px;
margin:0 0 10px 0;
width:780px;
line-height:135%;
}



p{
text-align:left;
font-size:14px;
line-height:160%;
margin:10px 25px 20px 25px;
}

.p1{
text-align:left;
font-size:12px;
font-weight:bold;
line-height:160%;
margin:15px 25px 0px 25px;
}

.midashi_p{
text-align:left;
font-size:14px;
line-height:160%;
margin:0px 25px 15px 25px;
}

small{
text-align:left;
font-size:13px;
line-height:120%;
}


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

#listdemo{
	border:none;
	width: 450px;
	padding: 0 0 0 20px;
	margin:5px 0 5px 0;
	}

.listdemo ul{
width:450px;
}

.listdemo li{
background:url(images/maru.gif) no-repeat;
padding:0 0 0 10px;
line-height:130%;
font-size:13px;
color:#CC0000;
}


/* -----main: anchor----- */

#main a:link { color: #214EA8; text-decoration: none;}
#main a:visited { color: #214EA8; text-decoration: none;}
#main a:hover { color: #214EA8; text-decoration: underline;}
#main a:active { color: #214EA8; text-decoration: underline;}


#main_right a:link { color: #214EA8; text-decoration: none;}
#main_right a:visited { color: #214EA8; text-decoration: none;}
#main_right a:hover { color: #FF0000; text-decoration: none;}
#main_right a:active { color: #FF0000; text-decoration: none;}


#main_left a:link { color: #214EA8; text-decoration: none;}
#main_left a:visited { color: #214EA8; text-decoration: none;}
#main_left a:hover { color: #FF0000; text-decoration: none;}
#main_left a:active { color: #FF0000; text-decoration: none;}


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

#footer_banner{
	clear:both;
	width:780px;
	text-align:left;
	font-size:10px;
	background:url('images/container_back.gif') repeat-y;
	height:auto;
	border-top:1px solid #CDD8E2;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}

#footer{
	clear:both;
	border-top:1px solid #CDD8E2;
	font-size:10px;
	width:780px;
	text-align:right;
	padding: 2px 0 0 0;
	margin: 15px 0 0 0;
}

#footer ul{
	float:left;
	border-left:1px solid #A8A8A8;
}
#footer li{
	display:inline;
	padding:0 5px 0 5px;
	border-right:1px solid #A8A8A8;
}
#footer address{
	font-style:normal;
	float:right;
}

#footer a:link { color: #757575; text-decoration: none;}
#footer a:visited { color: #757575; text-decoration: none;}
#footer a:hover { color: #757575; text-decoration: underline;}
#footer a:active { color: #757575; text-decoration: underline;}

/* -----common----- */

img{border:0;}
.clear{clear:both;}
.clear_divide { clear: both; background-color: transparent; height: 1px; font-size: 1px;}
.clear_divide02 { clear: both; background-color: transparent; height: 1px; font-size: 1px;}

.line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CDD8E2;
	padding:0 0 0 0;
	margin: 0px;
}

.download {
	font-size:11px;
	padding: 4px 0 2px 7px;
	margin: 0 0 0 0;
	background:url('images/yaji.gif') no-repeat left center;
}

.demo {
	font-size:11px;
	padding: 4px 0 2px 7px;
	margin: 0 0 0 0;
	background:url('images/yaji.gif') no-repeat left center;
}

.link{
float:right;
background:url(images/yaji.gif) no-repeat scroll left center;
font-size:11px;
padding:4px 30px 2px 7px;
margin:0;
}


.next{
	font-size:10px;
	display:block;
	text-align:right;
}

/* -----
.next a{
	padding: 2px 0 2px 7px;
	margin: 0 0 0 0;
	background:url('images/yaji.gif') no-repeat left center;
}
----- */

.next a{
	padding: 2px 0 0px 7px;
	margin: 0 0 0 0;
	background:url('images/yaji.gif') no-repeat left center;
}