@charset "Shift_JIS";

p,ul,li {
    margin:0px;
	padding:0px;
}


/* ---- ボディ ---- */
body {
 margin: 0; padding: 0; color: #444444;	FONT-SIZE: 100%; 
}
#mainbox {
	width:746px;
	border: 1px solid #fe6c00;
	margin:5px 0 5px 5px;
	padding:5px 0 0 0px;
	float:left;
}
/* ---- リンクの色 ---- */
a:link { color: #0000e3;  background-color: transparent;}
a:visited { color: #800080;  background-color: transparent;}
a:hover { color: #ff0000;  background-color: transparent;}
a:active { color: #0000e3;  background-color: transparent;}

/* ---- font ---- */
.blue {FONT-WEIGHT: bold; COLOR: #3C77E2; text-decoration:none}
.red {FONT-WEIGHT: bold; COLOR: #FF6666; text-decoration:none}
.odoiro {
font-weight:bold;
color:#a96f0c;
text-decoration:none;
}
.orange { 
     color:#FF8C37;
	 font-weight:bold;
}
.green { 
     color:#45AF32;
	 font-weight:bold;
}
.white {
     color:#FFFFFF;
	 font-weight:bold;
}
.small {
     font-size:90%;
	 line-height:140%;
	 margin:5px 20px 0 0;
	 padding:0px;
}
.white_w_n {
     font-weight:normal;
     color:#FFFFFF;
}
.eng_space {
	letter-spacing: 1px;
}
.eng_space_o {
	letter-spacing: 1px;
    color:#fe6c00;
	font-weight:bold;
}
/* ---- クチコミランキングヘッダ関連 ---- */
.toptx{
	font-size: 10px;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
}

#Layer1 {
	font-size: 10px;
	position: absolute;
	z-index: 1;
	height: 14px;
	width: 185px;
	left: 65px;
	top: 24px;
	text-align:center;
}

.hedder {
	background-repeat: no-repeat;
	background-image: url(../images/hm_top_08.gif);
}
/* ---- ヘッダ部分バナー設定 ---- */
div#banner {margin:5px 0px 0px 10px}
/* ---- 現在地（パンくずリスト） ---- */
#pan_list {
	font-size: 80%;
	line-height: 110%;
	height: 15px;
	width: 746px;
	left: 20px;
	margin-top: 4px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 7px;
}

/* ---- コンテンツ文章部分 ---- */
.maintext {
	width: 700px;
	font-size: 85%;
	line-height: 150%;
	padding:0px;
	margin:0 auto 0px 25px;
}
.maintext p {
   margin:10px 0 10px 0;
}

/* 電気代節約*/
table.kaden {
   margin:10px 0 0 10px;
   font-size:12px;
   background:no-repeat left center;
}
div.denki_box {
    width: 700px;
	margin:10px 0 5px 0;
	padding:0px;
	float:left;
}
div.denki_box p{
	margin:0px;
	padding:0px;
}

.denki_left {
    width:110px;
    height:14px;
	padding-left:10px;
	font-weight:bold;

}
.denki_right {
    width:565px;
	float:right;
	padding:0px;
	margin:0px;
}

#kaden1 {
    background-image:url(../ct/images/saving/kaden1.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#kaden2 {
    background-image:url(../ct/images/saving/kaden2.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#kaden3 {
    background-image:url(../ct/images/saving/kaden3.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#kaden4 {
    background-image:url(../ct/images/saving/kaden4.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#kaden5 {
    height:100px;
    background-image:url(../ct/images/saving/kaden5.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#kaden6 {
    background-image:url(../ct/images/saving/kaden6.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#kaden7 {
    background-image:url(../ct/images/saving/kaden7.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#kaden8 {
    background-image:url(../ct/images/saving/kaden8.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#kaden9 {
    background-image:url(../ct/images/saving/kaden9.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/* 水道代代節約*/
.water_box {
    width: 700px;
	margin:5px;
	padding:10px;
}
.water_text {
    width:620px;
	padding:5px 0 10px 0;
	margin:0px;
	font-size:100%;
}

/* ---- 見出し（chapter）関連 ---- */

h1.ct_stl {
	FONT-WEIGHT: bold;
	FONT-SIZE: 85%;
	VERTICAL-ALIGN: middle;
	COLOR: #444444;
	padding: 8px 10px 5px 15px;
	width: 690px;
	margin: 30px 10px 10px 25px;
	clear:left;
	background-color: #fadfaa;
}
.ct_tl_square_bg {
	FONT-WEIGHT: bold;
	COLOR: #FF8C37;
	font-size: 100%;
	margin-right: 10px;
}
h2.ct_stl2 {
    font-size:100%;
	font-weight:bold;
	color:#45AF32;
	background-image:url(../ct/images/saving/h2crown.gif);
	background-repeat:no-repeat;
	padding:0 0 5px 30px;
	margin:20px 0 0 0;
	border-bottom:1px dotted #45AF32;
	width:660px;
}
.onepoint {
    height:20px;
    font-weight:bold;
    margin:25px 0 0px 10px;
	background-image:url(../ct/images/saving/arrow4.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 20px;
}
hr.dotted {
	border:1px dotted #88C75F;
}
/* ---- 余白関連 ---- */
.margin {
	font-weight: normal;
	margin: 25px 0 0 0;
}
#topmargin {
    margin:15px auto auto auto;
}

/* ---- 画像関連 ---- */
img.cap {
    border:1px solid #b3b3b3;
    margin:5px;
}
/* - 特集トップ - */
#ct_title {
    width:746px;
	height:45px;
	font-weight:bold;
	font-size:90%;
	padding-top:18px;
	padding-left:30px;
	background-image:url(../ct/images/saving/tlbg.gif);
	background-repeat:no-repeat;
	margin:5px 0 0 5px;
}
.topimage {
    width:734px;
	height:210px;
	margin:6px 6px 15px 6px;
	clear:left;
}
#top01 {
	background-image:url(../ct/images/saving/topimage.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top02 {
	background-image:url(../ct/images/saving/topimage2.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top03 {
	background-image:url(../ct/images/saving/topimage3.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top04 {
	background-image:url(../ct/images/saving/topimage4.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top05 {
	background-image:url(../ct/images/saving/topimage5.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top06 {
	background-image:url(../ct/images/saving/topimage6.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top07 {
	background-image:url(../ct/images/saving/topimage7.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top08 {
	background-image:url(../ct/images/saving/topimage8.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top09 {
	background-image:url(../ct/images/saving/topimage9.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top10 {
	background-image:url(../ct/images/saving/topimage10.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top11 {
	background-image:url(../ct/images/saving/topimage11.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top12 {
	background-image:url(../ct/images/saving/topimage12.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top13 {
	background-image:url(../ct/images/saving/topimage13.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top14 {
	background-image:url(../ct/images/saving/topimage14.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top15 {
	background-image:url(../ct/images/saving/topimage15.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top16 {
	background-image:url(../ct/images/saving/topimage16.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top17 {
	background-image:url(../ct/images/saving/topimage17.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top18 {
	background-image:url(../ct/images/saving/topimage18.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#top19 {
	background-image:url(../ct/images/saving/topimage19.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}

/* - 特集トップ/index - */
.topimage table {
	width:300px;
	font-size:90%;
	text-decoration:none;
	float:left;
	margin:0px auto auto 20px;
	_margin:0px auto auto 5px;
	line-height:140%;
}
.topimage img {
    vertical-align:middle;
}

td.title_line {
	border-bottom: 1px dotted #fe6c00;
}
table#indexbox {
    height:200px;
}
table#index {
    margin:5px 0 0 10px;
	color:#FF8C37;
	font-weight:bold;
	line-height:130%;
}
table#index li{
    margin:0 0 0 70px;
	line-height:120%;
}
table#index img{
    vertical-align:middle;
	margin:0 7px 0 0;
}
table#index a {
	text-decoration:none;
	font-weight:bold;
    color:#FF8C37;
}
table#index a:hover {
    color:#3C77E2;
	text-decoration:none;
	font-weight:bold;
}

.index_next {
	padding:0px;
	margin:2px 2px auto auto;
	text-align:right;
	height:20px;
	width:85px;
	float:right;
}
#index_next {
	padding:0px;
	margin:2px 2px auto auto;
	text-align:right;
	height:20px;
	width:85px;
	float:right;
}

#index_back {
	margin:0px;
	padding:0px;
	text-align:left;
	height:20px;
	width:85px;
	float:left;
}
/* - 特集トップ/indexここまで - */

/* ---- ランキング ---- */
.rankingbox {
    width:100%;
	margin:15px 0 15px 0;
}
.ranking {
    width:630px;
	padding:0px;
	margin:0 auto 0 35px;
}
#ranking_left {
    width:50%;
	float:left;
}
#ranking_right {
    width:50%;
	float:right;
}
.rankingbox table{
	font-size:12px;
	line-height:130%;
}

td.ranking_title {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #444444;
	padding:3px;
}
td.ranking_title a{
	font-size:120%;
	font-weight:bold;
}
td.ranking_line {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #444444;
	padding:3px;

}
/* ---- 「次のページへ」 ---- */
#nextbox {
    font-size:80%;
    width:715px;
    clear:left;
	height:30px;
	margin:30px auto 10px 10px;
	clear:left;
	padding:0px;
	border-bottom:1px dotted #999999;
}
.next {
	padding:0px;
}
#next_left {
    width:355px;
	float:left;
	text-align:left;
}
#next_right {
    width:355px;
	float:right;
	text-align:right;
}

/* ---- テーブル関連 ---- */
table.hyou {
    font-size:90%;
	line-height:130%;
	margin:auto auto auto 0px;
}
table.hyou2 {
    font-size:80%;
	line-height:130%;
}
table.card {
    font-size:12px;
	line-height:130%;
	border:1px solid #80D466;
}
td.card01 {
	border-bottom:1px dotted #80D466;
	padding:4px;
}
td.card02 {
    font-size:80%;
	line-height:130%;
	border-left:1px solid #80D466;
	border-right:1px solid #80D466;
}
td.card03 {
    font-size:80%;
	border:1px solid #80D466;
}

table.shoku {
    font-size:80%;
	line-height:130%;
	border:1px dotted #fe6c00;
}
td.shoku01 {
	border-bottom:1px dotted #fe6c00;
	padding:4px;
}
table.book {
    font-size:100%;
	border:1px dotted #74C444;
	clear:left;
	line-height:140%;
}
/* ---- ちょっとコラム ---- */
div.dashed {
    width:95%;
    padding:10px;
	border:2px dashed #88C75F;
    margin:20px auto 30px 25px;
    font-size:90%;
    line-height:130%;
}
div.dashed p {
    margin:10px 0 5px 0;
}
.clum_title {
    background-image:url(../ct/images/saving/travel1.gif);
    width:300px;
    height:74px;
    padding:50px 0 0 50px;
    font-weight:bold;
    color:#888888;
}

#marginleft {
    margin-left:25px;
	line-height:140%;
}
/* ---- 移植 ---- */
td.trade04{
	font-size: 80%;
	line-height: 130%;
	text-align:left;
 padding: 0px 0px 5px 5px;
}
td.trade05{
	text-align:center;
	background-repeat: no-repeat;
 padding: 5px;
}
table.trade06{
	background-repeat: repeat-y;
	}
td.trade_rank{
	font-size: 80%;
	padding: 3px 0px 2px 0px;
 border-top: 1px dotted #b2b2b2;
	}
td.trade_rankL{
	font-size: 80%;
	font-weight: bold;
	color:#0000e3;
	vertical-align: top;
	padding: 3px 0px 2px 0px;
 border-top: 1px dotted #b2b2b2;
	}
td.trade07{
 padding-left: 10px;
 padding-bottom: 3px;
}
.style6 {color: #032ED2;font-weight: bold;font-size: 14px;}
/* ---- フッター ---- */
table#footer {
    float:left;
}
.f_clear{
clear:both;
}