@charset "Shift_JIS";
/**************************************
*
*	about page Structure Style Sheet
*	Last Update 2011-01-07
*
**************************************/
#contentArea{
	width:740px;
	margin:0 10px 40px 10px;
}

/*- Page Bottom -------*/
#footArea{
	margin-top:40px;
}

/*- Title -------*/
#contentArea h1.mainTitle{
	font-size:150%;
	line-height:150%;
	border-bottom:4px double #999;
	margin:10px 0;
	padding:0 0 2px 10px;
}

/*- h2 -------*/
#contentArea h2{
	height:25px;
	margin-bottom:20px;
	padding-left:18px;
	line-height:25px;
	color:#fff;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url(https://www.toshibatec.com/tecfiles/css/img/ttl_bg_single_red_full.png);
}
/*-- h4 ------------------*/
#contentArea h3{
	margin-bottom:12px;
	padding-left:6px;
	font-size:112%;
	border-left:5px solid #f12424;
}

/*------------------------------------------------
	Index Box
------------------------------------------------*/
#contentArea div.indexBox{
	overflow:hidden;
}
#contentArea div.indexBox div{
	position:relative;
	float:left;
	background:#fff;
	overflow:hidden;
}
#contentArea div.indexBox div h2{
	margin-bottom:9px;
}
#contentArea div.indexBox div p{
	margin:0 9px 9px 9px;
}
#contentArea div.indexBox div ul li{
	margin:0 5px 1px 9px;
	padding-left:10px;
	background:url(https://www.toshibatec.com/tecfiles/css/img/arrow_gray01.png) no-repeat left 5px;
}
#contentArea div.indexBox div img.bgImg{
	position:absolute;
	right:8px;
	bottom:8px;
}
#contentArea div.indexBox div img.bnrimg{
	margin:7px 0 0 18px;
}


* html #contentArea div.indexBox{
	width:100%;
}
* html #contentArea #mainColomn div.indexBox{
	width:100%;
}
* html #contentArea div.indexBox div ul li{
	width:100%;
}
/*------------------------------------------------
	Index Box > Option
------------------------------------------------*/
/* Single ----*/
#contentArea #mainColomn div.indexBox.single{
	padding:0;
}
#contentArea #mainColomn div.indexBox.single div{
	width:100%;
	height:250px;
	margin:0 0 12px 0;
}

/* Double ----*/
#contentArea #mainColomn div.indexBox.double{
	padding:0;
}
#contentArea #mainColomn div.indexBox.double div{
	width:282px;
	height:180px;
	margin:0 12px 12px 0;
}
#contentArea #mainColomn div.indexBox.double div.hshort{
	width:282px;
	height:115px;
	margin:0 12px 12px 0;
}

/* Triple ----*/
#contentArea div.indexBox.triple{
	padding:0 5px;
	overflow:hidden;
}
* html #contentArea div.indexBox.triple{
	padding-left:0;
}
#contentArea div.indexBox.triple div{
	width:230px;
	height:220px;
	margin:0 5px 15px 5px;
}
/* Triple short ----*/
#contentArea div.indexBox.triple.short h2{
	width:230px;
	
}

#contentArea div.indexBox.triple.short{
	padding:0 5px;
	overflow:hidden;
}
* html #contentArea div.indexBox.triple.short{
	padding-left:0;
}
#contentArea div.indexBox.triple div.short{
	width:230px;
	height:220px;
	margin:0 5px 15px 5px;
}

/* Four ----*/
#contentArea div.indexBox.four{
	padding:0 5px;
	overflow:hidden;
}
* html #contentArea div.indexBox.four{
	padding-left:0;
}
#contentArea div.indexBox.four div{
	width:170px;
	height:220px;
	margin:0 5px 15px 5px;
}