@charset "utf-8";

/*全体のレイアウト*/
div#container div#mainArea {
	float:left;
	width: 720px;
	margin: 0;
}
div#container div#mainArea div#stage {
	float:left;
	width: 600px;
	padding: 0;
	margin-top:17px;
	padding-bottom:20px;
}
div#container div#mainArea div#tableArea {
	margin-top:25px;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 30px;
	}
div#container div#mainArea div#newsArea {
	margin-top:25px;
	margin-left: 15px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 30px;
	}

/*パンくずエリア用*/
div.pankuzuNavi{
	text-decoration: none;
	color: #333333;
	font-size: x-small;
	margin-left: 10px;
	padding-top: 5px;
	margin-top: 0px;

	}
div.pankuzuNavi a {
	color: #333333;
	}
	div.pankuzuNavi a:visited {
	color: #999999;
	text-decoration: none;
	}

/*テーブル*/
/*テーブル　パターン１　下に余白がない*/
table.product_table1 {
	margin-left:0px;
	margin-bottom:20px;
	font-size:80%;
	border-collapse:collapse;
	}
table.product_table1 th {
	background-color:#3264D2;
	color:#FFFFFF;
	font-weight:bold;
	font-size:90%;
	}
table.product_table1 tr.table_title {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
	}
table.product_table1 td {
	text-align:center;
	}
table.product_table1 td.left {
	text-align:left;
	}
/*テーブル　パターン2　下に20pxの余白*/
table.product_table2 {
	margin-left:0px;
	margin-bottom:0px;
	font-size:80%;
	border-collapse:collapse;
	}
table.product_table2 th {
	background-color:#3264D2;
	color:#FFFFFF;
	font-weight:bold;
	}
table.product_table2 tr.table_title {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
	}
table.product_table2 td {
	text-align:center;
	}
/*テーブル　パターン３*/
table.about th{
	padding-bottom: 5px;
	border-bottom: solid #cccccc 1px;
	padding-top: 5px;
	font-size: 90%;
	}
table.about td{
	padding-bottom: 5px;
	border-bottom: solid #cccccc 1px;
	padding-top: 5px;
	font-size: 90%;
	}
table.about {
	margin-left:15px;
	margin-right: 20px;
	}
/*テーブル　パターン４*/
table.news th{
	padding-bottom: 5px;
	border-bottom: solid #cccccc 1px;
	padding-top: 5px;
	font-size: 75%;
	}
table.news td{
	padding-bottom: 5px;
	border-bottom: solid #cccccc 1px;
	padding-top: 5px;
	font-size: 75%;
	padding-left: 10px;
	}
table.news {
	margin-right: 20px;
	margin-top: 30px;
	}

/*見出し部分（特殊なレイアウトのページは専用のスタイルシートに記述）*/
h1 {
	height:28px;
	margin:25px 11px 20px 15px;
	background-image:url(../img-parts/title_back2.jpg);
	font-size:medium;
	background-repeat: no-repeat;
	padding-top: 6px;
	color:#333333;
	padding-left: 15px;
	}
h2 {
	border-bottom:solid 1px #CCCCCC;
	font-size: 100%;
	margin-top: 1px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-left: solid 10px #3264D2;
	padding-left: 10px;
	}
h3 {
	border-left: solid #999999 10px;
	padding-left: 10px;
	font-size: 90%;
	border-bottom: solid #cccccc 1px;
	margin-right: 20px;
}
h4 {
	border-left: solid #999999 10px;
	padding-left: 10px;
	font-size: 90%;
	margin-right: 30px;
}

/*注意書きの為、上の要素の余白に応じて使い分けてください*/
p.caption {
	font-size: 70%;
	margin-top: -15px;
	margin-bottom: 20px;
	}
p.caption2 {
	font-size: 70%;
	margin-bottom: 20px;
	}
span.caution {
	font-size:70%;
	color: #FF0000;
	}

/*普通の段落のための設定*/
p {
	font-size:90%;
	}

/*左に余白を取る為、例えばCPUの製品名の横にソケットの記述するときなどに使います。*/
span.margin {
	padding-left:15px;
	}
/*underconstruction用段落のセンタリング*/
p.txtcenter {
	font-weight: bold;
	text-align: center;
	margin-top: 100px;
	line-height: 180%;
	clear: both;
}

/*余白を取る*/
hr.break {
	border:15px solid transparent;
	}