@charset "utf-8";
/* CSS Document */

/* added by startia lab 0801 */



/* products */
/* =============================== */

td#chart01{
	width:90px;
	height:820px;
	background-color:#F5F5F5;
	border-right:#CCC dotted 1px;
}
td#chart02{
	width:100px;
	height:820px;
	background-color:#F0F0F0;
	border-right:#CCC dotted 1px;
}
td#chart03{
	width:100px;
	height:820px;	
	background-color:#EBEBEB;
	border-right:#CCC dotted 1px;
}
td#chart04{
	width:100px;
	height:820px;
	background-color:#E6E6E6;
	border-right:#CCC dotted 1px;
}
td#chart05{
	width:100px;
	height:820px;
	background-color:#E0E0E0;
	border-right:#CCC dotted 1px;
}
td#chart06{
	width:100px;
	height:820px;
	background-color:#D9D9D9;
	border-right:#CCC dotted 1px;
}
td#chart07{
	width:100px;
	height:820px;
	background-color:#D1D1D1;
	border-right:#CCC dotted 1px;
}

#simple{
	position:absolute;
	top:4px;
	left:50px;
}
#hi_spec{
	position:absolute;
	top:4px;
	right:10px;
}

/* tooltip */


.how_to td a{
	text-decoration:none;
	color:#333;
	font-weight:bold;
}
.how_to td a:hover{
	text-decoration:underline;
}
pre{
	display:block;
	padding:10px;
	overflow:auto;
}

img{border:none;}

/*  */

#screenshot{
	position:absolute;
	border:1px solid #7A87B1;
	display:none;
	color:#fff;
	}

/*  */

/* RECRUIT */
/* =============================== */

.recruit_box{
	position:relative;
	width:720px;
	height:140px;
	background:url(bg_recruit.gif) no-repeat;
}

.recruit_box .btn01{
	position:absolute;
	top:60px;
	left:210px;
	width:300px;
	height:60px;
}


/* RSS */
/* =============================== */
.news_detail dl {
    width: 720px;
}
.news_detail dl dd {
	display:block;
    color: #999999;
    float: right;
    font-size: 95%;
    overflow: hidden;
    padding-bottom: 10px;
	padding-left:100px;
    width: 620px;
	border-bottom:dotted 1px #CCC;
}
.news_detail dl dt {
    font-weight: bold;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 720px;
	color:#000;
}
.news_detail dl dt a {
	float:right;
    font-weight: normal;
    width: 620px;
	color:#000;
}

* html #over dl dt a {
    margin-top: -15px;
}
* + html #over dl dt a {
    margin-top: -14px;
}

/* SUPPORT */
/* =============================== */

.support_box01,.support_box02{
	width:720px;
	height:110px;
	background:url(bg_support.gif) no-repeat bottom;
}


.repair_box{
	width:720px;
	height:140px;
	background: url(bg_repair.gif) no-repeat;
}



dl.accordion01 dt {
	display:block;
	cursor:pointer;
	position:relative;
	padding-left:40px;
	padding-top:10px;
	height:30px;
	color:#011B6A;
	font-weight:bold;
	background:url(bg_faq.gif) no-repeat bottom;
}

dl.accordion01 dt.opened {
}

dl.accordion01 dd {
	position:relative;
}

.clearFix2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearFix2 { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearFix2 { height: 1%; }
.clearFix2 { display: block; }
/* End hides from IE-mac \*/


/* SUPPORT */
/* =============================== */

/*table*/

table.history{
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

table.history td{
padding:8px;
text-align:left;
}

table.history td.year{
	background-color:#e1e1e1;
	font-weight:bold;
}

table.history td.month{
	border-right:1px solid #CCC;
	text-align:right;
	background-color:#e1e1e1;
}

table.history td.images{
	text-align:center;
	border-right:1px solid #CCC;
}

table.history td table {
border-top:none;
border-left:none;
}

table.history td table td {
padding:5px 0;
border-bottom:none;
border-right:none;
}


/* CONTACT */
/* =============================== */

.contact_box02{
	width:720px;
	height:150px;
	background: url(bg_contact02.gif) no-repeat;
}


/*SITEMAP*/
/* =============================== */

.sitemap {
	margin-left:0px;
}

.sitemap ul{
    padding: 0 0 15px 0;
}

.sitemap li{
    margin-top: 10px;
    padding-bottom: 15px;
    vertical-align: middle;
}
.sitemap li a{
	padding-left:16px;
	background:url(subnav_arr.png) left center no-repeat;
    color: #000000;
	font-weight:bold;
}
.sitemap li a:hover{
    color: #999999;
}


.sitemap li ul li{
    border: medium none;
    padding-bottom: 0;
    vertical-align: middle;
    margin-left: 15px;
}
.sitemap li ul li a{
	padding-left:0;
	background:none;
    color: #000000;
}
.sitemap li ul li a:hover{
    color: #999999;
}


.sitemap li ul li ul li{
    border: medium none;
    padding-bottom: 0;
    vertical-align: middle;
    margin-left: 15px;
}
.sitemap li ul li ul li a{
	padding-left:0;
	background:none;
    color: #000000;
	font-weight:normal;
}
.sitemap li ul li a:hover{
    color: #999999;
}

.sitemap ul ul{
padding:0 0 15px 30px;
}