@charset "utf-8";

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

/* サイドメニュー */
#contents #sidebar .side-menu {
	background:#ffffee;
	border-color:#f8e3a3;
}
#contents #sidebar .side-menu li a{
	background:url(../suite3/img/menu_li_bg.gif) no-repeat 4px 11px;
	color:#333;
	border-bottom-color:#cccccc;
	padding-top:10px;
	padding-bottom:10px;
}
#contents #sidebar .side-menu li a:hover {
	color:#FF6600;
	background-color:#fdefc4;
}

#contents #sidebar .side-menu ul ul {
	margin-bottom:5px;
}
#contents #sidebar .side-menu ul ul li a {
	font-weight:normal;
	border-top:none;
	padding: 5px 0 5px 25px;
	background:url(../suite3/img/menu_sub_li_bg.gif) no-repeat 10px 10px;
	text-decoration:underline;
	color:#444;
}

#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 .side-menu li a#cp {
	padding:5px 10px;
	background:#D0F896;
	margin:1px 5px;
}
#contents #sidebar .side-menu li a#pro {
	padding:5px 10px;
	background:#ACD1FF;
	margin:1px 5px;
}


/* コンテンツ */

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


/* H2 */
#contents #main h2 {
	background:url(../suite3/img/h3_bg.gif) no-repeat;
}
/* H3 */
#contents #main .txt h3 {
	background:url(../suite3/img/h4_bg.gif) no-repeat;
	color:#333;
}

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

/* 診断テスト結果 */
#contents #main .txt #edition-pro {
	padding-left:65px;
	background:url(../suite3/img/edition_pro.gif) no-repeat left top;
}
#contents #main .txt #edition-sh-lan {
	padding-left:65px;
	background:url(../suite3/img/edition_sh_lan.gif) no-repeat left top;
}
#contents #main .txt #edition-sh {
	padding-left:65px;
	background:url(../suite3/img/edition_sh.gif) no-repeat left top;
}
#contents #main .txt #edition-lh {
	padding-left:65px;
	background:url(../suite3/img/edition_lh.gif) no-repeat left top;
}
#contents #main .txt #edition-se {
	padding-left:65px;
	background:url(../suite3/img/edition_se.gif) no-repeat left top;
}
#contents #main .txt #edition-le {
	padding-left:65px;
	background:url(../suite3/img/edition_le.gif) no-repeat left top;
}

/* 在庫スイート3TOP　シリーズ枠 */
#contents #main .txt #series h3 {
	background:none;
	padding:0;
	margin: 20px 0 3px 0;
	height:auto;
}
#contents #main .txt #series p {
	margin: 0 0 0.5em 0;
	line-height:1.3;
}
#contents #main .txt #series #cp-txt {
	background:#d9f0ce;
	padding:10px;
}
#contents #main .txt #series #pro-txt {
	background:#d2e4ff;
	padding:10px 15px 5px 15px;
}

/* 在庫スイート3とは　キャッチコピー ************/

#contents #main .txt #catch {
	background:#FFFFCC;
	margin-bottom:20px;
	padding-bottom:20px;
}

/* 提供する価値 */
#contents #main .txt #catch h3 {
	height:auto;
	padding:0;
	background:none;
	margin:0;
}

/* ここのキャッチコピー枠 */
#contents #main .txt #catch .catch-box {
	background:url(../suite3/img/index_catch_bg.gif) no-repeat center bottom;
}
#contents #main .txt #catch .catch-box h4 {
	height:36px;
	margin:0px;
	padding: 30px 0 0 70px;
}
#contents #main .txt #catch #catch01 h4 {
	background: #fff url(../suite3/img/index_catch_bg01.gif) no-repeat;
}
#contents #main .txt #catch #catch02 h4 {
	background: #fff url(../suite3/img/index_catch_bg02.gif) no-repeat;
}
#contents #main .txt #catch #catch03 h4 {
	background: #fff url(../suite3/img/index_catch_bg03.gif) no-repeat;
}
#contents #main .txt #catch #catch04 h4 {
	background: #fff url(../suite3/img/index_catch_bg04.gif) no-repeat;
}

#contents #main .txt #catch .catch-box .catch-txt {
	padding:0px 40px 10px 40px;
	color:black;
}



#contents #main .txt #catch .catch-box .catch-txt dt {
	font-weight:bold;
	font-size:110%;
	margin-bottom:0.4em;
	background:#eee;
	padding:3px 5px;
	clear:left;
}
#contents #main .txt #catch .catch-box .catch-txt dd {
	margin: 0 10px 1.0em 10px;
	line-height:1.6;
}
#contents #main .txt #catch .catch-box .catch-txt p {
	line-height:1.6;
}



/* エディション比較 ****************************/

/* 製品一覧表 */
#contents #main .txt #series .product-tbl {
	margin-bottom:5px;
	border: 1px #999 solid; 
	border-collapse: collapse; 
}

#contents #main .txt #series .product-tbl th {
	background:#FCF2CB;
	padding:10px 10px;
	border: 1px #999 solid;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
}

#contents #main .txt #series .product-tbl td {
	background:#fff;
	padding:5px 5px;
	vertical-align:top;
	border: 1px #999 solid;
	line-height:1.3;
	font-size:90%;
}
#contents #main .txt #series .product-tbl td h4 {
	background:none;
	padding:0;
	margin: 0 0 5px 0;
}
#contents #main .txt #series .product-tbl td p {
	margin: 0 0 0.3em 0;
}
#contents #main .txt #series .product-tbl table {
	border: none;
	margin:0;
}
#contents #main .txt #series .product-tbl td td {
	padding:0;
	border: none;
}

#contents #main .txt #series .product-tbl td td.price-title {
	font-size:80%;
}


/* 比較表 */
#contents #main .txt table#edition {
	
}

#contents #main .txt table#edition th,
#contents #main .txt table#edition td {
	font-size:12px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
#contents #main .txt table#edition th.head{
	text-align:center;
	vertical-align:middle;
}
#contents #main .txt table#edition td.flg {
	text-align:center;
	vertical-align:middle;
}
#contents #main .txt table#edition th{
	background:#eee;
	vertical-align:middle;
}
#contents #main .txt table#edition th.cp{
	background:#D0F896;
	font-weight:bold;
}
#contents #main .txt table#edition td.cp{
	background:#ECFCD3;
	text-align:center;
	vertical-align:middle;
}
#contents #main .txt table#edition th.pro{
	background:#ACD1FF;
	color:#fff;
	font-weight:bold;
}
#contents #main .txt table#edition td.pro{
	background:#D9EAFF;
	text-align:center;
	vertical-align:middle;
}
#contents #main .txt table#edition td.common{
	background:#E2FEEB;
	text-align:center;
	vertical-align:middle;
}

#contents #main .txt table#edition td.exp{
	text-align:left;
	vertical-align:top;
}

/* 最適エディションチェック  *************************/

#contents #main .txt p#flow {
	margin:0 0 0px 0px;
}
#contents #main .txt #editon-list {
	margin:0 0 0px 10px;
	line-height:0;
}
#contents #main .txt #editon-list img {
	vertical-align:middle;
}
#contents #main .txt #editon-list a {
	margin:0px 4px 0px 0px;
}
#contents #main .txt #series {
	margin-left:10px;
}
#contents #main .txt #series img {
	margin:0px 0px 5px 0px;
}

/* バーコード検品とは */
.barcode-chk {
	font-size:90%;
	background:#eee;
	padding:15px;
	margin-top:10px;
	line-height:1.4;
}
.barcode-chk dt {
	font-weight:bold;
	margin-bottom:0.4em;
}