@charset "Shift_JIS";

/*=============================================

	File name		:	flets_main.css

	//INDEX
		1 : PageName
		2 : PageName
		3 : PageName
		4 : PageName
		5 : PageName
		6 : PageName
		7 : PageName
		8 : PageName

=============================================*/


/*========================================
1 : Top Page
========================================*/

.topPage .flArea .form01{
width:410px;
float:left;
margin-bottom:10px;
}

.topPage .flArea .form01 dd{
height:362px;
background:url(../../img/bg_form_size01.jpg) 0 0 no-repeat;
text-align:center;
}

.topPage .flArea .form01 dd p{
padding-top:10px;
}

.topPage .flArea .boxR{
width:530px;
float:right;
}

.topPage .flArea .boxR .form02{
width:260px;
float:left;
}

.topPage .flArea .boxR .form03{
width:260px;
float:right;
}

.topPage .flArea .boxR .form02 dd,
.topPage .flArea .boxR .form03 dd{
height:172px;
background:url(../../img/bg_form_size02.jpg) 0 0 no-repeat;
text-align:center;
}

.topPage .flArea .boxR .form02 dd select,
.topPage .flArea .boxR .form03 dd select{
height:161px;
width:250px;
margin-top:5px;
}

.topPage .flArea .boxR .form04 dd,
.topPage .flArea .boxR .form05 dd{
height:42px;
background:url(../../img/bg_form_size03.jpg) 0 0 no-repeat;
text-align:center;
}

.topPage .flArea .boxR .form04 dd .w510{
width:510px;
margin-top:10px;
}

.topPage .flArea .boxR .form05 dd select{
width:509px;
margin-top:10px;
}

.topPage .meritArea{
height:150px;
margin-bottom:35px;
}

.topPage .meritArea li{
width:310px;
margin-right:10px;
float:left;
}

.topPage .meritArea li.last{
margin-right:0;
}

.topPage .leftColumnTop li{
width:93px;
height:37px;
margin:0 3px 5px 0;
float:left;
background:url(../../img/bg_tieup_frame.gif) 0 0 no-repeat;
padding:1px 0 0 0;
text-align:center;
}

/*---- re 201106 ----*/
.topPage .mainVisual{
/*background: url(/common/img/img_main4.jpg) no-repeat scroll center top transparent;
content: "";
display: block;
margin: 0 auto;*/
background-position: center;
background-repeat: no-repeat;
height: 490px;
}

.topPage .voiceColumn{
}

.topPage .voiceColumn h3{
margin-bottom:15px;
}

.topPage .voiceColumn li{
width:466px;
float:left;
margin-right:18px;
margin-bottom:15px;
}

.topPage .voiceColumn li .iconPerson{
width:66px;
float:left;
margin-top:20px;
}

.topPage .voiceColumn li .textVoice{
width:400px;
float:right;
background:url(../../img/bg_voice_top.gif) 0 0 no-repeat;
}

.topPage .voiceColumn li .textVoice p{
width:340px;
margin:10px 0 0 40px;
color:#6BA00C;
font-weight:bold;
}

.topPage .voiceColumn li .textVoice span{
font-size:10px;
color:#333333;
font-weight:normal;
}

.topPage .voiceColumn li .voiceBtm{
height:10px;
line-height:10px;
clear:both;
}

.topPage .voiceColumn .linkInterview{
text-align:center;
margin-bottom:50px;
clear:both;
}

.topPage .voiceColumn .linkInterview { /padding-top:15px; }


.topPage .voiceColumn .linkInterview p{
font-size:16px;
font-weight:bold;
background:url(../img/icon_arw_orange.gif) 0 8px no-repeat;
padding-left:25px;
text-align:left;
width:250px;
margin:0 auto;
}

.leadCopy {
  margin-top: 20px;
}

.topPage .zip-codeSearch li{
float:left;
display:block;
height:210px;
}

.topPage .zip-codeSearch li .zipStepInside{
padding-top:90px;
}

.topPage .map-search{
display:none;
}

/*- STEP 1 -*/
.topPage .zip-codeSearch li.zipStep1{
background:url(../../img/bg_zipsearch01.jpg) 0 0 no-repeat;
width:326px;
}

.topPage .zip-codeSearch li.zipStep1 .zipStepInside{
margin-left:25px;
}

.topPage .zip-codeSearch li.zipStep1 .zip-code1,
.topPage .zip-codeSearch li.zipStep1 .zip-code2{
height:30px;
line-height:30px;
font-size:22px;
}
.topPage .zip-codeSearch li.zipStep1 .zip-code1::-webkit-input-placeholder,
.topPage .zip-codeSearch li.zipStep1 .zip-code2::-webkit-input-placeholder{
  color: #888;
}
.topPage .zip-codeSearch li.zipStep1 .zip-code1:-ms-input-placeholder,
.topPage .zip-codeSearch li.zipStep1 .zip-code2:-ms-input-placeholder{
  color: #888;
}
.topPage .zip-codeSearch li.zipStep1 .zip-code1::-moz-placeholder,
.topPage .zip-codeSearch li.zipStep1 .zip-code2::-moz-placeholder{
  color: #888;
}
.topPage .zip-codeSearch li.zipStep1 .zip-code1{
width:90px;
}
.topPage .zip-codeSearch li.zipStep1 .zip-code2{
width:100px;
}
.topPage .zip-codeSearch li.zipStep1 .inputZipFont{
font-size:20px;
line-height:30px;
font-weight:bold;
}
.topPage .zip-codeSearch li.zipStep1 p{
margin-bottom:5px;
}

/*- STEP 2 -*/
.topPage .zip-codeSearch li.zipStep2{
background:url(../../img/bg_zipsearch02.jpg) 0 0 no-repeat;
width:326px;
}
.topPage .zip-codeSearch li.zipStep2 .zipStepInside{
margin-left:30px;
padding-top:100px;
}
.topPage .zip-codeSearch li.zipStep2 p{
margin-bottom:10px;
}

/*- STEP 3 -*/
.topPage .zip-codeSearch li.zipStep3{
background:url(../../img/bg_zipsearch03.jpg) 0 0 no-repeat;
width:297px;
text-align:center;
}

.topPage .zip-codeSearch li.zipStep3 .zipStepInside{
margin:0 auto;
}


.topPage .meritAreaW{
margin-bottom:50px;
}

.topPage .meritAreaW li{
margin-bottom:8px;
clear:both;
float:none;
height:82px;
background:none;
}

.zip-codeSearch .whatZip{
  font-size: 12px;
}

/* 郵便番号を一つの入力ボックス（分割されているinputは隠す） */
.zipCodeDesign .mitsumoritxtwrap-input{
  display: none;
}
.zip-codeSearch.zipCodeDesign .mainZipcodeWrap{
  display: block;
}
.zip-codeSearch.zipCodeDesign .mainZipcode{
  font-size: 22px;
  padding: 4px 2px;
  background-color: #F6B46B;
  width: 200px;
  border: 1px solid #999;
  border-radius: 2px;
}
.zip-codeSearch.zipCodeDesign .zip_rei{
  color: #666;
  padding-left: 22px;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0 !important;
}
.zip-codeSearch.zipCodeDesign .zip_rei span{
  font-weight: bold;
}
.zip-codeSearch.zipCodeDesign .whatZip{
  font-size: 12px;
   padding-left: 22px;
}
.zip-codeSearch.zipCodeDesign li .zipStepInside{
padding-top:85px;
}


/* .zipCodeDesignがついていない時は分割された郵便番号のデザイン */
.zip-codeSearch .mainZipcodeWrap{
  display: none;
}

.topPage .infoArea{
/* margin-bottom:50px; */
background:url(../img/bar_dot_gray.gif) 0 100% repeat-x;
padding-bottom:8px;
}

.topPage .infoArea dl{
}

.topPage .infoArea dl:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.topPage .infoArea dl{
min-height: 1px;
background:url(../img/bar_dot_gray.gif) 0 0 repeat-x;
padding-top:8px;
margin-bottom:8px;
}

* html .topPage .infoArea dl{
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

.topPage .infoArea dt{
width:110px;
float:left;
font-size: 12px;
}

.topPage .infoArea dd{
width:570px;
float:right;
}

.topPage .btnMoreCorp{
	text-align:right;
}

.topPage .btnMoreCorp p{
	background:url(../img/icon_arw_orange.gif) 0 5px no-repeat;
	padding-left:25px;
	clear:both;
	width:200px;
	text-align:left;
	display:inline;
}



/*========================================
2 : Mail Magazine
========================================*/

.mailMagazine .leftColumn .magazineForm{
margin-bottom:20px;
}


/*========================================
3 : Form Page
========================================*/

.formPage .setTable{
margin-bottom:30px;
}

.formPage .fix th{
width:200px;
}

.formPage .fix td{
width:630px;
}

.formPage .setTable table{
/* width:830px; */
width:950px;
background-color:#DADAD8;
}

.formPage .setTable td{
padding:10px;
background-color:#FFFFFF;
}

.formPage .setTable td.bg,
.formPage .setTable th{
background-color:#EEEEEE;
border:#FFFFFF solid 1px;
text-align:left;
padding:10px;
}

.formPage .setTable td.nowrap{
white-space:nowrap;
}

.formPage .setTable td .caption img{
vertical-align:middle;
float:right;
}

.formPage .setTable td .sub{
background:url(../img/line_dot_gray.gif) 0 100% repeat-x;
margin-bottom:8px;
}

.formPage .setTable td .sub .txtL,
.formPage .setTable td .subNone .txtL{
width:220px;
float:left;
margin-bottom:8px;
}

.formPage .setTable td .sub .txtR,
.formPage .setTable td .subNone .txtR{
width:370px;
float:right;
margin-bottom:8px;
}

.formPage .setTable td .subNone{
background:none;
margin:0;
}

.formPage .setTable td .subNone .txtL,
.formPage .setTable td .subNone .txtR{
margin:0;
}

.formPage .setTable td .imgList li{
width:100px;
float:left;
margin-bottom:10px;
}

.formPage .setTable td .imgList2 li{
width:105px;
float:left;
margin-bottom:10px;
}

/*----- Confirm -----*/
.formPage .confirmFix .left{
width:20%;
text-align:center;
}

.formPage .confirmFix .right{
width:70%;
}

.formPage .confirmFix td .sub .txtL,
.formPage .confirmFix td .subNone .txtL{
width:100px;
}

.formPage .confirmFix td .sub .txtR,
.formPage .confirmFix td .subNone .txtR{
width:370px;
float:left;
}

.formPage td iframe{
border:#CCCCCC solid 1px !important;
}

.formPage .cautionBox{
border:#DADAD8 solid 1px;
background-color:#EEEEEE;
text-align:center;
margin-bottom:30px;
}

.formPage .cautionBox .detail{
width:750px;
text-align:left;
margin:20px auto;
}

.formPage .cautionBox .detail .title{
background:url(../img/icon_caution.jpg) 0 2px no-repeat;
font-weight:bold;
color:#CC0000;
padding-left:20px;
margin-bottom:10px;
}

.formPage .btnCompBox{
text-align:center;
margin-bottom:20px;
}

.formPage .btnCompBox li{
display:inline;
}


/*----- iframe Privacy Policy -----*/
#privacyFrame{
width:760px;
text-align:left;
margin-bottom:20px;
margin-left:10px;
}

#privacyFrame .column{
margin-bottom:20px;
}

#privacyFrame h3{
font-weight:bold;
font-size:14px;
margin-bottom:5px;
}

#privacyFrame .leadTxt{
background:url(../img/line_dot_gray.gif) 0 100% repeat-x;
padding-bottom:15px;
margin-bottom:15px;
}

#privacyFrame .privacyList{
margin-bottom:30px;
}

#privacyFrame .privacyList li{
list-style-type:disc !important;
list-style-position:inside !important;
padding-left:15px;
text-indent:-12px;
margin-bottom:10px;
}

#privacyFrame .privacyListNum li{
list-style-type:decimal !important;
list-style-position:inside !important;
padding-left:20px;
text-indent:-20px;
margin-bottom:5px;
}

#privacyFrame .endTxt{
background:url(../img/line_dot_gray.gif) 0 0 repeat-x;
text-align:right;
padding-top:15px;
}



/*========================================
4 : About
========================================*/

.aboutPage .flowBox{
margin-bottom:10px;
padding-bottom:10px;
background:url(/img/bg_flow.gif) 0 100% no-repeat;
}

.aboutPage .flowBox p{
margin-bottom:10px;
}

.aboutPage .flowBox .text{
margin-left:75px;
margin-bottom:0;
}

.aboutPage .lastBox{
margin-bottom:40px;
}


/*========================================
4 : Solar System
========================================*/

/* ----- Cost -----*/
.solarPage .pointBox{
background:url(../img/bg_green_top.gif) 0 0 no-repeat;
text-align:center;
}

.solarPage .pointBox .detail{
width:600px;
margin:0 auto;
text-align:left;
padding-top:15px;
}

.solarPage .costList{
margin-bottom:25px;
}

.solarPage .costList li{
background:url(../img/icon_star.gif) 0 2px no-repeat;
padding-left:18px;
margin-bottom:5px;
}

.solarPage .costList li p{
margin-bottom:0px !important;
}

.solarPage .costList li .title{
width:130px;
float:left;
}

.solarPage .costList li .text{
width:470px;
float:left;
}

.solarPage .setTable{
width:630px;
margin-bottom:20px;
}

.solarPage .setTable table{
width:630px;
background-color:#DADAD8;
}

.solarPage .setTable td{
padding:5px;
background-color:#FFFFFF;
text-align:center;
}

.solarPage .setTable td.left{
text-align:left;
}

.solarPage .setTable th{
background-color:#EEEEEE;
border:#FFFFFF solid 1px;
text-align:center;
padding:5px;
font-weight:bold;
}

/* ----- Flow -----*/
.solarPage .flowList{
margin-bottom:20px;
}

.solarPage .flowList li{
list-style-type:decimal !important;
list-style-position:inside !important;
padding-left:20px;
text-indent:-20px;
margin-bottom:5px;
}

/* ----- Manufacturer -----*/
.solarPage .manuList{
margin-bottom:20px;
}

.solarPage .manuList li{
background:url(../img/icon_star.gif) 0 2px no-repeat;
padding-left:18px;
margin-bottom:5px;
}

/* ----- Glossary -----*/
.solarPage .glossary .box{
margin-bottom:30px !important;
}


/*========================================
4 : Corporate
========================================*/

.corporatePage .membersList dl{
background:url(../img/line_dot_gray.gif) 0 100% repeat-x;
}

.corporatePage .membersList dl dt{
width:160px;
float:left;
margin:10px 0;
}

.corporatePage .membersList dl dd{
width:500px;
float:right;
margin:10px 0;
}

.corporatePage .membersList dl dd .detail{
background:url(../img/line_dot_gray.gif) 0 100% repeat-x;
margin-top:10px;
padding-bottom:10px;
}

.corporatePage .membersList dl dd .detailTop{
background:url(../img/line_dot_gray.gif) 0 100% repeat-x;
margin-top:0;
padding-bottom:10px;
}

.corporatePage .membersList dl dd .detailLast{
background:none;
margin-top:10px;
padding-bottom:0;
}

.corporatePage .membersList dl dd .detail .title,
.corporatePage .membersList dl dd .detailTop .title,
.corporatePage .membersList dl dd .detailLast .title{
width:150px;
float:left;
}

.corporatePage .membersList dl dd .detail .text,
.corporatePage .membersList dl dd .detailTop .text,
.corporatePage .membersList dl dd .detailLast .text{
width:280px;
float:left;
}


/*========================================
4 : Ads
========================================*/

.adsPage{
}


/*========================================
4 : Rules
========================================*/

.rulesPage{
}


/*========================================
4 : Privacy Policy
========================================*/

.privacyPage .leadTxt{
background:url(../img/line_dot_gray.gif) 0 100% repeat-x;
padding-bottom:15px;
margin-bottom:15px;
}

.privacyPage .privacyList{
margin-bottom:30px;
}

.privacyPage .privacyList li{
list-style-type:disc !important;
list-style-position:inside !important;
padding-left:15px;
text-indent:-12px;
margin-bottom:10px;
}

.privacyPage .privacyListNum li{
list-style-type:decimal !important;
list-style-position:inside !important;
padding-left:20px;
text-indent:-20px;
margin-bottom:5px;
}

.privacyPage .endTxt{
background:url(../img/line_dot_gray.gif) 0 0 repeat-x;
text-align:right;
padding-top:15px;
}


/*========================================
4 : Sitemap
========================================*/

.sitemapPage .column{
margin-bottom:10px !important;
}

.sitemapPage .mapList li{
background:url(../img/icon_arw_green.gif) 0 4px no-repeat;
width:330px;
float:left;
text-indent:25px;
margin-bottom:15px;
}


/*========================================
4 : Faq
========================================*/

.faqPage .box{
margin-bottom:30px !important;
}


/*========================================
4 : Complete
========================================*/

.completePage .completeBox h3{
margin-bottom:20px;
}

.completePage .completeBox .cautionBox{
background:url(../img/bg_green_top.gif) 0 0 no-repeat;
text-align:center;
}

.completePage .completeBox .cautionBox .detail{
width:600px;
margin:0 auto;
text-align:left;
padding-top:15px;
}

.completePage .completeBox .cautionBox .detail .title{
background:url(../img/icon_caution.jpg) 0 2px no-repeat;
font-weight:bold;
color:#CC0000;
padding-left:20px;
margin-bottom:10px;
}

/*========================================
4 : Service
========================================*/
.servicePage .captionData{
margin-bottom:10px;
}

.servicePage .sub{
font-size:16px !important;
}

.servicePage .captionData .photo{
width:285px;
float:left;
}

.servicePage .captionData .photo span{
font-size:10px;
}

.servicePage .captionData .text{
width:360px;
float:right;
}

.servicePage .captionData table{
width:360px;
}

.servicePage .captionData table th{
white-space:nowrap;
text-align:left;
vertical-align:top;
font-weight:normal;
background-color:#F0F5E6;
padding:7px;
}

.servicePage .captionData table td{
white-space:nowrap;
padding:7px;
border-bottom:#F0F5E6 solid 1px;
}

.servicePage .iconDetail,
.leftColumn .iconDetail{
margin-bottom:10px;
font-size:10px;
}

.servicePage .iconDetail .icnClient,
.leftColumn .iconDetail .icnClient{
background:url(../../service/img/icn_client.jpg) 0 0 no-repeat;
height:23px;
float:left;
padding-left:20px;
margin-right:10px;
padding-top:5px;
}

.servicePage .iconDetail .icnTainavi,
.leftColumn .iconDetail .icnTainavi{
background:url(../../service/img/icn_tainavi.jpg) 0 0 no-repeat;
height:23px;
float:left;
padding-left:20px;
padding-top:5px;
}

.servicePage .intBox{
margin-bottom:20px;
}

.servicePage .intBox .iconL{
width:30px;
float:left;
}

.servicePage .intBox .detailR{
width:620px;
float:right;
}

.servicePage dl{
margin-bottom:10px;
}

.servicePage dl dt{
background:url(../../service/img/icn_tainavi_l.jpg) 0 0 no-repeat;
padding-left:40px;
padding-bottom:15px;
font-weight:bold;
padding-top:5px;
}

.servicePage dl dd{
background:url(../../service/img/icn_client_l.jpg) 0 0 no-repeat;
padding-left:40px;
padding-top:5px;
padding-bottom:15px;
}

.servicePage .captionTxt{
border:#6BA10C solid 3px;
background-color:#F0F5E6;
text-align:center;
padding-top:20px;
margin-bottom:10px;
_padding-bottom:20px;
}

.servicePage .captionTxt p{
width:580px;
margin:0 auto 20px auto;
text-align:left;
}

.servicePage .captionTxt p.cRight{
text-align:right;
}

.servicePage .captionTxtS{
font-size:10px;
margin-bottom:30px;
}
.tdipt_wf {
width:90px;
float:left;
}
.tdipt_wf_2 {
width:140px;
float:left;
}
.tdipt_wf_3 {
width:185px;
float:left;
}
.tdipt_wf_4 {
width:240px;
float:left;
}
.tdipt_wf_5 {
width:260px;
float:left;
}
.tdipt_wf_6 {
width:205px;
float:left;
}
.clear {
clear:both;
}

a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

.require, .require_in {
background:#FFDDDD !important;
}
.count {
position:fixed;
left:0;
top:50px;
width:184px;
padding:10px 0;
background:rgba(255,255,255,0.9);
border:1px solid #7AAA23;
border-radius:10px;
text-align:center;
font-size:12px;
}
.count .redCount {
color:#FF0000;
}
.count .numberCount {
font-size:20px;
}
.count .orangeCount {
color:#FF6600;
}
.tooltipList {
  position:relative;
}
.tooltip {
background:#FFF;
border:1px solid #76A620;
border-radius:5px;
color:#000;
display:none;
left:10px;
padding:15px;
position:absolute;
width:300px;
font-size:12px;
}
.tooltip:after {
position:absolute;
left:20px;
bottom:-10px;
content:"";
width:10px;
height:10px;
background:url(/img/icon_arrow.png) no-repeat 0 0;
}
#FormAssist_submit01, #FormAssist_submit02 {
  display:none;
}