@charset "utf-8";
body {
	font: 100%/1.4;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
    height:100%;
}
html{
    height:100%;
	margin-bottom:1px;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img {
	border: none;
}

a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

div#main{
    position:relative;
    min-height:100%
}
* html div#main{
    height:100%;
}
.upperbox {
	background-image: url(../img/head-back.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.container {
	width: 960px;
	background-color: #FFF;
	margin: 0 auto;
}

.header {
	background-color: #FFF;
	height:101px;
}
.headlogo {
	width:215px;
	float:left;
}
.headstar {
	width:150px;
	float:left;
	margin-left:187px;
}
.headtel {
	width: 408px;
	height: 101px;
	float: left;
	background-image: url(../img/head-tel.jpg);
	margin:0;
	padding:0;
	position:relative;
}
#headbutton {
	position:absolute;
	top:42px;
	left:260px;
	margin:0 auto;
}
#headbutton a {
	display: block;
	width: 142px;
	height: 49px;
    background-image: url(../img/head-button.jpg);
}
#headbutton a:hover {
	background-position: 0 bottom;
}
.headermenu {
	background-color: #FFF;
	height:50px;
}
ul#hmenu{
    width:960px;
    overflow:hidden;
}

ul#hmenu li{
    float:left;
    height:35px;
    display:block;
}

ul#hmenu li a {
    display: block;
    overflow: hidden;
    height: 0px;
    background-image: url(../img/menu-button.jpg);
    padding-top:35px;
}

#menu1 a { width:137px; background-position:0 0;}
#menu2 a { width:137px; background-position:-137px 0;}
#menu3 a { width:137px; background-position:-274px 0;}
#menu4 a { width:137px; background-position:-411px 0;}
#menu5 a { width:137px; background-position:-548px 0;}
#menu6 a { width:137px; background-position:-685px 0;}
#menu7 a { width:138px; background-position:-822px 0;}

#menu1 a:hover { width:137px; background-position:0 -35px;}
#menu2 a:hover { width:137px; background-position:-137px -35px;}
#menu3 a:hover { width:137px; background-position:-274px -35px;}
#menu4 a:hover { width:137px; background-position:-411px -35px;}
#menu5 a:hover { width:137px; background-position:-548px -35px;}
#menu6 a:hover { width:137px; background-position:-685px -35px;}
#menu7 a:hover { width:138px; background-position:-822px -35px;}
  
.topimage {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 350px;
	text-align: left;
	overflow: hidden;
}
.topimage ul {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 350px;
	text-align: left;
	overflow: hidden;
	position: relative;
}
.topimage ul li {
	top: 0;
	left: 0;
	width: 960px;
	height: 350px;
	display: none;
	position: absolute;
}
.topimage img {
	border: none;
}

.sidebar1 {
	float: right;
	width: 250px;
	background-color: #FFF;
	padding:20px 0 10px 0;
}
.sinquiry {
	height:360px;
	position:relative;
	background-image:url(../img/side-inquiry.jpg);
}
#sinquirybutton {
	position:absolute;
	top:215px;
	left:0px;
	margin:0 auto;
}
#sinquirybutton a {
	display: block;
	width: 250px;
	height: 135px;
    background-image: url(../img/side-button.png);
}
#sinquirybutton a:hover {
	background-position: 0 bottom;
}
.sidebanner {
	margin:20px 0 0 0;
}
.sidefaq {
	margin:20px 0 0 0;
	background-image:url(../img/side-faq.jpg);
}
.sidefaq img {border:none;}
.sidefaq a:hover {-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);zoom:1;}

.content {
	padding: 30px 0;
	width: 690px;
	float: left;
}
#pan {
	margin:0 0 20px 0;
	font-size:12px;
	color:#666;
}

.textbox {
	margin:0 80px 30px 80px;
	font-size:14px;
	line-height:1.7em;
}
.textboxs {
	margin:0 80px 30px 175px;
	font-size:12px;
	line-height:1.7em;
}
.undermargin100 {
	margin-bottom:100px;
}
.mainimage {
	margin:0 0 30px 0;
}
.maintitle {
	margin:0 0 10px 0;
}
.maintel {
	position:relative;
	margin:0;
	background-image:url(../img/timing-back.jpg);
	height:320px;
}
#maintelb {
	position:absolute;
	top:230px;
	left:446px;
	margin:0 auto;
}
#maintelb a {
	display: block;
	width: 244px;
	height: 81px;
    background-image: url(../img/main-button.png);
}
#maintelb a:hover {
	background-position: 0 bottom;
}

.main4box{
	margin:0 0 30px 0;
}
.main4box img{
	float:left;
	margin:0 0 15px 0;
}
.main4box img.main4boxl{
	float:left;
	margin:0 10px 15px 0;
}
.main4box a:hover {-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);zoom:1;}

.mainquestion {
	margin:0 80px 30px 40px;
	font-size:14px;
	color:#4e4035;
	font-weight:bold;
	line-height:2.5em;
}
.mainquestion a:link {
	color: #4e4035;
	text-decoration: underline;
}
.mainquestion a:visited {
	color: #4e4035;
	text-decoration: underline;
}
.mainans {
	margin:0 80px 30px 40px;
	font-size:12px;
	color:#4e4035;
	line-height:1.5em;
}
.mainans a:link {
	color: #4e4035;
	text-decoration: underline;
}
.mainans a:visited {
	color: #4e4035;
	text-decoration: underline;
}
dl.company{
	margin:0 80px 50px 80px;
	font-size:14px;
	line-height:1.3em;
}
dl.company dt {
  clear: left;
  float: left;
  margin: 0 0 1.5em;
  width: 7.5em;
  padding-left: 5px;
  color: #666;
}
dl.company dd {
  margin-bottom: 1.5em;
  margin-left: 7.0em;
  padding-left: 1.0em;
  border-left: solid 3px #ff7300;
  color: #000;
}
p.ptitle {
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.privacy {
	margin:0 50px 50px 30px;
	font-size:12px;
	line-height:1.5em;
}
.privacy li{
	margin-left:20px;
	margin-bottom:10px;
}
.privacy ol{
	margin-bottom:30px;
}
span.borange{
	font-weight:bold;
	color:#FD7215;
}
ul.inquirytop {
	margin:10px 0 0 15px;
	font-size:12px;
}
ul.inquirytop li{
	list-style:square;
}
.inqtel {
	height:100px;
	background-image:url(../inquiry/img/tel.jpg);
	margin-bottom:50px;
}
.inqtelmail {
	padding:24px 0 0 400px;
	font-size:26px;
	font-weight:bold;
}
.inqtel a:link, a:visited {
	color: #000;
	text-decoration: underline;
}
#inquiry {
	margin:0 50px 0 50px;
	font-size:14px;
}
#inquiry table {
	border-collapse:collapse;
	margin-bottom:20px;
	width:590px;
}
#inquiry td {
	border:1px solid #ccc;
	padding:5px;
	font-size:90%;
	color:#666;
}
#inquiry td.l_Cel {
	width:150px;
}
#inquiry span.hisu {
	color:#900;
	font-size:10px;
}
iframe.inqpri {
	border:1px solid #ccc;
	width:590px;
	height:120px;
	margin:0 0 30px 0;
}
.caselink a:link {
	color: #4e4035;
	text-decoration: underline;
}
.caselink a:visited {
	color: #4e4035;
	text-decoration: underline;
}
.caselasttextbox {
	background-color:#ffeedb;
	padding:20px 80px 20px 80px;
	font-size:14px;
	font-weight:bold;
	line-height:1.7em;
}
ul.sitemap {
	margin:10px 0 50px 50px;
	font-size:11pt;
	line-height:1.8em;
	color:#333;
}
.sitemap a:link {
	color: #4e4035;
	text-decoration: underline;
}
.sitemap a:visited {
	color: #4e4035;
	text-decoration: underline;
}
.sitemapdown{
	margin-top:10px;
}


.bottombox{
	margin-top: 50px;
	background-color: #696969;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bababa;
	color:#FFF;
}
.footer {
	width: 960px;
	height:150px;
	margin:0 auto;
}
.footerlink {
	padding-top:10px;
	font-size:12px;
	text-align:center;
}
.footerlink a:link, a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

.footerconp {
	padding-top:15px;
	font-size:12px;
	line-height:1.5em;
	font-weight:bold;
	text-align:center;
}


.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#hero {
	background: url(../webseminar/img/bg_main.jpg) 0 0 no-repeat;
	width: 690px;
	height: 323px;
	padding: 55px 0 0 0;
	position: relative;
}
#hero h1 {
	background: #fff;
	width: 650px;
	color: #aa0101;
	font-size: 35px;
	line-height: 35px;
	padding: 10px 20px;
}
#hero h2 {
	padding: 20px 30px;
}
#hero p.icon {
	position: absolute;
	top: 26px;
	right: 30px;
}
#hero p.read {
	background: #aa0101;
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	display: inline-block;
	padding: 10px 30px;
	float: right;
	font-weight: bold;
}
#detail dl {
	display: table;
	padding: 25px 0;
	font-weight: bold;
}
#detail dt {
	width: 210px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
#detail dt span {
	border: #000 solid 1px;
	padding: 6px 25px;
	font-size: 18px;
}
#detail dd {
	display: table-cell;
	width: 480px;
}
#detail dd span.date {
	font-size: 25px;
	line-height: 35px;
}
#detail dd span.time {
	font-size: 20px;
	line-height: 20px;
}
#detail dd span.annotation {
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
}
#program h3 {
	background: #7b7b7b;
	color: #fff;
	font-size: 15px;
	padding: 10px 30px;
	border-top: #000 solid 1px;
	border-bottom: #000 solid 1px;
}

#program dl {
	display: table;
	padding: 40px 0;
}
#program dt {
	width: 300px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
#program dt img {
	border: #000 solid 1px;
}
#program dd {
	display: table-cell;
	width: 390px;
	font-size: 12px;
	line-height: 22px;
}
#program dd span {
	font-size: 14px;
}
#program dd span.speaker {
	font-size: 16px;
	line-height: 32px;
}
#program li {
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}
#program li:last-child {
	margin-right: 0;
}

#note {
	padding: 50px 30px;
	font-size: 10px;
}

#btn {
	margin-bottom: 60px;
	text-align: center;
}

#btn a {
	display: block;
	width: 495px;
	background: #ff4e00 url(../webseminar/img/icon.png) 36px center no-repeat;
	border: #000 solid 1px;
	border-radius: 10px;
	padding: 20px;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	margin: 0 auto;
}
#btn a:hover {
	background: #f9824e url(../webseminar/img/icon.png) 36px center no-repeat;
}