@charset "utf-8";

/* LP COMMON
----------------------------------------------- */
div#FRAME_LP { width:980px; margin: -10px auto 10px; padding: 0; text-align: right; font-size: 9px; font-weight: bold;position: relative;z-index: 1;}
#FRAME_LP span { margin: 0 6px;}
#FRAME_LP .page_select { width: 80px; padding: 2px 5px; background: #fff; color: #ccc; border: 1px #ccc solid; }
#FRAME_LP .page_unselect a { width: 80px; padding: 2px 5px; background: #fff; color: #ccc; border: 1px #fff solid; z-index: 2;}
#FRAME_LP .page_unselect a:hover { width: 80px; padding: 2px 5px; background: #fff; color: #aaa; border: 1px #fff solid; text-decoration:none;}

div#MAIN_LP { clear:both; margin:20px auto 0 auto; padding:5px 0 0 0; width:980px; height:500px; background:#fff; background-position: 510px 20px; border: 1px solid #c4c4c4; -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 2px; -moz-box-shadow: rgba(0,0,0,0.2) 0 2px 2px; box-shadow: rgba(0,0,0,0.2) 0 2px 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
 	-o-border-radius: 5px;
  	-khtml-border-radius: 5px;
}

div#LP_BTM { background: #fff; border: 1px solid #c4c4c4; -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 2px; -moz-box-shadow: rgba(0,0,0,0.2) 0 2px 2px; box-shadow: rgba(0,0,0,0.2) 0 2px 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
 	-o-border-radius: 5px;
  	-khtml-border-radius: 5px;
}

div#LP_TOP a:hover{ text-decoration:underline; color:#0086ce; }
div#LP_TOP ul li { float:right; margin:5px 10px 5px 20px; }
div#LP_TOP span { font-size:11px; font-weight:normal; margin:0 0 0 2px; }
div#LP_TOP span.top_cat { font-size:13px; font-weight:bold; text-shadow:#fff 0 1px 0; margin:0 5px 0 0; }
div#LP_TOP span a:hover { color:#0086ce; }
div#LP_TOP span.dis { color:#999; }

div.float_r_ml { float:right; margin-left:30px; margin-bottom: 20px;}
div.float_l_mr { float:left; margin-right:30px; margin-bottom: 20px;}
div.txt_c { text-align:center; margin:50px 0; }




/* QuSome Page
----------------------------------------------- */

div#qs {
	background: #f7f7f7 url(/template/default/img/abouts/intro/qusome/pc/bg_top.png) repeat-x top center;
}
div#qs p,
div#qs_wh p{
  line-height: 28px;
  font-size: 16px;
  color:#555;
}
div#qs .mainvisual{
	width: 980px;
	height: 655px;
	text-align:center;
	margin: 0 auto;
	padding-top: 50px;
	box-sizing: content-box; /*　EC3追記　*/
}
div#qs .mainvisual .qs_txt1 {
	float: left;
	margin: 130px 0 0 30px;
}
div#qs .mainvisual .qs_txt2 {
	float: right;
	margin: 65px 30px 0 0;
}

div#qs .frame01{
	background:url(/template/default/img/abouts/intro/qusome/pc/bg01.png) repeat-y;
	padding:30px 120px 90px 120px;
	width:747px;
	margin:0 auto;
	box-sizing: content-box; /*　EC3追記　*/
}

div#qs .ttl01{
	text-align:center;
}

div#qs .frame_top1{
	text-align:center;
	box-sizing: content-box; /*　EC3追記　*/
}

div#qs .frame_btm1{
	text-align:center;
}

div#qs .frame_btm2{
	vertical-align:top;
}

div#qs ul.pic01{
	overflow:hidden;
	margin:30px 0 50px 0;
}

div#qs .pic01 li{
	float:left;
	text-align:center;
}

div#qs .pic01 li:first-child{
	margin-right:60px;
}

div#qs .pic01 p{
	margin:5px 0 0 0;
}

div#qs .ttl01{
	margin-bottom:60px;
}

div#qs .ttl02,
div#qs .ttl03{
	margin:40px 0;
}

div#qs .mov{
	margin:50px 0 0 0;
	padding:0 0 50px 0;
	text-align:center;
}

div#qs_wh {
	/*background:#fbffff url(/template/default/img/abouts/intro/qusome/pc/brian.jpg)no-repeat top right;*/
	padding:110px 0;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}

div#qs_wh .wrapper{
	width:870px;
	margin:0 auto;
	position: relative;
}

div#qs_wh .ttl04{
	margin-bottom:60px;
}

div#qs_wh article{
	width:580px;
}

div#qs_wh .brian_right {
	position: absolute;
	top: -130px;
	left: 590px;
}

div#qs_wh .brian_right img{max-width: none}

div#qs_wh .ttl05,
div#qs_wh .ttl06{
	margin:40px 0;	
}
div#qs_wh .ttl07{
	margin:40px 0 10px 0;
}

div#qs_wh .btn-area{
	margin:120px auto 0 auto;
	width:610px;
}

div#qs_wh .btn-area div.detail_l {
  float: left;
  padding: 0;
  margin: 40px auto 0 auto;
  background: url(../img/btn_detail.jpg) no-repeat;
  height: 38px;
  line-height: 38px;
  width: 293px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

div#qs_wh .btn-area div.detail_r {
  float: right;
  padding: 0;
  margin: 40px auto 0 auto;
  background: url(../img/btn_detail.jpg) no-repeat;
  height: 38px;
  line-height: 38px;
  width: 293px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

div.bnr {background:#f7f7f7; margin-top: 40px; padding:95px 0; text-align:center;}
div.bnr ul{ overflow:hidden; margin:0 auto;font-size:14px;line-height: 40px;}
div.bnr li{ display: inline-block;}
div.bnr li a {color: #777;}
div.bnr .center{margin:0 25px;}


p.mb40{
	margin-bottom:40px;
}

.detail_btn {margin-top: 120px; text-align: center;}
.detail_btn a { color: #FFF; font-weight: bold; font-size: 15px; background: #42474d; display: block; padding: 15px 30px; width: 400px;  margin: 7px auto 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.detail_btn a:hover { background: #000; text-decoration: none;}


/* About Page
----------------------------------------------- */

#about p{
  line-height: 28px;
  font-size: 16px;
  color:#555;
}

#about .article01{
  background:#f7f7f7 url(/template/default/img/abouts/intro/about/pc/bg01.jpg)no-repeat top center;
	padding-bottom: 110px;
}

#about .article01 .wrapper{
	width:990px;
	margin: 0 auto;
}

#about h1{

	padding:125px 0 50px 120px;
}

#about h2{
padding-left: 120px;
padding-bottom: 90px;
}
#about .box01{
  background: url(/template/default/img/abouts/intro/about/pc/frame01.png) no-repeat top center;
  overflow:hidden;
  height:948px;
}
#about .box01_img {
	background: url(/template/default/img/abouts/intro/about/pc/pic01.png) no-repeat 384px 241px;
	padding: 0 100px 0 120px;
	height: 942px;
}

#about .box01 .pic-right{
	margin-top: 25px;
	
}

#about .box01 h3{
	text-align:center;
	padding:90px 0;
}

#about .mb25{
	margin-bottom: 25px;
}
#about .mb40{
	margin-bottom: 28px;
}
#about .mb15{
	margin-bottom: 9px;
}
#about .pl20{
	padding-left: 20px;
}
#about .pic-right{
	float: right;
	
}

#about .article02{
  background: url(/template/default/img/abouts/intro/about/pc/bg02.jpg) no-repeat top center;
	
}

#about .article02 .wrapper{
	width:490px;
	margin: 0 auto;
	padding-left: 492px;
	padding-top: 86px;
    height: 694px;
	box-sizing: content-box; /*　EC3追記　*/

}

#about .article02 .logo{
	padding: 32px 0 20px 84px;
}
#about .article02 p{
	padding-left: 12px;
}

#about .article03{
  background: url(/template/default/img/abouts/intro/about/pc/bg03.jpg) no-repeat top center;
	
}

#about .article03 .wrapper{
	width:990px;
	margin: 0 auto;
	height: 1020px;
}
#about .article03 .title{
	padding:110px 0 0 80px;
}
#about .article03 .title02{
	padding:0 0 15px 120px;
}
#about .article03 .logo{
	padding:43px 0 52px 167px;
}
#about .article03 p{
	padding-left: 118px;
}

#about .article03 .pic-right{
	padding-top: 150px;
}

#about .article04{
  background: url(/template/default/img/abouts/intro/about/pc/bg04.jpg) no-repeat top center;
	
}

#about .article04 .wrapper{
	width:990px;
	margin: 0 auto;
	height: 780px;
	position:relative;
}
#about .article04 .pic{
	position:absolute;
	top:280px;
	left:100px;
}
#about .article04 .box{
	padding-left: 500px;
	padding-top: 100px;
	margin:0;
}
#about .article04 .logo{
	padding:30px 0 45px 100px;
}

#about .article05{
  background: url(/template/default/img/abouts/intro/about/pc/bg05.jpg) no-repeat top center;
	
}

#about .article05 .wrapper{
	width:865px;
	margin: 0 auto;
	height:633px;
	padding-top: 105px;
	padding-left: 110px;
	box-sizing: content-box; /*　EC3追記　*/
}

#about .article05 .logo{
	padding:35px 0 50px 100px;
}

#about .btn-area{
	margin: 40px auto 50px auto;
	width:610px;
}



/* Service Page
----------------------------------------------- */

#service p{
  line-height: 28px;
  font-size: 16px;
  color:#555;
}


#service .article01{
  background: url(/template/default/img/abouts/intro/service/pc/bg01.png) no-repeat top center;
  padding:94px 0 0 0;
	
}
#service .article01 h1{
	padding-left: 60px;
}
#service .article01 h2{
	padding:50px 0 84px 60px;
}
#service .article01 .wrapper{
  width:990px;
  margin:0 auto 70px auto;
	
}

#service .article01 .box-area{
		  background: url(/template/default/img/abouts/intro/service/pc/bg02.png) repeat-y 3px 0;
		  padding: 90px 120px 0 120px;
		  text-align:center;
		  overflow:hidden;
}
#service .article01 .bg{
	  background: url(/template/default/img/abouts/intro/service/pc/bg03.jpg) no-repeat 360px 62px;
	  padding-bottom: 24px;
}

#service .article01 .title01{
	padding-bottom:90px;
}

#service .article01 .bg p{
	text-align:left;
}

#service .article01 .box_tel{
	background:#f7f7f7;
	padding:30px 15px;
	margin:60px 0 20px 0;
	text-align:center;
}
#service .article01 .box_tel_left {
	float: left;
	margin: 20px 10px 0 60px;
	width: 280px;
	text-align: left;
}
#service .article01 .box_tel_right {
	float: right;
	margin: 20px 30px 0 20px;
	width: 300px;
	text-align: left;
}
#service .article01 .box_tel_tt {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
#service .article01 .box_tel_t1 {
	font-size: 12px;
	margin-bottom: 10px;
}
#service .article01 .box_tel_t2 {
	font-size: 11px;
	margin: 3px 0 5px 40px;
}
#service .article01 .box_tel p{
	font-size:12px;
	line-height: 20px;
}

#service .article01 .mt20{
	margin-top: 20px;
}

#service .article01 .box_form{
	float: left;
	background:#f7f7f7;
	margin-right: 20px;
	padding:30px 15px;
	text-align:center;	
	width:335px;
    box-sizing: content-box; /*　EC3追記　*/
}

#service .article01 .box_faq{
	float: left;
	background:#f7f7f7;
	padding:30px 15px;
	text-align:center;
	width:335px;
	box-sizing: content-box; /*　EC3追記　*/
}
#service .article01 .box_btm{
	vertical-align: top;
	margin:0 0 0 3px;
}
#service .article01 .box_form p,
#service .article01 .box_faq p{
	font-size:12px;
	line-height: 20px;
	width:275px;
	margin:20px auto;
	text-align:left;
}

#service .bnr{
	font-size: 14px;
}
#service .bnr li{padding-top:15px}

/* Products Page
----------------------------------------------- */

#products p{
  line-height: 28px;
  font-size: 16px;
  color:#555;
}


#products .article01{
  background: url(/template/default/img/abouts/intro/products/pc/bg01.png) no-repeat top center;
  padding:123px 0 0 0;
	
}
#products .article01 h1{
	padding-left: 60px;
	margin:0;
}
#products .article01 h2{
	padding:30px 0 80px 60px;
}
#products .article01 .wrapper{
  width:990px;
  margin:0 auto 70px auto;
	
}

#products .article01 .box-area{
		  background: url(/template/default/img/abouts/intro/products/pc/bg02.png) repeat-y -1px 0;
		  padding: 0 85px 80px 80px;
		  text-align:center;
		  margin: 125px 0px 0 0;

}


#products .article01 .title01{
	padding-bottom:90px;
	margin-top:-20px;
}

#products .article01 .prd{
	overflow:hidden;
	clear:both;
}

#products .article01 .prd01{
		float:left;
		margin:0 80px 0 0;
}

#products .article01 .bg{
	float:left;
}

#products .article01 .bg p{
	text-align:left;
}

#products .article01 .box_tel{
	background:#f7f7f7;
	padding:30px 15px;
	margin:60px 0 20px 0;
	text-align:center;
}

#products .article01 .box_tel p{
	font-size:12px;
	line-height: 20px;
}
#products .article01 .tel{
	margin-top:30px;
}
#products .article01 .mt20{
	margin-top: 20px;
}

#products .article01 .box_form{
	float: left;
	background:#f7f7f7;
	margin-right: 20px;
	padding:30px 15px;
	text-align:center;	
	width:335px;
}

#products .article01 .box_faq{
	float: left;
	background:#f7f7f7;
	padding:30px 15px;
	text-align:center;
	width:335px;
}
#products .article01 .box_btm{
	vertical-align: top;
	margin:0 0 0 -1px;
}
#products .article01 .box_form p,
#products .article01 .box_faq p{
	font-size:12px;
	line-height: 20px;
	width:275px;
	margin:20px auto;
	text-align:left;
}

#products .mb5{
	margin-bottom: 5px;
}
#products .mb20{
	margin-bottom: 20px;
}
#products .btn-area {

  padding: 0;
  margin: 40px auto 80px auto;
  background: url(../img/btn_detail.jpg) no-repeat;
  height: 38px;
  line-height: 38px;
  width: 293px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

h1{ margin: 0 !important; }