/* layout
--------------------------------------------------------------------------------*/

/* ==================== wrp ==================== */
#wrp{
	width: 100%;
	height: 100%;
}

#wrpUpper{
	background-image: url(../images/bg02.gif);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: top;
}

#wrpUpperat{
	background-image: url(../images/bg05.gif);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: top;
}

#wrpUpperhl{
	background-image: url(../images/bg06.gif);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: top;
}

#wrpUnder{
	height: 114px;
	background-image: url(../images/bg07.gif);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	vertical-align: bottom;
}


#wrp2{
	height: 100%;
	background-image: url(../images/bg07.gif);
	background-repeat: repeat-y;
	background-position: center;
}
/* MAC IE hack \*/
#wrp2 > table{
	margin-left: auto;
	margin-right: auto;
}
/* MAC IE hack */



/* ==================== header ==================== */
#header{
	height: 56px;
	background-image: url(../images/header_bg01.gif);
}
#header2{
	width: 800px;
	margin: auto;
}
#headerlogo01{	padding: 28px 0 0 16px;	}
#headerlogo02{ padding: 18px 16px 0 0; text-align: right;	}



/* ==================== contents ==================== */
.contents{
	width: 580px;
	border-left: 1px solid #F3F3F3;
	border-right: 1px solid #F3F3F3;
	color: #FFF;
	background-color:#000;
	padding: 0;
}

.border {
	width: 580px;
	border-left: 1px solid #F3F3F3;
	border-right: 1px solid #F3F3F3;
}



.contents p{
	text-align: left;
}



#rightBg{	background-repeat: no-repeat;	}

#rightNavi{ margin-top: 64px;	}

#rightNavi td{
 padding-bottom:1px;
}

#rightNavi a{
	height: 22px;
	text-indent: -9999px;
	display: block;
	text-decoration: none;
}

#rightNavi a.rnavi01 {
	background-image: url(../images/rightnavi01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#rightNavi a.rnavi01:hover {
	background-position: 0px -22px;
}

#rightNavi a.rnavi02 {
	background-image: url(../images/rightnavi02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#rightNavi a.rnavi02:hover {
	background-position: 0px -22px;
}

#rightNavi a.rnavi03 {
	background-image: url(../images/rightnavi03.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#rightNavi a.rnavi03:hover {
	background-position: 0px -22px;
}

#rightNavi a.rnavi04 {
	background-image: url(../images/rightnavi04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#rightNavi a.rnavi04:hover {
	background-position: 0px -22px;
}

#rightNavi a.rnavi05 {
	background-image: url(../images/rightnavi05.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#rightNavi a.rnavi05:hover {
	background-position: 0px -22px;
}

#rightNavi a.rnavi06 {
	background-image: url(../images/rightnavi06.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#rightNavi a.rnavi06:hover {
	background-position: 0px -22px;
}

#rightNavi a.rnavi07 {
	background-image: url(../images/rightnavi07.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#rightNavi a.rnavi07:hover {
	background-position: 0px -22px;
}

#rightNavi a.rnavi08 {
	background-image: url(../images/rightnavi08.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#rightNavi a.rnavi08:hover {
	background-position: 0px -22px;
}

#rightNavi a.rnavi09 {
	background-image: url(../images/rightnavi09.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#rightNavi a.rnavi09:hover {
	background-position: 0px -22px;
}

.pagetop{ margin-top: 50px;	}
.pagetop a{
	height: 21px;
	background-image: url(../images/bt_top.gif);
	text-indent: -9999px;
	display: block;
	text-decoration: none;
}
.pagetop a:hover{ background-image: url(../images/bt_top_ov.gif);	}

.pagetop2{
	 width: 544px;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: right;
}

#rightNavi a{
	height: 22px;
	text-indent: -9999px;
}

#imp a {
	width: 173px;
	height: 60px;
	margin: 20px 0px;
	text-indent: -9999px;
	display: block;
	text-decoration: none;
}

#imp a.q7imp {
	background-image: url(../images/q7imp.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#imp a.q7imp:hover {
	background-position: 0px -60px;
}

#imp2 a {
	width: 173px;
	height: 60px;
	text-indent: -9999px;
	display: block;
	text-decoration: none;
}

#imp2 a.q7imp2 {
	background-image: url(../images/q7imp.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

#imp2 a.q7imp2:hover {
	background-position: 0px -60px;
}

/* ==================== footer ==================== */
#footer{
	width: 768px;
	margin: auto;
	padding-bottom: 15px;
	text-align: left;
}

#footerNavi td{	padding-right: 10px;	}

#footerLogo{
	margin-top: 20px;
	text-align: right;
}

#footnaviLayer01{
	margin-top: -1px;
	visibility: hidden;
	position:absolute;
	z-index:1;
}

#footnaviLayer02{
	margin-top: -1px;
	margin-left: 247px;
	visibility: hidden;
	position:absolute;
	z-index:1;
}



/* ==================== news ==================== */
#news{
	margin: 10px 0px;
	padding: 0;
}

.banner1{
	width: 764px;
	text-align: left;
	border-style: none;
	margin: auto;
}


/* concept
--------------------------------------------------------------------------------*/
.conceptBox01{
	width: 524px;
	margin-bottom: 16px;
}
.conceptBox01 h3{
	margin-bottom: 7px;
	text-align: left;
}
.conceptBox01 span{
	text-align: right;
	display: block;
}




/* AT MT
--------------------------------------------------------------------------------*/
.atBox01{
	margin: 0px 0px 32px 30px;
	
}

#atmain {
	margin: 0px 0px 32px 0px;
	padding: 0;
}

#atmain2 {
	width: 748px;
	text-align: left;
	border-style: none;
	margin: auto;
}



/* HL HP
--------------------------------------------------------------------------------*/
#hlmain {
	height: 200px;
	margin: 0px 0px 25px 0px;
	padding: 0;
}

#hlmain2 {
	width: 768px;
	text-align: left;
	border-style: none;
	margin: auto;
}



/* HL HP
--------------------------------------------------------------------------------*/
#hpmain {
	height: 210px;
	margin: 0px 0px 15px 0px;
	padding: 0;
}

#hpmain2 {
	width: 768px;
	text-align: left;
	border-style: none;
	margin: auto;
}



/* sitemap
--------------------------------------------------------------------------------*/
.sitemapBox01{
	width: 546px;
	text-align: left;
}

.sitemapBox01 td{
	vertical-align: top;
}

.sitemapBox01 a{
	width: 173px;
	height: 22px;
	text-indent: -9999px;
	display: block;
	text-decoration: none;
}

.sitemapBox01 td.under a{
	margin-bottom: 4px;
}

.sitemapBox01 a.naviIndex {
	background-image: url(../sitemap/images/navi_index.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviIndex:hover {
	background-position: 0px -22px;
}
.sitemapBox01 a.naviConcept {
	background-image:	url(../sitemap/images/navi_concept.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviConcept:hover {
	background-position: 0px -22px;
}
.sitemapBox01 a.naviBrand {
	background-image:	url(../sitemap/images/navi_brand.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviBrand:hover {
	background-position: 0px -22px;
}
.sitemapBox01 a.naviList {
	background-image:	url(../sitemap/images/navi_list.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviList:hover{
	background-position: 0px -22px;
}
.sitemapBox01 a.naviImp{ background-image:	url(../sitemap/images/navi_imp.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviImp:hover{
	background-position: 0px -22px;
}

.sitemapBox01 a.naviHp{
	width: 88px;
	height: 19px;
	background-image: url(../sitemap/images/navi_hp.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviHp:hover{
	background-position: 0px -19px;
}
.sitemapBox01 a.naviHpSpTech{
	background-image:	url(../sitemap/images/navi_hpsptech.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviHpSpTech:hover{
	background-position: 0px -22px;
}
.sitemapBox01 a.naviHpSpSize{
	background-image: url(../sitemap/images/navi_hpspsize.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviHpSpSize:hover{
	background-position: 0px -22px;
}
.sitemapBox01 a.naviHp680Tech{
	background-image:	url(../sitemap/images/navi_hp680tech.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviHp680Tech:hover{
	background-position: 0px -22px;
}
.sitemapBox01 a.naviHp680Size{
	background-image: url(../sitemap/images/navi_hp680size.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviHp680Size:hover{
	background-position: 0px -22px;
}

.sitemapBox01 a.naviHl{
	width: 88px;
	height: 19px;
	background-image: url(../sitemap/images/navi_hl.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviHl:hover{
	background-position: 0px -19px;
}
.sitemapBox01 a.naviHlAlenTech{
	background-image: url(../sitemap/images/navi_hlalentech.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviHlAlenTech:hover{
	background-position: 0px -22px;
}
.sitemapBox01 a.naviHlAlenSize{
	background-image: url(../sitemap/images/navi_hlalensize.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviHlAlenSize:hover{
	background-position: 0px -22px;
}
.sitemapBox01 a.naviHl683Tech{
	background-image: url(../sitemap/images/navi_hl683tech.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviHl683Tech:hover{
	background-position: 0px -22px;
}
.sitemapBox01 a.naviHl683Size{
	background-image: url(../sitemap/images/navi_hl683size.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviHl683Size:hover{
	background-position: 0px -22px;
}

.sitemapBox01 a.naviAt{
	width: 95px;
	height: 19px;
	background-image: url(../sitemap/images/navi_at.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviAt:hover{
	background-position: 0px -19px;
}
.sitemapBox01 a.naviAt694Tech{
	background-image: url(../sitemap/images/navi_at694tech.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviAt694Tech:hover{
	background-position: 0px -22px;
}
.sitemapBox01 a.naviAt694Size{
	background-image: url(../sitemap/images/navi_at694size.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviAt694Size:hover{
	background-position: 0px -22px;
}

.sitemapBox01 a.naviMt{
	width: 95px;
	height: 19px;
	background-image: url(../sitemap/images/navi_mt.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviMt:hover{
	background-position: 0px -19px;
}
.sitemapBox01 a.naviMt673Tech{
	background-image:	url(../sitemap/images/navi_mt673tech.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviMt673Tech:hover{
	background-position: 0px -22px;
}
.sitemapBox01 a.naviMt673Size{
	background-image: url(../sitemap/images/navi_mt673size.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviMt673Size:hover{
	background-position: 0px -22px;
}

.sitemapBox01 a.naviSeries{
	background-image: url(../sitemap/images/navi_series.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviSeries:hover{
	background-position: 0px -22px;
}
.sitemapBox01 a.naviComment{
	background-image: url(../sitemap/images/navi_comment.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.sitemapBox01 a.naviComment:hover{
	background-position: 0px -22px;
}


/* common
--------------------------------------------------------------------------------*/
/* ==================== link ==================== */

.indexNaviBox {
	height: 36px;
	margin: 0;
	padding: 0;
	border-style: none;
}

.indexNaviBox a{
	height: 36px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

a.indexNavi01 {
	width: 97px;
	background-image: url(../images/index_navi01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a.indexNavi01:hover {
	background-position: 0px -36px;
}

a.indexNavi02 {
	width: 96px;
	background-image: url(../images/index_navi02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a.indexNavi02:hover {
	background-position: 0px -36px;
}

a.indexNavi03 {
	width: 96px;
	background-image: url(../images/index_navi03.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a.indexNavi03:hover {
	background-position: 0px -36px;
}

a.indexNavi04 {
	width: 95px;
	background-image: url(../images/index_navi04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a.indexNavi04:hover {
	background-position: 0px -36px;
}

a.indexNavi05 {
	width: 95px;
	background-image: url(../images/index_navi05.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a.indexNavi05:hover {
	background-position: 0px -36px;
}

a.indexNavi06 {
	width: 95px;
	background-image: url(../images/index_navi06.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a.indexNavi06:hover {
	background-position: 0px -36px;
}

a.indexNavi07 {
	width: 95px;
	background-image: url(../images/index_navi07.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a.indexNavi07:hover {
	background-position: 0px -36px;
}

a.indexNavi08 {
	width: 97px;
	background-image: url(../images/index_navi08.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a.indexNavi08:hover {
	background-position: 0px -36px;
}


a.bttechnology{
	width: 111px;
	height:22px;
	font-size: 9px;
	text-indent: -9999px;
	background-image:	url(../images/bt_technology.gif);
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.bttechnology:hover{
	background-position: 0px -22px;
}

a.btsize{
	width: 111px;
	height:22px;
	font-size: 9px;
	text-indent: -9999px;	
	background-image:	url(../images/bt_size.gif);
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.btsize:hover{
	background-position: 0px -22px;
}


/* ==================== box ==================== */
.box525{ width: 525px;}
.box544{ width: 544px;}



.boxComment{	width: 525px;	}


.boxUline{
	border-bottom: 1px solid #F3F3F3;
	padding-bottom: 3px;
}


.topFlash{
	width: 798px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	border-bottom: 1px solid #9F9D9D;
}


/* ==================== table matsumoto ==================== */

.list_box {
	width: 532px;
	margin-bottom: 10px;
	background-color: #000;
}

.list_table {
	width: 100%;
	font-weight: normal;
}

.list_table th {
	font-weight: normal;
	text-align: center;
	background-color: #CCC;
	vertical-align: middle;
	padding: 5px;
	padding: 6px 5px 2px 5px;
}

.list_table .tight {
	font-weight: normal;
	text-align: center;
	background-color: #CCC;
	vertical-align: middle;
	padding: 1px;
}


.list_table .left {
	text-align: left;
	vertical-align: middle;
}

.list_table .left_tight {
	text-align: left;
	vertical-align: middle;
	padding: 4px;
}


.list_table .white_box {
	text-align: left;
	padding: 5px;
	background-color: #FFF;
}



.list_table td {
	font-weight: normal;
	text-align: left; 
	background-color: #FFF;
	vertical-align: text-middle;
	padding: 6px 5px 2px 5px;
}


.list_table .up {
	font-weight: normal;
	text-align: left; 
	background-color: #FFF;
	vertical-align: text-top;
	padding: 6px 5px 2px 5px;
}

.list_table .th_up {
	vertical-align: text-top;
}


.list_table .dark {
	background-color: #E6E6E6;
}

.list_table .head {
	font-weight: normal;
	text-align: center; 
	background-color: #F3F3F3;
	vertical-align: text-top;
	padding: 4px 2px 0px 2px;
}

.list_table .center {
		text-align: center;
}

.list_table .right {
		text-align: right;
}


.list_table .dark_right {
	background-color: #E6E6E6;
	text-align: right;
}


.list_table .dark_space {
	background-color: #E6E6E6;
	padding-left: 10px;
}

.list_table .space {
	background-color: #E6E6E6;
	padding-left: 10px;
}


.list_table .picture {
	width: 6px;
}




.list_table .dark_center {
	background-color: #E6E6E6;
	text-align: center;
}



.performanceCap{
	width: 530px;
	margin-bottom: 10px;
	font-weight: normal;
	text-align: left;
}

.performanceCap_text{
	width: 532px;
	margin-bottom: 10px;
	font-weight: normal;
	text-align: left;
}


.performance{
	margin-bottom: 13px;
	border-left: 1px solid #000;
	background-color: #FFF;
}

.performance th {
	padding: 0 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	background-color: #CCC;
}

.performance th div{
	border-bottom: 1px solid #000;
}

.white_text {
	color: #FFF;
	
}

.performance th div.thdiv2{
	padding-top: 0.5em;
	padding-bottom: 0.8em;
	_padding-bottom: 0.9em;
}
.performance th div.thdiv3{
	padding-top: 0.5em;
	padding-bottom: 0.8em;
	_padding-bottom: 0.9em;
	padding-left: 5px;
	text-align: left;
}
.performance th div.thdiv2c{
	padding-top: 5px;
	padding-bottom: 5px;
	_padding-bottom: 5px;
	border-bottom: 0;
}
.performance th div.thdiv3c{
	padding-top: 5px;
	padding-bottom: 5px;
	_padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	border-bottom: 0;
}
.performance th div.thdiv3d{
	padding-top: 5px;
	padding-bottom: 5px;
	_padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
}
.performance th div.thdiv4{
	border-bottom: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	_padding-bottom: 2px;
}
.performance th div.thdiv5{
	padding-top: 2px;
	padding-bottom: 2px;
	_padding-bottom: 2px;
}

.performance th div.thdiv2b{
	vertical-align: middle;
	padding-top: 1.1em;
	padding-bottom: 1.2em;
	_padding-bottom: 1.3em;
}
.performance th div.thdiv3b{
	vertical-align: middle;
	padding-top: 1.1em;
	padding-bottom: 1.2em;
	_padding-bottom: 1.3em;
	padding-left: 5px;
	text-align: left;
}



.grey {
	background-color: #E6E6E6;
}


p.m_top0 {
	margin-top: 0;
	padding-top: 0;
}

.performance td {
	padding: 0 2px;
	border-right: 1px solid #000;
	font-weight: normal;
	text-align: center;
}

.performance td div{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	word-spacing: 0.8ex;
}
.performance td div.tddiv2{
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.performance td div.tddiv3{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 0;
}
.performance td div.tddiv4{
	padding-right: 4px;
	text-align: right;
}

.performance td div.tddiv5{
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: 0;
}


.performance .tddiv6{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	background-color: #F3F3F3;
	vertical-align: middle;
}


.performance td div.tddiv2c{
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #000;
	text-align: left;
}
.performance td div.tddiv2d{
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #000;
}
.performance td div.tddiv5c{
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-top: 1px solid #000;
	border-bottom: 0;
}
.performance td div.tddiv5d{
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #000;
	border-bottom: 0;
}





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

.maru {
	color: #FFCC66;
}