@charset "utf-8";

/* プロフェッショナルシリーズとは */
p#about {
	background:url(../img/top-image2.gif) no-repeat;
	height:72px;
	width:500px;
	color:#fff;
	padding:45px 200px 0 40px ;
	line-height:1.3;
	font-size:14px;
	margin-bottom:5px;
}
p#about strong {
	font-weight:normal;
}

/* MENU */
ul#menu {
	background:url(../img/menu_bg.gif) no-repeat;
	display:block;
	height:41px;
	padding-left:25px;
	margin-bottom:10px;
}
ul#menu li {
	display:block;
	float:left;
	padding: 6px 0;
}
ul#menu li a {
	display:block;
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	padding:5px 12px;
	border-right:solid 1px #ccc;
	white-space:nowrap;
}
ul#menu li a:hover {
	background:#fff;
}

.box {
	
}

/* メインコンテンツ */
#contents-bg {
	background:#f8f8f3;
	padding:8px;
}


/* メインボックス */


#main {
	float:left;
	width:506px;
}

#main .box {
	background:url(../img/main-box-bg.gif) repeat-y;
}
#main .box .head {
	display:block;
	background:url(../img/main-box-top.gif) no-repeat;
	height:10px;
}
#main .box .foot {
	display:block;
	background:url(../img/main-box-btm.gif) no-repeat;
	height:10px;
}

/* キャッチコピー */
#main #catch {
	margin-bottom:5px;
}
#main #catch.box .inner {
	padding:5px 20px;
}

#main #catch p {
	padding-left:120px;
	margin: 5px 0 0 0;
	line-height:1.5;
	min-height:75px;
	_height:75px;
}
#main #catch p#copytxt01 {
	background:url(../img/illust01.jpg) no-repeat 5px 3px;
	margin-bottom:10px;
}
#main #catch p#copytxt02 {
	background:url(../img/illust02.jpg) no-repeat 5px 3px;
}
#main #catch p#copytxt03 {
	background:url(../img/illust03.jpg) no-repeat 5px 3px;
}
#main #catch p#copytxt04 {
	background:url(../img/illust04.jpg) no-repeat 5px 3px;
}
#main #catch p#copytxt05 {
	background:url(../img/illust05.jpg) no-repeat 5px 3px;
}
#main #catch p#copytxt06 {
	background:url(../img/illust06.jpg) no-repeat 5px 3px;
}

/* 製品一覧表 */

#main #catch #professional p {
	height:auto;
	min-height:0;
	padding:0;
	font-size:90%;
	margin: 0 10px;
	line-height:1.3;
}
#main #catch #professional ul {
	font-size:90%;
	margin: 0.2em 0 0.3em 40px;
}

#main #catch #professional h3 {
	margin:5px 0px 3px 0px;
}

#main #catch #professional .product-tbl {
	margin:5px;
	border: 1px #999 solid; 
	border-collapse: collapse;
	font-size:95%;
}

#main #catch #professional .product-tbl th {
	background:#FCF2CB;
	padding:3px 5px;
	border: 1px #999 solid;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
}

#main #catch #professional .product-tbl td {
	background:#fff;
	padding:3px 5px;
	line-height:1;
	border: 1px #999 solid;
	line-height:1.3;
}
#main #catch #professional .product-tbl td.price {
	text-align:right;
	white-space:nowrap;
	vertical-align:middle;
}
#main #catch #professional .product-tbl td .model-name {
	font-weight:bold;
}
#main #catch #professional .product-tbl .edition-name {
	white-space:nowrap;
	font-weight:bold;
}
#pro-txt-box {
	background:url(../img/pro_box_bottom.gif) no-repeat center bottom;
	padding:10px 10px 10px 10px;
}



/* 業界別活用法 */
#main #type.box .inner {
	padding:5px 13px;
}
#main #type h2 {
	margin-bottom:5px;
}
#main #type li {
	float:left;
	margin-bottom:0.5em;
	list-style:none;
	display:block;
}
#main #type li a {
	padding:5px;
	float:left;
	display:block;
}


/* サイドボックス */
#sub {
	float:right;
	width:217px;
}

#sub .box {
	background:url(../img/sub-box-bg.gif) repeat-y;
}
#sub .box .head {
	display:block;
	background:url(../img/sub-box-top.gif) no-repeat;
	height:10px;
}
#sub .box .foot {
	display:block;
	background:url(../img/sub-box-btm.gif) no-repeat;
	height:10px;
}

/* バナー */

#sub #banner {
	text-align:center;
	margin:5px 0;
}
#sub #banner img {
}
#sub #banner .banner-txt {
	display:block;
	font-size:12px;
	margin-top:2px;
	margin-bottom:5px;
	text-decoration:underline;
}


/* 最新情報 */
#sub #topics.box .inner {
	padding:2px 7px;
}

/* TOPICS 定義リスト */
#sub #topics.box dl {
	margin: 5px 5px ;
	font-size:90%;
	line-height:1.3;
}

/* TOPICS 日付 */
#sub #topics.box dt {
	color:#999;
	font-size:85%;
	font-weight:bold;
	padding:0.5em 5px 0 5px;
}
#sub #topics.box img{
	vertical-align:baseline;
	margin-left:3px;
}
#sub #topics.box dd {
	padding: 0 5px 0.5em 5px ;
	border-bottom:dotted 1px #ccc;
}

#sub #topics.box .hot {
	color:#f00;
	font-weight:bold;
}