body {
  margin: 0px auto; 
  padding: 0px;
	color: #444;
	font-family: Osaka, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	background: url("/img/background.png") repeat 0 0;	
	font-size: 100%;
}
form {
  margin: 0;
	padding: 0;
}
img {
  margin: 0px;
  padding: 0px;
	border: 0px;
}
a{
	border:0px;
}

a:link    { color: #0066CC; text-decoration: none; }
a:visited { color: #0066CC; text-decoration: none; }
a:hover   { color: #0066FF; text-decoration: underline; }
a:active  { color: #0066FF; text-decoration: underline; }

h1, h2, h3, h4 {
	padding: 0px;
	margin: 0px;
}


table {
	padding: 0;
	margin: 0;
	border-collapse:collapse;
	border-spacing:0;  
}
table td {
	padding:0;
}
ul, ol {
	margin: 0 auto;
	padding: 0;
}
li{
	margin: 0 auto;
	padding: 0;
}
dl {
	margin: 0 auto;
}
dt, dd, p {
	margin: 0;
	padding: 0;
}
textarea {
	font-size: 100%;
}

.error {
	clear: both;
	color: #FF0000;
	display: block;
}
.required {
	font-size: 80%;
	color: #FF3300;
}

div#container {
  margin: 0px auto;
  width: 804px;
  padding:0px 0px 0px 0px;
  background: url("/img/border.png") repeat-y 0 0;	
  text-align: left;
}

div#contents {
 width: 764px;
 text-align: left;
 margin-left:0px;
 margin-top: 0px;
 vertical-align: top;
 padding: 0px 0px 0px 20px;
}

div#header {
 padding-left: 5px;
 width: 794px;
}

div#header div#top {
 border-top: 4px solid #0066FF;   
 background: url("/img/header_bg.png") repeat-x 0 5px;
 height: 45px;

}
div#header div#logo {
 float: left;
 width: 190px;
 padding: 5px 0px 2px 20px;
}
div#header h1 {
 font-size: 95%;
 float: left;
 margin-top: 14px;
 width: 200px;
}
div#header div#search {
 width: 240px;
 float: right;
 text-align: right;
 padding-top: 15px;
}
div#header td.rss {
 padding-right: 4px;
}
div#header td.query {
 padding-right: 2px;
}
div#header input#SS_searchQuery {
 width: 140px;
}
div#header input#searchButton {
 margin-right: 10px;
}

iframe#newsFrame {
  border: none;
	width: 555px;
	height: 285px;
}

/* -- MENU ----------------------------------------------------------- */
ul#menu, ul#menuLine {
 width:794px;
 clear: left;
}
ul#menu li  {
 list-style-type: none;
 float: left;
 height: 44px;
 background: url("/img/menu_bottom.png") no-repeat 0px 34px;
}


/* -- Navi ----------------------------------------------------------- */
div#navi {
 margin: 10px 0px 10px 0px;
 width: 199px;
 float: right;
 vertical-align: top;
}
div#navi a {
 text-decoration: none;
}
div#naviTop {
 background: url("/img/navi/navi_top.png") no-repeat 0 bottom;
 padding: 0;
 margin: 0;
 height: 10px;
}
ul#naviArea {
 background: url("/img/navi/navi.png") repeat-y 0 0;
 padding: 0px 0px 10px 18px;
 list-style: none;
}
ul#naviArea li {
	padding: 0px 0px 5px 0px;
}
div#naviBottom {
	background: url("/img/navi/navi_bottom.png") no-repeat 0 0;
	height: 10px;
}

#banner {
	margin: 10px 10px 0px 0px;
	clear: left;

}
#subBanner {
	margin: 7px 0px 15px 0px;
}
#moreLink {
  padding: 0;
	margin:0 ;
  text-align: right;
}
/* ------------------------------------------------------------------ */
#main {
 padding: 0;
 margin: 0px 0px 10px 0px;
 width: 557px;
 border-left: 0px;
 font-size: 75%;
 line-height: 1.7em;
 float: left;
 text-align: left;
}

#main #summary {
	margin: 10px 0px 10px 0px; 
	padding: 5px; 
	border-bottom: 1px solid dotted #CCC; 
	border-top: 1px solid dotted #CCC;
	font-weight: normal;
	font-size: 100%;
}
#main #todemo {
	margin: 0px 0px 10px 0px; 
	padding: 0px 5px 5px 5px; 
	font-weight: normal;
	font-size: 100%;
}

#main div.top {
	/* background: url("/img/desc_bg.png") no-repeat 0 0; */
	padding: 2px;
	background-color: #FFFCF4;
	border: 1px solid #EEE;
	margin: 3px 0px 15px 0px;
	color: #333;
}

#main p.desc {
	margin: 8px 4px 12px 4px;
}
#main ul.desc {
	margin: 12px 4px 12px 4px;
}
#main ul.desc li {
	list-style-type: disc;
	margin: 4px 0px 4px 20px;
}
#main p.diff {
	padding: 5px;
	margin: 12px 0px 12px 0px;
	line-height: 1.5em;
	border: 1px solid #CCC;
	background-color: #FAFAFA;
}
b.ex {
	margin-left: 5px;
}
div.option {
	font-size: 85%;
	margin-left: 3px;
	padding: 1px 0px 1px 4px;
	width: 550px;
}
div.eg {
		margin-left: 3px;
	border: 1px solid #CCC;
	background-color: #FAFAFA;
	padding: 1px 0px 1px 4px;
	margin-bottom: 5px;
	width: 540px;
}
/* ------------------------------------------------------------------ */

div#footer {
	clear: both;
  width: 794px;
	margin-top: 20px;
	margin-left: 5px;
	padding: 9px 0px 0px 0px;
	height: 30px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #DDDDDD;
	background: url("/img/footer.png") repeat 0 0;
	text-align: center;
}
ul#footerMenu {
	list-style: none;
	margin-left: 20px;
}
ul#footerMenu li {
	list-style-type: none;
/*	list-style: url("/img/arrow_white.gif"); */
	float: left;
	margin-right: 10px;
	font-size: 11px;
}
div#footer a {
	color: #0066FF;
}




/* -------TOP----------------------------------------------------------- */
div#main h2.title {
	clear: both;
	background: url("/img/title.png") no-repeat 0 0;
	color: #FFF;
	font-size: 14px;
	line-height: 1.9em;
	padding-left: 33px;
	height: 27px;
	margin-top: 10px;
}
div#main h2.title a {
	color: #FFF;
}

div#startup {
	margin: 5px 0px 10px 0px;
}
div#startup div#demo {
	margin: 5px 0px 10px 0px;
}
div#startup h4 {
	font-weight: normal;
	padding: 0px 0px 5px 5px;
	font-size: 100%;
}



dl#news {
	clear: left;
	margin: 10px 0px 5px 0px;
	width: 553px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
/*	border-right: 1px solid #CCC; */
}
dl#news dt {
	float: left;
	width: 100px;
	color: #FFF;
	font-size: 100%;
	height: 100%;
	padding: 4px 4px 4px 10px;
	font-weight: bold;
	background-color: #0066CC;
	border-bottom: 1px solid #CCC;
	
}
dl#news dd { 
	float: left;
	width: 423px;
	font-size: 100%;
	padding: 4px 4px 4px 10px;
	background-color: #FAFAFA;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	
}
span#newsRss {
	position : relative;
	top: 5px;
	left: 248px;
}

/* -------サービス----------------------------------------------------------- */
dl#edition {
	clear: left;
	margin: 10px 0px 20px 0px;
	width: 553px;
	border-top: 1px solid #CCC;

}
dl#edition dt {
	float: left;
	width: 150px;
	height: 46px;

	color: #FFF;
	font-size: 100%;
	padding: 4px 4px 4px 10px;
	font-weight: bold;
	background-color: #0066CC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
dl#edition dd { 
	float: left;
	width: 372px;
	height: 46px;
	font-size: 100%;
	padding: 4px 4px 4px 10px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

table#featureList {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
}
table#featureList th {
	padding: 4px;
	border: 1px solid #CCC;
	background-color: #F9F9F9;
	text-align: center;
}
table#featureList td {
	padding: 4px 10px 4px 4px;
	border: 1px solid #CCC;
	text-align: center;
}
table#featureList td.item {
	text-align : center;
	font-weight: bold;
}	
table#featureList td.pro {
	width: 160px;
}
table#featureList td.std {
	width: 160px;
}
table#featureList td strike {
	font-style: italic;
}
table#featureList td b {
  color: #FF0000;
}

/* -------料金----------------------------------------------------------- */

table#priceList {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
}
table#priceList th {
	padding: 4px;
	border: 1px solid #CCC;
	background-color: #F9F9F9;
	text-align: center;
}
table#priceList td {
	padding: 4px 10px 4px 4px;
	border: 1px solid #CCC;
	text-align: right;
}
table#priceList td.item {
	text-align : center;
	font-weight: bold;
}	
table#priceList td.pro {
	width: 200px;
}
table#priceList td.std {
	width: 200px;
}
table#priceList td strike {
	font-style: italic;
}
table#priceList td b {
  color: #FF0000;
}
ul#campaign {
	margin: 20px 0px 20px 5px;
	padding: 5px 5px 5px 25px;
	border: 1px  solid red;
	background-color: #FFF9F7;
	color: #FF0000;
	list-style-type: disc;
	font-weight: bold;
}

ul#priceInfo {
	margin: 5px 0px 15px 25px;

}
ul#priceInfo li {
	font-size: 100%;
	list-style-type: disc;
}

table#priceOption {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
}
table#priceOption th {
	padding: 4px;
	border: 1px solid #CCC;
	background-color: #F9F9F9;
	text-align: center;
}
table#priceOption td {
	padding: 4px 10px 4px 4px;
	border: 1px solid #CCC;
	text-align: right;
}
table#priceOption td.item {
	text-align : center;
	font-weight: bold;
}	
table#priceOption td.pro {
	width: 200px;
}
table#priceOption td.std {
	width: 200px;
}

/* -------デザイン----------------------------------------------------------- */

design ol#design {

}
ol#design li {
	font-size: 11px;
	margin-left: 40px;
}

div#exDesc {
 margin: 15px 0px 10px 0px;
	padding: 2px;
	background-color: #FFFCF4;
	border: 1px solid #EEE;
	color: #333;
}
/* -------統計----------------------------------------------------------- */

ul.analyze {
	width: 500px;
}
ul.analyze li {
	font-size: 12px;
	margin: 0px 0px 0px 00px;
}



/* -------個人情報----------------------------------------------------------- */


ol.privacy {
	margin: 0px 0px 10px 0px;
}
ol.privacy li {
	list-style-type: decimal;
	margin: 4px 0px 4px 28px;
}

/* -------FAQ----------------------------------------------------------- */

h2.question {
	font-size: 100%;
	margin-left: 2px;
	padding: 4px 5px 0px 30px;
	border-bottom: 1px dotted #CCC;
	background: url("/img/faq/question.png") no-repeat 4px 4px;
		
	background-color: #EEE;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	
}
p.anser {
	font-size: 100%;
	padding: 5px 5px 0px 30px;
	margin-left: 2px;
		margin-bottom : 15px;
	background: url("/img/faq/anser.png") no-repeat 4px 4px;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;	
}

/* -------デモ----------------------------------------------------------- */

.caution {
  color: #0066FF; 
  font-size: 90%; 
	font-weight: normal;
  margin-left: 4px;
}

div.command {
	text-align: center;
	margin: 10px 0px 10px 0px;
}
div.command input {
	padding: 8px 15px 8px 15px;
}
table.entry {
	width: 100%;
	border: 1px solid #DDD;
}
table.entry th {
	padding: 6px;
	background-color: #EEF1FF;
	border: 1px solid #DDD;
	text-align : center;
	width: 150px;
}
table.entry td {
	padding: 6px;
	border: 1px solid #DDD;
}

table.entry dt {
	clear: left;
	float: left;
	padding-bottom: 3px;
	width: 40px;
}
table.entry  dd {
	float: left;
	width: 300px;
}

table.entry textarea {
	width: 380px;
	height: 120px;
	display: table-cell;
}


table#entryAgree {
	margin-top: 15px;
}
table#entryAgree th {
	width: 100%;
	text-align: center;
}
table#entryAgree textarea {
	width: 530px;
	height: 150px;
	font-size: 90%;
}


/* -------------------------- 導入事例 ---------------------------- */
div.case {
	clear: left;
	border-bottom: 1px dotted #CCC;
  padding-bottom: 10px;
	width: 550px;
	min-height: 185px;
} 
div.case h3 {
	font-size: 14px;
	margin-top: 10px;
	clear: left;
}
div.case h4 {
	font-size: 12px;
	margin-bottom: 5px;
}
div.case div.image {
	float: left;
	width: 160px;
	padding-top: 5px;
}
div.case div.desc {
	float: left;
	width: 390px;
	font-size: 12px;
}
p.paging {
  margin-top: 10px;
}
p.paging {
  font-weight: bold;
}
/* -------------------------- ニュースリリース ---------------------------- */
div.head span.pdf{
  margin-left: 432px;
}
h2#newsTitle {
 border-top: 3px double #ddd;
 border-bottom: 3px double #ddd;
 font-size: 100%;
 padding: 5px;
 margin-bottom: 15px;
}


/* -------------------------- サジェスト ---------------------------- */
input#SS_searchQuery {
ime-mode : active;
}

div#SS_suggest {
  font-weight: normal;
	z-index: 9;
  display: none;
	position: absolute;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 200px;
	/*
	filter:alpha(opacity=95); 
	-moz-opacity:0.95; 
	opacity:0.95;	
	*/
	text-align: left;
	margin-top: 3px;
}

div#SS_suggest div.SS_suggestItemOff { 
  background-color: #FFF;
	border-top: 1px solid #CCC;	
	padding: 1px 2px 1px 4px;

}
div#SS_suggest div.SS_suggestItemOn {
  background-color: #ECF5FA;
	border-top: 1px solid #CCC;	
	padding: 1px 2px 1px 4px;
}
div#SS_suggest span.SS_suggestKey {
  font-size: 75%;
}
div#SS_suggest span.SS_suggestRate {
	width: 100px;
}