@charset "utf-8";

/*=====================================================================================
	
	Document    : style.css
	Description : PC用（幅900px以上）
 
=====================================================================================*/

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

   ページナビ

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

#aircon .pnav {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	background:url(../../upload/images/aircon/01-bg-pc.png) no-repeat left top;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

#aircon .pnav ul {
	margin:0 3.18181%;
	padding-bottom:3.18181%;
	list-style:none;
}

#aircon .pnav li {
	width:50%;
	float:left;
	text-align:center;
}


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

   CM、灯油小売価格

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

#aircon .block02 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
}

@media screen and (max-width:1120px) {
	#aircon .block02 {
		margin-left:2.7%;
		margin-right:2.7%;
	}
}

#aircon .block02-01 {
	text-align:left;
	padding-bottom:3%;
}

#aircon .block02-01 .cm {
	width:45.45454%;
	float:left;
}

#aircon .block02-01 p {
	width:49.0909%;
	float:right;
}

#aircon .block02-01 p span.blk {
	display:block;
	margin-left:-7%;
	margin-top:-2%;
	margin-bottom:4%;
}

@media screen and (max-width:900px) {
	#aircon .block02-01 .cm {
		text-align:center;
	}
	
	#aircon .block02-01 .cm,
	#aircon .block02-01 p {
		width:inherit;
		float:none;
	}

	#aircon .block02-01 p span.blk {
		text-align:center;
		margin-left:0;
		margin-top:-3%;
	}
}


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

   どんなところが「寒冷地仕様」なの？

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

#aircon .block03 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
}

@media screen and (max-width:1120px) {
	#aircon .block03 {
		margin-left:2.7%;
		margin-right:2.7%;
	}
}


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

   パナソニック

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

#aircon .block04,
#aircon .block05 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
}

@media screen and (max-width:1120px) {
	#aircon .block04,
	#aircon .block05 {
		margin-left:2.7%;
		margin-right:2.7%;
	}
}


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

   パナソニック　ラインナップ

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

#aircon .block06 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
	padding-bottom:25px;
	background:url(../../upload/images/aircon/06-bg.png) repeat-y left top;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

@media screen and (max-width:1120px) {
	#aircon .block06 {
		padding-bottom:2.27272%;
	}
}

#aircon .block06 h4,
#aircon .block06 ul {
	list-style:none;
	padding-left:2.27272%;
	padding-right:2.27272%;
}

#aircon .block06 li {
	padding-top:2%;
}


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

   三菱

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

#aircon .block07 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
}

@media screen and (max-width:1120px) {
	#aircon .block07 {
		margin-left:2.7%;
		margin-right:2.7%;
	}
}


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

   三菱　お客様の声

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

#aircon .block08 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
	background:url(../../upload/images/aircon/08-bg.png) repeat left top;
}

#aircon .block08> .inner {
	padding:0 2.72727% 30px 2.72727%;
}

@media screen and (max-width:1120px) {
	#aircon .block08> .inner {
		padding:0 2.72727% 2.72727% 2.72727%;
	}
}

#aircon .block08 dl {
	width:49.03846%;
	float:left;
	-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
	background-color:#fff;
	text-align:left;
}

#aircon .block08 dl:last-child {
	float:right;
}

#aircon .block08 dt {
	padding-top:4%;
	padding-left:4%;
	padding-right:4%;
}

#aircon .block08 dt .case {
	width:22.35294%;
	float:left;
	margin-top:-6%;
	margin-right:3.92156%;
}

#aircon .block08 dd {
	padding:3% 4% 4% 4%;
}

#aircon .block08-2 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	padding-top:1%;
	text-align:right;
}

@media screen and (max-width:1120px) {
	#aircon .block08-2 {
		margin-left:1%;
		margin-right:1%;
	}
}


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

   三菱　ズバ暖霧ヶ峰

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

#aircon .block09 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
}

@media screen and (max-width:1120px) {
	#aircon .block09 {
		margin-left:2.7%;
		margin-right:2.7%;
	}
}


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

   パナソニックvs三菱

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

#aircon .block10 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
}

#aircon .block10 > .tx {
	padding:3%;
}

#aircon .block10 table {
	width:100%;
	border-collapse:collapse;
}


/*-------------------------------------------------------
   機能比較
-------------------------------------------------------*/

#aircon .block10-01 {
	background:url(../../upload/images/aircon/10-01-bg.gif) repeat-y left top;
	-moz-background-size:100% auto;
	background-size:100% auto;
	padding:4% 5% 4% 5%;
	margin-bottom:3%;
}

#aircon .block10-01 > .tb01 {
	border:2px solid #efaf44;
}

#aircon .block10-01 > .tb01 th,
#aircon .block10-01 > .tb01 td {
	text-align:center;
	padding:10px;
	vertical-align:middle;
}

#aircon .block10-01 > .tb01 th {
	background-color:#efaf44;
	border-left:1px solid #fff;
	color:#fff;
	font-size:130%;
}

#aircon .block10-01 > .tb01 th:first-child {
	border-left:0;
}

#aircon .block10-01 > .tb01 td {
	background-color:#fffffa;
	border-left:1px solid #efaf44;
	border-bottom:1px dotted #efaf44;
	font-size:100%;
}

#aircon .block10-01 > .tb01 td.md {
	white-space:nowrap;
}

#aircon .block10-01 > .tb01 .last {
	border-bottom:2px solid #efaf44;
}

#aircon .block10-01 > .tb01 .bgline td {
	background-color:#fff8e8;
}

#aircon .block10-01 > .tb01 td .q {
	position:relative;
	cursor:pointer;
}

#aircon .block10-01 > .tb01 td .q a {
	display:block;
}

#aircon .block10-01 > .tb01 td .q p {
	display:none;
	position:absolute;
	left:0;
	bottom:3em;
	border:2px solid #efaf44;
	background-color:#fff;
	padding:10px;
	text-align:left;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
	z-index:99;
}

#aircon .block10-01 > .tb01 td .q p .close {
	position:absolute;
	right:-10px;
	top:-10px;
	display:none;
}


/*-------------------------------------------------------
   性能比較
-------------------------------------------------------*/

#aircon .block10-02 {
	background:url(../../upload/images/aircon/10-02-bg.gif) repeat-y left top;
	-moz-background-size:100% auto;
	background-size:100% auto;
	padding:4% 5% 4% 5%;
}

#aircon .block10-02 > .tb02 th,
#aircon .block10-02 > .tb02 td {
	text-align:center;
	padding:10px;
	vertical-align:middle;
}

#aircon .block10-02 > .tb02 th {
	background-color:#6c92d2;
	border-left:1px solid #fff;
	border-top:2px solid #6c92d2;
	border-bottom:2px solid #6c92d2;
	color:#fff;
	font-size:130%;
}

#aircon .block10-02 > .tb02 th .fsize-n {
	font-size:100%;
	font-weight:normal;
}

#aircon .block10-02 > .tb02 th:first-child {
	border-left:0;
}

#aircon .block10-02 > .tb02 td {
	background-color:#fff;
	border:1px solid #6c92d2;
	font-size:100%;
}

#aircon .block10-02 > .tb02 th:nth-child(1),
#aircon .block10-02 > .tb02 tr td:nth-child(1) {
	border-left:2px solid #6c92d2;
}

#aircon .block10-02 > .tb02 tr td:nth-child(2) {
	text-align:right;
	background-color:#ffffeb;
}

#aircon .block10-02 > .tb02 th:nth-child(3),
#aircon .block10-02 > .tb02 tr td:nth-child(3) {
	border-right:2px solid #6c92d2;
}

#aircon .block10-02 > .tb02 tr td:nth-child(3) {
	text-align:left;
}

#aircon .block10-02 > .tb02 td .fsize-m {
	font-size:125%;
	font-weight:bold;
}

#aircon .block10-02 > .tb02 tr.last td {
	background:none;
	border:none;
	padding:10px 0 0 0;
	text-align:right;
	font-size:80%;
	border-top:2px solid #6c92d2;
}

#aircon .block10-02 > .tb02 .win {
	background:url(../../upload/images/aircon/10-02-win.png) no-repeat right center;
	padding:5px 20px 5px 10px;
	float:left;
	margin-right:1em;
	text-align:center;
}


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

   メーカーリンク

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

#aircon .block11 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
	list-style:none;
}

@media screen and (max-width:1120px) {
	#aircon .block11 {
		margin-left:2.7%;
		margin-right:2.7%;
	}
}

#aircon .block11 li {
	width:48.36363%;
	float:left;
}

#aircon .block11 li:first-child {
	margin-right:3.27272%;
	display:inline;
}


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

   タイプ別診断

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

#aircon .block12 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
	list-style:none;
}

@media screen and (max-width:1120px) {
	#aircon .block12 h6 {
		margin-left:-2.7%;
		margin-right:-2.7%;
	}

	#aircon .block12 {
		margin-left:2.7%;
		margin-right:2.7%;
	}
}

#aircon .block12 > dl {
	border-bottom:2px solid #f2b3c9;
}

#aircon .block12 > dl dt {
	cursor:pointer;
	position:relative;
}

#aircon .block12 > dl dd {
	display:none;
}

#aircon .block12 > dl dt,
#aircon .block12 > dl dd {
	border-top:2px solid #f2b3c9;
	border-left:2px solid #f2b3c9;
	border-right:2px solid #f2b3c9;
}

#aircon .block12 .tabani {
	position:absolute;
	right:1.5%;
	top:50%;
	z-index:5;
	width:22.81082%;
	margin-top:-1.5%;
}