@charset "utf-8";

/**
 * レイアウト
 */

.product #header{
	margin-bottom: 10px;
}

.product #main h2{
	margin-bottom: 20px;
}
.product #main hr{
	width: 620px;
	margin-bottom: 20px;
}

.product #container{
	overflow: hidden;
	position: relative;
}


/**
 * 製品一覧
 */

#productList{
	margin-bottom: 20px;
}
#productList h3{
	margin-bottom: 16px;
	background-image: url(../img/ttb_productList.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 44px;
	width: 624px;
}

.productBlock{
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	width: 620px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

#productList .last{
	border-bottom-style: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.productText{
	float: right;
	width: 400px;
}
.productText h4{
	font-size: 14px;
	margin-bottom: 10px;
}
.productText h4 a{
	color: #454545;
	text-decoration: none;
}
.productText .priceText{
}
.productText .priceText span{
	color: #ee0000;
}
.productImage{
	float: left;
	width: 200px;
}

/*--実装機能をピックアップ--*/
.systemPicup{
	margin-bottom: 10px;
}
.systemPicup ul{
}
.systemPicup li{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0099FF;
	padding: 4px;
	display: inline;
	list-style-type: none;
	margin-right: 2px;
}

/**
 * 動作環境
 */

#productSystem{
	margin-bottom: 20px;
}
#productSystem h3{
	margin-bottom: 16px;
	background-image: url(../img/ttb_system.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 44px;
	width: 624px;
}
#productSystem h4{
	margin-bottom: 20px;
	font-size: 16px;
	color: #0082bf;
}

/**
 * 必要な環境
 */

#requiredSystem{
	width: 620px;
	margin-bottom: 20px;
}
#requiredSystem dl{
}
#requiredSystem dt{
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #0082BF;
	font-size: 12px;
	padding: 5px;
}
#requiredSystem dd{
	line-height: 150%;
}

/**
 * サーバ環境
 */

#serverSystem{
	margin-bottom: 20px;
}
#serverSystem table{
	border: 1px solid #cccccc;
	border-collapse: collapse;
	width: 620px;
}
#serverSystem th{
	border: 1px solid #cccccc;
	background-color: #e8e8e8;
	text-align: left;
	padding: 5px;
	font-weight: normal;
	width: 90px;
}
#serverSystem td{
	border: 1px solid #cccccc;
	padding: 5px;
	line-height: 150%;
}

/**
 * 確認済みレンタルサーバ
 */

#cnfRentalServer{
}
#cnfRentalServer ul{
	margin-left: 20px;
}
#cnfRentalServer li{
	line-height: 150%;
}

/**
 * 対応ブラウザ
 */

#productBrowser{
	margin-bottom: 20px;
}
#productBrowser h3{
	margin-bottom: 16px;
	background-image: url(../img/ttb_browser.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 44px;
	width: 624px;
}

#productBrowser ul{
	margin-left: 20px;
}
#productBrowser li{
	line-height: 150%;
}

/**
 * 開発時の環境
 */

#devSystem h3{
	margin-bottom: 16px;
	background-image: url(../img/ttb_dev_system.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 44px;
	width: 624px;
}
#devSystem table{
	border: 1px solid #cccccc;
	border-collapse: collapse;
	width: 620px;
	margin-bottom: 20px;
}
#devSystem th{
	border: 1px solid #cccccc;
	background-color: #e8e8e8;
	text-align: left;
	padding: 5px;
	font-weight: normal;
	width: 90px;
}
#devSystem td{
	border: 1px solid #cccccc;
	padding: 5px;
	line-height: 150%;
}

/**
 * サンプル
 */
#sideSample{
	margin-bottom: 10px;
}
#sideSample ul{
	overflow: hidden;
	padding: 5px;
	margin: 0 5px;
	background-color: #fff;
}
#sideSample li{
	list-style-type: none;
	text-align: center;
}
#sideSample li img{
	margin-bottom: 5px;
	border: 1px solid #ccc;
}
#sideSample li.admin{
	float: left;
}
#sideSample li.open{
	float: right;
}