@charset "utf-8";

/* -----------------------------------------------------------
 Created:        2007-05-31
 Last update:    2007-05-31
 Style Info:     カテゴリのスタイル
----------------------------------------------------------- */

@import url("base.css");
@import url("clear.css");


/* --------------------------------------------------
	インデックス
----------------------------------------------------*/

#tvIndex #wrapperContent #mainContent .section h2 {
	padding: 0 0 1px 0;
	background: url(../img/share/border_blurred_02.gif) 0px 100% no-repeat;
}

#tvIndex #wrapperContent #mainContent .section p {
	margin: 0.5em 0 1em 20px;
}

#tvIndex #wrapperContent #mainContent .section .section {
	margin: 20px 0 40px 10px;
}

#tvIndex #wrapperContent #mainContent #searchDetail {
	float: left;
	width: 330px;
	padding: 0 40px 0 15px;
}

#tvIndex #wrapperContent #mainContent #searchDetail h2 {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 5px 25px;
	background: url(../img/share/arrow_title.gif) 0px 2px no-repeat;
}

#tvIndex #wrapperContent #mainContent #searchDetail ul {
}

#tvIndex #wrapperContent #mainContent #searchDetail ul li {
	width: 330px;
	margin: 0 0 5px 0;
	background: url(../img/share/background_navi_item_detail_footer.gif) 0px 100% no-repeat;
}

#tvIndex #wrapperContent #mainContent #searchDetail ul li a {
	display: block;
	width: 260px;
	padding: 5px 55px 5px 15px;
	color: #A20505;
	font-size: 115%;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/share/background_navi_item_detail_header.gif) 0px 0px no-repeat;
}

#tvIndex #wrapperContent #mainContent #popularItemNo1 {
	float: left;
	width: 220px;
	padding: 0 0 140px 0;
	background: url(../img/share/background_popular_item_no1.gif) 0px 100% no-repeat;
}

#tvIndex #wrapperContent #mainContent #popularItemNo1 p.photo {
	margin: 0 0 10px 0;
}

#tvIndex #wrapperContent #mainContent #popularItemNo1 ul li {
	font-size: 85%;
}

#tvIndex #wrapperContent #mainContent #popularItemNo1 ul li.name {
	font-weight: bold;
}


/* --------------------------------------------------
	一覧のレイアウト 905px
----------------------------------------------------*/

.categoryList {
	width: 905px;
	margin: 0 auto 20px auto;
	padding: 0 20px;
}

.categoryList #header {
	width: 905px;
}

.categoryList #header ul#globalNavi {
	left: auto;
	right: 10px;
	width: auto;
}

.categoryList #header ul#helpNavi {
	left: auto;
	right: 0;
	width: auto;
}

.categoryList #wrapperContent {
	width: 905px;
	background: #FFF url(../img/share/background_corner_top_right.gif) 100% 0px no-repeat;
}

.categoryList #wrapperContent #mainContent {
	float: none;
	width: 865px;
	padding: 0 20px;
	background: url(../img/share/backgroun_main_content.gif) 350px 0px no-repeat;
}

.categoryList #wrapperContent #mainContent #topicPath {
	width: 855px;
	margin: 0 0 10px -20px;
	padding: 0 0 0 10px;
}

.categoryList #wrapperContent #mainContent h1 {
	width: auto;
	padding: 10px 0 14px 0;
}

/* 2007.09.11 added by hashi */
.categoryList #wrapperContent #mainContent h2 {
	padding: 0 0 0 40px;
	font-size:120%;
	vertical-align:bottom;
}
/* 2007.09.11 added by hashi */

.categoryList #wrapperContent p#pageTop {
	clear: both;
	width: auto;
	margin: 0;
	padding: 25px 0 0 0;
}

.categoryList #footer {
	width: 905px;
}


/* --------------------------------------------------
	一覧のレイアウトワイド 1255px
----------------------------------------------------*/

.categoryListWide {
	width: 1255px;
}

.categoryListWide #header {
	width: 1255px;
}

.categoryListWide #wrapperContent {
	width: 1255px;
}

.categoryListWide #wrapperContent #mainContent {
	width: 1215px;
}

.categoryListWide #wrapperContent #mainContent #topicPath {
	width: 1205px;
}

.categoryListWide #footer {
	width: 1255px;
}


/* --------------------------------------------------
	一覧 コンテント
----------------------------------------------------*/

#tvList #wrapperContent #mainContent p.moreInfo {
	margin: -60px 0 50px 0;
}

#tvList #wrapperContent #mainContent p.moreInfo a {
	display: block;
	width: 214px;
	margin: 0 0 0 auto;
	padding: 0 40px 0 0;
	color: #FFF;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	text-align: right;
	background: url(../img/share/background_btn_more_info.gif) 100% 50% no-repeat;
}

#tvList #wrapperContent #mainContent p.close {
	margin: -60px 0 50px 0;
}

#tvList #wrapperContent #mainContent p.close a {
	display: block;
	width: 74px;
	margin: 0 0 0 auto;
	padding: 0 40px 0 0;
	color: #FFF;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	text-align: right;
	background: url(../img/share/background_btn_close.gif) 100% 50% no-repeat;
}

#tvList #wrapperContent #mainContent table {
	width: 100%;
	margin: 20px 0;
	border-collapse: collapse;
	font-size: 85%;
}

#tvList #wrapperContent #mainContent table th {
	border: 1px solid #C4AE8B;
	border-top: 1px solid #845512;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	background: url(../img/share/background_th_01.gif);
}

#tvList #wrapperContent #mainContent table td {
	border: 1px solid #C4AE8B;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	background: #FFF;
}

#tvList #wrapperContent #mainContent table tr.last td {
	border-bottom: 1px solid #845512;
}

#tvList #wrapperContent #mainContent table tr.groupingHeader td {
	border: none;
}

#tvList #wrapperContent #mainContent table tr.groupingHeader th.labeling {
	border: none;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background: #F1EAD7;
	background-image: none;
}

#tvList #wrapperContent #mainContent table .ranking {
	width: 35px;
	border: none !important;
	background-image: none;
}

#tvList #wrapperContent #mainContent table .makerPhoto {
	border-left: 1px solid #845512 !important;
}

#tvList #wrapperContent #mainContent table .photo {
	width: 80px;
	height: 60px;
	background-position: center center;
	background-repeat: no-repeat;
	border-left: 1px solid #845512 !important;
}

#tvList #wrapperContent #mainContent table .itemName {
	width: 100px;
	text-align: left;
}

#tvList #wrapperContent #mainContent table .maker {
	width: 180px;
	text-align: left;
}

#tvList #wrapperContent #mainContent table .size {
	width: 80px;
}

#tvList #wrapperContent #mainContent table .price {
	width: 105px;
}

#tvList #wrapperContent #mainContent table .electricityBillYear {
	width: 80px;
	font-weight: bold;
	background: #FFFCB8;
}

#tvList #wrapperContent #mainContent table th.electricityBillYear {
	background: url(../img/share/background_th_03.gif);
}

#tvList #wrapperContent #mainContent table .mark {
	width: 65px;
}

#tvList #wrapperContent #mainContent table .accomplishmentRate {
	width: 70px;
}

#tvList #wrapperContent #mainContent table .powerConsumptionYear {
	width: 70px;
}

#tvList #wrapperContent #mainContent table .powerConsumption {
	width: 115px;
}

#tvList #wrapperContent #mainContent table .cop {
	width: 80px;
}

#tvList #wrapperContent #mainContent table .powerConsumption {
	width: 80px;
}

#tvList #wrapperContent #mainContent table .digitalBroadcasting {
	width: 70px;
	border-right: 1px solid #845512;
}

.categoryListWide #wrapperContent #mainContent table .digitalBroadcasting {
	width: 70px;
	border-right: 1px solid #C4AE8B !important;
}

#tvList #wrapperContent #mainContent table .dvd {
	width: 70px;
}

#tvList #wrapperContent #mainContent table .hdd {
	width: 70px;
}

#tvList #wrapperContent #mainContent table .doubleTuner {
	width: 70px;
}

#tvList #wrapperContent #mainContent table .flatCRT {
	width: 70px;
	border-right: 1px solid #845512;
}

#tvList #wrapperContent #mainContent #otherItem {
	width: 825px;
	height: 100px;
	margin: 20px 0 20px 35px;
	padding: 15px 0 0 0;
	background: url(../img/share/background_pig.gif) 0px 0px no-repeat;
}

#tvList #wrapperContent #mainContent #otherItem p {
	margin: 0 0 3px 20px;
}


#tvList #wrapperContent #mainContent #otherItem ul {
	width: 200px;
	margin: 3px 0 0 50px;
	list-style: disc;
}

#tvList #wrapperContent #mainContent #otherItem ul li {
	list-style: disc;
}

/* --------------------------------------------------
	一覧 コンテント
----------------------------------------------------*/

#tvDetail #wrapperContent #mainContent .section #itemPhotoSpec {
	float: left;
	width: 280px;
	padding: 0 25px 0 10px;
}

#tvDetail #wrapperContent #mainContent .section #itemPhotoSpec p.photo {
	margin-top: 0;
}

#tvDetail #wrapperContent #mainContent .section #itemPhotoSpec .itemSpec {
	width: 250px;
	margin: 0 5px;
	padding: 10px;
	font-size: 85%;
	background: #F3EFE2;
}

#tvDetail #wrapperContent #mainContent .section #itemPhotoSpec .itemSpec ul {
	margin: 0 0 0 20px;
	list-style: disc;
}

#tvDetail #wrapperContent #mainContent .section #itemPhotoSpec .itemSpec ul li {
	list-style: disc;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail {
	float: left;
	width: 305px;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section {
	width: 305px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	background: url(../img/share/border_blurred_02.gif) 0px 100% repeat-x;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .last {
	margin: 0;
	padding: 0;
	background: none;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section p.accomplishmentRate {
	width: 285px;
	margin-top: 0;
	padding: 10px;
	font-weight: bold;
	background: url(../img/share/background_accomplishment.gif) 0px 0px no-repeat;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section p.accomplishmentRate img {
	vertical-align: middle;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section table.cop-apf {
	width: 305px;
	border-collapse: collapse;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section table.cop-apf th,
#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section table.cop-apf td {
	padding: 0 5px 5px 0;
	font-weight: bold;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section p span.price {
	font-weight: bold;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section .correspondence {
	width: 305px;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section .correspondence h3 {
	float: left;
	width: 80px;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section .correspondence .correspondenceTable {
	float: left;
	width: 219px;
	padding: 3px;
	background: url(../img/share/background_blurred.gif) 0px 0px;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section .correspondence .correspondenceTable table {
	width: 219px;
	border-collapse: collapse;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section .correspondence .correspondenceTable table th {
	width: 50%;
	padding: 5px;
	text-align: center;
	background: url(../img/share/background_th_04.gif);
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section .correspondence .correspondenceTable table th.cooler {
	border-right: 1px solid #F4AD51;
	border-bottom: 1px solid #F4AD51;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section .correspondence .correspondenceTable table td.heater {
	border-left: 1px solid #F4AD51;
	border-top: 1px solid #F4AD51;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section .correspondence .correspondenceTable table td {
	width: 50%;
	padding: 5px;
	text-align: center;
	background: #FFF;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section table#electricityBill {
	width: 305px;
	margin: 10px 0 0 0;
	border-collapse: collapse;
	border: 1px solid #C4AE8B;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section table#electricityBill th {
	padding: 2px 5px;
	border: 1px solid #C4AE8B;
	background: #FAF5E9;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section table#electricityBill td {
	padding: 2px 5px 2px 0;
	border-bottom: 1px solid #C4AE8B;
}

#tvDetail #wrapperContent #mainContent .section #itemMoreDetail .section table#electricityBill td.ranking {
	padding: 2px 0 2px 5px;
	height: 30px;
	text-align: center;
}

#tvDetail #wrapperContent #mainContent .section p.link {
	text-align: right; 
}

#tvDetail #wrapperContent #mainContent .section p.link a {
	padding: 0 0 0 30px;
	background: url(../img/share/arrow_link.gif) 0px 0px no-repeat;
}

#tvDetail #wrapperContent #mainContent .section h2 {
	margin: 0 0 1em 0;
	padding: 0 0 11px 0;
	background: url(../img/share/border_blurred_02.gif) 0px 100% no-repeat;
}

#tvDetail #wrapperContent #mainContent #mainSpecification .last {

}

#tvDetail #wrapperContent #mainContent #mainSpecification  table {
	margin: 1em 0;
	border-collapse: collapse;
	border: 1px solid #C4AE8B;
	border-top: none;
	font-size: 85%;
}

#tvDetail #wrapperContent #mainContent #mainSpecification .last table {
	width: 100%;
}

#tvDetail #wrapperContent #mainContent #mainSpecification table th {
	padding: 5px;
	border: 1px solid #C4AE8B;
	font-weight: normal;
	text-align: center;
	background: #FDF8DB;
}

#tvDetail #wrapperContent #mainContent #mainSpecification table th.parent {
	text-align: center;
	background: #FCF8EC;
}

#tvDetail #wrapperContent #mainContent #mainSpecification table th.price {
	background: #FCF9A3;
}

#tvDetail #wrapperContent #mainContent #mainSpecification table td {
	padding: 5px;
	border: 1px solid #C4AE8B;
	text-align: center;
}

#tvDetail #wrapperContent #mainContent #approachOnEnvironment h3 {
	margin: 1em 0 1em 10px;
	padding: 0 0 0 30px;
	background: url(../img/share/arrow_title.gif) 0px 0px no-repeat;
}

#tvDetail #wrapperContent #mainContent #approachOnEnvironment .lca {
	width: 610px;
	margin: 1em 0 1em 10px;
	background: url(../img/share/background_approach_on_environment.jpg) 0px 0px no-repeat;
	line-height: 45px;
}

#tvDetail #wrapperContent #mainContent #approachOnEnvironment .lca * {
	display: inline;
}

#tvDetail #wrapperContent #mainContent #approachOnEnvironment .lca h4 {
	display: inline;
	margin: 0 15px;
}

#tvDetail #wrapperContent #mainContent #approachOnEnvironment .lca li {
	margin: 0 15px;
}

#tvDetail #wrapperContent #mainContent #approachOnEnvironment p {
	margin: 1em 0 1em 10px;
}

#tvDetail #wrapperContent #mainContent #trackback h2 {
	padding: 3px 5px;
	font-size: #300;
	font-weight: bold;
	background: #EFEADC;
}

#tvDetail #wrapperContent #mainContent #commentPost h2 {
	padding: 3px 5px;
	font-size: #300;
	font-weight: bold;
	background: #EFEADC;
}

#tvDetail #wrapperContent #mainContent #commentPost form fieldset legend {
	display: none;
}

#tvDetail #wrapperContent #mainContent #commentPost form fieldset p label {
	font-weight: bold;
	display: block;
	margin: 0 0 5px 0;
}

#tvDetail #wrapperContent #mainContent #commentPost form fieldset p input#comment_author {
	width: 200px;
	border-top: 2px solid #848484;
	border-left: 2px solid #848484;
	border-right: 2px solid #FAFAFA;
	border-bottom: 2px solid #FAFAFA;
}

#tvDetail #wrapperContent #mainContent #commentPost form fieldset p textarea#comment_text {
	width: 616px;
	border-top: 2px solid #848484;
	border-left: 2px solid #848484;
	border-right: 2px solid #FAFAFA;
	border-bottom: 2px solid #FAFAFA;
}

#tvDetail #wrapperContent #mainContent #commentPost form fieldset p input.submit {
	padding: 5px 10px;
	text-align: center;
}