/* CSS Document */

#Content div.box ul.ProMenu{
	margin: 0;
	padding: 0;
	font-size: 70%;
	list-style: none;
	list-style-position: outside;
	display: inline;
}
#Content div.box ul.ProMenu li{
	margin: 0;
	padding: 0 5px;
	border-left: 1px solid #ccc;
	float: left;
	list-style: none;
	list-style-position: outside;
	display: inline;
}
#Content div.box ul.ProMenu li.start{
	margin: 0;
	padding: 0 5px 0 0;
	border-left: none;
	float: left;
}


#Content div.Probox{
	margin: 10px 20px 10px 0;
	width: 725px;
	padding: 0;
}

#Content div.Probox div.Left{
	margin: 0;
	padding: 0;
	float:left;
	width:505px;
}
#Content div.Probox div.Left h1{
	margin: 0 0 0 20px;
	padding: 5px 0;
	width: 485px;
	border-top: 2px solid #ccc;
	border-bottom: 4px solid #ccc;
}
#Content div.Probox div.Left h2{
	margin: 5px 0 10px 0;
	padding: 0;
	width: 505px;
}
#Content div.Probox div.Left div.proLine{
	margin: 0 5px 0 20px;
	width: 485px;
}
#Content div.Probox div.Left dl{
	padding: 0;
	width: 160px;
	margin: 0;
	float: left;
	font-size: 70%;
}
#Content div.Probox div.Left dt{
	padding: 0;
	width: 160px;
	margin: 0;
	border-bottom: 4px solid #efefef;
}
#Content div.Probox div.Left dd{
	padding: 0;
	width: 155px;
	margin: 5px 5px 0 0;
}


#Content div.Probox div.Right{
	margin: 0;
	padding: 0;
	float:right;
	width:210px;
	background: url(../lib_image/product/topic_bg.gif);
}
#Content div.Probox div.RightA{
	margin: 0;
	padding: 0;
	width: 210px;
	background: url(../lib_image/product/topic_head.gif) no-repeat top;
}
#Content div.Probox div.RightB{
	margin: 0;
	padding: 0;
	width: 210px;
	background: url(../lib_image/product/topic_bottom.gif) no-repeat bottom;
}
#Content div.Probox div.RightB dl{
	margin: 10px !important;
	margin: 10px 5px;
	padding: 0;
	width: 190px;
}
#Content div.Probox div.RightB dt{
	margin: 0 0 5px 0;
	padding: 0;
	width: 190px;
	border-bottom: 1px solid #ccc;
}
#Content div.Probox div.RightB dd{
	margin: 0;
	padding: 0;
	width: 190px;
}


/* 詳細ページ */

#Content div.proBOXa{
	margin: 10px 12px;
	padding: 0;
	width: 720px;
	background-color: #f2f4f3;
}
#Content div.proBOXa div.title{
	margin: 0;
	padding: 0;
	height: 43px;
	width: 720px;
	background-image:  url(../products/new_product/img/h1_bg.jpg);
	background-position: top right;
}
#Content div.proBOXa div.title h1{
	margin: 0;
	padding: 0;
	float: left;
	width: 291px;
}
#Content div.proBOXa div.title .select{
	margin: 0;
	padding: 0;
	float: right;
	width: 429px;
	text-align: right;
}
#Content div.proBOXa div.title .select form{
	margin: 0;
	padding: 10px;
}
#Content div.proBOXa div.title .select option{
	font-size: 80%;
	width: 150px;
}

#Content div.proBOXb{
	margin: 10px;
	padding: 0;
	width: 700px;
}
#Content div.proBOXb div.proLeft{
	float: left;
	margin: 0;
	padding: 0;
	width: 501px;
	border-right: 1px solid #ccc;
}
#Content div.proBOXb div.proLeft h2{
	margin: 10px 0;
	padding: 0;
	width: 480px;
}
#Content div.proBOXb div.proLeft div.Copy{
	margin: 10px 0;
	padding: 0;
	width: 480px;
	font-size: 100%;
	font-weight: bold;
}

#Content div.proBOXb div.proLeft dl{
	float: none;
	margin: 10px 0 20px 0;
	padding: 0;
	border-left: 3px solid #00a567;
	width: 480px;
	line-height: 150%;
	font-size: 80%;
}
#Content div.proBOXb div.proLeft dt{
	float: none;
	margin: 0 10px;
	padding: 0;
	width: 460px;
	color: #00a567;
}
#Content div.proBOXb div.proLeft dd{
	float: none;
	margin: 5px 10px;
	padding: 0;
	width: 460px;
}
#Content div.proBOXb div.proLeft ul{
	float: none;
	list-style-position: outside;
	list-style-image: url(../products/new_product/img/dotted.gif);
	margin: 0 0 0 1em !important;	
	margin: 0 0 0 1.5em;	
	padding: 0;
}

#Content div.proBOXb div.proLeft table.feature{
	margin: 0;
	padding: 0;
	width: 456px !important;
	width: 460px;
	font-size: 100%;
	line-height: 150%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
#Content div.proBOXb div.proLeft table.feature td{
	text-align: left;
	padding: 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#Content div.proBOXb div.proLeft table.Lifeature{
	margin: 0 0 0 10px;
	padding: 0;
	width: 446px;
	font-size: 100%;
	line-height: 150%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
#Content div.proBOXb div.proLeft table.Lifeature td{
	text-align: left;
	padding: 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



#Content div.proBOXb div.proLeft table.spec{
	margin: 0 0 20px 0;
	padding: 0;
	width: 480px;
	font-size: 80%;
}
#Content div.proBOXb div.proLeft table.spec th{
	width: 180px;
	text-align: left;
	background: url(../products/new_product/img/border_dotted.gif) repeat-x bottom;
}
#Content div.proBOXb div.proLeft table.spec td{
	width: 300px;
	text-align: left;
	background: url(../products/new_product/img/border_dotted.gif) repeat-x bottom;
}





/* テーブルを３つに分割するもの　 */

#Content div.proBOXb div.proLeft table.specA{
	margin: 0 0 20px 0;
	padding: 0;
	width: 480px;
	font-size: 80%;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #fff;
}
#Content div.proBOXb div.proLeft table.specA th{
	width: 135px;
	text-align: left;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
#Content div.proBOXb div.proLeft table.specA th.name{
	width: 115px;
	text-align: center;
	background-color: #669966;
	color: #fff;
	font-weight: normal;
	border-left: 1px solid #999;
}
#Content div.proBOXb div.proLeft table.specA td{
	width: 115px;
	text-align: center;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
#Content div.proBOXb div.proLeft table.specA td.LongTD{
	width: 345px;
	text-align: center;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
#Content div.proBOXb div.proLeft table.specA td.LongTDb{
	width: 230px;
	text-align: center;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}



/* テーブルを３つに分割するもの　 */

#Content div.proBOXb div.proLeft table.specB{
	margin: 0 0 20px 0;
	padding: 0;
	width: 480px;
	font-size: 80%;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #fff;
}
#Content div.proBOXb div.proLeft table.specB th{
	width: 120px;
	text-align: left;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
#Content div.proBOXb div.proLeft table.specB th.name{
	width: 180px;
	text-align: center;
	background-color: #669966;
	color: #fff;
	font-weight: normal;
	border-left: 1px solid #999;
}
#Content div.proBOXb div.proLeft table.specB td{
	width: 180px;
	text-align: center;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
#Content div.proBOXb div.proLeft table.specB td.LongTD{
	width: 360px;
	text-align: center;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}




#Content div.proBOXb div.proRight{
	float: right;
	margin: 0;
	padding: 0;
	width: 180px;
}
#Content div.proBOXb div.proRight ul.List{
	margin: 0;
	padding: 0;
	width: 180px;
	list-style: none;
	list-style-position: outside;
	display: inline;
}
#Content div.proBOXb div.proRight ul.List li{
	margin: 0;
	padding: 0;
	width: 180px;
	font-size: 80%;
	list-style: none;
	list-style-position: outside;
	display: inline;
	float: none;
}

#Content div.proBOXb div.proRight div.Download{
	margin: 0;
	padding: 0;
	width: 180px;
	border-left: 3px solid #00a567;
}
#Content div.proBOXb div.proRight div.Download table{
	font-size: 80%;
}

p.txtSmall{
	margin: 10px 0 20px 0;
	font-size: 70%;
	line-height: 150%;
	width: 480px;
}


/* Price List */
#Content div.Probox div.PL{
	margin: 0 0 0 20px;
}

#Content div.Probox div.PL h1{
	margin: 0;
	padding: 5px 0;
	width: 700px;
	border-top: 2px solid #ccc;
	border-bottom: 4px solid #ccc;
}

#Content div.Probox div.PL table{
	margin: 0;
	width: 700px;
	background-color: #666;
	font-size: 75%;
}
#Content div.Probox div.PL th{
	font-weight: bold;
	padding: 2px 0;
	color: #fff;
	background-color:#00a567;
}
#Content div.Probox div.PL th.Pnum{
	width: 120px;
}
#Content div.Probox div.PL th.Price{
	width: 80px;
}
#Content div.Probox div.PL th.Standard{
	width: 300px;
}
#Content div.Probox div.PL th.Input{
	width: 60px;
}
#Content div.Probox div.PL th.Output{
	width: 150px;
}


#Content div.Probox div.PL td{
	padding: 5px;
	color: #333;
	background-color: #fff;
}