@charset "UTF-8";

@import url("../common/css/common.css");


/* .index */
.index h3{
	margin:0 0 20px 15px;
}
.index h4{
	margin-bottom:20px;
}
.index p{
	margin:0 0 20px 15px;
}
.index dl{
	float:left;
	padding-bottom:35px;
}
.index dl dt{
	font-size:0;
	line-height:0;
	margin-bottom:5px;
}
.index .point1,
.index .point3{
	width:212px;
}
.index .point1 dd{
	padding:0 7px 0 15px;
}
.index .point2{
	width:206px;
}
.index .point2 dd{
	padding:0 7px;
}
.index .point3 dd{
	padding:0 15px 0 7px;
}
.index .example{
	width:315px;
}
.index .example dt{
	width:300px;
	height:190px;
	background:url(../images/solar/index_exabg.jpg) no-repeat left top;
	padding:10px 0 0 15px;
}
.index .example dd{
	padding:0 15px;
}
.index .example dd span{
	font-size:14px;
	display:block;
}

/* .flow */
.flow .flow_box{
	width:628px;
	border:1px solid #dedede;
	margin-bottom:25px;
}
.flow h3{
	margin-left:14px;
}
.flow h4{
	padding-top:12px;
	margin-bottom:15px;
}
.flow p.bot{
	margin:0 0 10px 14px;
}
.flow .flow_boxinn{
	width:560px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	margin-left:14px;
	padding:28px 19px 25px 19px;
}
.flow .last{
	border-bottom:1px solid #dedede;
	padding-bottom:20px;
	margin-bottom:20px;
}
.flow .flow_boxinn dl{
	margin-bottom:16px;
}
.flow .flow_boxinn dl dt{
	float:left;
	width:170px;
	font-size:0;
	line-height:0;
}
.flow .flow_boxinn dl dd{
	float:right;
	width:370px;
	padding-top:5px;
}
.flow .flow_boxinn dl dd.oneg{
	padding-top:13px;
}
.flow .flow_boxinn ul{
	margin-left:15px;
}

/* .product */
.product p{
	margin-bottom:25px;
}
.product ul{
	margin-bottom:15px;
}
.product ul li{
	float:left;
	font-size:0;
	line-height:0;
}
.product ul li.ce{
	margin:0 30px;
}

/* .merit */
.merit p{
	margin:15px 0 20px 15px;
	width:420px;
}
.merit p.txt{
	font-size:10px;
	margin:0 0 15px 15px;
}
.merit p.tit{
	margin:0 0 25px 0;
	padding-top:10px;
}
.merit .box{
	width:600px;
	min-height:150px;
	height:auto !important;  
    height:150px;
	margin:0 0 35px 15px;
}
.merit .box h3{
	position:relative;
}
.merit .box h3 span{
	position:absolute;
	right:8px;
	top:8px;
}

.main .mb5{
	margin-bottom:5px;
}
.main .mb35{
	margin-bottom:35px;
}

/* .example_box */
.example_box {
	width:630px;
	clear:both;
}
.example_box .cont {
	width:630px;
	background:#e3eff6;
	padding:36px 0 32px 0;
	clear:both;
	margin-bottom:35px;
}
.example_box .cont .tit {
	padding:0 0 39px 36px;
}
.example_box .cont dl {
	width:160px;
	padding:0 0 0 39px;
}
.example_box .cont dl dt {
	font-size:0px;
	line-height:0;
}
.example_box .cont d dt img {
	vertical-align:baseline;
}
.example_box .cont dd {
	padding:3px 0 0 8px;
	line-height:1.4;
	font-size:11px;
	color:#000000;
}
.example_box .cont .btn_box {
	width:133px;
	float:right;
}
.example_box .cont .btn_box p {
	padding:3px 0 10px;
	position:relative;
}
.example_box .cont .btn_box p span {
	position:absolute;
	top:1px;
	left:-68px;
}
.example_box .cont .btn_box .ico {
	padding:6px 0 0 22px;
}
.example_box .cont .btn_box p span.stop {
	top:-3px;
}
.example_box .cont .btn_box2 {
	width:125px;
	padding:38px 13px 0 22px;
	float:left;
}
.example_box .cont .btn_box2 .ico {
	text-align:center;
	padding:0 0 6px 0;
}
.example_box .cont .btn_box2 .btn {
	padding:0 0 17px 0;
}
.example_box .cont .btn_box3 {
	width:122px;
	float:right;
	padding:40px 4px 0 0;
	position:relative;
}
.example_box .cont .btn_box3 .ico {
	text-align:right;
	padding:6px 12px 0 0;
}
.example_box .cont .btn_box3 .ico2 {
	position:absolute;
	top:245px;
	left:-51px;
}
.example_box .cont .btn_box3 .btn {
	text-align:right;
	padding:0 20px 6px 0;
}
.example_box .cont .btn_box3 .btn2 {
	position:absolute;
	top:143px;
	left:-84px;
}
.example_box .cont .btn_box4 {
	width:206px;
	float:left;
	overflow:hidden;
	padding:7px 0 0 0;
}
.example_box .cont .btn_box4 .ico {
	padding:0 0 6px 33px;
}
.example_box .cont .btn_box4 .btn {
	float:right;
	padding:5px 0 0 0;
}
.example_box .cont .btn_box4 .btn2 {
	float:left;
	padding:10px 0 0 29px;
}
.example_box .dateTxt {
	text-align:right;
	color:#444444;
	line-height:1.2;
	padding:0 10px 8px 0;
}
.example_box .listBox {
	width:626px;
	overflow:hidden;
	clear:both;
	padding:0 0 34px 4px;
}
.example_box .listBox .list {
	width:189px;
	padding:4px;
	float:left;
	margin:0 5px 8px 4px; 
	_margin:0 5px 8px 2px; 
	border:#dedede 1px solid;
}
.example_box .listBox .list div {
	width:190px;
	overflow:hidden;
	clear:both;
	background:#f1f1f1;
	height:auto!important;
	height:135px;
	min-height:135px;
}
.example_box .listBox .list p {
	background:#9567c4;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	line-height:23px;
	font-weight:bold;
}
.example_box .listBox .list p.sbg {
	background:#3d6dc0;
}
.example_box .listBox .list p.sbg2 {
	background:#1694eb;
}
.example_box .listBox .list p.sbg3 {
	background:#3ea3b8;
}
.example_box .listBox .list p.sbg4 {
	background:#78a937;
}
.example_box .listBox .list p.sbg5 {
	background:#47a689;
}
.example_box .listBox .list .photo {
	width:190px;
	position:relative;
	background:#ffffff;
}
.example_box .listBox .list .photo span {
	position:absolute;
	top:0;
	left:0;
}
.example_box .listBox ul {
	width:93px;
	float:left;
	padding:5px 0 0 0;
}
.example_box .listBox ul li {
	width:73px;
	padding:4px 2px 0 18px;
	*padding:0 2px 0 18px;
}
.example_box .listBox ul li a {
	display:block;
	background:url(../images/solar/example_ico.gif) no-repeat left 3px;
	color:#008c24;
	padding:0 0 0 13px;
	line-height:1.3;
}


#content .side .sidemenu.solar {
	margin-bottom:7px;
}
#content .side .sidemenu.solar li a {
	color:#0183a4;
}
/* .example_detail */
.example_detail {
	width:621px;
	clear:both;
	padding:2px 0 57px 9px;
}
.example_detail h3 {
	background:url(../images/solar/example_h3_bg.jpg) no-repeat right top;
	font-size:12px;
	padding:0 0 7px 0;
}
.example_detail h3.no2 {
	background:url(../images/solar/example_h3_bg2.jpg) no-repeat right top;
}
.example_detail h3 p {
	display:block;
	background:url(../images/solar/example_h3_ln.gif) no-repeat left top;
	padding:0 0 0 8px;
	font-size:14px;
	font-weight:bold;
}
.example_detail h3 span {
	padding:0 0 0 8px;
}
.example_detail .photo {
	background:url(../images/solar/example_detail_photo_bg.jpg) no-repeat left top;
	padding:5px 10px 10px 5px;
}
.example_detail ul {
	width:621px;
	overflow:hidden;
	clear:both;
}
.example_detail ul li {
	width:200px;
	position:relative;
	padding:5px 0 10px 5px;
	background:url(../images/solar/example_detail_img_bg.jpg) no-repeat left top;
	float:left;
	cursor:pointer;
}
.example_detail ul li span {
	position:absolute;
	top:5px;
	left:5px;
	display:block;
	background:#ffffff;
}
.example_box .detail_btn {
	text-align:right;
}
.pt0 {
	padding-top:0!important;
}
.pb0 {
	padding-bottom:0!important;
}
.pb5 {
	padding-bottom:5px!important;
}

.example_detail span.text2 {
	color:#000;
	text-align:left;
	font-size:12px;
	line-height:30px;
}

.example_detail span.text3 {
	color:#d00128;
	text-align:left;
	font-size:12px;
	line-height:30px;
	font-weight:bold;
}