@charset "utf-8";

/**/
/*ʥӥ*/
/**/
/*ȳ̡ѻ*/
/* ôѻ*/
/* ôѻڡ*/


/*clerafix*/
.clearfix {
    zoom: 1; /* for IE5.5 - IE7 */
}

.clearfix:after {
    content: ".";
    font-size: 0.1em;
    line-height: 0;
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

img{
	margin: 0;
	padding: 0;
	border: 0;
	}


/*-------------------------------------------

--------------------------------------------*/
.txt_right{
	text-align: right;
	}
.txt_center{
	text-align: center;
	}
.dott_line{
	background: url(../img/dott_line.gif) repeat-x;
	height: 1px;
	}
.hyogumi table{
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	}
.hyogumi th{
	text-align: left;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	font-weight: normal;
	background: #EDF3FE;
	padding: 5px 7px;
	margin: 0;
	}
.hyogumi td{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px 7px;
	background: #ffffff;
	}
.j12{
	font-size: 12px;
	text-align: left;
	line-height: 18px;
}

.textLink p.textBannerLink a{
	color: #0066cc;
	text-decoration: underline;
	font-weight: bold;
}
.textLink p.textBannerLink a:hover{
	color:#ff0000;
	text-decoration: underline;
	font-weight: bold;
}
.textLink p.textBannerLink02 a{
	color: #0066cc;
	text-decoration: underline;
}
.textLink p.textBannerLink02 a:hover{
	color:#ff0000;
	text-decoration: underline;
}

/*-------------------------------------------
ʥӥ
--------------------------------------------*/
#navi{
	width: 720px;
	height: auto;
	margin: 0;
	padding: 0;
	}

#navi ul{
	width: 720px;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#navi ul li{
	float: left;
	margin: 0;
	padding: 0;
	}

.navi_txt{
	margin: 0 0 15px 14px;
	}
.navi_txt .naviTxtleft{
	float: left;
	display: inline;
	width: 420px;
	margin-bottom: 15px;
}
.navi_txt .naviTxtright{
	float: right;
	display: inline;
	margin-right: 10px;
}

.ie_box{
	margin: -5px 0 0 0;
	}
	
	
/*-------------------------------------------

--------------------------------------------*/
#hikaku_contents{
	margin: 0;
	padding: 0;
	width: 710px;
	background: url(../../hikaku/img/ya_back01.gif) no-repeat left top;
	position: relative;
	}

#hikaku_contents ul{
	list-style: none;
	margin: 0;
	padding: 0 0 0 51px;
	}
#hikaku_contents ul li{
	float: left;
	display: block;
	margin: 0 9px 5px 0;
	padding: 0;
	width: 77px;
	height: 21px;
	}
	
#hikaku_navi02 ul{
	list-style: none;
	margin: 0;
	padding: 0 0 0 51px;
	}
#hikaku_navi02 ul li{
	float: left;
	display: block;
	margin: 0 9px 0 0;
	padding: 0;
	width: 77px;
	height: 21px;
}

.hikaku_box{
	padding: 0 0 0 25px;
	margin: 0 0 30px;
	}

.hikaku_left{
	float: left;
	width: 283px;
	}

.hikaku_txt{
	margin: 45px 0 0 0;
	}

#hikaku_contents table{
	border-top: 1px solid #B5B5B5;
	border-bottom: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	margin: 10px 0 0 0;
	padding: 0;
	}
#hikaku_contents th{
	border-bottom: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	background: #efefef;
	padding: 5px 7px;
	margin: 0;
	font-size: 12px;
	text-align: center;
	} 
#hikaku_contents td{
	border-left: 1px solid #B5B5B5;
	background: #ffffff;
	padding: 5px 7px;
	margin: 0;
	text-align: center
	} 

.hikaku_btn{
	margin: 10px 0 0 0;
	text-align: right;
	}

/*1990ǯ*/
#nengo{
	position: absolute;
	bottom: 10px;
	left: 0px;
	}

/*-------------------------------------------
ȳ̡ѻ
--------------------------------------------*/
#gyokai_contents{
	width: 710px;
	margin: 0;
	padding: 0;
	background: url(../../gyokaigazo/img/line_inner.gif) repeat-y;
	}

#gyokai_contents ul{
	width: 710px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#gyokai_contents ul li{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	height: 38px;
	}

.g_h2{
	font-size: 14px;
	line-height: 1.8em;
	padding: 0 0 0 11px;
	margin: 0 0 10px 0;
	background: url(../../gyokaigazo/img/gyokai_bar.gif) no-repeat;
	width: 640px;
	height: 24px;
	}

.g_box{
	margin: 0 35px 40px;
	padding: 0;
	width: 640px;
	height: auto;
	}


.g_left{
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 265px;
	height: 195px;
	}

.hikaku_gazo	{
	margin: 0 0 0 16px;
	padding: 0;
	}

.g_txt{
	display: block;
	line-height: 1.5em;
	padding: 0 0 0 295px;
	background: url(../img/lists_yellow.gif) no-repeat 285px 1px;
	font-weight: bold;
	}


.txt a{
	color: #977e35;
	}
.txt a:active{
	color: #977e35;
	}
.txt a:visited{
	color: #977e35;
	}
.txt a:hover{
	color: #C8A746;
	}

a.pdfLink{
	color: #0066cc;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
	padding-left: 14px;
	background: url(../../gyokaigazo/img/im_ya.gif) no-repeat left;
	display: inline-block;
}
a:hover.pdfLink{
	color: #ff0000;
}

/*-------------------------------------------
 ôѻ
--------------------------------------------*/
#kiso_contents{
	width: 710px;
	margin: 0;
	padding: 0;
	}

.kiso_box{
	margin-left:10px;
	}
	
.kiso_box01{
	width: 700px;
	height: auto;
	margin-top:10px;
	clear: both;
	}
	
.kiso_box02{
	background: url(../../kiso/img/kiso_base.gif) no-repeat top;
	width: 710px;
	height: 199px;
	clear: both;
	}

.kiso_box03{
	width: 700px;
	height: auto;
	clear: both;
	}

.kiso_left{
	float: left;
	width: 345px;
	margin-left: 1px;
	}

#kiso_contents ul{
	list-style: none;
	margin: 0 0 0 160px;
	padding: 50px 0 0 0;
	}
	
#kiso_contents ul li{
	background:url(../img/list_squar.gif) no-repeat;
	background-position-y:2px;
	padding: 0 0 0 12px;
	margin: 0 0 3px 0;
	line-height:110%;
	}

.kiso_top_p{
	margin-top: 15px;
	margin-left: 11px;
	margin-bottom: 20px;
	}

#kiso_text{
	float: left;
	width: 355px;
	margin: 0;
	padding: 0;
	}

/*4 μȸ̤򤹤(2)*/
#kiso05{
	width: 345px;
	background-image: none;
	}
#kiso05 a{
	display: block;
	background: url(../../kiso/img/kiso_img05.jpg) no-repeat left;
	width: 345px;
	height: 180px;
	}
#kiso05 a:hover{
	display: block;
	background: url(../../kiso/img/kiso_img05.jpg) no-repeat right;
	width: 345px;
	height: 180px;
	}

#kiso04{
	float:right;
	width: 345px;
	background-image: none;
	}
#kiso04 a{
	display: block;
	background: url(../../kiso/img/kiso_img04.jpg) no-repeat left;
	width: 345px;
	height: 180px;
	}
#kiso04 a:hover{
	display: block;
	background: url(../../kiso/img/kiso_img04.jpg) no-repeat right;
	width: 345px;
	height: 180px;
	}


#kiso03{
	float:left;
	width: 345px;
	background-image: none;
	}
#kiso03 a{
	display: block;
	background: url(../../kiso/img/kiso_img03.jpg) no-repeat left;
	width: 345px;
	height: 180px;
	}
#kiso03 a:hover{
	display: block;
	background: url(../../kiso/img/kiso_img03.jpg) no-repeat right;
	width: 345px;
	height: 180px;
	}


#kiso06{
	float:right;
	width:345px;
	background-image: none;
	}
#kiso06 a{
	display: block;
	background: url(../../kiso/img/kiso_img02.jpg) no-repeat left;
	width: 345px;
	height: 180px;
	}
#kiso06 a:hover{
	display: block;
	background: url(../../kiso/img/kiso_img02.jpg) no-repeat right;
	width: 345px;
	height: 180px;
	}


#kiso01{
	float:left;
	width: 345px;
	background-image: none;
	}
#kiso01 a{
	display: block;
	background: url(../../kiso/img/kiso_img01.jpg) no-repeat left;
	width: 345px;
	height: 180px;
	}
#kiso01 a:hover{
	display: block;
	background: url(../../kiso/img/kiso_img01.jpg) no-repeat right;
	width: 345px;
	height: 180px;
	}

/*-------------------------------------------
 ôѻڡ
--------------------------------------------*/
.page_txt{
	width: 705px;
	text-align: right;
	color: #666666;
	margin: 0 0 10px;
	}
.page_txt a{
	color: #666666;
	}
.k_txt{
	line-height: 1.5em;
	margin: 0 0 5px 24px;
	}
.k_yerrow_list{
	font-size: 14px;
	padding: 0 0 0 12px;
	margin: 0 0 5px 0;
	background: url(../img/list_yellow.gif) no-repeat;
	}
.squar_list{
	background: url(../img/list_squar.gif) no-repeat 0px 4px;
	padding-left: 12px;
	}

.banner_center{
	text-align: center;
	}
.koso_yokoku{
	display: block;
	margin: 20px 0 0 24px;
	text-align: right;
	width: 680px;
	}

.kiso_cbox{
	padding: 0;
	margin: 0 0 60px 24px;
	width: 660px;
	}

.kiso_cleft{
	margin: 0 36px 0 24px;
	padding: 0;
	width: 300px;
	float: left;
	}
.kiso_cright{
	float: right;
	width: 300px;
	}

.kiso_gleft{
	float: left;
	margin: 0 5px 0 0;
	width: 300px;
	height: auto;
	}
.kiso_gleft02{
	float: left;
	width: 300px;
	height: auto;
	}
.kiso_gright{
	float: right;
	width: 320px;
	}
.kiso_gleft03{
	float: left;
	width: 260px;
	height: auto;
	margin-right: 40px;
	}
.kiso_gright03{
	float: right;
	width: 260px;
	}




.gray_box{
	background: #f0f0f0;
	width: auto;
	height: auto;
	padding: 12px 15px;
	margin-top: 10px;
	}
.gray_box02{
	background: #f0f0f0;
	width: 300px;
	padding: 12px 15px;
	margin-top: 10px;
	}
.gray_box03{
	background: #f0f0f0;
	width: 161px;
	height: auto;
	padding: 12px 15px;
	margin-top: 10px;
	}
.gray_box04{
	background: #f0f0f0;
	width: 500px;
	height: auto;
	padding: 12px 15px;
	margin-top: 10px;
	}

.gray_box table{
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	}
.gray_box th{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	font-weight: normal;
	background: #EDF3FE;
	padding: 5px 7px;
	margin: 0;
	}
.gray_box td{
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px 7px;
	background: #ffffff;
	}
.tablekei table{
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	}
.tablekei th{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	font-weight: normal;
	background: #EDF3FE;
	padding: 5px 7px;
	margin: 0;
	}
.tablekei td{
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px 7px;
	background: #ffffff;
	}

/*-------------------------------------------
POPUP
--------------------------------------------*/
#popupBG{
	margin: 0;
	padding: 0;
	background: url(../img/popup/header_bg.gif) repeat-x top;
	}

#popup{
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}
#popup talbe,td{
	margin: 0;
	padding: 0;
	}
#popup h1{
	margin: 0;
	padding: 16px 0 0 25px;
	font-size: 16px;
	background-image: url(../img/popup/h1_bg.gif);
	background-repeat: no-repeat;
	width: 775px;
	height: 32px;
	text-align: left;
	}
.close {
	padding: 20px 0;
	}

/*--------------------------------------------
16bit
---------------------------------------------*/
.b_box{
	width: 650px;
	margin: 0 30px 30px;
	}
	
.b_left{
	float: left;
	width: 370px;
	margin-right: 10px;
	}

.b_right{
	float: right;
	width: 260px;
	}

.b_h2{
	font-size: 18px;
	line-height: 1.9em;
	padding: 0 0 0 18px;
	margin: 0 0 11px 0;
	background: url(../../16bit/img/16bit_bar.gif) no-repeat;
	width: 650px;
	height: 36px;
	}
.j14{
	font-size: 14px;
	}

.btnHdr{
	margin: 15px 0 0 0;
	}

#bottomNavi{
	width: 650px;
	margin: 30px 30px 20px;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}
#bottomNavi p{
	font-size: 14px;
	line-height: 2.3em;
	}
#bottomNavi #red{
	color: #cc0000;
	font-weight: bold;
	}
#bBanner{
	margin-bottom: 30px;
	text-align: center;
	}

/*091218追加*/
div.virtualLink .virtualNormalText{
	font-weight: normal;
}

div.virtualLinkBox{
	margin-top: 15px;
	margin-left: 425px;
}


div.virtualLink p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	font-weight: bold;
}
div.virtualLink p.image {
	padding-right: 5px;
}
div.virtualLink span.virtualList {
	background: url(../img/banner/im_virtual_list.gif) no-repeat right;
	padding-right: 18px;
}

/*for IE6 */
* html .virtualLink p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .virtualLink p {
	display: inline;
	zoom: 1;
}

/*for IE8 */
html>/**/body .virtualLink p {
	display: inline;
	zoom: 1;
}


/*比較用*/
div.virtualLink .left{
	float: left;
	width: 53px;
	margin-right: 5px;
	display: inline;
}
div.virtualLink .left02{
	float: left;
	display: inline;
}
div.virtualLink .right{
	float: right;
	display: inline;
}

#noTable,
#noTable02{
	margin-top: 15px;
}
#noTable table,
#noTable tr,
#noTable td
{
	border: 0;
	text-align: left;
	padding: 0;
	margin: 0;
}
#noTable02 table,
#noTable02 tr,
#noTable02 td
{
	border: 0;
	text-align: left;
	padding: 0;
	margin: 0;
}


/*業界ページ用*/
#gyokai_contents ul li#tabBg{
	background: url(../img/line_top_gyokai.gif) no-repeat;
	width: 322px;
	height: 38px;
}
span#tabBgMg{
	padding-left: 73px;
}

/*16bitページ用*/
#gyokai_contents ul li#tabBg02{
	background: url(../img/line_top_gyokai.gif) no-repeat;
	width: 196px;
	height: 38px;
}
span#tabBgMg02{
	padding-left: 34px;
}

/*基礎ページ*/
div.virtualLinkKisoBox{
	margin-top: 15px;
}