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

body {
	text-align:center;
}

#container {
	margin: 0 auto;
}


#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;
}

	#back_series { 
		margin:0 0 5px 0;
	}

	#back_series a { 
		display:block;
		overflow: hidden;
		text-indent:-9999px;

		width:125px;
		height:16px;
		background:url(../images/pmenu_back_series.gif) no-repeat top left;
	}

	#back_series a:hover { background-position: 0 -16px; }


	#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 {
	padding:0 0 30px 0;
}

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

	#features #fea01 {
		margin:0 0 30px 0;
	}

	#features #fea01 h3{
	}

	#features #fea01 p{
		font-size:110%;
		margin:0 0 20px 0;
	}


		#features #fea01 h4{
			margin:0 0 5px 0;
		}

		#features #fea01 #genre{
			background:#F5F5F5;
			border:1px #AAAAAA solid;
			padding:5px 10px 7px;
			margin:0 0 20px 0;
		}

		#features #fea01 #genre h4{
			font-weight:bold;
			margin:0;
		}

		#features #fea01 .box_l{
			float:left;
			display:inline;
			width:290px;
			margin:0 0 20px 0;
	
		}

		#features #fea01 .box_l p{
			font-size:100%;
			margin:5px 0 0 0;
		}


		#features #fea01 .box_r{
			float:right;
			display:inline;
			width:386px;
			margin:0 0 20px 0;
		}

		#features #fea01 .box_r p{
			font-size:100%;
			margin:5px 0 0 0;
		}



	#features #fea02 {
		margin:0 0 0 0;
	}

		#fea02 .box_l{
			float:left;
			display:inline;
			width:390px;
			margin:0 0 20px 0;
	
		}
	
		#fea02 .box_r{
			float:right;
			display:inline;
			width:280px;
			margin:0 0 20px 0;
		}

		#fea02 h3{
			margin:0 0 5px 0;
		}

		#fea02 p{
			font-size:110%;
			margin:0 0 20px 0;
		}


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

#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 30px 0;
}

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

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

	#require p {
		margin:0 0 5px 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;
		text-align:center;
		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;
	}


/* 製品フッター */
#pfoot {
	margin:0 0 30px 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;
		font-size:110%;
		margin: 0 0 5px 0;
		padding-left:18px;
	}
	
	#pfoot .notice_tm li{
		margin: 0 0 5px 0;
		font-size:85%;
		*font-size:77%;
		font-family: "Verdana";
	}