@charset "shift_jis";

/* **************************************************

Name: hatena.css

Description: /jp/css/products/device/hatena/

Create: 2014.11.26

***************************************************** */

/* ---------------------
		flash
	--------------------- */
	
body #flashbox {
	display: block;
	margin: 0 auto;
}


/* ---------------------
		contents
	--------------------- */
	
.menuBox01 {
	width: 740px;
	margin: 0 -20px 10px 0;
}
.menuBox01 .col {
	float: left;
	width: 350px;
	margin-right: 20px;
}
.menuBox01 .col .titleBox .title {
	margin: 0;
	padding: 0 22px 0 15px;
	color: #ffffff;
	text-decoration: none;
	background-color:  #e60027;
}
.menuBox01 .col .titleBox a .title {
	background: url(/image/jp/products/device/semiconductor/hatena_ic01.gif) no-repeat 330px 50% #e60027;
}
.menuBox01 .col .titleBox a:link {
	text-decoration: none;
}
.menuBox01 .col .titleBox a:hover .title {
	text-decoration: none;
	background: url(/image/jp/products/device/semiconductor/hatena_ic01.gif) no-repeat 332px 50% #b1000e;
}
.menuBox01 .col .titleBox a:visited .title {
	text-decoration: none;
}
.menuBox01 .col .titleBox .title span {
	display: table-cell;
	height: 3em;
	vertical-align: middle;
}
.menuBox01 .col .titleBox .img {
	margin-top: 10px;
	text-align: center;
}
.menuBox01.threeCol {
	width: 735px;
	margin: 0 -15px 10px 0;
	font-size: 90%;
}
.menuBox01.threeCol .col {
	float: left;
	width: 230px;
	margin-right: 15px;
}
.menuBox01.threeCol .col .titleBox a .title {
	background: url(/image/jp/products/device/semiconductor/hatena_ic01.gif) no-repeat 210px 50% #e60027;
}
.menuBox01.threeCol .col .titleBox a:hover .title {
	text-decoration: none;
	background: url(/image/jp/products/device/semiconductor/hatena_ic01.gif) no-repeat 212px 50% #b1000e;
}
.menuBox01 .col .titleBox + * {
	margin-top: 10px !important;
}



/* ---------------------
		extra
	--------------------- */
	
/* clearfix */
.menuBox01:after {
	content: "";
	display: block;
	clear: both;
}
.menuBox01 {
	zoom: 1;
}