h3 {
	background-color: #eeeeee;
	padding: 4px 6px;
	margin: 10px 10px 16px;
	font-size: 0.9em;
	color: #333333;
	font-weight: bold;
}

h4 {
	font-size: 0.85em;
	border-bottom:dotted 1px #666666;
	padding-bottom: 5px;
	margin: 10px 10px 16px;
	color: #222222;
}

/*---- ヘッダー ----*/

div#header {
	width: 770px;
	height: 89px;
	background: url(../images/bg_sec_header.gif) no-repeat;
	float: left;
}

ul#gnavi li {
	list-style-type: none;
	display: inline;
}

/*---- コンテンツ ----*/

div#contents {
	width: 770px;
	background: url(../images/sec_page_bgi.gif) repeat-y;
	float:left;
}

div#subarea {
	width: 144px;
	float:left;
}

div#mainarea {
	width: 616px;
	float: right;
}

div#contentarea {
	width: 501px;
	border-right: solid 1px #c0c0c0;
}

div#contentarea h2 {
	padding-bottom: 14px;
}

div#contentarea p {
	font-size: 0.8em;
	line-height: 1.3em;
	padding: 0 10px 12px;
}

ul#lnavi li {
	list-style-type: none;
}

/*--  IE用  --*/

ul#lnavi li {
	_margin-top: -4px;
}


/*----  各コンテンツ見出し  ----*/

div#bross h3 {
	border-left: solid 4px #003399;
}

div#elearning h3 {
	border-left: solid 4px #006633;
}

div#produce h3 {
	border-left: solid 4px #aaaa00;
}

div#authorize h3 {
	border-left: solid 4px #336600;
}

div#book h3 {
	border-left: solid 4px #550055;
}

div#callcenter h3 {
	border-left: solid 4px #660000;
}

div#info h3 {
	border-left: solid 4px #000066;
}


/*----  個別ページスタイル  ----*/

div.website {
	margin-bottom: 10px;
	float: left;
}

p.webimg {
	float: left;
}

dl.siteinfo {
	margin: 4px 10px 0 180px;
}

dl.siteinfo dt {
	font-size: 0.8em;
	padding-bottom: 4px;
	border-bottom: dotted 1px #333333;
}

dl.siteinfo dd {
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 10px 0;
}

div.explainarea {
	margin-bottom: 5px;
	float: left;
}

p.leftimage {
	float: left;
}

dl.explain {
	margin: 4px 10px 0 180px;
}

dl.explain dt {
	font-size: 0.7em;
	font-weight: bold;
	padding-bottom: 4px;
	border-bottom: dotted 1px #333333;
}

dl.explain dd {
	font-size: 0.7em;
	line-height: 1.3em;
	margin: 10px 0;
}

div.constep ol {
	font-size: 80%;
	line-height: 1.5;
	margin-left: 50px;
}

div.constep ol ul {
	margin-left: 20px;
}

p.stepimg {
	margin-left: 10px;
	float: right;
}

a.calllink {
	color: #ee3333;
	font-weight: bold;
}

a:hover.calllink {
	color: #ff9933;
	font-weight: bold;
}

/*--  IE用  --*/

p.stepimg {
	_margin-right: 5px;
}

ul.stepcontent {
	margin:0 10px 0 130px;
}

ul.stepcontent li {
	font-size: 0.8em;
	padding: 4px 0;
}

p.stepcontent {
	margin-left: 10px;
}

div.stepcontent02 {
	border-bottom: solid 1px #cccccc;
	float: left;
	width: 460px;
	margin: 0 20px 15px;
}

/*--  IE用  --*/

* html div.stepcontent02 {
	margin: 0 10px 15px;
}

div.stepcontent02 dl {
	font-size: 80%;
	margin: 0;
}

div.stepcontent02 dt {
	border-left: solid 6px #336600;
	padding: 3px 6px;
}

div.stepcontent02 dd {
	margin: 5px 0 15px;
}

div.stepcontent02 dd strong {
	color: #336600;
	display: block;
	margin: 8px 0;
}

div.bookarea {
	margin-left: 3px;
}

div.bookarea iframe {
	margin: 0;
}

/*--  IE用  --*/

html*div.bookarea iframe {
	_margin: 2px;
}

div.ccnotes {
	margin: 0 10px 12px 12px;
	padding-top: 10px;
	background-color: #e6e6e6;
}

div.ccnotes img {
	position:relative; top:4px; left:0;
}

div.button {
	width: 482px;
	margin: 0 10px;
	text-align: center;
}

h3.privacy2 {
	background-color: #ffffff;
	text-align: center;
}

/*--  KinQ.jp　What's new  --*/

dl#news {
	margin-top: 10px;
}

dl#news dt {
	background: url(../images/arrow1.gif) no-repeat 0px 2px;
	font-weight: bold;
	font-size: 0.8em;
	color: #660000;
	padding-left: 10px;
	margin-left: 10px;
	}

dl#news dd {
	font-size: 0.8em;
	padding: 0 10px;
	margin: 0 0 15px 0;
	line-height: 1.2em;
}