@charset "utf-8";
/* CSS Document */

.contents {
    width: 900px;
}

h1 img, h2 img {
   vertical-align:bottom
}

/* #cslpHeader －－－－－－－－－－ */
#cslpHeader{	padding-top:10px;}
#cslpHeader ul{
	background-color:#000;
	overflow:hidden;
	padding: 4px 0 15px 16px;
}
#cslpHeader li{
	background:url(../images/index_bg001.png) no-repeat 0 0;
	width:283px;
	height:140px;
	float:left;
	margin: 11px 11px 0 0;
	text-align:center;
	font-weight:bold;
	font-size:21px;
	line-height:1.3;
}
#cslpHeader li p{
	width:183px;
	padding-left:100px;
}
#cslpHeader .first p{	background:url(../images/index_ic001.png) no-repeat 10px 50%; padding-top: 25px; height:115px;}
#cslpHeader .second p{	background:url(../images/index_ic002.png) no-repeat 10px 50%; padding-top:30px; height:110px;}
#cslpHeader .last p{	background:url(../images/index_ic003.png) no-repeat 10px 50%; padding-top:40px; height: 100px; padding-left:113px; width:170px;}
#cslpHeader li strong{
	color:#ff6000;
	font-weight:bold;
	font-size:30px;
}
#cslpHeader li small{	font-size:14px;}
#cslpHeader .first strong{	font-size:25px;}
#cslpHeader .first strong span{	font-size:34px;}
#cslpHeader .repletion{
	background-color:#000;
	color:#FFF;
	font-size:11px;
	padding-left:130px;
}


/* #enquiry －－－－－－－－－－ */
.more{
	text-align:center;
	margin:0 0 18px;
}
.enquiry {
    width: 865px;
    margin: 0 auto 65px;
    padding: 0 0 15px;
}
.enquiry ol{
	text-align:center;
	padding:8px 0 17px;
}
.enquiry li{
	display:inline;
	margin:0 12px;
}
.enquiry .btnLink a{
	display:block;
	background:url(../images/index_bt001_on.png) no-repeat 0 0;
	width:665px;
	height:113px;
	margin: 10px auto 0;
}
.enquiry .btnLink a:hover{	text-indent: -9999px;}
.enquiry .repletion{
	padding: 7px 0 20px 104px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	width: 665px;
}
#enquiry01{
	margin-bottom:30px;
	padding:0 16px 0 19px;
	background: url(../images/index_bg002.png) repeat-y 19px 0 #FED800;
}
#enquiry01 .repletion{
	background: url(../images/index_bg003.png) no-repeat -19px bottom;
	padding: 7px 0 45px 104px;
	text-align: left;
}


#enquiry01 .btnLink a{
	display:block;
	background:url(../images/index_bt001_on.png) no-repeat 0 0;
	width:665px;
	height:113px;
	margin:10px auto 0;
}

.enquiry_first {
	background: #FEDA00;
}

.enquiry_inner {
	background: url(/lp/images/li/index_bg002.png) no-repeat 0 bottom;
	padding: 10px 0;
}


/* #cslpRecommend －－－－－－－－－－ */
#cslpRecommend{
	width: 900px;
	margin:0 auto 53px;
	overflow:hidden;
}
#cslpRecommend h2{	margin:0 0 8px;}
#cslpRecommend .pic{
	float:right;
	margin:0 15px 0 0;
}
#cslpRecommend ul{
	float:left;
	width: 490px;
	padding-top:30px;
}
#cslpRecommend li{
	background:url(../images/index_ic004.png) no-repeat 0 0;
	padding-left:50px;
	margin-bottom:15px;
	margin-left:15px;
}
#cslpRecommend li p{
	background:url(../images/index_bg004.png) repeat-x 0 bottom;
	line-height:45px;
	color:#ff6000;
	font-size:18px;
	font-weight:bold;
	text-indent:5px;
}
#cslpRecommend li.lastChild{
	background:none;
	padding-top:7px;
}

/* #cslpPoint －－－－－－－－－－ */
#cslpPoint{
	margin:0 auto 36px;
	width:900px;
}
#cslpPoint h2{	margin:0 0 20px;}
#cslpPoint dl{
	width:640px;
	padding:0 0 0 220px;
	margin:0 auto 20px;
	border-bottom:dotted 2px #000;
}
#cslpPoint .point1{	background:url(../images/index_ti005.png) no-repeat 20px 0;}
#cslpPoint .point2{	background:url(../images/index_ti006.png) no-repeat 20px 0;}
#cslpPoint .point3{	background:url(../images/index_ti007.png) no-repeat 20px 0;}
#cslpPoint dt{
	font-size:26px;
	padding:40px 0 0;
	margin-bottom:15px;
	line-height:1.3;
}
#cslpPoint .point1 dt{	padding:40px 0 0;}
#cslpPoint .point2 dt{	padding:15px 0 0;}
#cslpPoint .point3 dt{	padding:30px 0 0;}
#cslpPoint .point1 dd{	margin-bottom:50px;}
#cslpPoint .point2 dd{	margin-bottom:30px;}
#cslpPoint .point3 dd{	margin-bottom:60px;}
#cslpPoint .point2 dd a{
	display:block;
	margin-top:10px;
	background:url(../images/index_bt002_on.png) no-repeat 0 0;
	width:287px;
	height:49px;
}
#cslpPoint .point2 dd a:hover{	text-indent:-9999px;}

/* #cslpExample －－－－－－－－－－ */
#cslpExample{
	width:900px;
	margin:0 auto 66px;
	background:url(../images/index_bg009.png) repeat 0 0;
}
#cslpExample .inner{
	background:url(../images/index_bg010.png) no-repeat 0 bottom;
	padding-bottom:45px;
}
#cslpExample h2{	margin: 0 0 16px;}
#cslpExample .unit{
	width:803px;
	margin:0 auto 17px;
	background: url(../images/index_bg007.png) repeat 0 0;
}
#cslpExample h3{ margin:0 0 14px;}

#cslpExample h3.result_s {
	margin-left:15px;
	margin-bottom: 5px !important;
	font-size:160%;
	font-weight:bold;
	color:#f08300;
}

#cslpExample .pic{
	float:left;
	margin:0 26px 28px 41px;
}
#cslpExample .txt{
	width:450px;
	float:left;
	font-size:16px;
}
#cslpExample .txt strong{
	color:#fe7e00;
	font-weight:bold;
}
#cslpExample .unit .total1{
	clear:both;
	padding:0 0 33px;
	text-align:center;
	background:url(../images/index_bg008.png) no-repeat 0 bottom;
}
#cslpExample .unit .price{
	clear:both;
	padding:0 0 33px;
	text-align:center;
	background:url(../images/index_bg008.png)
no-repeat 0 bottom;
}


/*　　シミュレーター　　
---------------------------------------*/
#cslpExample .unit .simulator {
	margin: 0 15px 28px 15px;
	background: #fafae6;
	border: 4px solid #898989;
	position: relative;
}

#cslpExample .unit .resulttext {
	margin: 0 0px 15px 15px;
}

#cslpExample .unit .resulttext2 {
	/*margin: 0 0px 15px 15px;*/
	padding:15px;
	background:url(../images/index_bg008.png) no-repeat 0 bottom;
}

#cslpExample .unit .simulator_bg {
	position: absolute;
	left: 503px;
	bottom: 0;
}

#cslpExample .unit .simulator .detail {
	margin: 0 085px 028px 085px;
	zoom: 1;
	clear: both;
}

/* IE 6 */
* html #cslpExample .unit .simulator .ie {
	width: 500px;
	clear: both;
	margin-bottom: 20px;
}

/* IE 7 */
*:first-child+html #cslpExample .unit .simulator .ie {
	width: 550px;
	clear: both;
	margin-bottom: 20px;
}

#cslpExample .unit .simulator .detail .text {
	width: 323px;
	float: left;
	text-align: right;
	margin-right: 9px;
	margin-bottom: 0px;
}

#cslpExample .unit .simulator .detail .textend {
	width: 323px;
	float: left;
	text-align: right;
	margin-right: 9px;
	margin-bottom: 42px;
}

/* IE 6 */
* html #cslpExample .unit .simulator .detail .textend {
	margin-bottom: 20px;
}

/* IE 7 */
*:first-child+html #cslpExample .unit .simulator .detail .textend {
	margin-bottom: 20px;
}
@-moz-document url-prefix() { .simulator .detail .text {
	width: 263px;
	float: left;
	text-align: right;
	margin-right: 9px;
	margin-bottom: 15px;
} }

#cslpExample .unit .simulator .detail .text p,
#cslpExample .unit .simulator .detail .textend p,
#cslpExample .unit .simulator .detail .listarea select {
	margin-top: 30px;
}

#cslpExample .unit .simulator .detail .text p.top,
#cslpExample .unit .simulator .detail .textend p.top,
#cslpExample .unit .simulator .detail .listarea select.top {
	margin-top: 0;
}

#cslpExample .unit .simulator .detail .text span,
#cslpExample .unit .simulator .detail .textend span {
	font-size: 100%;
}


#cslpExample .unit .simulator .detail .listarea {
	width: 205px;
	float: left;
}

#cslpExample .unit .simulator .detail .bt {
	width: 174px;
	margin: 0 auto;
	float: none;
	clear: both;
}

#cslpExample .unit .result {
	overflow: hidden;
	background: url(../images/index_bg021.png) no-repeat ;
	margin: 0 15px 0px 15px;
	height:355px;
}

#cslpExample .resulttext {
	margin: 0 0px 0px 28px;
}


#cslpExample .total {
	margin: 63px 38px 0px 74px;
	width: 140px;
	float: left;
	font-weight: bold;
}

#cslpExample .result input {
	text-align: right;
	float: left;
	width: 100px;
}

#cslpExample .result .total input {
	text-align: right;
	color: #f08300;
	font-weight: bold;
	width: 130px;
	_width: 125px;
	font-size: 180%;
	float: right;
	margin-left: 5px;
	display:inline;
	vertical-align: middle;
	zoom: 1;
}

#cslpExample .total p {
	font-weight: bold;
	color: #f08300;
	float: left;
	font-size: 160%;
	display: inline;
	vertical-align: middle;
	zoom: 1;
}

/* firefox */
#cslpExample .total p,  x:-moz-any-link { line-height: 1.0; }


/* IE 6 */
* html #cslpExample .total p {
    line-height: 1.4;
}

/* IE 7 */
*:first-child+html #cslpExample .total p {
    line-height: 1.4;
}

#cslpExample .total p.en {
	width: 1em;
	font-size: 110%;
	float: left;
	margin-left: 5px;
	font-size: 160%;
	display: inline;
	vertical-align: middle;
	zoom: 1;
}

/* firefox */
#cslpExample .total p.en,  x:-moz-any-link { line-height: 1.0; }

/* IE 6 */
* html #cslpExample .total p.en {
    line-height: 1.4;
}

/* IE 7 */
*:first-child+html #cslpExample .total p.en {
    line-height: 1.4;
}

#cslpExample .separate {
	margin: 50px 26px 0px 145px;
	text-align: right;
	width: 80px;
	float: left;
}

#cslpExample .separate div {
	padding-bottom: 28px;
	zoom: 1;
}

#cslpExample  .separate input {
	text-align: right;
	width: 75px;
	_width: 70px;
	float: right;
}




/* #cslpVoice －－－－－－－－－－ */
#cslpVoice{
	width:900px;
	margin:0 auto 40px;
	overflow:hidden;
}
#cslpVoice h2{	margin:0 auto 30px; text-align:center;}
#cslpVoice .unit{
	background:url(../images/index_bg011.png) repeat 0 0;
	width:419px;
	float:left;
	margin:11px;
}
#cslpVoice .unitHead{
	background: url(../images/index_bg013.png) no-repeat 0 0;
	position:relative;
	padding:23px 0 0 23px;
	overflow:hidden;
	margin-bottom:14px;
}
#cslpVoice .unitHead h3{
	float:right;
	width:264px;
	font-size:18px;
}
#cslpVoice .unitHead .pic{	float:left;}
#cslpVoice .unitHead .person{
	position:absolute;
	left:155px;
	bottom:0;
	font-size:14px;
}
#cslpVoice .txt{
	padding:0 23px 23px;
	font-size:14px;
	height:140px;
	background:url(../images/index_bg012.png) no-repeat 0 bottom;
}
#cslpVoice #voice1 .txt,
#cslpVoice #voice2 .txt,
#cslpVoice #voice3 .txt,
#cslpVoice #voice4 .txt{	min-height:140px;}

#cslpVoice #voice1 .txt strong,
#cslpVoice #voice2 .txt strong,
#cslpVoice #voice3 .txt strong,
#cslpVoice #voice4 .txt strong{
	color:#fe7e00;
	font-weight:bold;
}

/* #cslpUse －－－－－－－－－－ */
#cslpUse{
	margin:0 auto 50px;
	background:url(../images/index_bg014.png) no-repeat 0 bottom #fed600;
}
#cslpUse h2{	margin:0 0 33px;}
#cslpUse li{
	background: url(../images/index_bg019.png) no-repeat 50% bottom;
	padding-bottom:36px;
	text-align:center;
}
#cslpUse .lastChild{	background: none;}


/* #cslpApp －－－－－－－－－－ */
#cslpApp{
	background:url(../images/index_bg016.png) repeat 0 0;
	width:862px;
	margin:0 auto;
	position:relative;
}
#cslpApp .inner{
	background:url(../images/index_bg017.png) no-repeat 0 bottom;
	padding-bottom:45px;
	color:#FFF;
}
#cslpApp h2{
	background:url(../images/index_bg015.png) no-repeat 0 0;
	padding:115px 0 18px 40px;
}
#cslpApp .pic{
	position:absolute;
	top:34px;
	right:35px;
}
#cslpApp dl{
	margin: 0 0 40px 40px;
	width:540px;
}
#cslpApp dt{	margin:0 0 12px;}
#cslpApp dd{	margin:0 0 15px;}
#cslpApp .download{
	background: url(../images/index_bg018.png) no-repeat center;
	height:96px;
	padding: 12px 0 0 444px;
}
#cslpApp .download img{
	vertical-align:middle;
	margin: 10px 0 0 -50px;
}

#cslpApp .download li{
	float: left;
	width: 173px;
	margin: 0 20px 0 0;
}

#cslpApp .download li a{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/* IE8 */
#cslpApp .download li a{display: inline-block\9;}


#cslpApp .download li a:hover {
	opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
}



/* IE6 css fixer v0.95: Mon, 22 Jul 2013 04:00:17 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#cslpHeader li,
#cslpRecommend .pic,
#cslpRecommend ul,
#cslpExample .pic,
#cslpExample .txt,
#cslpVoice .unit,
#cslpVoice .unitHead h3,
#cslpVoice .unitHead .pic {display:inline;}

/* convert min height values */
#cslpVoice #voice1 .txt,#cslpVoice #voice2 .txt {height:140px;}
#cslpVoice #voice3 .txt,#cslpVoice #voice4 .txt {height:160px;}


/* add zoom:1 to overflow:hidden */
#cslpHeader ul,
#cslpRecommend,
#cslpVoice,
#cslpVoice .unitHead {zoom:1;}

/* add zoom:1 to pos:relative elements */
#cslpApp {zoom:1;}

/* add overflow:visible to (submit) buttons */
 input, button {overflow:visible;}

#popup {
	width: 750px !important;
    height: 640px !important;
}

/* ============================================= */
/* potentially harmful settings                  */

/* add zoom:1 to backgrounds -- Manually check for problems with inline elements! */
#cslpHeader li,
#cslpHeader .first p,
#cslpHeader .second p,
#cslpHeader .last p,
.enquiry,
.enquiry .btnLink a,
.enquiry .repletion,
#enquiry01,
#enquiry01 .repletion,
#cslpRecommend li,
#cslpRecommend li p,
#cslpRecommend li.lastChild,
#cslpPoint .point1,
#cslpPoint .point2,
#cslpPoint .point3,
#cslpPoint .point2 dd a,
#cslpExample,
#cslpExample .inner,
#cslpExample .unit,
#cslpExample .unit .total,
#cslpVoice .unit,
#cslpVoice .txt,
#cslpUse,
#cslpUse li,
#cslpUse .lastChild,
#cslpApp .inner,
#cslpApp h2,
#cslpApp .download {zoom:1;}