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

#contents {
	width:700px;
	margin: 0 auto;
	text-align:left;
}

	/* ページ上部へ戻る */
	#contents .page_up {
		clear:both;
		margin:0 0 5px 0;

	}

	/* ボーダー */
	#contents .hr {
		clear:both;
	}

	/* リスト表示 */
	#contents ul{ margin: 0 0 0 20px; }
	#contents ul li{ list-style:disc; margin: 0; }


/* 製品ヘッダー */

#phead {
	margin:0 0 20px 0;
}

	#phead h1 {
		margin:0 0 20px 0;
	}


/* ----- 製品メニュー ----- */
#pmenu {
	margin-top:8px;
	float:left;
	display:inline;
	width: 500px;
	background:url(../images/pmenu_bg.gif) no-repeat top left;
}

	#pmenu ul {
		margin:0;
	}
	
	#pmenu ul li {
		list-style:none;
		float:left;
	}
	
	#pmenu ul li a {
		display:block;
		overflow: hidden;
		text-indent:-9999px;
		height:33px;
	}
	
	#pmenu ul li a:hover { background-position: 0 -33px; }
	
	#pmenu_fea a{ background:url(../images/pmenu_fea.gif) no-repeat top left; margin-left:35px; margin-right:30px; width:82px;}
	#pmenu_lineup a  { background:url(../images/pmenu_lineup.gif) no-repeat top left; margin-right:30px; width:123px;}
	#pmenu_req a  { background:url(../images/pmenu_req.gif) no-repeat top left; margin-right:30px; width:69px;}
	#pmenu_sup a { background:url(../images/pmenu_sup.gif) no-repeat top left; margin-right:30px; width:61px;}

	#pmenu p {
		clear:both;
		padding:5px 10px;
	}

	#buy_now {
		float:right;
		display:inline;
		width: 190px;
	}


/* 導入部分 */
#intro {
	margin:0 0 30px 0;
}

	#intro h2{
		margin:0 0 5px 0;
	}

	#intro p{
		font-size:110%;
		margin:0 0 5px 0;
	}

#features h3 {
	margin: 20px 0 15px 0;
	padding-bottom: 5px;
}

#features h4 {
	font-size: 14px;
	font-weight: bold;
	margin:0 0 10px 0;
}

#features p {
	margin:0 0 20px 0;
}

#features ul {
	margin:0 0 20px 10px;
}

#features .box_l {
	float: left;
	width: 280px;
}

#features .box_r {
	float: right;
	width: 280px;
}

#features .scr { /*スクリーンショット*/
	text-align: center;
	margin: 15px 0 0 0;
}

#features .scr2 { /*スクリーンショット2*/
	float: left;
	text-align: right;
	margin: 5px 0 0 0;
}

#features table {
	margin:-15px 0 20px 0;
	width:270px;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
}

#features th {
	width:120px;
	padding:5px;
	font-weight:normal;
	vertical-align:middle;
	background-color:#F9F9F3;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;

}

#features td {
	padding:5px;
	text-align: center;
	vertical-align:middle;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}

#features .page_top{
	text-align: right;
	margin: 0 0 -5px 0;
	}

	#features .point h3 {
		font-size:16px;
		color:#FFFFFF;
		font-weight:bold;
		padding:2px 10px 0px 10px;
		margin:0;
		background-color:#E61860;
	}
	
	#features .point .box {
		padding:4px 10px;
		border: 1px #E61860 solid;
		font-weight:bold;
	}

	
#features .box_point_back {/*ここがPOINT背景*/
	width: 580px;
	height: 111px;
	margin: 50px 0 0 0;
	background-image:url(../images/parts/point.jpg);
	background-repeat: no-repeat;
}

#features .box_point_text {/*ここがPOINT-太文字*/
	float: left;
	position: relative;
	width: 260px;
	height: 60px;
	top: 40px;
	left: 20px;
	margin: 0 10px 0 0;
	font-weight: bold;
	line-height: 1.64em;
}

#features .box_point_text .small {/*ここがPOINT-小文字*/
	color: #0A318F;
	font-weight: normal;
}

#features .box_point_text_l {/*ここがPOINT! 3のCSS-太文字*/
	float: left;
	position: relative;
	width: 450px;
	height: 20px;
	top: 20px;
	left: 20px;
	margin: 0 10px 0 0;
	font-weight: bold;
}




#features #bbweb .bbweb_notice {
	background-color: #F5F5F5;
	border:1px #AAAAAA solid;
	padding:7px;
	margin: 10px 0;
}

#features #bbweb .bbweb_notice h5 {
	font-weight:bold;
}

/* 価格・ラインアップ */

#lineup {
	padding:30px 0 0 0;
}

	#lineup h2 {
		margin:5px 0 20px 0;
	}

	#lineup h3 {
		margin:0 0 10px 0;
		font-weight:bold;
		border-bottom:1px #AAAAAA solid;
	}

		#lineup .box_l{
			clear:both;
			float:left;
			display:inline;
			width:340px;
	
		}
	
		#lineup .box_r{
			float:right;
			display:inline;
			width:340px;
		}

		#lineup .pkg{
			float:left;
			display:inline;
			width:90px;
			padding-top:5px;
		}

		#lineup .info{
			float:left;
			display:inline;
			width:250px;
		}

		#lineup .info .price{
			font-size:130%;
			font-family: "Verdana";
			color:#E51C0E;
			font-weight:bold;
		}

		#lineup .info .btn{
			margin:5px 0;
		}

		#lineup .info .com1{
			color:#E51C0E;
			font-weight:bold;
		}

		#lineup .box{
			clear:both;
			background-color:#F5F5F5;
			border: 1px solid #AAAAAA;
			padding: 5px 10px;
			margin: 0 50px 20px 50px;
		}

			#lineup .box h4{
				background:url(../images/notice.gif) no-repeat left center;
				font-weight:bold;
				font-size:110%;
				margin: 0 0 5px 0;
				padding-left:18px;
			}

			#lineup .box h5{
				font-weight:bold;
				margin: 0 0 2px 0;
			}

			#lineup .box ul{
				margin:0 0 10px 30px;
			}





/* ========================================================================================= */
/* ----- 動作環境 ----- */

#require {

	margin:0 0 60px 0;
}

#require h2 {
	margin:0 0 15px 0;
}

#require h3 {
	font-weight: bold;
	margin:0 0 5px 0;
}

#require p {
	margin:0 0 20px 0;
}

#require table {
	margin:0 0 20px 0;
	width:700px;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
}

#require th {
	width:120px;
	padding:5px;
	font-weight:normal;
	vertical-align:middle;
	background-color:#F9F9F3;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;

}

#require td {
	padding:5px;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}

#require ul
 {
	margin:0 0 20px 30px;
}