@charset "UTF-8";
/*********************************************************************************************/
/* [ 製品別 CSS ]
/*
/* (c)2009 Jungle, Inc. All Rights Reserved.
/*********************************************************************************************/

/* 製品ヘッダー */
#product {

}

	#phead {

	}

	#pmenu {
		width:610px;
		height:33px;
		overflow:hidden;
		background:url(../images/pmenu/btn_bg.gif) no-repeat top left;
	}

		#pmenu li {
			float:left;
		}
	
		#pmenu a {
			display:block;
			overflow: hidden;
			text-indent:-9999px;
		}
	
		#pmenu #features a { background:url(../images/pmenu/btn_features.gif) no-repeat top left; margin:3px 30px 0 60px; width:132px; height:30px;}
		#pmenu #require a { background:url(../images/pmenu/btn_require.gif) no-repeat top left; margin:3px 36px 0 0; width:132px; height:30px;}
		#pmenu #lineup a { background:url(../images/pmenu/btn_lineup.gif) no-repeat top left; margin:3px 0 0 0; width:150px; height:30px;}

		#pmenu #features a:hover { background-position: 0 -30px; }
		#pmenu #require a:hover { background-position: 0 -30px; }
		#pmenu #lineup a:hover { background-position: 0 -30px; }

		#pmenu #features.active a { background-position: 0 -60px; margin-top:0; height:33px;}
		#pmenu #require.active a { background-position: 0 -60px; margin-top:0; height:33px;}
		#pmenu #lineup.active a { background-position: 0 -60px; margin-top:0; height:33px;}

		#pmenu #features.active a:hover { background-position: 0 -60px;}
		#pmenu #require.active a:hover { background-position: 0 -60px;}
		#pmenu #lineup.active a:hover { background-position: 0 -60px;}



/* 製品の特長 */
#featuresBody {
	margin:20px 0;
}

	#featuresBody h2 {
		margin:0 0 10px 0;
		font-weight:bold;
		font-size:140%;
	}

	#featuresBody h3 {
		font-weight:bold;
		font-size:110%;
		margin:0 0 7px 0;
		padding-top: 10px;
	}

	#featuresBody h4 {
		font-weight:bold;
		margin:0 0 3px 0;
	}
	
	#featuresBody h5 {
		font-weight:bold;
		margin:0 0 3px 0;
		color: #dc160b;
	}
	

	#featuresBody p {
		margin:0 0 20px 0;
	}
	
	#featuresBody .scr_box {
		width: 610px;
		overflow: hidden;
		margin:0 0 20px 0;

	}

		#featuresBody .scr {
			float: right;
			width: 260px;
			padding-left: 15px;
			display: inline;
		}
		
	#featuresBody .left_p {
		float: left;
		width: 330px;
		display: inline;
	}

	#featuresBody .left_p h3 {
		margin:0; padding:0;
	}

	#featuresBody .icon {
		float: left;
		padding-bottom: 30px;
		padding-right: 10px;
	}

	#featuresBody .fea_box {
		background-color:#fdebd1;
		margin:0 0 20px 0; padding:0;
	}

		#featuresBody .fea_box h3{
			margin:0 0 5px 0; padding:0;
		}

		#featuresBody .fea_box h4{
			margin:0 0 5px 10px; padding:0;
		}

		#featuresBody .fea_box p{
			margin:0 20px 10px 20px; padding:0;
		}


	#featuresBody .tc_box {
		width: 610px;
		background: #FFFFCC;
		overflow: hidden;
	}
	
		#featuresBody .tc_left {
			width: 265px;
			padding-left: 20px;
			float: left;
			display: inline;
		}
	
		#featuresBody .tc_right {
			width: 265px;
			padding-right: 10px;
			float: right;
			display: inline;
		}
		
		#featuresBody .tc_box h3{
			margin:10px 0 0 0; padding:0;
		}



/* 動作環境 */
#requireBody {
	margin:20px 0;
}

	#requireBody h2 {
		margin:0 0 10px 0;
		font-weight:bold;
		font-size:140%;
	}

	#requireBody h3 {
		font-weight:bold;
		margin:0 0 3px 0;
	}

	#requireBody p {
		margin:0 0 5px 0;
	}
	
	#requireBody table {
		clear:both;
		margin:0 0 20px 0;
		width:610px;
		border-top: 1px solid #AAAAAA;
		border-left: 1px solid #AAAAAA;
	}
	
		#requireBody th {
			width:100px;
			padding:5px;
			font-weight:normal;
			text-align:center;
			vertical-align:middle;
			background-color:#F9F9F3;
			border-bottom: 1px solid #AAAAAA;
			border-right: 1px solid #AAAAAA;
		
		}
		
		#requireBody td {
			padding:5px;
			border-bottom: 1px solid #AAAAAA;
			border-right: 1px solid #AAAAAA;
		}



/* 価格・ラインアップ */
#lineupBody {
	margin:20px 0;
}

	#lineupBody h2 {
		margin:0 0 10px 0;
		font-weight:bold;
	}

	#lineupBody h3 {
		font-weight:bold;
		margin:0 0 15px 0;
	}

	#lineupBody p {
		margin:0 0 5px 0;
	}



	#lineupBody .box{
		width:610px;
		overflow:hidden;
		background: url(../images/lineup/bg_centerline.gif) center top repeat-y;
		margin:0 0 20px 0;
	}
	
		#lineupBody .box .box_l{
			width:305px;
			float:left;
			overflow:hidden;
		}
		
		#lineupBody .box .box_r{
			width:305px;
			float:right;
			overflow:hidden;
		}
			#lineupBody .box .pkg {
				float:left;
				width:100px;
				display:inline;
			}
			
			#lineupBody .box .info {
				float:right;
				width:205px;
				display:inline;
		
			}
		
				#lineupBody .box h4 {
					font-weight:bold;
					line-height:1.3em;
					margin:0 0 8px 0;
				
				}
		
				#lineupBody .box .info .price {
				}
		
				#lineupBody .box .info .price2 {
					color:#E51C0E;
					font-size:105%;
					font-family: "Verdana","ＭＳ Ｐゴシック","Osaka";
					font-weight:bold;
				}
		
				#lineupBody .box .info p {
					line-height:1.3em;
					margin:0 0 10px 0;
				}
		
				#lineupBody .box .buy a {
					display:block;
					overflow: hidden;
					text-indent:-9999px;
					background:url(../../common/images/pmenu/lineup_btn_buy.gif) no-repeat top left;
					width:86px; height:20px;
				}
				
				#lineupBody .box .buy a:hover { background-position: 0 -20px; }
			


/* 製品フッター */
#pfoot {
	margin:0 0 30px 0;
	padding:0;
}

#pfoot .notice{
	background:#F5F5F5;
	border:1px #AAAAAA solid;
	padding:5px;
	margin:0 0 20px 0;
}

	#pfoot .notice h3{
		background:url(../images/notice.gif) no-repeat left center;
		font-weight:bold;
		margin: 0 0 5px 0;
		padding-left:18px;
	}
	

	#pfoot .notice ul,#pfoot .notice_tm ul{
		margin: 0 0 0 20px;
	}

	#pfoot .notice li,#pfoot .notice_tm li{
		list-style:disc;
		margin: 0 0 5px 0;
		font-size:85%;
		*font-size:77%;
		font-family: "Verdana";
	}