@charset "utf-8";

/* サイドバー */
#contents #sidebar {
	margin-left:5px;
	_margin-left:2px;
}
/* メイン */
#contents #main {
	margin-right:5px;
	_margin-right:3px;
}

/* サイドメニュー */
#contents #sidebar .side-menu {
	background:#f8ffec;
	border-color:#c7e3b3;
}
#contents #sidebar .side-menu li a{
	background:url(../suite3/compact/img/menu_li_bg.gif) no-repeat 4px 8px;
	color:#2c6411;
	border-bottom-color:#cccccc;
}
#contents #sidebar .side-menu li a:hover {
	color:#FF6600;
	background-color:#ecf9d9;
}

#contents #sidebar .side-menu ul ul li a {
	font-weight:normal;
	border-top:none;
	padding: 3px 0 3px 18px;
	color:#287304;
	background:url(../suite3/compact/img/menu_sub_li_bg.gif) no-repeat 6px 8px;
	text-decoration:underline;
	font-size:100%;
}

#contents #sidebar .side-menu ul ul  {
	margin-bottom:5px;
}
#contents #sidebar .side-menu ul ul li#le a,
#contents #sidebar .side-menu ul ul li#se a,
#contents #sidebar .side-menu ul ul li#se-lan a,
#contents #sidebar .side-menu ul ul li#lh a,
#contents #sidebar .side-menu ul ul li#sh a,
#contents #sidebar .side-menu ul ul li#sh-lan a {
	padding: 4px 0 4px 37px;
	line-height:1.2;
	text-decoration:none;
	font-size:90%;
	min-height:20px;
	_height:20px;
}
#contents #sidebar .side-menu ul ul li#le a:hover,
#contents #sidebar .side-menu ul ul li#se a:hover,
#contents #sidebar .side-menu ul ul li#se-lan a:hover,
#contents #sidebar .side-menu ul ul li#lh a:hover,
#contents #sidebar .side-menu ul ul li#sh a:hover,
#contents #sidebar .side-menu ul ul li#sh-lan a:hover {
	background-color:#ecf9d9;
	text-decoration:underline;
}
#contents #sidebar .side-menu ul ul li#le a {
	background:url(../suite3/compact/img/li_le.gif) no-repeat 5px center;
}
#contents #sidebar .side-menu ul ul li#se a {
	background:url(../suite3/compact/img/li_se.gif) no-repeat 5px center;
}
#contents #sidebar .side-menu ul ul li#se-lan a {
	background:url(../suite3/compact/img/li_se_lan.gif) no-repeat 5px center;
}
#contents #sidebar .side-menu ul ul li#lh a {
	background:url(../suite3/compact/img/li_lh.gif) no-repeat 5px center;
}
#contents #sidebar .side-menu ul ul li#sh a {
	background:url(../suite3/compact/img/li_sh.gif) no-repeat 5px center;
}
#contents #sidebar .side-menu ul ul li#sh-lan a {
	background:url(../suite3/compact/img/li_sh_lan.gif) no-repeat 5px center;
}

#contents #sidebar .side-menu ul li a#cd {
	padding :0 0 0 22px;
}
#contents #sidebar .side-menu ul li a#cd span{
	display:block;
	padding :10px 5px 10px 0px;
	background:url(../suite3/compact/img/menu_cd.gif) no-repeat right center;
}

#contents #sidebar #resale {
	margin-top:20px;
}

/* コンテンツ */

/* H2 */
#contents #title {
	margin-bottom:10px;
}


/* H2 */
#contents #main h2 {
	background:url(../suite3/compact/img/h3_bg.gif) no-repeat;
}
#contents #main h2 img {
	vertical-align:middle;
	margin-left:5px;
}
/* H3 */
#contents #main .txt h3 {
	background:url(../suite3/compact/img/h4_bg.gif) no-repeat;
}
#contents #main .txt h3 a {
	color:#fff;
	display:block;
}
#contents #main .txt h3.heigh {
	height:63px;
	background-image: url(../suite3/compact/img/h4_heigh_bg.gif);
	background-repeat: no-repeat;
}


/* h4 */
#contents #main .txt h4 {
	background:#d3fcab;
}

/* TIPメニュー */
.tip-menu {
	border-color:#339900;
}
.tip-menu a {
	background:#ecf9d9;
	color:#006600;
}

/* キャッチコピー */
.catch {
	text-align:center;
}

/* もっと知りたい */

/* Q&A */

#contents #main .txt #qa-list ul{
	list-style:none;
	padding:0;
}
#contents #main .txt #qa-list li {
	margin:0;
	border-bottom:dotted 1px #ccc;
	padding: 7px 7px 7px 33px;
	background:url(../suite3/compact/img/qa_question_icon.gif)  no-repeat 5px 4px;
}
#contents #main .txt #qa h4 {
	margin-top:30px;
	background: #eee url(../suite3/compact/img/qa_question_icon.gif) no-repeat 5px 6px;
	padding: 10px 5px 8px 33px;
}
#contents #main .txt #qa p {
	margin: 0 10px 0.5em 10px;
	line-height:1.6;
}
#contents #main .txt .edition-icon img {
	margin-right:5px;
	vertical-align:middle;
}

/* table */

#contents #main .txt table {
	margin:5px 15px; 
}
#contents #main .txt th {
	background:#CCFF99;
	font-weight:normal;
	text-align:left;
}

#contents #main .txt .tbl-exp {
	margin:0 0 0 20px;
}

/* インターネット見える化サービス */
#contents #main .txt #mieruka-service-catch01,
#contents #main .txt #mieruka-service-catch02,
#contents #main .txt #mieruka-service-catch03 {
	padding-left:110px;
	padding-top:20px;
	min-height:80px;
	_height:80px;
}
#contents #main .txt #mieruka-service-catch01{
	background:#FFFFCC url(../suite3/option/img/asp_1_02.gif) no-repeat 10px center;
}#contents #main .txt #mieruka-service-catch02{
	background:#FFFFCC url(../suite3/option/img/asp_1_03.gif) no-repeat 10px center;
}#contents #main .txt #mieruka-service-catch03{
	background:#FFFFCC url(../suite3/option/img/asp_1_04.gif) no-repeat 10px center;
}


/* 導入事例イントロ */
#contents #main .txt #jirei-intro {
	background:#FFFFCC;
	padding:10px;
	margin-bottom:15px;
}
#contents #main .txt #jirei-intro .jirei-catch {
	font-weight:bold;
}
#contents #main .txt #jirei-intro .name {
	font-size:100%;
}
#contents #main .txt #jirei-intro img {
	margin-bottom:0;
}