/* タイトル
---------------------------------------*/
h1 {
	margin: 0px 0px 10px 0px;
}

/* OS・ゲーム対応表
---------------------------------------*/
#os-area {
	float: left;
	width: 350px;
	margin: 0px 0px 24px 0px;
}

#os-area .area-wrap {
	padding: 7px 7px 7px 7px;
	border-right: 1px solid #B6BECB;
	border-bottom: 1px solid #B6BECB;
	border-left: 1px solid #B6BECB;
}

#os-area dl {
	margin: 0px 0px 20px 0px;
}

#os-area dt {
	font-size: 0.8em;
	line-height: 1.3;
}

#os-area dd {
	position: relative;
	padding: 4px 4.5em 3px 12px;
	border-bottom: 1px solid #CCCCCC;
	background: url(../images/list_arrow.gif) 2px 7px no-repeat;
	font-size: 0.8em;
	line-height: 1.3;
	zoom: 1;
}

#os-area dd .date {
	color: #666666;
	position: absolute;
	top: 6px;
	right: 0px;
}


/* 更新情報
---------------------------------------*/
#update-area {
	float: right;
	width: 360px;
	margin: 0px 0px 11px 0px;
}

#update-area .area-wrap {
	padding: 7px 14px 7px 14px;
	border-right: 1px solid #B6BECB;
	border-bottom: 1px solid #B6BECB;
	border-left: 1px solid #B6BECB;
}

#update-area li {
	position: relative;
	padding: 4px 4.5em 3px 12px;
	border-bottom: 1px solid #CCCCCC;
	background: url(../images/list_arrow.gif) 2px 7px no-repeat;
	font-size: 0.8em;
	line-height: 1.3;
	zoom: 1;
}

#update-area li .date {
	color: #666666;
	position: absolute;
	top: 6px;
	right: 0px;
}

#update-area .backnumber {
	margin: 5px 0px 0px 0px;
	text-align: right;
}


/* 検索システム
---------------------------------------*/
#search-area {
	float: right;
	width: 360px;
	margin: 0px 0px 24px 0px;
}

#search-area .area-wrap {
	padding: 7px 3px 0px 13px;
	border-right: 1px solid #B6BECB;
	border-bottom: 1px solid #B6BECB;
	border-left: 1px solid #B6BECB;
}

#search-area li {
	display: inline;
	float: left;
	width: 160px;
	padding: 0px 10px 8px 0px;
}

#search-area a:link img,
#search-area a:visited img {
	border: 1px solid #A6A6A6;
	vertical-align: bottom;
}

#search-area a:hover img,
#search-area a:active img {
	border: 1px solid #FF0000;
	vertical-align: bottom;
}


/* 製品別対応表
---------------------------------------*/
#cate-area {
	clear: both;
}

#cate-area .area-wrap {
	padding: 7px 7px 0px 7px;
	border-right: 1px solid #B6BECB;
	border-bottom: 1px solid #B6BECB;
	border-left: 1px solid #B6BECB;
}


/* タブメニュー
---------------------------------------*/
#tab {
	padding: 0px 0px 22px 0px;
	background: url(../images/tab_shadow.png) left bottom no-repeat;
}

#tab li {
	float: left;
	overflow: hidden;
}

#tab li a {
	display: block;
	height: 32px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -99999px;
	overflow: hidden;
}

/*通常時ボタン*/
#tab li a.alldisp {width:117px; background-image: url(../images/tab_menu_all.png);}
#tab li a.acc {width:113px; background-image: url(../images/tab_menu_acc.png);}
#tab li a.ink {width:113px; background-image: url(../images/tab_menu_ink.png);}
#tab li a.per {width:113px; background-image: url(../images/tab_menu_peri.png);}
#tab li a.desk {width:113px; background-image: url(../images/tab_menu_desk.png);}
#tab li a.cable {width:151px; background-image: url(../images/tab_menu_cable.png);}

/*オーバー時ボタン*/
#tab li a.alldisp:hover,
#tab li.current a.alldisp {background-image: url(../images/tab_menu_all_ov.png);}
#tab li a.acc:hover,
#tab li.current a.acc {background-image: url(../images/tab_menu_acc_ov.png);}
#tab li a.ink:hover,
#tab li.current a.ink {background-image: url(../images/tab_menu_ink_ov.png);}
#tab li a.per:hover,
#tab li.current a.per {background-image: url(../images/tab_menu_peri_ov.png);}
#tab li a.desk:hover,
#tab li.current a.desk {background-image: url(../images/tab_menu_desk_ov.png);}
#tab li a.cable:hover,
#tab li.current a.cable {background-image: url(../images/tab_menu_cable_ov.png);}


/* 対応表一覧
---------------------------------------*/
#cate-area .cate-block {
	padding: 0px 10px 15px 10px;
}

#cate-area h3 {
	margin: 0px 0px 13px 0px;
}

#cate-area .box-l {
	float: left;
	width: 335px;
}

#cate-area .box-r {
	float: right;
	width: 335px;
}

#cate-area dl {
	margin: 0px 0px 25px 0px;
}

#cate-area dt {
	font-size: 0.8em;
	line-height: 1.3;
}

#cate-area dd {
	position: relative;
	padding: 4px 4.5em 3px 12px;
	border-bottom: 1px solid #CCCCCC;
	background: url(../images/list_arrow.gif) 2px 7px no-repeat;
	font-size: 0.8em;
	line-height: 1.3;
	zoom: 1;
}

#cate-area dd .date {
	color: #666666;
	position: absolute;
	top: 6px;
	right: 0px;
}



/*-------------------------
フロート解除
-------------------------*/
/* for modern browser */
.clfx:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	max-height: 0;
	visibility: hidden;
}
/* IE7,MacIE5 */
.clfx {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clfx {
	height: 1%;
}
.clfx {
	display: block;
}
/**/