@charset 'utf-8';


/*----------------------------------------------------
    Add 2016.3 Renewal
	作業時はstep_styleから切り取って
	随時足していくようにしてください。
----------------------------------------------------*/


#topImage { height: 210px; }

#topImage_cap{
	width: 950px;
	margin: 0 auto 10px;
	padding-top: 5px;
	position: relative;
	overflow: hidden;
	font-size: 85%;
}

a.blank {
	padding: 0 2em 0 0;
	background-image: url("/cms/sun/images/suffix-blank.png");
	background-position: right center;
	background-repeat: no-repeat;
}

.subContents table {
	line-height: 120%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0em 0 1em 0;
	width: 100%;
}
.subContents table td {
	text-align: center;
	font-size: 93%;
	padding: 6px 10px 6px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.subContents table th.orange {
	text-align: center;
	font-size: 93%;
	padding: 6px 10px 6px 10px;
	background: #fee290;
	border: 1px solid #999;
	color: #000;
}


/* --------------------------------
	about
---------------------------------*/
.aboutWrap{
	width: 644px;
	margin-left: 7px;
}

.aboutWrap h4{
	margin: 40px 0 0 0;
}

.aboutCon {
	padding: 0 0 0 38px;
}

.about_textbox {
    padding: 7px 0 0 0;
}

.about_textbox p{
    font-size: 108%;
    line-height: 1.5;
    padding: 5px 0 4px 0;
}

.aboutLinkBtn {
	width: 294px;
	float: right;
	display: inline;
    padding: 12px 0 0 0;
}



/* --------------------------------
	sunvista_member
---------------------------------*/
.lowCon_member h3 {
    margin: 13px 0 0 0;
	border-bottom: 1px solid #000;
	font-size: 120%;
	font-weight: bold;
}




/* --------------------------------
	sales_contact
---------------------------------*/
.salesBase h4 {
	font-size: 110%;
	margin: 20px 0 5px 0;
}

.salesBase table th{
	font-size: 112%;
	font-weight: bold;
    text-align: center;
    padding: 10px 10px 6px 10px;
    border: 1px solid #aaa;
}

.salesBase table td{
    padding: 10px 10px 6px 10px;
    border: 1px solid #aaa;
}

/* 表_SESJ */

.salesBase table th.basename{
	width: 20%;
	background-color: #d4eceb;
}

.salesBase table td.basename{
	background-color: #ebf6f5;
	font-size: 108%;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
}

.salesBase table th.phone{
	width: 25%;
	background-color: #fff4cd;
}

.salesBase table td.phone{
	background-color: #fffeee;
	font-size: 108%;
	text-align: center;
	padding-right:17px;
}

.salesBase table th.address{
	width: 40%;
	background-color: #d9d9d9;
}

.salesBase table td.address{
	background-color: #fff;
	text-align: left;
	padding-left:15px;
}

.salesBase table th.pcode{
	width: 15%;
	background-color: #d9d9d9;
}

.salesBase table td.pcode{
	background-color: #fff;
	text-align: center;
}

/* 表_沖縄S */

.salesBase table th.basename2{
	width: 20%;
	background-color: #d4eceb;
}

.salesBase table td.basename2{
	background-color: #ebf6f5;
	font-size: 108%;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
}

.salesBase table th.phone2{
	width: 32%;
	background-color: #fff4cd;
}

.salesBase table td.phone2{
	background-color: #fffeee;
	font-size: 108%;
	text-align: center;
	padding-right:17px;
}

.salesBase table th.address2{
	width: 33%;
	background-color: #d9d9d9;
}

.salesBase table td.address2{
	background-color: #fff;
	text-align: left;
	padding-left:15px;
}

.salesBase table th.pcode2{
	width: 15%;
	background-color: #d9d9d9;
}

.salesBase table td.pcode2{
	background-color: #fff;
	text-align: center;
}


/* --------------------------------
	faqs
---------------------------------*/
.lowCon_faqs {
    margin: 13px 0 0 0;
}

.lowCon_faqs h4 {
	font-size: 16px;
	padding: 10px 0 0 0;
}

.lowCon_faqs .lowTitle {
	width: 630px;
	font-weight: normal;
	font-size: 120%;
}

.lowCon_faqs .lowTitle a:link,
.lowCon_faqs .lowTitle a:focus,
.lowCon_faqs .lowTitle a:visited {
	color: #000;
	text-decoration: none;
}

.lowCon_faqs .lowTitle a:hover,
.lowCon_faqs .lowTitle a:active {
	color: #0C5C94;
}

.lowCon_faqs #accordion2{
	width:630px;
	 margin:50px auto;
	 border-top:none;
	}
.lowCon_faqs .accordion2{
	width:630px;
	 color:#555;
	}
.lowCon_faqs .accordion2 .op{
	background-color:#444;
	background-image:url(/sunvista/common/images/background-h6.png);
	}

.lowCon_faqs .titlecolor{
	color: #005bac;
	}

.lowCon_faqs .title_large{
	font-family: meiryo, メイリオ, 'Hiragino Kaku Gothic', ヒラギノ角ゴ, 'MS P Gothic', 'ＭＳ Ｐゴシック', Verdana, Geneva, Arial, sans-serif;
	font-size: 150%;
	}

.lowCon_faqs .title_large.fl + span{
	display:block;
	overflow: hidden;
}

/* --------------------------------
	maintenance
---------------------------------*/
.lowCon_maintenance {
    margin: 13px 0 0 0;
}

.lowCon_maintenance h4 {
	font-size: 16px;
	padding: 10px 0 0 0;
}

.lowCon_maintenance img {
	margin: 10px 0 10px 0;
}

.list_circle li{
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.list_circle li:not(:last-child){
	margin-bottom: 1em;
}

.list_circle li:before {
	content: "●";
	padding-right: .5em;
}

/* --------------------------------
	request_information
---------------------------------*/
.lowCon_request {
    margin: 13px 0 0 0;
}

.lowCon_request h4 {
	font-size: 120%;
	padding: 10px 0 0 0;
    line-height: 1.8;
    text-align: center;
}

.request_rule {
    margin: 13px 0 0 0;
    background: #f0f0f0;
    padding: 5px 10px 20px 32px;
}

.request_rule li {
	list-style-type: decimal;
	margin-top: 1.5em;
	line-height: 1.5;
}

.rule_lineL {
	margin-top: 10px;
	padding-left: 10px;
	border-left: 1px solid #000;
}



/* --------------------------------
	contribition
---------------------------------*/
#pickup {
	width :630px;
	margin:20px 0px 30px 0px;
	text-align: center;
	/* background: url('/cms/sun/images/contribution_bg.png') top center; */
	background: #f5f2e9;
}
#pickup p {
	color: #FFF;
	height: 26px;
	font-size: 120%;
	line-height: 28px;
}
#pickup img {
	margin: 20px 0 30px;
}



/* --------------------------------
	subsidy
---------------------------------*/
.s1_subsidy_top_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 32px;
	margin-left: -181px;
}
.subsidy_news {
	padding: 10px 0;
}
.subsidy_news h4 {
	font-size: 108%;
	padding: 10px 0px 0 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.subsidy_news dl {
	width: 608px;
	padding-top: 4px;
	padding-left: 20px;
	line-height: 1.8em;
	overflow: hidden;
}
.subsidy_news dt {
	width: 128px;
	border-bottom: 1px dashed #cdcdcd;
	clear: both;
	float: left;
	display: block;
	text-align: left;
}
.subsidy_news dd {
	width: 480px;
	float: right;
	display: block;
	border-bottom: 1px dashed #cdcdcd;
}

/* news */
.news_time {
	margin-bottom: 10px;
	padding-left: 10px;
	background: #fcfff3 url('/cms/sun/images/subsidy_news_bg.png') left bottom no-repeat;
	line-height: 36px;
	font-size: 138%;
	font-weight: bold;
	color: #333333;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	vertical-align: middle;
}

/* --------------------------------
	ecology
---------------------------------*/
/* 前のページへ、次のページへ */
.prevbtn{
	text-align:left;
	background: url('/cms/sun/images/voice_btn_prev.png') no-repeat left center;
	padding: 12px 0 12px 20px;
}
.nextbtn{
	text-align:right;
	background: url('/cms/sun/images/voice_btn_next.png') no-repeat right center;
	padding: 12px 20px 12px 0;
}
/* float使うと、IE6,7でhover時になぜか外の枠が広がってしまうのでposition:absoluteで並べる */
#pagebox { position: relative; height: 44px; margin: 30px auto 50px; }
#pagebox .prevbtn{ background-color: #ffffff; position: absolute; top: 0; left: 0;  }
#pagebox .nextbtn{ background-color: #ffffff; position: absolute; top: 0; right: 0; }
/*
#pagebox { margin: 30px auto 50px; }
#pagebox .prevbtn{ background-color: #ffffff; float: left; }
#pagebox .nextbtn{ background-color: #ffffff; float: right; }
*/



/* --------------------------------
	principle
---------------------------------*/
.st_principle{
	font-weight: bold;
	font-size: 104%;
	clear: both;
	letter-spacing: 0.1em;
	line-height: 1.6;
	margin: 0 0 20px 0;
}



#content-column table {
	line-height: 120%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0em 0 1em 0;
	width: 100%;
}
#content-column table th {
	text-align: center;
	font-size: 93%;
	padding: 6px 10px 6px 10px;
	background: #1583d7;
	border: 1px solid #1373bd;
	color: #fff;
}
#content-column table td {
	text-align: center;
	font-size: 93%;
	padding: 6px 10px 6px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#content-column table.sumi th {
	background: #999;
	border: 1px solid #808080;
}

.even{
	background-color:#E6E6E6;
}