@charset "UTF-8";
@import url("common.css");
/* --------------------------------------------------------------------------------------
TOPメインイメージ
--------------------------------------------------------------------------------------- */
/* イメージ ------------------------------ */
div#main {
	width: 900px;
	height: 170px;
	background: url(../image/mainimg.gif) no-repeat left top;
	color: #FFFFFF;
	font-size: 86%;
}
/* タイトル ------------------------------ */
div#main p.tit {
	padding: 31px 0 0 30px;
}
/* テキスト ------------------------------ */
div#main p.txt {
	padding: 10px 0 0 40px;
}
/* --------------------------------------------------------------------------------------
グローバルナビ
--------------------------------------------------------------------------------------- */
/* ナビリスト ------------------------------ */
ul#gnavi {
	display: block;
	width: 882px;
	padding: 0 0 0 18px;
	border-bottom: 2px #e60012 solid;
	background: #424241 url(../image/gnavi_bg.gif) repeat-x left top;
}
* html ul#gnavi {
	width: 883px;
}
ul#gnavi:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul#gnavi { display:inline-block; }
/*\*/
* html ul#gnavi { height:1%; }
ul#gnavi { display:block; }
/**/
ul#gnavi li {
	display: inline;
}
/* ナビリストリンク ------------------------------ */
ul#gnavi li a {
	display: block;
	float: left;
	padding: 7px 5px 5px 5px;
	text-align: center;
	text-decoration: none;
}
ul#gnavi li a:link {
	color: #ffffff;
}
ul#gnavi li a:visited {
	color: #ffffff;
}
ul#gnavi li a:hover {
	background: #e20012 url(../image/gnavi_bg_link.gif) repeat-x left top;
	color: #ffffff;
}
ul#gnavi li a:active {
	color: #ffffff;
}
ul#gnavi li a.gnavi01 { width: 53px;}
ul#gnavi li a.gnavi02 { width: 90px;}
ul#gnavi li a.gnavi03 { width: 90px;}
ul#gnavi li a.gnavi04 { width: 90px;}
ul#gnavi li a.gnavi05 { width: 90px;}
ul#gnavi li a.gnavi06 { width: 90px;}
ul#gnavi li a.gnavi07 { width: 90px;}
/* フッターリンクアド ------------------------------ */
div.linknavi {
	font-size: 86%;
	color: #A9A9A9;
}
div.linknavi ul.linkli {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.linknavi ul.linkli li {
	float: left;
	margin-right: 10px;
	padding: 2px;
}
div.linknavi ul.linkli li a {
	text-decoration: none;
	color: #A9A9A9;
}
div.linknavi ul.linkli li a:link {
	color: #A9A9A9;
}
div.linknavi ul.linkli li a:visited {
	color: #A9A9A9;
}
div.linknavi ul.linkli li a:hover {
	color: #666666;
}
div.linknavi ul.linkli li a:active {
	color: #A9A9A9;
}
div.linknavi:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.linknavi { display:inline-block; }
/*\*/
* html div.linknavi { height:1%; }
div.linknavi { display:block; }
/**/

/* --------------------------------------------------------------------------------------
ライトコンテンツ
--------------------------------------------------------------------------------------- */
/* サーチ ------------------------------ */
form.search {
	width: 240px;
	padding: 0 0 0px 0;
	background: #e60012;
}
* html form.search {
	padding: 0 0 7px 0;
}
*:first-child+html form.search {
	padding: 0 0 5px 0;
}
form.search input.w168 {
	width: 168px;
	border: 1px #c3c3c3 solid;
	vertical-align: top;
}
/* バナー ------------------------------ */
ul.bnrImage {
	margin: 4px 0 0 0;
}
ul.bnrImage li {
	margin: 0 0 5px 0;
}
ul.bnrImage li.last {
	margin: 0 0 10px 0;
}
/* FAQ ------------------------------ */
h2.titFaq {
	margin: 0 0 0 -9px;
}
ul.naviFaq { margin: -12px 0 0 38px;}
* html ul.naviFaq { margin: -8px 0 0 38px;}
ul.naviFaq li {
	padding: 0 0 0 13px;
	background: url(../image/icon_faqarw.gif) no-repeat 0 5px;
}
ul.naviFaq li.end {
	padding: 10px 0 0 13px;
	background: url(../image/icon_faqarw.gif) no-repeat 0 15px;
}
/* --------------------------------------------------------------------------------------
レフトコンテンツ
--------------------------------------------------------------------------------------- */
/* ピンク背景（ダウンロード・ソリューション・XML） ------------------------------ */
div.pinkBoxtp {
	width: 650px;
	padding: 10px 0 0 0;
	border-bottom: 10px #fce5e7 solid;
	background: #fce5e7;
}
div.pinkBoxrp:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.pinkBoxrp { display:inline-block; }
/*\*/
* html div.pinkBoxrp { height:1%; }
div.pinkBoxrp { display:block; }
/**/
div.pinkBoxrp {
	background: url(../image/ct_pinkrp.gif) repeat-y left top;
}
/* ピンク背景テキスト ------------------------------ */
div.pinkBoxText {
	display: inline;
	float: left;
	width: 206px;
	margin: 0 0 0 10px;
}
div.pinkBoxText p {
	width: 185px;
	margin: 5px 0 0 10px;
	font-size: 86%;
	color: #333333;
}
div.pinkBoxText p.link {
	margin: 10px 0 0 10px;
	padding: 0 0 10px 0;
	text-align: right;
}
/* カテゴリ タイトル ------------------------------ */
div#cateTitleBox {
	width: 635px;
	margin: 0px;
	padding: 0 0 10px 15px;
	color: #FFFFFF;
	font-size: 100%;
	background: url(../image/bg_ctarea.gif) repeat left top;
}
/* NEWS ------------------------------ */
div#newsBox {
	width: 622px;
	margin: 20px 0 0 15px;
}
div#newsBox h2 {
	position: relative;
	width: 622px;
}
div#newsBox h3 {
	border-left: 3px solid #FF0000;
	background: #003F73;
	color: #fff;
	padding: 5px;
	margin: 10px 0px;
}
div#newsBox div.arrow p {
	width:auto;
	line-height:120%;
	margin:5px 0px 10px 10px;
	padding:0px 0px 0px 10px;
	background:url(../image//link_mark.gif) no-repeat left top;
}

div#newsBox h2 span {
	display: block;
	position: absolute;
	top: 0px;
	left: 578px;
}
div#newsBox dl.news,
div#newsBox dl.news2 {
	width: 622px;
	background: url(../image/dot_news.gif) repeat-x left bottom;
}
div#newsBox dl.news dt {
	float: left;
	width: 75px;
	padding: 5px 0 4px 5px;
}
/*\*/
div#newsBox dl.news dt {
	clear: both;
}
/**/
div#newsBox dl.news dd {
	float: left;
	width: 542px;
	padding: 5px 0 4px 0;
}
div#newsBox dl.news2 dd {
	float: left;
	width: 612px;
	padding: 5px 0 4px 0;
}
div#newsBox dl.news dd p,
div#newsBox dl.news2 dd p {
	padding: 0 0 0 27px;
	background: url(../image/icon_arw.gif) no-repeat 0 5px;
}
div#newsBox dl.news dd p.new a,
div#newsBox dl.news2 dd p.new a {
	padding: 0 30px 0 0;
	background: url(../image/btn_new.gif) no-repeat right 0;
}
/*\*/
* html div#newsBox dl.news dd {
	float: none;
}
/**/
/*\*/
* html div#newsBox dl.news2 dd {
	float: none;
}
/**/
*:first-child + html div#newsBox dl.news dd,
*:first-child + html div#newsBox dl.news2 dd {
	float: none;
}
div#newsBox dl.news:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#newsBox dl.news { display:inline-block; }
/*\*/
* html div#newsBox dl.news { height:1%; }
div#newsBox dl.news { display:block; }
/**/
div#newsBox dl.news2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#newsBox dl.news2 { display:inline-block; }
/*\*/
* html div#newsBox dl.news2 { height:1%; }
div#newsBox dl.news2 { display:block; }
/**/

div#newsBox div.newspress {
	margin: 30px;
}

div#newsBox div.newspress div.datergt {
	text-align: right;
}

div#newsBox div.newspress div.headline {
	margin: 40px 0px 50px 0px;
	color: #1a2170;
	text-align: center;
	font-weight: bold;
}

div#newsBox div.newspress div.headline p {
	margin: 5px 0px 0px 0px;
	color: #1a2170;
	text-align: center;
	font-weight: normal;
}

div#newsBox div.newspress div.note {}

div#newsBox div.newspress div.note p {
	margin-top: 15px;
	margin-bottom: 15px;
}

div#newsBox div.newspress div.note div.parag3 {
	margin: 10px 0px 5px 0px;
	padding: 6px 0px 5px 0px;
	background: url(../image/line_dot_gray.gif) repeat-x bottom;
}

div#newsBox div.newspress div.note h5 {
	margin-top: 20px;
	padding-left: 5px;
	color: #1a2170;
	border-left: 5px solid #1a2170;
}

div#newsBox div.newspress div.note h6 {
	margin-top: 10px;
	color: #c00;
}

div#newsBox div.newspress div.trademark {
	margin: 50px 0px 20px 0px;
	font-size: 91%;
}

div#newsBox div.newspress div.waku {
	margin: 5px 0px;
	padding:10px;
	border:1px solid #C0C0C0;
	background:#ffffff;
}

div#newsBox div.seminar {
	margin: 30px;
}

div#newsBox div.seminar div.para {
	margin-bottom: 50px;
}

div#newsBox div.seminar div.para p {
	margin-top: 15px;
	margin-bottom: 15px;
}

div#newsBox div.seminar div.datergt {
	text-align: right;
}

div#newsBox div.seminar div.headline {
	margin: 40px 0px 50px 0px;
	color: #1a2170;
	text-align: center;
	font-weight: bold;
}

div#newsBox div.seminar div.headline p {
	margin: 5px 0px 0px 0px;
	color: #1a2170;
	text-align: center;
	font-weight: normal;
}

div#newsBox div.seminar div.note {}

div#newsBox div.seminar div.note p {
	margin-top: 15px;
	margin-bottom: 15px;
}

div#newsBox div.seminar div.note h5 {
	margin-top: 20px;
	padding-left: 5px;
	color: #1a2170;
	border-left: 5px solid #1a2170;
}

div#newsBox div.seminar div.note h6 {
	margin-top: 10px;
	color: #c00;
}

div#newsBox div.seminar div.waku {
	margin: 5px 0px;
	padding:10px;
	border:1px solid #C0C0C0;
	background:#ffffff;
}

div#newsBox div.seminar table.semigai {
	width:100%;
	margin: 10px 0px;
}

div#newsBox div.seminar table.semigai tr {
	vertical-align: top;
}

div#newsBox div.seminar table.semigai th {
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	padding:6px 10px;
	background:#003F73;
}

div#newsBox div.seminar table.semigai td {
	padding:6px 10px;
	background:#F5F5F5;
}

div#newsBox div.seminar div.agenda {
	display: block;
	background: #F5F5F5;
	margin-top: 10px;
}

div#newsBox div.seminar div.agenda:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

div#newsBox div.seminar div.agenda .time {
	width: 100px;
	float: left;
	font-weight: bold;
	padding: 6px 10px;
	border-right: solid 1px #cccccc;
}

div#newsBox div.seminar div.agenda .dai {
	width: 417px;
	float: left;
	padding: 6px 10px;
	font-weight: bold;
	border-left: solid 1px #ffffff;
}

div#newsBox div.seminar div.prog {
	clear: both;
	display: block;
	margin-left: 130px;
	padding: 8px 0 0 0;
}

div#newsBox div.seminar div.prog .more {
	display: block;
	margin: 9px 0 0 0;
	padding: 9px 0 0 0;
	background: url(../image/line_dot_gray.gif) repeat-x top;
}

/* CASE事例紹介 ------------------------------ */
div#caseBox {
	width: 635px;
	margin: 20px 0 0 15px;
	background: url(../image/bg_case.gif) repeat-y left top;
	font-size: 86%;
}
div#caseBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#caseBox { display:inline-block; }
/*\*/
* html div#caseBox { height:1%; }
div#caseBox { display:block; }
/**/
div#caseBox div.caseText {
	display: inline;
	position: relative;
	float: left;
	width: 190px;
	margin: 0 20px 15px 0;
}
div#caseBox div.caseText p.tit {
	margin: 0 0 10px;
}

/* イメージ */
div#caseBox div.caseText img {
	float: left;
	margin: 0 10px 0px 0;
}

/* イメージNEWアイコン */
div#caseBox div.caseText span.new {
	position: absolute;
	left: -1px;
	top: -1px;
	float: none;
	width: 43px;
}
div#caseBox div.caseText span.new img{
	margin: 0;
}

/* 詳細はこちらからリンク */
div#caseBox div.caseText p.link {
	margin: 5px 0 0 0;
	padding: 0 0 1px 0;
	text-align: right;
}
div#caseBox div.caseText p.link a {
	padding: 0 0 0 12px;
	background: url(../image/icon_arw.gif) no-repeat 0 3px;
}
/* CASE事例紹介タイトル ------------------------------ */
div#caseBox h2 {
	margin: 0 0 8px 0;
}
/* エントリータイトル ------------------------------ */
h2.entryTitle {
	margin: 5px 0px 15px;
	padding: 5px;
	border-left: 5px solid #f00;
	font-size: 100%;
}
div#entryMeta {
	width:610px;
	border-top: 1px dashed #CCC;
	margin: 5px 0px;
	padding: 5px;
}
/* エントリー段落 ------------------------------ */
div#entrySub {
	color:#990000;
	font-weight:600; 
	font-size: 120%;
}
/* エントリー フッタ------------------------------ */
div#entryFt {
	background-color:#ffcc66;
	font-family:"Times New Roman","ＭＳ Ｐ明朝",serif;
	font-size: 110%;
}
/* エントリー　著者------------------------------ */
div#entryAuthor {
	float:right;
	font-family:"Times New Roman","ＭＳ Ｐ明朝",serif;
	font-size: 110%;
}