@charset "UTF-8";

/*-----------------------
coded by sure at 2010-03-17
-------------------------*/

/* CSS Document */
/*-----------------------*/
/* 1.top */
/* 2.in */
/* 3.menu */
/* 4.example*/
/* 5.reform*/
/* 6.ecopoint*/
/* 7.guide*/
/* 8.link*/
/*-----------------------*/

.mt-8{
	margin-top:8px !important;
	}
.mt-10{
	margin-top:10px !important;
	}
.mt-15{
	margin-top:15px !important;
	}
.mt-20{
	margin-top:20px !important;
	}
.mt-25{
	margin-top:25px !important;
	}
.mt-30{
	margin-top:30px !important;
	}
.mt-40{
	margin-top:40px !important;
	}
.mr-15{
	margin-right:15px !important;
	}
.mb-5{
	margin-bottom:5px !important;
	}
.mb-10{
	margin-bottom:10px !important;
	}
.mb-15{
	margin-bottom:15px !important;
	}
.mb-20{
	margin-bottom:20px !important;
	}
.mb-25{
	margin-bottom:25px !important;
	}
.mb-30{
	margin-bottom:30px !important;
	}
.mrl-12{
	margin:0 12px;
	}
.pt-15{
	padding-top:15px !important;}
.pl-5{
	padding-left:5px !important;
	}
.pl-10{
	padding-left:10px !important;}
.pl-15{
	padding-left:15px !important;}
.pl-20{
	padding-left:20px !important;
	}
.pr-130{
	padding-right:130px !important;
	}
.pb-10{
	padding-bottom:10px !important;
	}
.pb-15{
	padding-bottom:15px !important;
	}

.tbl{
	border-collapse:collapse;
	border-spacing:0;
	}
	.tbl td,.tbl th{
		border:none;
		}

.orange{
	color:#e75f30;
	}
.enji{
	color:#993333;
	}

/* 1.top
====================================================================================================== */
.main{
	float:left;
	width:695px;
	}
.frame01{
	margin:9px 0 0;
	padding:6px 5px;
	border:#d1ccab 1px solid;
	}
.frame02{
	margin:1px 0 0;
	padding:12px 18px;
	border:#d1ccab 1px solid;
	}
.frame03{
	padding:6px 5px 7px;
	border:#d1ccab 1px solid;
	background:#efecd7;
	}
.best3{
	margin:5px 0 0 1px;
	}
	.best3 .ml{
		margin:0 0 0 6px;
		}
.gray{
	color:#ccc;
	}
.whats-new{
	position:relative;
	}
	.whats-new dt,.whats-new dd{
		margin:0 0 2px;
		}
	.whats-new dt{
		position:absolute;
		width:90px;
		}
	.whats-new dd{
		padding:0 0 0 102px;
		width:555px;
		}
.advantage{
	margin:5px 1px 0;
	}
	.advantage .text{
		padding:5px 5px 4px;
		text-align:center;
		background:#f5f3e3;
		}
	.advantage hr{
		color:#fff;
		border:none;
		width:6px;
		}

.right{
	float:left;
	margin:0 0 0 10px;
	width:215px;
	}
.inquiry{
	text-align:center;
	}
.top-free-number{
	padding:12px 0 17px;
	background:url(../images/line-dot.gif) repeat-x left bottom;
	}
	.inquiry .text{
		margin:0 0 7px;
		}
.top-internet{
	padding:12px 0 6px;
	}
.top-example h3{
	margin:0 0 5px;
	}
	.top-example .text{
		padding:7px 4px 0;
		}
.align-right{
	text-align:right;
	}
.link{
	margin:15px 0 0 29px;
	}
	.link li{
		margin:10px 0 0;
		}
.team-6{
	margin:20px 0 0 29px;
	}
.voice-title{
	background-color:#efecd7;
	padding:5px 0 3px 10px;
	margin:5px 0 0 0;
	color: #2f0000;
}
.voice-text{
padding:5px 10px;}
.voice-link{
text-align:right;}
.voice-link a{
background:url(../images/icon-green-cursol.gif) no-repeat left center;
padding:0 0 0 15px;}

/* 2.in
====================================================================================================== */
.main-in{
	float:left;
	width:690px;
	margin:0 5px 0 0;
	}


/* 3.menu
====================================================================================================== */
.right-menu{
	padding:12px 14px 9px;
	}
	.right-menu li{
		margin:0 0 3px;
		padding:0 0 0 15px;
		width:165px;
		display:block;
		background:url(../images/icon-green-arrow.gif) no-repeat left center;
		}

.menu-index ul{
	padding:0 0 15px 12px;
	}
	.menu-index li{
		float:left;
		}

.menu-text{
	padding:0 0 10px;
	}
.frame-menu01{
	margin:1px 0 0;
	padding:15px;
	border:#d1ccab 1px solid;
	}
	.frame-menu01 .photo{
		float:left;
		}
	.frame-menu01 .text{
		padding:0 0 0 138px;
		}
	.frame-menu01 .text2{
		padding:0 0 0 263px;
		}
	/*.frame-menu01 h4{
		padding:0 0 3px;
		}*/
	.frame-menu01 .price{
		color:#ff6600;
		}
	.frame-menu01 .kind{
	padding:0 0 0 6px;}
	.frame-menu01 .kind h4{
	color:#330000;
	border-bottom:#D1CCAB 1px solid;
	margin:22px 0 10px;
	padding:0 0 0 5px;
		}
.kind-title{
	color:#330000;
	border-bottom:#D1CCAB 1px solid;
	margin-bottom:10px;
	padding:0 0 0 5px;}
.menu-list{
	margin:5px 0 0 2px;
	}
	.menu-list li{
		float:left;
		margin:0 25px 0 0;
		padding:0 0 0 17px;
		background:url(../images/icon-square-arrow.gif) no-repeat left center;
		}
.menu-list2{
	margin:5px 0 0 2px;
	}
	.menu-list2 li{
		float:left;
		margin:0 25px 0 0;
		padding:0 0 0 17px;
		background:url(../images/icon-square-arrow.gif) no-repeat left center;
		}

.line-dot{
	padding:0 0 15px;
	background:url(../images/line-dot.gif) repeat-x left bottom;
	}

.frame-menu02{
	margin:1px 0 0;
	min-height:120px;
	height:auto !important;
	height:120px;
	}
.frame-menu02 .photo{
	float:left;
	padding-bottom: 15px;
	}
.frame-menu02 .text{
	padding:0 0 0 138px;
	}
.frame-menu02 .kind{
	padding:0 0 0 6px;}
.frame-menu02 .kind h4{
	color:#330000;
	border-bottom:#D1CCAB 1px solid;
	margin:22px 0 10px;
	padding:0 0 0 5px;
	}
.frame-menu02 .check {
	background-color: #F5F3E3;
	margin:10px 0 15px;
	padding: 10px 15px 10px 10px;
	border: 1px solid #cdcdb3;
}
.frame-menu02 .check table {
padding:0;
border:none}

.link-cursol{
	margin:15px 0 0 0;
	padding:0 0 0 15px;
	width:165px;
	display:block;
	background:url(../images/icon-green-arrow.gif) no-repeat left center;
		}
.link-cursol02{
	margin:15px 0 0 0;
	padding:0 0 0 15px;
	width:165px;
	display:block;
	background:url(../images/icon-green-arrow02.gif) no-repeat left center;
		}
.link-cursol03{
	margin:5px 0 0 0;
	padding:0 0 0 15px;
	display:block;
	background:url(../images/icon-green-arrow.gif) no-repeat left center;
		}
.total-photo{
padding-left:16px;}
.total-photo4{
	padding-bottom:15px;
	width:528px;
}
.cloth-in{
padding-left:16px;}


.frame-menu02 .trough {
	margin:15px 0;
	padding: 10px;
	border: 1px solid #cdcdb3;
}
.frame-menu02 .trough .trough-text {
	float:left;
	width:418px;
}
.frame-menu02 .trough .trough-image {
float:right;
}
.pl-trough-image{
	padding-left:14px;
}

/* 4.example
====================================================================================================== */
.example-group{
	width:666px;}
.frame-example01{
	width:206px;
	padding:2px;
	border:#d1ccab 1px solid;
	float: left;
	}
.frame-example01 .data{
	color:#FFFFFF;
	background-color:#58463b;
	padding:3px 7px;
	}
.frame-example01 .text01{
	margin:7px 7px 0px 7px;
	min-height:80px;
	height: auto !important;
	height: 80px;
}
.frame-example01 .text02{
	margin:7px 7px 0px 7px;
	min-height:40px;
	height: auto !important;
	height: 40px;
}
.frame-example01 .text03{
	margin:7px 7px 0px 7px;
	min-height:60px;
	height: auto !important;
	height: 60px;
}
.frame-example01 .text04{
	margin:7px 7px 0px 7px;
	min-height:70px;
	height: auto !important;
	height: 70px;
}
.frame-example01 .text05{
	margin:7px 7px 0px 7px;
	min-height:150px;
	height: auto !important;
	height: 150px;
}
.frame-example01 .point{
	margin:0px 0 5px 10px;
	padding:0 0 0 13px;
	background:url(../example/images/icon-blue-home.gif) no-repeat left center;
		}
.frame-example01 .point-text{
	margin:0 2px;
	min-height:56px;
	height: auto !important;
	height: 56px;}
.frame-example01 .point-text-in{
	background:#efecd7;
	display:block;
	padding:8px;}
	
.frame-example01 .details{
	margin:3px 4px 2px 3px;
	padding:0 0 0 15px;
	display:block;
	background:url(../images/icon-green-arrow.gif) no-repeat left center;
	float: right;		}


/* 4-2.example_old-file
======================*/

#example table{
	text-align:left;}

#example div.reformhead{
 border:#ccc 1px solid;
 padding:5px 3px 5px 5px;}

#example .reform td{
	padding:1px 3px;}
#example .catch{
	margin:30px 0 12px;
	}
#example .before-text{
	padding:15px 0 10px 66px;
	}
#example .photo-l{
	padding-left:5px;
	float:right;}
#example .photo-r{
	padding-right:5px;
	float:left;
	}
#example .place{
	padding-left:13px;
	}
#example .next-prev{
	text-align:right;
	padding-top:10px;
	}
#example .data-table{
	margin:6px;
	width:656px;
	}
#example .data-l{
	background-color:#71bf44;
	border-bottom:#fff 1px solid;
	vertical-align:top;
	color:#fff;
	font-weight:bold;
	width:200px;
	padding:4px;
	}
#example .data-r{
	border-bottom:#71bf44 1px solid;
	padding:4px;
	}
#example .data-l-expense{
	background-color:#71bf44;
	border-bottom:#fff 1px solid;
	vertical-align:top;
	color:#fff;
	font-weight:bold;
	width:200px;
	padding:4px;
	text-align:right;
	}
#example .data-r-expense{
	border-bottom:#71bf44 1px solid;
	padding:4px;
	text-align:right;
	}
#example .td-l2{
	width:140px;
	vertical-align:top;
	}
#example .td-r2{
	width:140px;
	vertical-align:bottom;
	}
#example .ba{
	display:table-cell;
	vertical-align:top;
	}
#example .txt-left{
	width:300px;
	}
#example .w273{
	width:265px !important;
	}
#example .txt-right{
	width:300px;
	margin-left:114px;
	}
#example .txt-left-02{
	width:180px;
	padding-bottom:50px;
	}
#example .txt-right-02{
	width:220px;
	margin-left:52px;
	}

#example .st{
	color:#330000;
	margin-bottom:5px;
	padding:0 0 0 5px;}

#example .photo-catch{
	float:left;
	margin-right:20px;
	width:140px;
	}
	#example .photo-catch span{
		display:block;
		margin-top:2px;
		}



/* 5.reform
====================================================================================================== */
.frame-menu02 .purpose {
	padding-left: 5px;
}


/* 6.ecopoint
====================================================================================================== */
.ecopoint h3{
	margin:0 0 12px;
	}
.ecopoint .eco-txt{
	margin:5px 3px 0;
	}
.ecopoint .text{
	padding:0 0 0 135px;
	}
.ecopoint .check{
	padding:13px 15px;
	}
.ecopoint-tbl01 th{
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	}
.ecopoint-tbl01 .td01{
	width:23px;
	}
.ecopoint-tbl01 .td02{
	width:110px;
	padding:0 10px 0 0;
	}
.ecopoint h4{
	margin:0 3px 0;
	color:#2f0000;
	}
.ecopoint h5{
	padding:10px 3px 0;
	}
.ecopoint-tbl02{
	width:100%;
	border-bottom:#cdcdb3 1px solid;
	}
	.ecopoint-tbl02 th,
	.ecopoint-tbl02 td{
		border-top:#cdcdb3 1px solid;
		border-right:#cdcdb3 1px solid;
		border-left:#cdcdb3 1px solid;
		padding:2px 10px;
		}
	.ecopoint-tbl02 th{
		font-weight:normal;
		}
	.ecopoint-tbl02 .th01{
		background:#dff0cd;
		}
	.ecopoint-tbl02 .th02{
		background:#5fa911;
		color:#fff;
		border-top:#5fa911 1px solid;
		border-right:#5fa911 1px solid;
		border-left:#5fa911 1px solid;
		}
	.ecopoint-tbl02 .th03{
		width:84px;
		}
	.ecopoint-tbl02 td{
		text-align:center;
		}
	.ecopoint-tbl02 .td01{
		width:33%;
		}
	.ecopoint-tbl02 .no-boder{
		border-top:none;
		}

/* 7.guide
====================================================================================================== */
.flow .point2 {
	margin-left: 90px;}
.flow .point3 {
	margin-left: 180px;}
.flow .point4 {
	margin-left: 270px;}
.flow td {
	vertical-align: top;
}
.checklist {
padding:0 0 0 6px;}
.checklist li {
	background-image: url(../guide/images/icon-box.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 19px;}

/* 8.link
====================================================================================================== */
.link-catalog h3{
	padding:14px 5px 3px;
	border-bottom:#cdcdb3 1px solid;
	color:#2f0000;
	}

.link-list{
	margin:6px 5px 0;
	}
	.link-list li{
		float:left;
		width:200px;
		background:url(../images/icon-square-arrow.gif) no-repeat left 0.3em;
		padding:0 0 0 18px;
		margin:0 0 5px;
		}
/*9.tax
====================================================================================================== */
.frame-menu03{
	margin:1px 0 0;
	padding:15px 15px 15px 10px;
	border:#d1ccab 1px solid;
	}
.tax h4{
	color:#330000;
	margin:0 0 7px;
}
.tbl .v-top {
	vertical-align:top;
}
.tax-tblborder {
	border: 1px solid #d1ccab;
	padding:12px 10px;
}