@charset "UTF-8";
/* CSS Document */
/* ------------------------------------------- CSS Information
 File Name:      second.css
 Author:         Saito
 Style Info:     second Setting in the Site
 Date:			 20100201
----------------------------------------------------------- */

/* Style Setting
============================================================================== */

/* txt setting
------------------------------------------------------------------*/
strong{
	font-size:115%;
	color:#63a030;
	line-height:200%;
}


p small{
	font-size:90%;
	line-height:180%;
}

.red{
	color:#CC0000;
}

.grey{
	color:#999999;
}

.txt_right{
	text-align:right;
}

.txt_center{
	text-align:center;
}

.txt_left{
	text-align:left;
}

.indent-9999{
	text-indent:-9999px;
}


/* h2 Setting
------------------------------------------------------------------*/

h2 {
	height:35px;
	font-size: 110%;
	overflow:hidden;
	line-height:100%;
	font-weight:normal;
	color: #333333;
	background-image:url(../images/second/h2_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin: 20px 0 5px 0;
	padding: 10px 0 0 35px;
	clear:both;
}

h2 a {
	color: #333333;
}


h2 span, h3 span, h3.h3_etc span {
	color:#268C36;
	font-size:90%;
	font-family: Arial, Helvetica, sans-serif;
}


/* h3 Setting
------------------------------------------------------------------*/

h3{
	background-repeat:no-repeat;
	background-position:top left;
	font-size: 110%;
	overflow:hidden;
	line-height:100%;
	font-weight:normal;
	height:30px;
	padding: 8px 0 0 65px;
	clear:both;
	margin:10px 0;
}


h3.point1{
	background-image:url(../images/second/h3_point1.jpg);
}

h3.point2{
	background-image:url(../images/second/h3_point2.jpg);
}

h3.point3{
	background-image:url(../images/second/h3_point3.jpg);
}


h3.step1,h3.step2,h3.step3,h3.step4,h3.step5 {
	color:#72ae50;
}

h3.step1{
	background-image:url(../images/second/h3_step1.jpg);
}

h3.step2{
	background-image:url(../images/second/h3_step2.jpg);
}
h3.step3{
	background-image:url(../images/second/h3_step3.jpg);
}
h3.step4{
	background-image:url(../images/second/h3_step4.jpg);
}
h3.step5{
	background-image:url(../images/second/h3_step5.jpg);
}


h3.h3_green{
	background-image:none;
	padding:0;
	margin:0;
	height:auto;
}


h3.h3_etc{
	height:30px;
	font-size: 110%;
	overflow:hidden;
	line-height:100%;
	font-weight:normal;
	color: #333333;
	background-image:url(../images/second/h3_etc.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin-top: 20px;
	padding: 10px 0 0 20px;
	clear:both;
}
	

/* h2,h3 Setting
------------------------------------------------------------------*/
* html #main h2,* html #main h3{
	margin-bottom:10px;
}	


/* etc Setting
============================================================================== */


/*トップに戻るボタンの設定
--------------------------------*/
	
ul.button_topofpage{
	clear:both;
	float:right;
	list-style:none;
	margin:0;
	padding-top:20px;
}

ul.button_topofpage li {
	float:right;
	padding:0;
	width:130px;
	height:13px;
}
	
ul.button_topofpage li a{
	background-image:url(../images/common/button_topback.gif);
	background-repeat:no-repeat;
	background-position:0 -13px;
	width: 130px; 	/* for Win IE6 */
	height:13px;
	display: block;  
	text-indent: -9999px;  
	text-decoration: none;
/*	outline:none;*/
}

ul.button_topofpage li a:link, ul.button_topofpage li a:visited{
	background-image:url(../images/common/button_topback.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


/* button "More info" Image at hover Setting */
ul.button_topofpage li a:hover, ul.button_topofpage li a:active{
	background-image:url(../images/common/button_topback.gif);
	background-repeat:no-repeat;
	background-position:0 -13px;
}


/*画像を右側によせる設定
--------------------------------*/

.float_object{
	float:right;	
	width:auto;
	height:auto;
	margin:0 0 2em 1em;
	line-height:0;	/*プロパティの値を無効にする*/
}

p.paddingleft10{
	padding-left:10px;
}


/* 各ページの設定
============================================================================== */


/* index.html
------------------------------------------------------------------*/


ul#new{
	margin:10px 10px 0 10px;
}

/* IE6 */
*html ul#new{
	padding:0 0 10px 0;
}

#new li {
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 5px;
	text-indent: -1em;
	padding-left: 1em;
	line-height:200%;
}

#greenlease{
	background-image:url(../images/second/greenlease_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:450px;
}


/*system.html
------------------------------------------------------------------*/


/*お申し込みの流れの設定
-----------------------------------*/


/*お問い合わせボタンの設定*/

p.button_contact {
	padding:15px 0 0 170px;
}

p.button_contact a{
	display:block;
	width:180px;
	height:50px;
	background-image:url(../images/system/button_contact_on.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

p.button_contact a:hover {
	background-color:#FFFFFF;	/*for IE6*/
}

p.button_contact a:hover img{
	visibility:hidden;
}


/*下三角の設定*/

p.triangle {
	text-align:center;
	padding:10px 0;
}

/*注意事項の設定
-----------------------------------*/

ul.notes{
	text-indent:-1em;
	margin:0 0 0 1em;
	padding:0 0 0 1em;
}


/*グリーンリースプランの表の設定
-----------------------------------*/

table#table_leaseplan{
	width:235px;
	float:left;
	margin-top:10px;
	border-bottom:#999999 solid 1px ;
}

table#table_leaseplan td {
	border-top:#999999 solid 1px ;
	padding:5px 0;
}

table#table_leaseplan th {
	border-top:#999999 solid 1px ;
	font-weight:normal;
	padding:5px 0;
}

table#table_leaseplan td.price {
	text-align:right;
	padding-right:2px;
}


/*鉢カバーリースプランの表の設定
-----------------------------------*/

table#potcover_leaseplan {
	border-bottom:1px dotted #CCCCCC ;
	border-right:1px dotted #CCCCCC ;
	width:531px;
	margin:10px 0 5px 0;
}


table#potcover_leaseplan td{
	vertical-align:top;
	border-left:1px dotted #CCCCCC ;
	padding:0 10px;
}

table#potcover_leaseplan td.etc{
	border-top:1px dotted #CCCCCC;
 }


/* 商品名の指定*/

table#potcover_leaseplan th {
	border-top:1px dotted #CCCCCC ;
	border-left:1px dotted #CCCCCC ;
	text-align:center;
	margin:0;
	padding:10px 0;
	font-weight:bold;
	font-size:120%;
	color:#72ae50;
}

/* 画像の指定*/

table#potcover_leaseplan img{
	width:130px;
	border:none;
	text-align:center;
	margin:0 0 0 13px;
}

table#potcover_leaseplan td img{
	padding:0;
}


table#potcover_leaseplan td p{
	width:140px;
	padding:40px 0 0 0;
}


/* サイズと料金の指定*/

table#potcover_leaseplan dl{
	width:130px;
	padding:10px 0 10px 12px;
	font-size:90%;
	line-height:150%;
}

table#potcover_leaseplan dl dt{
	float:left;
	padding:0;
	width:6em;
	margin:0;
}

table#potcover_leaseplan dl dd{
	padding:0;
	margin:0 0 0 6em;
	text-align:right;
	margin:0;
}


/* company.html
------------------------------------------------------------------*/

dl#company{
	padding:10px 0 10px 10px;
	margin:0 0 10px 0;
	line-height:300%;
}

dl#company dt{
	margin:0;
	float:left;
	width:10em;
	text-indent:20px;
	background-image:url(../images/second/sankaku.gif);
	background-repeat:no-repeat;
	background-position:left center;
	border-bottom: 1px dotted #CCCCCC;
}

dl#company dd{
	margin: 0 0 0 10em;
	border-bottom: 1px dotted #CCCCCC;
}


/* contact.html
------------------------------------------------------------------*/

table#form{
	width:533px;
	margin-top:20px;
}

table#form p{
	line-height:200%;
}

table#form tr{
	line-height:300%;
}

table#form td{
	border-top: 1px dotted #CCCCCC;
	line-height:300%;
	padding:5px 0;
}

table#form th{
	border-top: 1px dotted #CCCCCC;
	font-weight:normal;
	text-indent:20px;
	background-image:url(../images/second/sankaku.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-right:10px;
	white-space:nowrap;
}

textarea, input{
	font-size:95%;
	line-height:150%;
}


/*お問い合わせフォームに戻るボタンの設定*/

p#button_form, p#button_home {
	float:left;
}

p#button_form{
	margin:20px 0 0 140px;
}

p#button_home{
	margin:20px 0 0 20px;
}

p#button_form a, p#button_home a{
	display:block;
	height:21px;
	background-position:0 0;
	background-repeat:no-repeat;
}

p#button_form a{
	background-image:url(../images/second/button_formOn.gif);
	width:139px;
}

p#button_home a{
	background-image:url(../images/second/button_homeOn.gif);
	width:68px;
}

p#button_form a:hover, p#button_home a:hover {
	background-color:#FFFFFF;	/*for IE6*/
}

p#button_form a:hover img, p#button_home a:hover img{
	visibility:hidden;
}