@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%;
	}
}

/*-----------------------------------------------
	製品写真部
-----------------------------------------------*/
.box {
	width: 410px;
	height: 200px;
	line-height: 1.4em;
	color: #444;
	margin: 10px;
}
.area {
	float: left;
}
.box {
	float: left;
}
.boxContainer {
	overflow: hidden;
}
/* clearfix */
.boxContainer:before, .boxContainer:after {
	content: "";
	display: table;
}
.boxContainer:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
	zoom: 1;
}
.css_horizon#float .box {
	float: left;
}
.css_horizon .box {
	height: 100px;
	width: 100px;
	margin: 10px;
	padding: 10px;
	border: solid 1px #333;
	background-color: #DDD;
}
.b {
	font-weight: bold;
}
.green {
	background-color: #bdde8d;
	text-align: left;
	padding-left: 5px;
	padding: 5px;
	font-weight: bold;
}

	
.black {color: #000000;}
.gray {
	padding-top: 15px;
	font-size: 14px !important;
    color: #4b4b4b;
    font-weight: bold;
    padding-left: 3px;}
.ml40 {
	margin-left: 40px !important;
}
.t3 {
	font-size: 140%;
	margin-bottom: 0.5em;
	line-height: 1.6em;
	max-height: 999999px;
}
.txt_navy {
	color: #004573;
}
.cf, .products_main_inner p {
	display: block;
}
.wide_option img {
	display: block;
	float: left;
}
.products_main_outer img {
	max-width: 100%;
	height: auto;
}
.mb50 {
	margin-bottom: 50px !important;
}
.wide_option div {
	width: 420px;
}
localhost/media="all" .fl {
 float: left;
}
.fl {
	float: left;
}
.w50 {
	width: 50% !important;
}
.mt20 {
	margin-top: 20px;
}
.pt20 {padding-top: 20px;}
.blue {
	padding-top: 20px;
	font-size: 14px !important;
    color: #003E9F;
    font-weight: bold;
    padding-left: 3px;
    
}
dt span {
	color: #003E9F;
	font-weight: bold;
	padding-left: 3px;
	font-size: 97%;
	}
	

dl.map  {
	font-size: 80%;
	color: #000;
    width: 495px;
    margin-right: 1px;
    padding: 5px 5px 11px;
    float: left;
}
dl.navi  {
	font-size: 80%;
	color: #000;
    width: 342px;
    margin-right: 1px;
    padding: 5px 5px 11px;
    float: left;
}
.ml38 {margin-left: 38px;}

dd.map {  
	float: left;
	padding-right : 5px;
	font-size:70%;
}
 
dt.map img{  
  margin-bottom : 5px;
  display : block;
  width:100%;
}
.mt13 {margin-top: 13px;}
.mt23 {margin-top: 23px;}
.line{
	border-left: 1px solid #000;
    height: 105px;
    padding-left: 38px;
}

.d_tabs {
    font-size: 80% !important;
}
.p_features_drive li {
    width: 350px;
    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;
	text-align: left;
}
.p_features_drive li a {
    width: 340px;
    height: 36px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
}
#feature_icons_tooltip  {display: none;}
.centering {
    float: none;
    width: 100%;
}
.p_photo_desc .p_desc p.description{
	font-size: 16px !important;
	font-weight: bold;
	color: #000;
	line-height: 180%;
	margin-bottom: 24px;
	margin-top: 95px;
}

.p_photo_desc .p_desc p.name{
	font-size: 34px !important;
	font-weight: bold;
	color: #000;
	line-height: 120%;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,verdana,sans-serif;
}

.p_photo_desc .p_desc p.price{
	font-size: 16px !important;
	color: #555;
}

.p_photo_desc .p_desc ul.icons li{
	float: left;
	margin-top: 13px;
	margin-right: 24px;
}

.p_photo_desc .p_icons{
	margin: 65px 40px 0px 36px;
	width: 900px;
}
.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;
}
.d_tabs {
    font-size: 80% !important;
}
.ttl_f       {
	margin-top: 10px;
	margin: 0px 0 0px 0px;
	background-color: #7a2a09;
	width: 300px;
	height: 28px; 
	color: #fff; 
	padding: 0px 30px 4px;
}
.ttl_info {
    margin: 0px;
    height: 28px;
    color: #000;
    padding: 15px 29px 4px;
	font-size: 16px;
}
.back_img  {background: transparent url("../images/bk_kfc_rs.png") repeat-x;}
.hireso {
    float: right;
    width: 80px;
    display: block;
}
.newcolor_black {
    border: 1px solid #000;
    color: #000;
    margin: 0 0 5px 5px;
    padding: 1px 4px;
    font-size: 65%;
    position: relative;
    left: 5px;
    top: -3px;
}
.centering {
    float: none;
    width: 100%;
}
.p_photo_desc{
	margin-top: -25px;
}

.p_photo_desc.nolink{
	padding-top: 50px;
	margin-bottom: 60px;
}

.p_photo_desc .p_photo{
	float: left;
	width: 450px;
	margin: 95px 0 0 40px;
}

.p_photo_desc .p_photo img {
	display: block;
	margin: auto;
}

.p_photo_desc .p_desc{
	float: left;
	width: 390px;
	display: block;
	margin: 0 40px 0 60px;
}

.p_photo_desc .p_desc p.description{
	font-size: 16px !important;
	font-weight: bold;
	color: #000;
	line-height: 180%;
	margin-bottom: 24px;
	margin-top: 95px;
}

.p_photo_desc .p_desc p.name{
	font-size: 34px !important;
	font-weight: bold;
	color: #000;
	line-height: 120%;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,verdana,sans-serif;
}

.p_photo_desc .p_desc p.price{
	font-size: 16px !important;
	color: #555;
}

.p_photo_desc .p_desc ul.icons li{
	float: left;
	margin-top: 13px;
	margin-right: 24px;
}

.p_photo_desc .p_icons{
	margin: 65px 40px 0px 36px;
	width: 900px;
}
.ml250 {
    margin-left: 250px;
}
table td {padding: 5px;}
/*-----------------------------------------------
	コンテンツリンク部
-----------------------------------------------*/
#feature_icons_tooltip {display: none;}
.p_features{
	margin: 15px 40px 75px;
}

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

.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;
}
.fl {
    float: left;
}
.w44 {
    width: 44% !important;
}
/*-----------------------------------------------
	機能紹介
-----------------------------------------------*/
.p_infos{
	padding: 120px 40px !important;
	margin: 0;
}

/* odd、evenはJSで付加 */
.p_infos.odd{
	background-color: #F5F5F5;
}

.p_infos.even{
	background-color: #FFF;
}

/* 特定モデル */
.products_main_outer .p_infos p.model{
	margin-bottom: 12px;
	padding: 5px 12px;
	display: inline-block;
	font-size: 16px !important;
	line-height: 16px;
	color: #FFF;
	background-color: #000;
}

/* リード文(メイン) */
.p_infos h2.main{
	font-size: 41px;
	font-weight: normal;
	color: #000;
	line-height: 120%;
	margin: 0;
}

/* リード文(サブ) */
.p_infos h2.sub{
	font-size: 16px;
	font-weight: normal;
	color: #000;
	line-height: 140%;
	margin: 0;
}

.p_infos div.p_infos_inner{
	width: 101%;
	margin-top: 45px;
	display: table;
	table-layout: fixed;
	vertical-align: middle;
}

.p_infos div.p_infos_inner.separator{
	background-image: url("img/bg_separator.png");
	background-position: 50% 0%;
	background-repeat: repeat-y;
}

.p_infos div.p_infos_inner div.cols{
	display: table-cell;
	vertical-align: middle;
}

html*.p_infos div.p_infos_inner div.cols{
	float: left;
	width: 50%;
}
html*.p_infos div.p_infos_inner div.col_1only{
	width: 100%;
}

.p_infos div.p_infos_inner div.cols div.cols_inner{

}

.p_infos div.p_infos_inner div.cols p{
	color: #000;
}

.p_infos div.p_infos_inner div.cols p:after{
	content: "";
}

.p_infos div.p_infos_inner div.cols p.img_note{
	font-size: 14px !important;
}

/* リンク画像 */
.p_infos div.p_infos_inner div.cols a:hover img{
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}

/* 注意書き */
.p_infos div.p_infos_inner ul.mark_attention li{
	font-size: 12px;
	color: #000;
}

/* featureリスト 2行を2列表示 */
.p_infos div.p_infos_inner ul.feature_list{
	width: 900px;
}

.p_infos div.p_infos_inner ul.feature_list li{
	width: 50%;
	float: left;
	color: #000;
	font-size: 21px;
	line-height: 110%;
	margin-bottom: 50px;
}

.p_infos div.p_infos_inner ul.feature_list li.last{
	margin-bottom: 0;
}

.p_infos div.p_infos_inner ul.feature_list li span{
	font-size: 16px;
}

/* featureリスト 「・」付加 */
.p_infos div.p_infos_inner ul.feature_list2 li{
	width: 450px;
	color: #000;
	font-size: 16px;
	line-height: 150%;
	text-indent: -1.5em;
	padding-left: 1.5em;
}

.p_infos div.p_infos_inner ul.feature_list2 li:before{
	content: "・ ";
}

/* 大きめのアイコン列挙 */
.p_infos div.p_infos_inner ul.product_feature_icons{
	margin-left: 30px;
}

.p_infos div.p_infos_inner ul.product_feature_icons li{
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
}

/* 70px以内のアイコン整列 */
.p_infos div.p_infos_inner ul.product_feature_icons2{
	margin-left: 30px;
	letter-spacing: -.40em;
}

.p_infos div.p_infos_inner ul.product_feature_icons2 li{
	display: inline-block;
	letter-spacing: normal;
	width: 70px;
	height: 61px;
}

html*.p_infos div.p_infos_inner ul.product_feature_icons2 li{
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	width: 61px;
	height: 52px;
}