@charset "utf-8";

/* For Tablet CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
	div.p_infos h3.t3 br {
		display:block;
	}
	div.p_infos h2.t2 br {
		display:block;
	}
	div.p_infos h2.t2{
	}
	.products_main_outer h1.productTitle {
	    padding:0;
	    width: 96%;
	}
	img.fl_img,
	img.fr_img {
		width:auto;
	}
}

/* For Mobile Landscape CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
	.table_over_width{
		width:100%;
		overflow:scroll;
	}
}

/* For Mobile Portlate CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
	.img_over_width{
		width:80%;
	}
	.products_main_outer h1.productTitle {
		height:auto;
		padding:0 2%;
	}
}

/*-----------------------------------------------
	.colLayout
-----------------------------------------------*/
.t3 {
    font-size: 140%;
    margin-bottom: 0.5em;
    max-height: 999999px;
}
.ml40 {margin-left: 45px;}
.colLayout div {
	float: left;
}

.colLayout .span2 {
	margin-right: 30px;
	width: 445px;
}

.colLayout .span2.w420 {
	margin-right: 80px;
	width: 420px;
}

.colLayout .span2.w420 .t4 {
	margin-bottom: 15px;
}

.colLayout .span3 {
	margin-right: 25px;
	width: 290px;
}

/*-----------------------------------------------
	.wide_option
-----------------------------------------------*/
.wide_option div {
	width: 460px;
}

.wide_option img {
	display: block;
	float: left;
}

.wide_option p {
	flaot: left;
	padding-left: 10px;
}


/*-----------------------------------------------
	2015.01.22 MDV-L502W/L502サポート タブサイズ
-----------------------------------------------*/
.d_tabs{
	font-size:80% !important;
}

.tabs_line{
	display:inline-block;
	line-height:160%;
	margin-top:10px;

}

/*-----------------------------------------------
	製品詳細
-----------------------------------------------*/
.p_infos.bg_img_grade01,
.p_infos.bg_img_grade03 {
	background: transparent url("/jp/2014renew_y_css/img/bg_01.jpg") repeat-x scroll 0px bottom;
}


/*-----------------------------------------------
	コンテンツリンク部
-----------------------------------------------*/
.p_features{
	margin: 15px 40px 15px;
	padding-bottom: 20px;
}

.p_features li{
	float: left;
	width: 246px;
	height: 57px;
	margin-right: 15px;
	margin-bottom: 10px;
}

.p_features li{
	border-bottom: 1px solid #E0E0E0;
	padding: 0px 2px 3px 42px;
	height: 50px;
	list-style-type: none;
	display: table;
}

.p_features li.no_mg{
	margin-right: 0px;
}

.p_features li.out{
	background: url('img/link_icon_out.png') 21px 28px no-repeat;
}

.p_features li.in{
	background: url('img/link_icon_in.png') 21px 28px no-repeat;
}

.p_features li.on{
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}

.p_features li a{
	width: 250px;
	height: 65px;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5em;
}

.p_features li a:hover{
	text-decoration: none !important;
}

.p_features_info {
	float: right;
}

.p_features_info li {
	width: 149px;
	height: 36px;
	margin: 4px 21px 10px 0px;
	background: transparent url("/jp/2014renew_common/images/icon05.png") no-repeat scroll 0px 12px;
	color: #004473;
	padding-left: 14px;
	list-style-type: none;
	display: table;
}

.p_features_info li a {
	width: 245px;
	height: 36px;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
}
.update a {
    color: #004473;
    text-decoration: none;
    text-align: right;
    padding-left: 170px;
}


a:hover {
    color: #004473;
    text-decoration: underline !important;
}