@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
.casest_box{float:left; clear:both; width:100%; margin-bottom:40px;}
.casest_box_r{float:left; width:20%; margin-right:4%;}
.casest_box_r img{ border:#CCCCCC 1px solid;}
.casest_box_l{float:left; width:76%;}

.casestbtn{ right:0px; top:0px; z-index:100; float:left; clear:both; width:200px;  }

.casestbtn a{ color:#FFFFFF; font-weight:bold; padding:8px 15px 8px 15px;text-align:center; font-size:14px; display:block; border-radius:20px;  background:#87a94c;}
.casestbtn a:hover{ background:#96b068; border-radius:20px; }

.casest_box .lead{ line-height:1.8em; font-size:16px; margin-bottom:10px; font-weight:bold;}
.casest_box h3 a{font-size:18px; text-decoration:underline;}
.casest_box h3{}
.casest_box dl{ padding-bottom:10px;float:left; clear:both;}
.casest_box dt{width:56px; float:left; margin-right:20px; clear:both; } 
.casest_box dd{float:left;width:350px; border-bottom:1px solid #CCCCCC;} 

/*20191227 事例ページのブロックに newマーク*/
.casest_box .lead.new:after{
  position: relative;
  display: inline-block;
  padding: 4px 8px;
  margin-left: 8px;
  top: -3px;
  background-color: #FFE601;
  color: #547619;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  content: "NEW!";
}

.dayservice{
  /*20200214 事例ページのブロックに デイサービスマーク*/
  position: relative;
  display: inline-block;
  padding: 4px 8px;
  margin-left: 8px;
  top: -3px;
  background-color: #ff9835;
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}
.box-grey{
  display: block;
  width: 100px;
  height: 21px;
  color: #ffffff;
  font-size: 12px;
  border-radius: 3px;
  text-align: center;
  line-height: 21px;
  background-color: #b9b9b9;
}
.casest_h3Link{
	/*display: inline-block;*/
	color: #547619 !important;
	font-size: 19px !important;
	font-weight: bold !important;
	text-decoration: none !important;
	letter-spacing: 0.07em;
}
.casest_h3Lin:visited{
	color: #547619 !important;
	text-decoration: inherit !important;
}
.casest_h3Lin:hover{
	
}
#tab3 {
	width:100%;
}
#tab3 li {
	float: left;
	width: 49%;
	margin-right:2px;
}
#tab3 li img {
	width:100%;
}

/* casestudy 導入事例 事例紹介 20191224追加 */
.ex_wells,
.ex_elearning{
	display: block;
	height: 0;
	padding-top: 16.1618%;
	background: url("../images/icon_case03.png") no-repeat left top;
	background-size: 100% auto;
	line-height: 0;
	font-size: 0;
}
.ex_elearning{
	background: url("../images/icon_case04.png") no-repeat left top;
	background-size: 100% auto;
}
.ex_wells:hover,
.ex_elearning:hover{
	background-position: 0 100%;
}
	
/* 20191224 tabカレント表示薄くしない*/
/*.present img{
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
*/




.form_div div.naiyou_houjin{background:#f4e3e8;padding:20px 10px 10px 10px; font-weight:bold; text-align:center;display:table-cell; line-height:1.5em; float:left;
width:100px; height:61px;}

.justimg img{ width:100%;}
.justimg2 img{ width:80%;}
.kaisai {font-weight:bold; padding-right:15px; font-size:110%;}
.tabel_glay5 {
	line-height: 1.5em;
	margin-top: 3px;
	margin-bottom: 20px;
}
.tabel_glay5 th {
	font-weight: normal;
	background-color: #E1E1D9;
	border:1px #CCCCCC dotted;
	border-width:1px 1px 0px 0px;
}
.tabel_glay5 td {
	border:1px #CCCCCC dotted;
	padding:1%;
	border-width:1px 0px 0px 0px;
}

.ClipOn{height:62px;width:62px;border-width:0px;outline: none; background:url(/common/images/btn_clip02-.png);}
.ClipOff{height:62px;width:62px;border-width:0px;outline: none; background:url(/common/images/btn_clip01-.png);}
.mail_btn{height:62px;width:62px;border-width:0px;outline: none; background:url(/common/images/btn_mail-.png);}
.SuggestOn{height:62px;width:62px;border-width:0px;outline: none; background:url(/common/images/btn_osu02-.png);}
.SuggestOff{height:62px;width:62px;border-width:0px;outline: none; background:url(/common/images/btn_osu01-.png);}

.mente_btn{ width:270px; right:0px; top:0px; background:#db588e; border-radius:20px;  z-index:100; padding:25px 20px 0px 20px;}
.gcost_btn{ width:270px; right:0px; top:0px; background:#5e7ab5; border-radius:20px;  z-index:100; padding:20px 10px 0px 20px;}
.solel_btn{ width:270px; right:0px; top:0px; background:#5e7ab5; border-radius:20px;  z-index:100; padding:20px 10px 0px 20px;}


.form_div div.text3{
	padding-bottom:20px;
}
.form_div div.text2{
padding:20px 20px 53px 20px;display:table-cell;width:460px; float:left;
}
.form_div div.naiyou{
background:#f4e3e8;padding:20px 10px 23px 10px; font-weight:bold; text-align:center;display:table-cell; line-height:1.5em;width:180px;float:left;

}

.contentconf{border:#CCCCCC 1px solid; padding:20px; margin-bottom:20px;}

/* 建物メンテナンスサービス */
.gcost_list li { width:48%; float:left; list-style:none;}
.gcost_box_left{
float:left; width:48%; margin-right:4%; margin-top:30px; margin-bottom:40px;}
.gcost_box_right{
float:left; width:48%; margin-top:30px; margin-bottom:40px;}
.qbox{
	width:25px; margin-right:20px;}
.gcost_box{float:left; width:100%; margin-bottom:10px; clear:both;}

.gcost_box_3{
float:left; width:31%; margin-right:7%; margin-top:30px;}
.gcost_box_3_last{
float:left; width:31%; margin-right:0%; margin-top:30px;}

.gcost_box_4{
float:left; width:20%; margin-right:7%; margin-top:30px;}
.gcost_box_4_last{
float:left; width:20%; margin-right:0%; margin-top:30px;}

.gcost_f_blue{ font-size:110%; color:#4d99d3; margin-bottom:20px;}


/* ソロエルアリーナ */
.pointbox{ width:12%; margin-right:20px; float:left;}
.pointbox2{ width:60%; float:left;}
.pointbox_bk{width:100%; background:url(/common/images/img_soloel_06.jpg) no-repeat right;}
.soloel_title{ margin:5% 0 5% 0; background:#00ade5; color:#FFFFFF; border-radius:15px; line-height:15px; width:96%; padding:1% 2% 1% 2%; float:left; clear:both;}
.soloel_title p{ width:25%; margin-bottom:0px;}
.stext{ font-size:85%; line-height:1.8em; margin-bottom:0px;}
.pointbox3{float:left; width:10%; padding: 0 30px 20px 20px;}
.pointbox4{float:left; width:78%;margin-bottom:40px;}
.dtext{ font-size:110%; line-height:2.5em; }
.pointbox5{float:left; width:45%; margin-left:20px; margin-top:30px; margin-bottom:40px;}


/* カジタク　*/
.kakakubox{ width:26%; margin-left:30px; float:left;}
.kakakubox2{ width:67%; float:left; margin-top:15px;}
.kakakubox3{ width:25%; margin-right:4%; margin-left:3%; float:left;}
.kakakubox4{ width:68%; float:left; margin-top:0px;}
.kakakubox4 ul{ width:80%; margin-top:35px; margin-left:20px;}
.kakakubox4 ul li{ margin-bottom:9px;}
.kakakubox5{ width:40%; margin-right:4%; margin-left:0%; float:left;}
.kakakubox6{ width:56%; float:left; margin-top:0px;}
.kakakubox_1{
float:left; width:33%; margin-right:0%; margin-top:20px;}
.kakakubox_1_last{
float:left; width:33%; margin-right:0%; margin-top:20px;}

.kajitaku_title2{ margin:20px 0 5px 0; color:#3aabcb; width:48%; float:left; clear:both;}
.kajitakutext{ font-size:110%; font-weight:bold; line-height:2.5em; float:left; clear:both; margin-bottom:20px;}
.kajitaku_title{ margin:5% 0 5% 0; background:#3aabcb; color:#FFFFFF; border-radius:15px; line-height:15px; width:96%; padding:1% 2% 1% 2%; float:left; clear:both;}
.kajitaku_title p{width:25%; margin-bottom:0px;}
.stepbox{width:43px; margin-right:20px; float:left; margin-top:0px;}
.stepbox2{width:630px; float:left; margin-bottom:10px;}

/* リース */
@media screen and (min-width: 320px) {
	.pointbox_bk{width:100%; background:none;}
.gcost_list li { width:100%; float:left; list-style:none;}
.gcost_box_left{
float:left; width:100%; margin-right:0%; margin-top:30px; margin-bottom:40px;}
.gcost_box_right{
float:left; width:100%; margin-right:0%; margin-top:30px; margin-bottom:40px;}
.gcost_box_4{
float:left; width:20%; margin-right:6%; margin-top:30px;}
.gcost_box_4_last{
float:left; width:20%; margin-right:0%; margin-top:30px;}

.gcost_box_3{
float:left; width:30%; margin-right:4%; margin-top:30px;}
.gcost_box_3_last{
float:left; width:30%; margin-right:0%; margin-top:30px;}


.leas_btn2_r{ padding:14px 10px 5px 0px; clear:both;}
.leas_bo ul{float:left; width:100%;}
.leas_bo li{float:left; width:25%; display:block; margin-right:19px;}
.leas_btn{ margin-bottom:20px; background:#cc798f; padding:20px 5px 10px 18px; border-radius:20px;behavior: url(/common/js/PIE.htc); position:relative; width:40%;float:left;  margin-right:19px;}
.leas_btn img{ width:auto;}
.leas_bo1 img{ width:80%; height:80%;}
.leas_bo2 img{ width:93%; height:93%;}
.leas_bo3 img{ width:80%; height:80%;}
.leas_btn2{ margin-right:10px;}
.leas_btn2 img{width:auto;}
.leas_bo4{margin-top:40px; margin-left:0px;}
.leas_bo6_r{float:left; width:40%;}
.leas_bo6_l2{float:left; margin-left:0px; width:100%;}
.leas_bo6_l3{float:left; margin-left:0px; width:64%;}
.leas_bo7 img{ margin-bottom:20px;}
.leas_bo8{ width:100%; text-align:center;}
.leas_bo6_r2{ display:none;}
.leas_bo8 img{ width:100%;}
.leas_bo7{ border:#CCC 3px solid; padding:20px; border-radius:20px; width:85%; behavior: url(/common/js/PIE.htc); position:relative;}
.leas_bo7 img{ margin-bottom:0px;}
.leas_01{background:#ca5880;  padding:5px 10px 0 10px; margin-right:15px;  float:left; border-radius:7px; behavior: url(/common/js/PIE.htc); position:relative;}
.leas_b{float:left; width:100%; margin-top:23px;}
.lease_h4{ background:#ffecf1; border-radius:20px; padding:10px 20px 5px 20px; width:95%; margin-top:30px; behavior: url(/common/js/PIE.htc); position:relative;}
.leas_bo5{border-top:1px dotted #999999; width:90%; margin-top:30px; padding-top:30px; behavior: url(/common/js/PIE.htc); position:relative;}

.box_3co2_in{ width:45%; float:left;}
.box_3co2_in img{ width:auto;}
.box_3co2_in_l{ width:130px; float:left; margin-bottom:18px;}
.box_3co2_in_r{ width:100px; float:left;}
.btn_lease{ background:#c23164; border-radius:20px; padding:25px 20px 15px 20px; width:320px; display:block; margin-top:0px;}
.leas_btn2{ border:#d29c5d 3px solid; padding:14px 10px 5px 15px; border-radius:20px; behavior: url(/common/js/PIE.htc); position:relative;}
.lease_btn{float:left; background:#c23164; border-radius:20px; padding:30px 0 20px 0; behavior: url(/common/js/PIE.htc); width:190px; z-index:200;}
.leas_bo6_r3{ display:none;}
.leas_img{display:none;}
.leas_bo9{ width:90%; height:90%;}

.leas_1{width:100%;}
.leas_2{width:80%; margin-left:10%;}
}

@media screen and (min-width: 960px) {

.leas_1{width:55%; margin-right:2%;}
.leas_2{width:43%; margin-left:0%;}
.leas_moji{ width:350px; float:left;}
.leas_img{display: block; float:left; width:200px; margin-top:30px;}
.leas_bo8{ width:100%; text-align:center;}
.leas_bo8 img{ width:100%;}
.leas_bo{width:100%; margin-top:20px;}
.leas_bo ul{float:left; width:800px;}
.leas_bo li{float:left; width:205px; display:block; margin-right:19px;}
.leas_btn{ margin-bottom:20px; background:#cc798f; padding:20px 5px 10px 18px; border-radius:20px;behavior: url(/common/js/PIE.htc); position:relative; width:28%;float:left;  margin-right:15px;}
.leas_btn img{ width:auto;}
.leas_bo1{ position:relative;float:left; width:100%; margin-top:30px;}
.leas_bo2{float:left; width:100%; margin-top:30px; text-align:center; position:absolute; top:200px;}
.leas_bo3{float:left; width:100%; position:absolute; top:350px; right:0px;}
.leas_bo1 img{ width:80%; height:80%;}
.leas_bo2 img{ width:100%; height:100%;}
.leas_bo3 img{ width:80%; height:80%;}
.leas_btn2{ border:#d29c5d 3px solid; padding:14px 10px 5px 15px; border-radius:20px; behavior: url(/common/js/PIE.htc); position:relative;}
.leas_btn2 img{ width:auto;}
.leas_bo4{margin-top:40px; margin-left:135px;}
.leas_bo4-2{margin-top:60px; margin-left:0px;}
.leas_bo5{border-top:1px dotted #999999; width:100%; margin-top:30px; padding-top:30px; behavior: url(/common/js/PIE.htc); position:relative;}
.leas_bo6{ width:100%;}
.leas_bo6_r{float:left; width:275px;}
.leas_bo6_r img{ width:auto;}
.leas_bo6_l{float:left; margin-left:0px; }
.leas_bo6_r2{float:left; width:200px;}
.leas_bo6_r3{ display:block;float:left; width:170px;}
.leas_bo6_l2{float:left; margin-left:0px; width:500px;}
.leas_bo6_l3{float:left; margin-left:0px; width:460px;}
.leas_bo7{ border:#CCC 3px solid; padding:20px; border-radius:20px; width:94%; behavior: url(/common/js/PIE.htc); position:relative;}
.leas_bo7 img{ margin-bottom:0px;}
.leas_01{background:#ca5880;  padding:5px 10px 0 10px; margin-right:15px;  float:left; border-radius:7px; behavior: url(/common/js/PIE.htc); position:relative;}
.leas_b{float:left; width:100%; margin-top:23px;}
.lease_h4{ background:#ffecf1; border-radius:20px; padding:10px 20px 5px 20px; width:95%; margin-top:30px; behavior: url(/common/js/PIE.htc); position:relative;}
.leas_bo9{ width:100%;}

.box_3co2_in{ width:33%; float:left; margin-bottom:30px;}
.box_3co2_in img{ width:auto;}
.box_3co2_in_l{ width:130px; float:left;}
.box_3co2_in_r{ width:100px; float:left;}
.btn_lease{ background:#c23164; border-radius:20px; padding:25px 20px 15px 20px; width:320px; display:block; margin-top:0px;}

.lease_btn{float:left; background:#c23164; border-radius:20px; padding:30px 0 20px 0; behavior: url(/common/js/PIE.htc); width:190px; z-index:200;}

/* イーラーニング */
.ela_title{ margin:0 0 5% 0; background:#beb56a; color:#FFFFFF; border-radius:15px; line-height:20px; width:96%; padding:1% 2% 0% 2%; float:left; clear:both;}
.ela_01{background:#ba6900;  padding:5px 10px 0 10px; margin-right:15px;  float:left; border-radius:7px;}
.ela_b{float:left; width:100%;}
.ela_box{float:left; width:50%;}
.ela_box ul.ela_list li{ margin-bottom:5px; list-style:inside; padding-left:10px; font-weight:bold;}
.ela_box ul.ela_list li ul.ela_list2 li{ margin-top:2px;margin-bottom:0px; padding-left:10px; font-weight:normal; margin-left:20px;}

.ela_2{position:relative; width:100%;}
.ela_3{position:absolute; right:20px; top:40px; background:#d1bf2c; border-radius:20px;  z-index:100; padding:20px;}
.ela_4{position:absolute; right:-30px; top:-100px;}
.ela_5{float:left;position:absolute; top:0px;}
.ela_6{clear:both;width:100%; float:left; margin-top:220px;}
.ela_7{float:left;background:#d1bf2c; border-radius:20px; padding:20px 0;behavior: url(/common/js/PIE.htc); width:190px; z-index:200;}

.low_next3{clear:both;border-bottom:#D9D9D9 dashed 1px; width:100%;  margin-bottom:30px; padding-bottom:30px;}
.semi_2{position:relative; width:100%; top:0px;}
.semi_2 img{ width:auto;}
.semi_3{position:absolute; width:242px; right:20px; top:30px; background:#e68319; border-radius:20px;  z-index:100; padding:20px 20px 10px 20px;}
.semi_3 img{ width:auto;}
.semi_4{ width:320px; display:block; line-height:1.8em; color:#d49b4a; margin-bottom:10px;}

/* 無料相談 */
.con_contents{position:relative; width:100%; top:0px;}
.con_btn{position:absolute; width:262px; right:10px; top:15px; background:#cf8bb9; border-radius:20px;  z-index:100; padding:20px 20px 10px 20px;behavior: url(/common/js/PIE.htc);}
.con_btn img{ width:auto;}
.con_bo_l{float:left; width:500px;}
.con_bo_l img{ width:100%; padding-top:20px;}
.con_bo_r{float:left; width:160px; margin-right:20px;}
.con_bo_r img{ width:100%;}
.con_bo_r2{float:left; width:305px; margin-right:20px;text-align:center;}
.con_bo_r2 p img{width:auto;}
.con_bo_l2{float:left; width:300px;}
.con_bo_l2 img{ padding-top:0px;}
.con_bo_r3{float:left; width:50px; margin-right:20px;}
.con_bo_r3 p img{width:auto;}
.con_bo_l3{float:left; width:310px;}
.con_bo_l3 p{ line-height:1.6em;}
.con_bo{width:100%; margin-top:20px;}
.con_bo_l4{width:380px; margin-top:20px;}
.con_bo_l4 p img{width:auto;}
.cons2_img{width:450px; margin-top:20px;}
.cons2_img li{ width:35%; margin-left:10px; float:left;}
.cons2_img li img{ width:100%;}
.con2_btn{position:absolute; width:262px; right:10px; top:15px; background:#b75386; border-radius:20px;  z-index:100; padding:20px 20px 10px 20px;behavior: url(/common/js/PIE.htc);}
.con2_btn2{float:left;background:#b75386; border-radius:20px; padding:20px 0 10px 0; behavior: url(/common/js/PIE.htc); width:190px; z-index:200;}
.con_btn2{float:left;background:#cf8bb9; border-radius:20px; padding:30px 0 20px 0; behavior: url(/common/js/PIE.htc); width:190px; z-index:200;}

/* 建物メンテナンスサービス */
.gcost_box_4{
float:left; width:20%; margin-right:6%; margin-top:30px;}
.gcost_box_4_last{
float:left; width:20%; margin-right:0%; margin-top:30px;}

.gcost_box_3{
float:left; width:28%; margin-right:7%; margin-top:30px;}
.gcost_box_3_last{
float:left; width:28%; margin-right:0%; margin-top:30px;}
}


@media screen and (min-width: 320px) {
.ela_4{position:absolute; right:-30px; top:-100px; display:none;}
.ela_3{position:absolute; right:30px; top:180px; background:#d1bf2c; width:80%; border-radius:20px;  z-index:100; text-align:center;}
.ela_6{clear:both;width:100%; float:left; margin-top:300px;}
.ela_box{float:left; width:100%;}
.semi_3{clear:both;width:80%; position:absolute;right:20px; top:180px; background:#e68319; border-radius:20px;  z-index:100; padding:20px 20px 10px 20px;}
.semi_5{margin-top:220px;}
.semi_4{ width:70%; display:block; line-height:1.8em; color:#d49b4a; margin-bottom:10px;}
.con2_btn{display:none;}
.con_btn{display:none;}
}
@media screen and (min-width: 480px) {
.ela_4{position:absolute; right:-30px; top:-100px; display:none;}
.ela_3{position:absolute; right:30px; top:180px; background:#d1bf2c; width:80%; border-radius:20px;  z-index:100; text-align:center;}
.ela_6{clear:both;width:100%; float:left; margin-top:300px;}
.ela_box{float:left; width:50%;}
.semi_3{clear:both;width:80%; position:absolute;right:20px; top:160px; background:#e68319; border-radius:20px;  z-index:100; padding:20px 20px 10px 20px;}
.semi_5{margin-top:200px;}
.semi_4{ width:70%; display:block; line-height:1.8em; color:#d49b4a; margin-bottom:10px;}
}

@media screen and (min-width: 730px) {
	.gcost_box_left{
float:left; width:48%; margin-right:4%; margin-top:30px; margin-bottom:40px;}
.gcost_box_right{
float:left; width:48%; margin-top:30px; margin-bottom:40px;}

.ela_4{position:absolute; right:-30px; top:-100px; display:none;}
.ela_3{position:absolute; right:30px; top:180px; background:#d1bf2c; width:80%; border-radius:20px;  z-index:100; text-align:center;}
.ela_6{clear:both;width:100%; float:left; margin-top:300px;}
.semi_3{clear:both;width:80%; float:left; position:absolute;right:30px; top:150px; background:#e68319; border-radius:20px;  z-index:100; padding:20px 20px 10px 20px;}
.semi_5{margin-top:250px;}
.semi_4{ width:70%; display:block; line-height:1.8em; color:#d49b4a; margin-bottom:10px;}
.c7 .low_in .semi_2{ display:none;}
}

@media screen and (min-width: 960px) {
.c7 .low_in .semi_2{ display:inherit;}
.gcost_list li { width:48%; float:left; list-style:none;}
.ela_4{position:absolute; right:-30px; top:-100px; display:block;}
.ela_3{position:absolute; right:20px; top:30px; background:#d1bf2c; border-radius:20px;  z-index:100; padding:20px;  width:auto; }
.ela_6{clear:both;width:100%; float:left; margin-top:220px;}
.semi_3{position:absolute; width:242px; right:20px; top:60px; background:#e68319; border-radius:20px;  z-index:100; padding:20px 20px 10px 20px;}
.semi_5{margin-top:0px;}
.semi_4{ width:300px; display:block; line-height:1.8em; color:#d49b4a; margin-bottom:10px; padding-right:20px;}
.con2_btn{display:block;position:absolute; width:262px; right:10px; top:15px; background:#b75386; border-radius:20px;  z-index:100; padding:20px 20px 10px 20px;behavior: url(/common/js/PIE.htc);}
.con_btn{display:block;position:absolute; width:262px; right:10px; top:15px; background:#cf8bb9; border-radius:20px;  z-index:100; padding:20px 20px 10px 20px;behavior: url(/common/js/PIE.htc);}

}

/* その他 */
tr.pagecount_t  { text-align:center;}
.semikiji tr.pagecount_t td{ padding:10px 0 10px 10px;}
.pagecount_t table td{border:none; padding:0 5px 0 5px;}
.pagecount_t table tr{border:none;}
.pagecount_t table a,
.pagecount_t table span {
	display: inline-block;
	margin: 0 -0.2em;
	border: 1px solid #c6c6c6;
	padding: 2px 10px;
	text-decoration: none;
		background:#FFFFFF;
			color:#c85987;
}
.pagecount_t table span {
	background: #fff0f0;
	color:#882200;
}
.pagecount_t table a:hover,
.pagecount_t table a:focus {
	background: #d898a9;
	color:#FFFFFF;
}
.pagecount_t3{}
.semikiji tr.pagecount_t3 td{ padding:0px 0 10px 10px;}
.pagecount_t3 table td{border:none; padding:0 5px 0 5px;}
.pagecount_t3 table tr{border:none;padding-bottom:20px;}
.pagecount_t3 table a,
.pagecount_t3 table span {
	display: inline-block;
	margin: 0 -0.2em;
	border: 1px solid #c6c6c6;
	padding: 2px 10px;
	text-decoration: none;
		background:#FFFFFF;
			color:#c85987;
}
.pagecount_t3 table span {
	background: #fff0f0;
	color:#882200;
}
.pagecount_t3 table a:hover,
.pagecount_t3 table a:focus {
	background: #d898a9;
	color:#FFFFFF;
}

/*フォーム2
-------------------------------------------------- */
.form_p{width:100%;}
.form_p td{width:100%;}

.form_p{width:100%;}
.form_p td{width:100%;}
.form_p input{}
.form_p .logth{border:1px dashed #CCCCCC; border-width:1px 0 1px 0; color:#594d48; text-align:left; width:100%;}



.form_div{ width:100%;}
.form_div div.kakoi{
	 border:1px dashed #CCCCCC; border-width:1px 0 0 0; color:#594d48;
	 float:left;
	 clear:both;
}
.form_div div.kakoi:nth-last-child(1){
	 border-bottom:1px dashed #CCC;
}
.form_div div.text{
padding:20px 20px 23px 20px;display:table-cell;

}
.form_div div.naiyou{
background:#f4e3e8;padding:20px 10px 23px 10px; font-weight:bold; text-align:center;display:table-cell; line-height:1.5em;

}
* html .form_div div{/*ieのfloatバグ回避の為*/
	margin-left:1px;
}
.form_div div.firstrow{
	clear:both;
}

.form_div .rei{clear:both; display:block; float:left; width:100%;}

.form_div div.kakoi:after{
	content:"";
	display:block;
	clear:both;
}
@media screen and (min-width: 320px) {
.form_div{ width:100%;}
.form_div div.text{
padding:20px;width:280px; float:left;
}
.form_div div.text2{
padding:20px;width:280px; float:left;
}
.form_div input{
width:280px; font-size:16px; padding:4px; margin-right:8px;
}
.form_div div.naiyou{
background:#f4e3e8;width:90%;padding:5%;
}
}

@media screen and (min-width: 480px) {
.form_div{ width:100%;}
.form_div div.text{
padding:10px;width:340px;
}
.form_div div.naiyou{
background:#f4e3e8;width:160px;padding:10px;
}
}

@media screen and (min-width: 730px) {
.form_div{ width:630px;}
.form_div div.text{
padding:20px;width:380px; float:left;
}
.form_div div.text2{
padding:20px 20px 60px 20px;
}
.form_div input{
width:auto; font-size:100%;
}
.form_div div.naiyou{
background:#f4e3e8;padding:20px 10px 10px 10px; font-weight:bold; text-align:center;display:table-cell; line-height:1.5em;width:160px;float:left;
}
}
@media screen and (min-width: 960px) {
.form_div{ width:720px;}
.form_div div.text{
padding:20px;width:440px; float:left;
}
.form_div div.naiyou{
background:#f4e3e8;padding:20px 10px 10px 10px; font-weight:bold; text-align:center;display:table-cell; line-height:1.5em;width:180px;float:left;
}
}


.InputRule{font-size:80%; line-height:0.2em;}
.InputRule{font-size:80%; line-height:0.2em;}
.input_login_text{width:60% !important; height:15px;}
.input_pass_text{width:60%; height:15px;}

body {
	background:url(/common/images/bg.gif);
	height:100%;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
#wrapper {
	width:100%;
	margin: 0 auto;
	float:none;
}
.center{text-align:center;}
h1.logo img{ width:86%; margin:7%;}


/*セミナー
-------------------------------------------------- */
.name{ font-size:110%; font-weight:bold; margin-left:10px;}
.bun2{ margin-bottom:30px;}
.bun2 p{ margin-bottom:25px;}
.low_in h4.title_semi{ font-size:18px; font-weight:normal; padding-top:30px;}
.low_in .semi_2 img{ width:auto;}
.camp_semi{margin:0 0 20px 0; padding:4px 10px; color:#FFFFFF;background:#ea8181;  border-radius:20px; border-radius:5px;}
.koushi{ float:left; clear:both;}

/*ブロック関連
-------------------------------------------------- */

div{ float:left;}
.low{ float:left;width:100%; display:block; margin-bottom:20px;}
.c3 .low{ float:left;width:100%; display:block; }
/*右ナビ：ログイン*/
.c1{ float:left;width:100%; clear:both;}
/*右ナビ：マイウェルス*/
.c2{ float:left;width:100%; clear:both;}
/*管理人のオススメ・クリップ一覧*/
.c3{ float:left;width:100%; clear:both;}
/*詳細クリップ　右*/
.c4{ }
/*詳細*/
.c5{ }
/*横幅１００*/
.c7{ float:left;width:100%; clear:both;}
.c7 .low_in{background:#FFFFFF;padding:3%; width:94%;}
.c7 .semikiji td{ padding:0px;}

/*権限色分け
-------------------------------------------------- */
#user{ background:#c85987;}
#owner{ background:#999;}

/*非表示関連
-------------------------------------------------- */
.dsn{display:none;}
.dsn780{display:none;}
/*各色
-------------------------------------------------- */
.news{background:#3b82b8;}
.colum{background:#8c9c28;}
.movie{background:#5dae5d;}
.e-learn{background:#c1b233;}
.semi{background:#c28631;}
.camp{background:#ea8181;}
.cara{background:#c85987;}/*#f276a9*/
.lease{background:#c85987;}/*#c23164 */
.voice{background:#b75386;}
.consul{background:#cf8bb9;}
.consul.unlock{background:#c85987;}
.shop{background:#747474;}
.mail{background:#b27862;}
.simi{background:#5c8158;}
.cad{background:#3d8935;}
.cases{background:#3a9159;}
.mypage{background:#d898a9;}
.cost{background:#999999;}
.gcost{background:#5e7ab5;}
.soloel{background:#00a2d6;}
.kajitaku{background:#3aabcb;}
.casestudy{background:#87a94c;}

/*ボタンホバー*/
.top_btn div.news_top:hover{border: 8px solid #cfe5f6;}
.top_btn div.colum_top:hover{border: 8px solid #e8ecce;}
.top_btn div.movie_top:hover{border: 8px solid #c0ddc0;}
.top_btn div.e-learn_top:hover{border: 8px solid #eae08b;}
.top_btn div.semi_top:hover{border: 8px solid #ecd7b9;}
.top_btn div.camp_top:hover{border: 8px solid #e8c3c3;}
.top_btn div.cara_top:hover{border: 8px solid #f5d0e3;}
.top_btn div.lease_top:hover{border: 8px solid #f6d9e3;}
.top_btn div.voice_top:hover{border: 8px solid #d7c2cd;}
.top_btn div.consul_top:hover{border: 8px solid #e7d9e8;}
.top_btn div.shop_top:hover{border: 8px solid #dedede;}
.top_btn div.mail_top:hover{border: 8px solid #daccc2;}
.top_btn div.simi_top:hover{border: 8px solid #dee6de;}
.top_btn div.cad_top:hover{border: 8px solid #cbdac9;}
.top_btn div.cases_top:hover{border: 8px solid #bbccc1;}
.top_btn div.cost_top:hover{border: 8px solid #999999;}
.top_btn div.gcost_top:hover{border: 8px solid #ccd2e0;}
.top_btn div.soloel_top:hover{border: 8px solid #e6f4f8;}
.top_btn div.kajitaku_top:hover{border: 8px solid #e9f3f5;}

/*各色TOP*/

.news_top{color:#3b82b8;}
.colum_top{color:#e8ecce;}
.movie_top{color:#5dae5d;}
.e-learn_top{color:#c1b233;}
.semi_top{color:#c28631;}
.camp_top{color:#ea8181;}
.cara_top{color:#f276a9;}
.lease_top{color:#c23164;}
.voice_top{color:#b97e9c;}
.consul_top{color:#cf8bb9;}
.shop_top{color:#747474;}
.mail_top{color:#b27862;}
.simi_top{color:#5c8158;}
.cad_top{color:#3d8935;}
.cases_top{color:#3a9159;}
.mypage_top{color:#d898a9;}
.cost_top{color:#999999;}
.gcost_top{color:#5e7ab5;}
.soloel_top{color:#00a2d6;}
.kajitaku_top{color:#3aabcb;}
.casestudy_top{color:#87a94c;}

/*各色ボダー*/
.news_b{border-bottom:4px solid #3b82b8;}
.colum_b{border-bottom:4px solid #8c9c28;}
.movie_b{border-bottom:4px solid #5dae5d;}
.e-learn_b{border-bottom:4px solid #c1b233;}
.semi_b{border-bottom:4px solid #c28631;}
.camp_b{border-bottom:4px solid #ea8181;}
.cara_b{border-bottom:4px solid #f276a9;}
.lease_b{border-bottom:4px solid #c23164;}
.voice_b{border-bottom:4px solid #db6e94;}
.consul_b{border-bottom:4px solid #cf8bb9;}
.shop_b{border-bottom:4px solid #747474;}
.mail_b{border-bottom:4px solid #b27862;}
.simi_b{border-bottom:4px solid #5c8158;}
.cad_b{border-bottom:4px solid #3d8935;}
.cases_b{border-bottom:4px solid #3a9159;}
.cost_b{border-bottom:4px solid #999999;}
.gcost_b{border-bottom:4px solid #5e7ab5;}
.soloel_b{border-bottom:4px solid #00a2d6;}
.kajitaku_b{border-bottom:4px solid #3aabcb;}
.casestudy_b{border-bottom:4px solid #87a94c;}

/*各色タイトル*/
.news2{background:#cfe5f6; color:#4f6a7e;}
.colum2{background:#eff6c2; color:#8c9c28;}
.movie2{background:#c0ddc0; color:#5dae5d;}
.e-learn2{background:#f3eaa3; color:#c1b233;}
.semi2{background:#f2d8b3; color:#c28631;}
.camp2{background:#e8c3c3; color:#ea8181;}
.cara2{background:#f9dde9; color:#f276a9;}
.lease2{background:#e9d0d9; color:#c23164;}
.voice2{background:#ebe0e6; color:#b75386;}
.consul2{background:#e7d9e8; color:#cf8bb9;}
.consul2.unlock{background:#f4e3e8; color:#c85987;}
.shop2{background:#dedede; color:#747474;}
.mail2{background:#b27862;}
.simi2{background:#5c8158;}
.cad2{background:#3d8935;}
.cases2{background:#3a9159;}
.mypage2{background:#f8e0e6; color:#d898a9;}
.cost2{background:#666; color:#999999;}
.gcost2{background:#d8dde9; color:#5e7ab5;}
.soloel2{background:#e6f4f8; color:#00a2d6;}
.kajitaku2{background:#e4f4f9; color:#3aabcb;}
.casestudy2{background:#f5fde7; color:#87a94c;}

/*各色タイトル*/
.news_t{color:#4f6a7e;}
.colum_t{color:#8c9c28;}
.movie_t{color:#5dae5d;}
.e-learn_t{color:#c1b233;}
.semi_t{color:#c28631;}
.camp_t{color:#ea8181;}
.cara_t{color:#f276a9;}
.lease_t{color:#c23164;}
.voice_t{color:#db6e94;}
.consul_t{color:#cf8bb9;}
.shop_t{color:#747474;}
.shop_t{color:#747474;}
.mail_t{color:#b27862;}
.simi_t{color:#5c8158;}
.cad_t{color:#3d8935;}
.cases_t{color:#3a9159;}
.red_t{ color:#C00;}
.mypage_t{color:#d898a9;}
.cost_t{color:#666;}
.gcost_t{color:#5e7ab5;}
.soloel_t{color:#00a2d6;}
.kajitaku_t{color:#3aabcb;}
.casestudy_t{color:#87a94c;}

.red_t{ color:#C00; display:block; float:none; clear:both;}

/*ニュース等記事一覧
-------------------------------------------------- */
.low_in{background:#FFFFFF;padding:5%; width:90%;}
.low_next{clear:both;border-top:#D9D9D9 dashed 1px; width:100%; margin-top:3%; padding-top:3%;text-align:center; margin-bottom:0%;}
.low_next2{clear:both;border-top:#D9D9D9 dashed 1px; width:100%; margin-top:2%; padding-top:5%;text-align:center; margin-bottom:2%;}
.low_title{clear:both; width:100%;}

.low_in img{ width:100%;}
.low_in h4{ font-size:100%; font-weight:bold; clear:both; margin-bottom:5%; line-height:1.5em;}
.low_in h3{ font-size:110%; font-weight:bold; clear:both; margin-bottom:2%; }
.low_in .date{ display:block; padding:1% 2% 1% 2%; color:#FFFFFF; margin-top:3px; width:33%;}
.low_in .date_semi{ display:block; padding:0; margin-bottom:0px; width:100%; font-weight:bold;}
.low_in .date2{ display:block; padding:0%;float:left;}
.low_in .cate{display:block; clear:both;  margin-bottom:5px;line-height:1.5em; font-size:80%;}
.low_in .bun{ font-size:90%; line-height:1.5em; display:block; clear:both;}
.low_in .st{ float:left; padding-left:10px; margin-bottom:2%; clear:both;}

.title_e{width:100%; position:relative;}
.clip{width:300px; position:absolute; top:-10px; right:-90px; }
.clip p {width:60px; float:left; margin-left:10px; margin-top:10px;}
.clip p img {width:100%;}


.low_in2{background:#FFFFFF;padding:5%; width:90%;}
.low_in2 img{ }
.low_in2 h4{ font-size:100%; font-weight:bold; clear:both; margin-bottom:10px; margin-top:30px; line-height:1.5em;}
.low_in2 h3{ font-size:110%; font-weight:bold; clear:both; margin-bottom:2%; }



/*ページ送り
-------------------------------------------------- */
.pagecount{
	width:100%;	float:left;	clear:both;	text-align:center;
}
p.pagecount2 {
	margin-bottom:3%;
	margin-left:1%;
	text-align: left;
	*zoom: 1;	/* IE 6/7 */
}
p.pagecount {
	margin-bottom:3%;
	text-align: center;
	*zoom: 1;	/* IE 6/7 */

}
p.pagecount a,
p.pagecount span {
	display: inline-block;
	margin: 0 -0.2em;
	border: 1px solid #c6c6c6;
	padding: 2px 10px;
	text-decoration: none;
		background:#FFFFFF;
			color:#c85987;
}
p.pagecount span.current_page {
	background: #fff0f0;
	color:#882200;
}
p.pagecount a:hover,
p.pagecount a:focus {
	background: #d898a9;
	color:#FFFFFF;
}



/*ナビ・ページタイトル
-------------------------------------------------- */
.pink_title{ background:#c85987; color:#FFFFFF; border-radius:7px; margin-bottom:20px; line-height:20px; width:90%; padding:1% 5% 1% 5%; float:left; clear:both;}
.pink_title2{ background:#e98db3; color:#FFFFFF; border-radius:14px; margin-bottom:20px; line-height:20px; width:90%; padding:1% 5% 1% 5%; float:left; clear:both;}
.green_title{ background:#25a852; color:#FFFFFF; border-radius:14px; margin-bottom:20px; line-height:20px; width:90%; padding:1% 5% 1% 5%; float:left; clear:both;}

.pagetitle{ width:100%;	margin-bottom:20px;}
.pagetitle h3{font-size:140%; line-height:65px; height:65px; color:#FFFFFF; padding:0 5% 0 5%;}
.pagetitle h3 img{ vertical-align:middle; padding-left:15px;}
.pagetitle p{font-size:100%; line-height:35px; height:35px; padding:0 5% 0 5%;}


.pagetitle2{ width:100%;margin-bottom:20px;}
.pagetitle2 h3{font-size:140%; line-height:65px; height:65px; color:#FFFFFF; padding:0 5% 0 5%;}
.pagetitle2 p img{width:86px; padding:0 10px 0 10px;}

.pagetitle3{ width:100%;margin-bottom:20px;}
.pagetitle3 h3{font-size:120%; line-height:65px; height:65px; color:#FFFFFF; padding:0 5% 0 5%;}
.pagetitle3 p img{width:86px; padding:0 10px 0 10px;}


nav{ color: rgba(255,255,255,1.00); width:90%; padding:0 5% 5% 5%;background:#c85987; float:left; margin-bottom:30px;}
nav p {margin:10px 0 10px 0; display:block;}
nav ul.menu{clear:both; float:left;}
nav ul.menu li{ float:left;width:30%;height:40px; margin-right:5px;
line-height:40px;cursor:pointer; padding:0; font-weight:bold; font-size:90%;}
nav ul.menu li a { color:#FFFFFF;}

.login{ clear:both; width:100%;}
.n_btn{background:#db98aa; border-radius:7px; padding:0 5% 0 5%; line-height:30px; height:30px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.20); }

.n_btn2{background:#e97163; border-radius:7px; padding:10px; color:#FFFFFF;
text-align:center;}

.n_btn2 p{ line-height:1.7em; text-align:left; font-size:90%;}
.n_btn img{ margin-right:5px; vertical-align:middle; margin-bottom:4px;}


.n_btn3{background:#e97163; border-radius:7px; padding:3px 15px 0 15px; color:#FFFFFF;
text-align:center; height:27px;behavior: url(/common/js/PIE.htc); position:relative;}

.n_btn3 a{color:#FFFFFF;}


.social{ clear:both; margin-bottom:10px;}
.social .tw{ height:30px; width:30px; background:#3dbdea; border-radius:7px; text-align:center; margin-right:5px;}
.social .fb{ height:30px; width:30px; background:#5a74cb; border-radius:7px; text-align:center;}
.social img{ vertical-align:middle;}


/*左メニュー要素
-------------------------------------------------- */

.login_img{background:url(/common/images/img_01.png) no-repeat bottom; float:left; width:100%; background-size:contain;  margin-bottom:60px;height:88px;position:absolute;right:0;top:-88px;}
.login_btn{ position:relative; font-size:120%; background:#d9739d; width:90%; height:auto; padding:0 5% 0 5%; border-radius:7px;}

.login_name{ top:20%; text-align:center;vertical-align:middle;color:#FFFFFF;}

.login_btn2{ float:left; width:90%; position:relative;
 font-size:100%; padding:0 5% 0 5%; 
  background:#db98aa; border-radius:7px; 
  margin-left:5px;  height:23px; margin-top:80px; margin-bottom:10px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.20);  
  }



.eigyou_img{background:url(/common/images/img_02.png) no-repeat bottom; float:left;  background-size:contain; width:100%; margin-bottom:10px;
height:88px;position:absolute;right:20px;top:-38px;}
.eigyou_btn{ position:relative; background:#1674ab; width:90%; height:40px; padding:0 5% 0 5%; border-radius:7px;}
.eigyou_name{ position:absolute; top:20%; text-align:center; vertical-align:middle;color:#FFFFFF;}


.mywells{clear:both;border-top:#D9D9D9 dashed 1px; width:100%; padding-bottom:5%; padding-top:5%;}

.mywells td{border-top:#D9D9D9 dashed 1px; padding-bottom:5%; padding-top:10%;width:100%;}
.mywells_syo span{clear:both; float:left; display:block; line-height:1.7em;	font-size:90%;}
.mywells_syo{clear:both; margin-left:10px;}
.ment_btn {
	background:#e97163;
	color:#FFFFFF;
	padding:2% 5% 0 5%;
	height: 20px;
	position: relative;
	width: 130px;
	margin-top:10px;

}
.ment_btn:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 5px solid transparent;
	border-bottom-color: #e97163;
	bottom: 100%;
	left: 10px;
}
.ment_btn2 {
	background:#e97163;
	color:#FFFFFF;
	padding:0% 5% 2% 5%;

	height: 20px;
	position: relative;
	width: 80%;
	margin-top:10px;

}
.ment_btn2:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 5px solid transparent;
	border-bottom-color: #e97163;
	bottom: 100%;
	left: 10px;
}
.bunner{ text-align:center; background:#FFFFFF;padding:10px 10px 5px 10px; width:90%; border:#CCCCCC 1px solid; margin-bottom:20px;}


/*フッター
-------------------------------------------------- */



/*TOP
-------------------------------------------------- */
.top_newstitle{ font-weight:bold; letter-spacing:0.2em; margin-bottom:0px; line-height:20px; width:95%; padding:1% 5% 1% 0%; float:left; clear:both;}
.top_news{ width:100%; float:left; margin-bottom:10px;}
.top_news tr{ border-bottom:#CCCCCC 1px dashed; }
.top_news td.date{margin-right:2%;float:left; display:block; width:18%; padding:10px 0 10px 0;}
.top_news td.kiji{float:left; display:block; width:80%; line-height:1.5em; padding:10px 0 10px 0;}

.top_btn{ width:100%; float:left;}
.top_btn li{ float:left; margin-right:5%; margin-bottom:5%; width:30%; background:#FFFFFF;  height:30%; text-align:center; vertical-align:middle;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.20); 

}
.top_btn li p{ line-height:1.6em; margin:0px; font-size:85%; padding:0 20px 0 20px;}
.top_btn li img{ width:100%;}

.top_btn div {border: 8px solid #FFF; padding:10px 0 5px 0;} 


.entry-title {
    background: #c85987; /* Old browsers */
    margin:0 -10px 30px -56px;
    padding:7px 40px;
    color:#FFF;
    position:absolute;
	top:10px;
	left:44px;
    z-index: 200;

    }
  

.entry-title2 {
    position:absolute;
	top:49px;
	left:-12px;

    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 12px solid #ea8bb5;
}


.bdd{clear:both; margin-bottom:10px; border-bottom:#CCCCCC 1px dashed; padding-bottom:10px;}

.main{ float:left; width:100%;position:relative; margin-bottom:15px;}
.main_topti{ background:rgba(255,255,255,0.5); color:#333; padding:0 2% 0 2%; margin-top:42%;}
.main_topti_bg{background:#e5dddf; width:100%; float:left; height:25px; margin-bottom:15px; color:#666666;}
.main_topti .t1{color:#FFFFFF; padding:0 20px 0 20px; height:25px;display:block; width:auto; line-height:25px;float:left;  font-weight:bold; }
.main_topti .t2{color:#FFFFFF; padding:0 10px 0 20px; height:25px;display:block; width:110px; line-height:25px;float:right; }
.main_topti h2{ clear:both; font-weight:bold; font-size:110%; line-height:1.7em; margin-bottom:10px; text-align:left;}
.main_topti p.bun{ clear:both; line-height:1.5em; margin-bottom:10px; text-align:left;width:520px;}
.main img{ width:100%;}

.main li.tes { background-size:contain;}


p.top_bun{ line-height:1.8em; font-size:90%; padding:2%;}

/*詳細ページ（ニュース・コラム・動画）
-------------------------------------------------- */

.c5 .low_in{background:#FFFFFF;padding:3%; width:94%;}
.c5 .low_in h4{ font-size:130%; font-weight:100; clear:both; margin-bottom:2%;}
.c5 .low_in img{ width:100%; float:left; margin-right:20px; margin-bottom:20px;}
.c5 .low_in .date{ display:block; padding:0; color:#666666;}
.c5 .low_in .bun{font-size:100%; line-height:1.8em; float:left;}
.c5 .low_in .bun p{ text-indent:10px; padding-bottom:30px;}
.c5 .low_in .inyou{ float:right; margin-top:10px; margin-bottom:20px; font-size:90%;}
.c5 .low_in .inyou .kiji1{ margin-bottom:0px;}
.c5 .low_in .inyou .kiji2{line-height:1.5em;}
.c5 .low_in .inyou .kiji3{font-size:130%; line-height:1.2em; margin-bottom:10px;}

.c7 .low_in .bun p{ text-indent:10px; padding-bottom:30px;}


/*ソーシャルボタン
-------------------------------------------------- */
.social_btn{ float:right; width:100%; text-align:right; margin-bottom:20px;}
.facebook{ margin-top:1px; width:100px; margin-right:10px; float:left;}
.hatebu{ margin-top:6px; width:60px; float:left;}
.twitter{ margin-top:6px; width:100px; float:left;}
.google{ margin-top:6px; width:100px; float:left;}



/*コラム（筆者の欄）
-------------------------------------------------- */
.colum_hitu{width:100%; float:left; margin-bottom:20px;}
.colum_hitu .photo{float:left;}
.colum_hitu .photo img{ padding:5px; width:80%; background:#FFFFFF; border:1px #CCCCCC solid;}
.colum_hitu .syousai{float:left;}
.colum_hitu h5{ font-size:120%; font-weight:bold; margin:5px 0 10px 0;}
.colum_hitu h5 span{ margin-left:10px;}
.colum_hitu .setumei{ background:#fdf3f6; font-size:90%; color:#b67892; padding:5%; width:90%; line-height:1.4em; margin-top:10px;}



.other{clear:both;border-top:#D9D9D9 dashed 1px; width:100%; margin-top:3%; padding-top:3%;}
.other p{ font-weight:bold; margin-bottom:3%;}
.other ul{ margin-left:10px;}
.other ul li{ margin-bottom:6px;}
.other .title{ margin:0 10px 0 10px;}
.other .title2{ margin-right:10px; font-weight:bold;}

/*セミナー

-------------------------------------------------- */
.jan{width:100%; float:left; clear:both;}
.jan h4{color:#c28631; font-size:110%; font-weight:bold; margin:10px 0 10px 0; }
.btn_1{background:#FFFFFF; color:#259d2d; border:2px solid #259d2d; padding:2px 7px 2px 7px; float:left; width:120px;text-align:center;}
.btn_2{background:#FFFFFF; color:#4a77b8; border:2px solid #4a77b8; padding:2px 7px 2px 7px; float:left; width:120px; text-align:center;}
.btn_3{background:#FFFFFF; color:#e97163; border:2px solid #e97163; padding:2px 7px 2px 7px; float:left; width:120px;text-align:center;}
.btn_wells{background:#c85987; color:#FFF; border-radius:2px; padding:2px 7px 2px 7px; float:left; width:100px; text-align:center;}
.btn_nomal{background:#CCC; color:#333; border-radius:2px; padding:2px 7px 2px 7px; float:left; width:100px; margin-right:10px; text-align:center;}
.btn_event{background:#e57ba5; color:#FFF; border-radius:2px; padding:2px 7px 2px 7px; float:left; width:100px; text-align:center; margin-right:20px; margin-bottom:35px;position:relative;behavior: url(/common/js/PIE.htc);}
.btn_campe{background:#ea8181; color:#FFF; border-radius:2px; padding:2px 7px 2px 7px; float:left; width:100px; text-align:center; margin-right:20px; margin-bottom:２5px;position:relative;behavior: url(/common/js/PIE.htc);}
.btn_box2{ padding:5px;}
.btn_box2 div{margin:5px;}
.kiji2{ width:100%; float:left; clear:both; background:#FFFFFF; margin-top:20px; border-radius:7px; margin-bottom:40px;}
.semi_title{ margin:5% 0 5% 0; background:#d2ab73; color:#FFFFFF; border-radius:15px; line-height:20px; width:96%; padding:1% 2% 1% 2%; float:left; clear:both;}
.kiji2 td {padding: 0% 2% 0% 2%;}

.semikiji{ width:100%; float:left; border-bottom:#CCCCCC 1px dashed; margin-bottom:2%;}
.semikiji .title{ font-size:120%; line-height:1.5em; margin:20px 0 10px 0;}
.semikiji td.top{ border-top:#CCCCCC 1px dashed; padding-top:20px;width:100%;}
.semikiji td.btm{ padding-bottom:60px;}

.semikiji .tiku{ font-size:100%; font-weight:bold; line-height:1.5em; margin-bottom:5px; float:left; padding-right:20px;}
.semikiji .date{ font-size:110%; font-weight:bold; line-height:1.5em; float:left;}
.semikiji .date2{ font-size:110%; font-weight:bold; line-height:1.5em; float:left; color:#666666; margin-bottom:10px;}
.semikiji .date3{ font-size:100%; line-height:1.5em; float:left; color:#666666; margin-bottom:10px;}
.semikiji .title2{ font-size:100%; padding-bottom:6px; line-height:1.5em;}
.semikiji img{ width:auto;}

.semikiji .kousi{ font-size:100%; line-height:1.5em; float:left; margin-bottom:5%;}

.semikiji td {padding: 0% 2% 0% 2%;
}

.semikiji2 .btn_box{float:right;}
.semikiji2{width:100%; clear:both; margin-bottom:30px; border-bottom:#CCCCCC 1px dashed;}
.semikiji2 .title{ font-weight:normal; font-size:140%; line-height:1.8em;padding-top:40px;}
.semikiji2 .tiku{ font-size:100%; font-weight:bold; line-height:1.5em; margin-bottom:5px; float:left;}
.semikiji2 .date{ font-size:110%; font-weight:bold; line-height:1.5em; float:left;}
.semikiji2 .kousi{ font-size:100%; line-height:1.5em; float:left; margin-bottom:5%;}
.semikiji2 .title2{ font-size:110%; font-weight:bold; padding-bottom:6px;}
.semikiji2 .title3{ font-size:120%; font-weight:bold; padding-bottom:6px;}
.semikiji2 .syousai2{ font-size:100%; line-height:1.5em; padding-bottom:6px;}
.semikiji2 .syousai2 img{ width:auto;}
.semikiji2 ol li{ list-style:decimal; margin-left:50px; padding-left:10px;}
.semikiji2 ol{ margin-bottom:20px;}
.semikiji2 .map{ background:#c85987; border-radius:3px; color:#FFFFFF; padding:3px 7px 3px 7px; height:15px; margin-left:10px;}
.semikiji2 .map a{ color:#FFFFFF;}
.semikiji2__list{list-style: none; margin-left: 8px !important;}
.semikiji2__item{padding-left: 1.5em; margin-top: 16px;}
.semikiji2__item:first-of-type{margin-top: 0;}
.semikiji2__text:first-of-type{text-indent: -1.5em;}
.semikiji2__link{font-weight: bold; text-decoration: underline !important; color: #0e2e92 !important;}
.semikiji2__link:visited{color: #0e2e92 !important;}
.semikiji2__link:hover{opacity: 0.75; color: #0e2e92;}


.semi_btn_100{
	width:100%;	float:left;	clear:both;	text-align:center;margin-bottom:20px; margin-top:20px;
}
.semi_btn {
background:#db98aa; border-radius:7px; padding:2% 7% 2% 7%;
text-align:center; font-size:120%; color:#FFFFFF; 
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
*zoom: 1;	/* IE 6/7 */
}

.semi_btn2 {background:#e1bfc9;}
.semi_btn a{ color:#FFFFFF;}
.semi_btn3 a{ color:#FFFFFF;}
.semi_btn3 {
background:#db98aa; border-radius:7px; padding:10px 20px;
text-align:center; font-size:120%; color:#FFFFFF;
margin-bottom:30px; 
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
*zoom: 1;	/* IE 6/7 */
}

.semi_mousi{ width:98%; float:left; clear:both; background:#FFFFFF;border-radius:7px;padding:20px 0 20px 2%; margin-bottom:30px;}
.semi_mousi h4{color:#c28631; font-size:110%; font-weight:bold; margin-bottom:10px; }
.semi_mousi ol{ float:left; width:100%;}
.semi_mousi li{ float:left; width:25%; display:block;}
.semi_mousi h5{color:#8c6939; font-size:100%; font-weight:bold; margin:10px 0 10px 0; }
.semi_mousi .syousai{font-size:90%; line-height:1.5em; padding-right:5%;}

.semi_owari{ border:#CC6666 2px solid; padding:5px; text-align:center; color:#CC6666; width:99%; font-weight:bold; margin-bottom:20px; margin-top:20px; border-radius:5px;}
.semi_owari2{ border:#CC6666 2px solid; padding:0px 10px 0px 10px; text-align:center; font-size:85%; color:#CC6666; border-radius:14px; width:auto; font-weight:bold; margin-bottom:10px;}
.semi_owari3{ background:#14498c; padding:5px; text-align:center; color:#FFFFFF; width:99%; font-weight:bold; margin-bottom:20px; margin-top:20px; border-radius:5px; behavior: url(/common/js/PIE.htc); position:relative;}

.owari{filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.step_btn {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size:120%;
	background:#f2d8b3;
	color:#c28631;
	text-align:center;
	padding:10%;
	height: 20px;
	position: relative;
	width: 60%;
	margin-top:5px;
}
.step_btn:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 29px solid transparent;
	border-left-color: #f2d8b3;
	bottom: 0%;
	left: 100%;
}

.step_btn2 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size:120%;
	background:#f2d8b3;
	color:#c28631;
	text-align:center;
	padding:10%;
	height: 27px;
	position: relative;
	width: 75%;
	margin-top:5px;
}
.step_btn2:after {

}


.semi_voice{ border:#d5cec8 2px solid; border-radius:7px; padding:0 2% 0% 2%; width:96%; margin-top:40px;}
.semi_voice h4{color:#c28631; font-size:110%; font-weight:bold; margin:15px 0 15px 0; }
.semi_voice_t p{ line-height:1.5em; margin-bottom:0px;}
.semi_voice_t p.name{ margin-top:10px; margin-bottom:25px;}
.semi_voice_t td img{width:60%; padding:5%;}


/*フォーム
-------------------------------------------------- */
.form{margin-bottom:20px; clear:both;}
.form img{width:auto;}
.form th{ background:#f4e3e8; width:25%;  padding:20px 10px 20px 10px;}
.form tr{ border:1px dashed #CCCCCC; border-width:1px 0 1px 0; color:#594d48;}
.form td{ padding:20px}
.form td p.imge img{ width:50%; margin-bottom:10px;}
.form span.rei{ display:block; color:#999999; margin-left:0px; line-height:20px;}
.form .search{
padding:10px 30px;}


.form_erea{margin-bottom:20px; clear:both;}
.form_erea img{width:auto;}
.form_erea th{ background:#f4e3e8; width:25%;  padding:20px 10px 20px 10px;}
.form_erea tr{ border:1px dashed #CCCCCC; border-width:1px 0 1px 0; color:#594d48;}
.form_erea td{ padding:0px}
.form_erea td p.imge img{ width:50%; margin-bottom:10px;}
.form_erea span.rei{ display:block; color:#999999; margin-left:0px; line-height:20px;}
.form_erea .search{
padding:10px 30px;}

.textboxyou{ width:200px;}

.batsu{background:#990000; color:#FFFFFF; border-radius:7px; padding:0 7px 0 7px; margin-right:10px;}

/*mywells
-------------------------------------------------- */
.form2{margin-bottom:20px; clear:both;}
.form2 th{ background:#d898a9; color:#FFFFFF; padding:0% 3% 0% 3%;}
.form2 tr.title{ border-width:0; }
.form2 tr{ color:#594d48; text-align:center; border:1px dashed #CCCCCC; border-width:1px 0 1px 0; }
.form2 td{ padding:20px;}
.form2 td.bo{ border:1px dashed #CCCCCC; border-width:0 1px 0 0; }
.form2 td.bo2{ width:20%;border:1px dashed #CCCCCC; border-width:0 1px 0 0; }
.form2 td.bo3{ width:20%;border:1px dashed #CCCCCC; border-width:0 0 0 1px; }
.form2 td.bo4{ width:5%;border:1px dashed #CCCCCC; border-width:0 1px 0 0; vertical-align:top; text-align:left; }
.form2 td.bo5{ text-align:left;border:1px dashed #CCCCCC; border-width:0 0 0 1px; }
.form2 td p.name a{ color:#c85987; text-decoration:underline;font-weight:bold; font-size:130%;} 
.form2 td p.name span{ font-weight:bold;}
.form2 td p.date{ width:90px;}
.form2 td p.cate{ width:90px;}

.teiki{background:#fff8f7; width:44%; margin-right:2%; padding:2%;}
.teiki h4{ font-weight:bold; margin-bottom:10px;}
.tayori{background:#e5f5ff; width:46%; margin-right:0%; padding:2%;position:relative;}

.tayori h4{ font-weight:bold; margin-bottom:10px; color:rgba(255,255,255,1); background:#1674ab; border-radius:7px; padding:0 3% 0 3%;}
.tayori_img{position:absolute;right:30px;top:4px;}
.tayori p.date{ margin-bottom:5px;}
.tayori p.bun{ margin-bottom:5px; line-height:1.6em;}
.tayori p.hito{ margin-top:5px;}


/*無料相談
-------------------------------------------------- */
.consul_title{ margin:5% 0 5% 0; background:#cf8bb9; color:#FFFFFF; border-radius:15px; line-height:20px; width:96%; padding:1% 2% 1% 2%; float:left; clear:both;}



/*movies
-------------------------------------------------- */
.movie_table{width:100%;}
.movie_table td{width:27%; padding-right:3%; vertical-align:top;}
.movie_table td p.imgh{ height:220px;}
.movie_table td img{width:80%;}
.movie_table p.mo_title{line-height:1.6em; margin-bottom:5px;}
.cate_box{border-radius:4px; color:#FFFFFF; padding:0 5px; margin-bottom:10px; width:100%;}
.cate_box_w{width:auto;}


.c2 .cate_box_w{width:auto; font-size:90%;}

.FSSG{background:#4694d1;}
.humi{background:#61c1be;}
.KGST{background:#f37a8a;}
.KGKL{background:#ce93bf;}
.KGK{background:#737fbe; font-size:85%;}
.KGS_big{background:#3cb98a;}
.KGS_middle{background:#92C865;}
.sanitary{background:#2294C3;}
.kitchen{background:#D5780B;}
.KGSB{background:#baab87;}
.SB {background:#999;}
.LH {background:#eea6b4;}
.opt{background:#999;}

.FSSG_t{color:#4694d1;font-weight:bold;}
.humi_t{color:#61c1be;font-weight:bold;}
.KGKL_t{color:#ce93bf;font-weight:bold;}
.KGST_t{color:#f37a8a;font-weight:bold;}
.KGK_t{color:#737fbe;font-weight:bold;}
.KGS_big_t{color:#3cb98a;font-weight:bold;}
.KGS_middle_t{color:#92C865;font-weight:bold;}
.sanitary_t{color:#2294C3;font-weight:bold;}
.kitchen_t{color:#D5780B;font-weight:bold;}
.KGSB_t{color:#baab87;font-weight:bold;}
.SB_t{color:#999;font-weight:bold;}
.LH_t{color:#eea6b4;font-weight:bold;}
.op_t{color:#999;font-weight:bold;}


/*イーラーニング
-------------------------------------------------- */
.el{ width:94%; float:left; clear:both; background:#FFFFFF;border-radius:7px;padding:20px 3% 20px 3%; margin-bottom:30px;}
.el h4{font-size:110%; font-weight:bold; margin:0px 0 20px 0; }
.el .kaiken_syou{ float:left;}
.el .kaiken_btn{ margin-top:10px;width:260px; float:right; background:#b09967;padding:20px 15px 15px 15px; border-radius:5px;}
.el .kaiken_btn img{ width:100%;}
.el_title{ position:relative; background:#beb56a; color:#FFFFFF; border-radius:15px; line-height:20px; margin:20px 0 20px 0; height:20px; width:96%; padding:1% 2% 1% 2%; float:left; clear:both;}
.el_title .btn{ position:absolute; right:20px; top:-10px; font-weight:bold; padding:5px 20px 5px 20px; color:#FFFFFF;-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.20);  }




.el .nomal{background:#4494ba;}
.el .easy{background:#44ba47;}
.el .advance{background:#ba6900;}


.e-lankiji{float:left; width:100%; margin-bottom:20px;}
.e-lankiji tr{border-bottom:#D9D9D9 dashed 1px; width:100%;}
.e-lankiji td{padding-bottom:2%; padding-top:2%;}
.e-lankiji h5{float:left; width:320px; font-weight:bold; font-size:110%; display:block; margin-top:8px;}
.e-lankiji .bun{float:left; clear:both; width:100%; line-height:1.7em;}

.e-lan_btn{float:right; border-radius:14px; padding:5px; font-weight:bold; color:#FFFFFF; background:#d1bf2c; text-align:center; width:150px; margin-bottom:20px;}

.el_box{width:100%;}
.el_box .bk_btn{ position:relative; width:28%; padding:2%; background:#f5f1d4; border-radius:14px; text-align:center;  margin:40px 5px 30px 5px;}
.el_box .bk_btn h5{ margin:15px 40px 10px 40px; font-size:110%; font-weight:bold; color:#c4b539;}
.el_box .bk_btn h5.ti{ margin:15px 20px 10px 20px; font-size:110%; font-weight:bold; color:#c4b539;}
.el_box .btn{ position:absolute; left:10px; top:-20px;  font-weight:bold; padding:2px 10px 2px 10px; color:#FFFFFF;-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.20);}

.el_box .bk_btn{ position:relative; width:96%; padding:2%; margin:40px 0 10px 0;}
.el_box .bk_btn h5{ margin:20px;}
.el_box2{float:left; width:200px; text-align:center}
.el_box3{float:left; width:60%; padding-left:5%;}
.el_box3 ol li{ list-style:inside; margin-bottom:30px; color:#877243;}

/*フッター
-------------------------------------------------- */
footer{width:100%;clear:both; float:left;background:#f8e0e6; margin-top:20px; padding-top:20px;}
.footerlogo{ width:20%; margin-right:10px;}
.footerlogo img{ width:80%; margin-left:10px;}
.footer_list li{float:left; font-size:80%; padding:0px 5px; line-height:14px; border-right:#CCCCCC 1px solid; margin-top:20px;}
.footer_list2{border-radius:20px; position:absolute; right:0px; float:left; padding:10px 10px;}

.footer_list3{background:#FFFFFF; width:100%; height:175px; position:relative;}
.footer_btn{border-radius:20px; position:absolute; bottom:45px; font-size:80%; line-height:1.2em; float:left; border:#d5d5d5 2px solid; background:#FFFFFF; padding:5px 15px; left:0px;}
.footer_btn2{border-radius:20px; position:absolute; bottom:145px; left:20px; background:#FFFFFF; padding:8px 45px;}
.sht{width:150px;}
.copy{margin-top:15px;font-size:70%; float:right; line-height:1.5em; }

.pankuzu { float:left; width:70%; margin-bottom:30px;}
.pankuzu li{ float:left; width:50%; font-size:70%; line-height:13px; margin-bottom:8px;}


input.semi_btn  {  
background:#db98aa; border-radius:7px; padding:2% 7% 2% 7%;behavior: url(/common/js/PIE.htc); position:relative;
border:none;
text-align:center; font-size:120%; color:#FFFFFF; 
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
*zoom: 1;	/* IE 6/7 */
cursor:pointer;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}



@media screen and (min-width: 320px) {

	.main_topti p.bun{ clear:both; line-height:1.5em; margin-bottom:10px; text-align:left;width:100%;}
	
/*非表示関連
-------------------------------------------------- */
.dsn320{display:none;}

h1.logo{ float:left; width:150px; margin:0px; float:left; display:block; margin-top:20px;}
.login_img{background:url(/common/images/img_03.png) no-repeat bottom; float:left; width:100%; background-size:60%;  margin-bottom:60px;height:88px;position:absolute;right:0px;top:-88px;}
.login_btn{ float:left; width:130px; position:relative; font-size:100%; padding:10px;  border-radius:7px; margin-left:5px;  height:auto; margin-top:80px; margin-bottom:10px;}
.login_name{ font-size:120%; line-height:1.3em; text-align:center; padding:10px; vertical-align:middle; color:#FFFFFF;top:0;}

.login_btn2{ float:left; width:140px; position:relative;  text-align:center;
 font-size:100%; padding:3px 10px 7px 10px;
  background:#db98aa; border-radius:7px; 
  margin-left:5px;  height:23px; margin-top:80px; margin-bottom:10px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.20);  
  }

.about img{ width:70%;}
.about_in{background:#FFFFFF; float:left; padding:5%; width:90%;}
.about_in img{ width:70%;}
.colum_hitu .photo{width:30%;}
.colum_hitu .photo img{ width:70%;}
.colum_hitu .syousai{width:70%;}

/*詳細ページ：アイコン小さく・詳細文字消す
-------------------------------------------------- */


.semikiji .date{ clear:none; margin-left:0px; color:#666666;}
.semikiji .btn_box{float:right; clear:both; margin-top:20px;}

.semi_mousi li{ float:left; width:44%; display:block; margin-bottom:10px; margin-right:3%;}
.semi_mousi li.step_last{ float:left; width:100%; display:block; clear:both;}

/*TOP
-------------------------------------------------- */
.top_btn{ width:100%; float:left;}
.top_btn li{ float:left; margin-right:5%; margin-bottom:5%; width:47%; background:#FFFFFF;  height:30%; text-align:center; vertical-align:middle;
}
.top_btn li:nth-child(2n){
margin-right:0;
}
.top_btn li p{ line-height:1.6em; margin:0px; font-size:85%; padding:0 5px 0 5px;}
.main_top{ position:static; width:98%; padding:0 2% 2% 2%; margin-bottom:20px; background:rgba(255,255,255,0.7); font-size:90%;}
.main_top h2{font-weight:bold; font-size:120%; line-height:1.7em; margin-bottom:10px;}
.main_top p.bun{ line-height:1.7em;}

.main li.tes { background-size:cover;}


.c4 .low_in .in480{ float:none; width:100%;}


.el .kaiken_btn{float:left; clear:both; width:280px;}
.e-lan_btn{clear:both;}

.main_topti{margin-top:55%;}

.clip{top:-18px; right:-95px;}
.form2 td.bo4{ width:10px; padding:2px;}
.form2 td.bo3{ padding:0 5px 0 10px;}
.semi_btn_te{
	width:90px; font-size:80%; margin-bottom:20px;
}
.semi_btn_100{
	width:100%; font-size:80%;
}
.tabel_kiji{clear:both; width:100%;}
.tabel_kiji td{width:21%; padding-right:2px;}

.tabel_kiji .low .date{width:100%; font-size:70%; margin-bottom:10px;}

.tabel_kiji .low_next{width:100%; font-size:60%;}

.main li.tes { background-size:1000px;};
.main_topti{ background:rgba(255,255,255,0.5); color:#333; padding:0 2% 0 2%; margin-top:200px;}

/*詳細ページ：アイコン小さく・詳細文字消す
-------------------------------------------------- */
.c6 .low_in h4{ font-size:120%; margin-bottom:0%;}
.c6 .low_in img{ float:left; width:30%; margin-right:10px;}
.c6 .low_in .in480{ float:left; width:65%;}
.c6 .low_in .date{ display:block; padding:3px 10px; color:#FFFFFF; margin-top:3px; width:100px;}
.c6 .low_in .bun{ display:none;}
.c6 .low_in .cate{clear:none; font-size:90%; margin-top:7px; margin-left:0px;}
.c6 .low_in{ padding-bottom:0px;}
.c6 .low_next{clear:both;border-top:#D9D9D9 dashed 1px; width:100%; margin-top:3%; padding-top:3%;text-align:center; margin-bottom:0%;}



/*詳細ページ：アイコン小さく・詳細文字消す
-------------------------------------------------- */
.c3 .low_in h4{ font-size:120%; margin-bottom:0%;}
.c3 .low_in img{ float:left; width:30%; margin-right:10px;}
.c3 .low_in .in480{ float:left; width:65%;}
.c3 .low_in .date{ display:block; padding:3px 10px; color:#FFFFFF; margin-top:3px; width:100px;}
.c3 .low_in .bun{ display:none;}
.c3 .low_in .cate{clear:none; font-size:90%; margin-top:0px; height:30px;vertical-align:middle; line-height:1.3em;display:table-cell;}
.c3 .low_next{clear:both;border-top:#D9D9D9 dashed 1px; width:100%; margin-top:10px; padding-top:1%;text-align:right; margin-bottom:0%;}

.c5 .low_in img{width:100%;}
/*詳細ページ：アイコン小さく・詳細文字消す
-------------------------------------------------- */
.c4 .low_in h4{ font-size:120%; margin-bottom:0%;}
.c4 .low_in img{ float:left; width:30%; margin-right:10px;}
.c4 .low_in .in480{ float:left; width:65%;}
.c4 .low_in .date{ display:block; padding:3px 10px; color:#FFFFFF; margin-top:3px; width:100px;}
.c4 .low_in .bun{ display:none;}
.c4 .low_in .cate{clear:none; font-size:90%; margin-top:7px; margin-left:0px;}
.c4 .low_next{clear:both;border-top:#D9D9D9 dashed 1px; width:100%; margin-top:10px; padding-top:1%;text-align:right; margin-bottom:0%;}
.c2 .low_in .cate{clear:none; font-size:90%; margin-top:0px; height:30px;vertical-align:middle; line-height:1.3em;display:table-cell;}



}

@media screen and (min-width: 480px) {
h1.logo { float:left; width:150px; margin:0px; display:block;}
.login_img{background:url(/common/images/img_03.png) no-repeat bottom; float:left; width:100%; background-size:20%;  margin-bottom:60px;height:128px;position:absolute;right:0px;top:-128px;}
.login_btn{ float:left; width:380px; position:relative; font-size:100%; padding:10px;border-radius:7px;  height:auto; margin-top:50px; margin-bottom:0px;}
.login_name{font-size:140%; line-height:1.3em; text-align:center; padding:10px; vertical-align:middle; color:#FFFFFF;left:0px;top:5%;}
.flr{clear:both;}
.c1{ width:580px;}
.c2{ width:100%;}

.about img{ width:40%;}
.about_in img{ width:40%;}
.login_btn2{ width:240px; }



.top_btn{ width:100%; float:left;}
.top_btn li{ float:left; margin-right:5%; margin-bottom:5%; width:30%; background:#FFFFFF;  height:30%; text-align:center; vertical-align:middle;
}
.top_btn li:nth-child(2n){
margin-right:5%;
}
.top_btn li:nth-child(3n){
margin-right:0;
}

.el .kaiken_btn{float:right; clear:none; width:260px;}
.e-lan_btn{clear:none;}

.el_box .bk_btn{ width:28%; padding:2%; margin:40px 8px 30px 0px;}
.el_box .bk_btn h5{ margin:15px 20px 10px 20px;}
.el_box .bk_btn h5.ti{ margin:15px 0px 10px 0px;}

.inline_content{width:320px;}

.main li.tes { background-size:auto;}
.main_topti{ background:rgba(255,255,255,0.5); color:#333; padding:0 2% 0 2%; margin-top:42%;}

}

@media screen and (min-width: 768px) {
/*非表示関連
-------------------------------------------------- */
.dsn320{display:block;}
	
/* ログイン960px */
h1.logo { float:left; width:190px; margin:0px; display:block;}
.login_img{background:url(/common/images/img_01.png) no-repeat bottom; float:left; width:100%; background-size:contain;  margin-bottom:60px;height:88px;position:absolute;right:0;top:-88px;}
.login_btn{ text-align:center; font-size:140%; width:90%; height:auto; padding:0 5% 0 5%; border-radius:7px;margin-top:34px;}
.login_name{font-size:100%;top:20%; text-align:center; vertical-align:middle;color:#FFFFFF;}


/* 左カラム */
.content_left{width:25%;}
/* 右カラム */
.content_right{width:73%;padding-left:2%;}
/* 中央寄せ */
#page {
width: 100%;
margin: 0 auto;
float:none;
}
/* 右カラムTOP */
.content_right2{width:100%;padding-left:0; padding-right:0;}
/* 右カラムTOP2 */
.content_right3{width:100%;padding-left:0%;}

.c1{ width:100%;}
.c2{ width:100%;}
.c3{ float:left;width:100%;}
.c3 .low{float:left;width:32%; display:block; padding-right:10px;
}
.c6{ float:left;width:100%;}
.c6 .low{ float:left;width:32%; display:block; padding-right:10px;
width:23%\9; /* IE8 以下 */}

.c5{ float:left;width:100%;}
.c5 .low{float:left;width:100%;}
.c2 .low{float:left;width:32%; display:block; padding-right:10px;
}
.c2 .low_in{ min-height:400px;}
.kiji div.low:nth-child(3n){
 padding-right:0;
}
.c4{ float:none; width:100%;}
.c4 .low{ float:left;width:32%; display:block; padding-right:10px;
width:23%\9; /* IE8 以下 */}


/* ナビ・タイトル768px */
nav{ padding:0 22px 20px 21px; width:100%;}
nav ul.menu li{ width:auto; margin-left:1px;
*float:left; *display:block; font-size:85%;
}

nav p {float:left; padding-right:20px;}
.social{ clear:none; float:left; padding-top:8px;}
.login{ clear:none; float:left; width:300px; margin-left:10px;padding-top:8px;}
.n_btn{ width:auto;}
.low_in .date{ padding:1% 5% 1% 5%; width:62%; margin-bottom:10px;}
.login_name{ left:25%;}

.pagetitle{ width:100%; padding:0 0 0 0%;}
.pagecount{ width:100%; padding:0 0 0 0%; float:left; clear:both;	text-align:center;
}

.pagetitle2{ width:100%;margin-bottom:20px;}
.pagetitle2 h3{font-size:140%; line-height:65px; height:65px; color:#FFFFFF; padding:0 5% 0 5%; width:20%; display:block;float:left; }
.pagetitle2 p{font-size:100%; line-height:65px; height:65px; padding:0 3% 0 5%; width:62%;float:left; display:block; text-align:right;}
.pagetitle2 p img{width:86px;}


.pagetitle3{ width:100%;margin-bottom:20px;}
.pagetitle3 h3{font-size:120%; line-height:65px; height:65px; color:#FFFFFF; padding:0 5% 0 5%; width:72%; display:block;float:left; }
.pagetitle3 p{font-size:100%; line-height:65px; height:65px; padding:0 3% 0 5%; width:10%;float:left; display:block; text-align:right;}
.pagetitle3 p img{width:86px;}


/*詳細ページ：アイコン小さく・詳細文字消す
-------------------------------------------------- */


.semikiji .date{ clear:both;}
.semikiji .btn_box{float:right; clear:none; margin-top:0px;}


.semi_mousi li{ float:left; width:20%; display:block; margin-right:0%;}
.semi_mousi li.step_last{ float:left; width:20%; display:block; clear:none;}


.top_btn{ width:100%; float:left;}
.top_btn li{ float:left; margin-right:5%; margin-bottom:5%; width:30%; background:#FFFFFF;  text-align:center; vertical-align:middle;
}
.top_btn li p{ line-height:1.6em; margin:0px; font-size:90%; padding:0 15px 0 15px;}
.top_btn li img{ width:100%;}
.top_btn li:nth-child(3n){
margin-right:0;
}
.main_top{ position:absolute; width:96%; padding:0 2% 2% 2%;margin-bottom:0px; bottom:8px; background:rgba(255,255,255,0.7); font-size:90%;}


.login_btn2{ float:left; width:94%; position:relative;
 font-size:100%;  padding:3%;  text-align:center;
  background:#db98aa; border-radius:7px; 
  margin-left:5px;  height:23px; margin-top:34px; margin-bottom:10px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.20);  
  }

.about img{ width:100%;}
.about_in{background:#FFFFFF; float:left; width:90%; padding:5%;}
.about_in img{ width:100%;}


.el_box .bk_btn{ width:28%; padding:2%; margin:40px 3px 30px 3px;}
.el_box .bk_btn h5{ margin:15px 40px 10px 40px;}
.el_box .bk_btn h5.ti{ margin:15px 20px 10px 20px;}

.main_topti{margin-top:43%;}


.form2 td.bo4{ width:5%; padding:20px;}

.semi_btn_100{
	 font-size:100%;width:100%;	float:left;	clear:both;	text-align:center;margin-bottom:20px; margin-top:20px;
}
.clip{width:300px; position:absolute; top:-20; right:-80px; }

.semi_btn_te{
	width:100%; font-size:80%; margin-bottom:20px;
}

.main_topti{ background:rgba(255,255,255,0.5); color:#333; padding:0 2% 0 2%; margin-top:230px;}
.tabel_kiji{clear:both; width:100%;}
.tabel_kiji td{width:23%; padding-right:10px;}
.tabel_kiji .low .date{width:auto; margin-bottom:10px;}
.tabel_kiji .low_next{width:auto;}

.footer_list3{background:#FFFFFF; width:100%; height:175px; position:relative; margin-top:40px;}
.c6 .low_in h4{ font-size:100%; font-weight:bold; clear:both; margin-bottom:5%; line-height:1.5em;}
.c6 .low_in img{ width:100%;}
.c6 .low_in .in480{ float:left; width:100%;}
.c6 .low_in .date{ display:block; padding:1% 2% 1% 2%; color:#FFFFFF; margin-top:10px; width:120px;}
.c6 .low_in .bun{ font-size:90%; line-height:1.5em; display:block; clear:both;}
.c6 .low_in .cate{display:block; clear:both;  margin-bottom:5px;line-height:1.5em;}
.c6 .low_next{clear:both;border-top:#D9D9D9 dashed 1px; width:100%; margin-top:6%; padding-top:6%;text-align:center; margin-bottom:5%;}

.c3 .low_in h4{ font-size:100%; font-weight:bold; clear:both; margin-bottom:5%; line-height:1.5em;}
.c3 .low_in img{ width:100%;}
.c3 .low_in .in480{ float:left; width:100%;}
.c3 .low_in .date{ display:block; padding:1% 2% 1% 2%; color:#FFFFFF; margin-top:10px; width:120px;}
.c3 .low_in .bun{ font-size:90%; line-height:1.5em; display:block; clear:both;}
.c3 .low_in .cate{display:block; clear:both;  margin-bottom:5px;line-height:1.5em;}
.c3 .low_next{clear:both;border-top:#D9D9D9 dashed 1px; width:100%; margin-top:6%; padding-top:6%;text-align:center; margin-bottom:5%;}

.c4 .low_in h4{ font-size:100%; font-weight:bold; clear:both; margin-bottom:5%; line-height:1.5em;}
.c4 .low_in img{ width:100%;}
.c4 .low_in .in480{ float:left; width:100%;}
.c4 .low_in .date{ display:block; padding:1% 2% 1% 2%; color:#FFFFFF; margin-top:10px; width:120px;}
.c4 .low_in .bun{ font-size:90%; line-height:1.5em; display:block; clear:both;}
.c4 .low_in .cate{display:block; clear:both;  margin-bottom:5px;line-height:1.5em;}
.c4 .low_next{clear:both;border-top:#D9D9D9 dashed 1px; width:100%; margin-top:6%; padding-top:6%;text-align:center; margin-bottom:5%;}


.c5 .low_in img{ width:100%;}
.c5 .low_in h4{ font-size:130%; font-weight: normal; clear:both; margin-bottom:5%; line-height:1.5em;}
.c5 .low_in h3{ font-size:110%; font-weight:bold; clear:both; margin-bottom:2%; }
.c5 .low_in .date{ display:block; padding:0; color:#333; margin-top:3px;}
.c5 .low_in .cate{display:block; clear:both;  margin-bottom:5px;line-height:1.5em; font-size:100%;}
.c5 .low_in .bun{ font-size:110%; line-height:1.9em; display:block; clear:both;}
.c5 .low_in .st{ float:left; padding-left:10px; margin-bottom:2%; clear:both;}

.footer_list li{float:left; font-size:110%; padding:0px 30px; line-height:14px; border-right:#CCCCCC 1px solid; margin-top:10px;}

}




@media screen and (min-width: 960px) {
.main li.tes { background-size:contain; }

.c2 .low_in{ min-height:inherit;}	
/*非表示関連
-------------------------------------------------- */
.dsn320{display:block;}

/* ログイン960px */
h1.logo { float:left; width:190px; margin:0px; display:block;}
.login_img{background:url(/common/images/img_01.png) no-repeat bottom; float:left; width:100%; background-size:contain;  margin-bottom:60px;height:88px;position:absolute;right:0;top:-88px;}
.login_btn{ text-align:center; font-size:140%; width:90%; padding:0 5% 0 5%; border-radius:7px;margin-top:34px; height:auto;}
.login_name{font-size:100%;top:20%; text-align:center; vertical-align:middle;color:#FFFFFF;}

/* ブロック960px */
/* 左カラム */
.content_left{width:190px;}
/* 右カラム */
.content_right{width:750px;padding-left:20px;}

.content_right .c7 .low{ float:left;width:750px; display:block; margin-bottom:20px;}
/* 中央寄せ */
#page {
width: 980px;
margin: 0 auto;
float:none;
}
/* 右カラムTOP */
.content_right2{width:550px;padding-left:0px; padding-right:0%; margin-top:20px;}
/* 右カラムTOP2 */
.content_right3{width:180px;padding-left:20px; margin-top:20px;}



.c1{ width:100%;}
.c2{ width:100%;}
.c2 .low{ float:left;width:24%; display:block; padding-right:10px;
width:23%\9; /* IE8 以下 */}
.c3{ float:left;width:100%;}
.c3 .low{ float:left;width:24%; display:block; padding-right:10px;
width:23%\9; /* IE8 以下 */}
.kiji div.low:nth-child(4n){
 padding-right:0;
}

.kiji div.low:nth-child(3n){
 padding-right:10px;
}

.c6{ float:left;width:100%;}
.c6 .low{ float:left;width:100%; display:block; padding-right:10px;
width:23%\9; /* IE8 以下 */}
.c4{ float:right; width:24%;}
.c4 .low{ width:100%;}
.c5{  width:73%; padding-left:2px;}
.c5 .low{ width:100%;}

/* ナビ・タイトル960px */
nav{ padding:0 22px 20px 21px; width:710px;}
nav ul.menu li{ width:auto; margin-left:5px;
*width:100px; *float:left; *display:block;/* IE7 */ 
}
nav p {float:left; padding-right:20px;}
.social{ clear:none; float:left; padding-top:8px;}
.login{ clear:none; float:left; width:360px; margin-left:10px;padding-top:8px;}
.n_btn{ width:auto;}
.low_in .date{ padding:1% 5% 1% 5%; width:62%; margin-bottom:10px;}
.login_name{ left:25%;}

.pagetitle{ width:100%; padding:0 0 0 0%;}
.pagecount{ width:100%; padding:0 0 0 0%; float:left; clear:both;	text-align:center;
}

.pagetitle2{ width:100%;	margin-bottom:2%;}
.pagetitle2 h3{font-size:140%; line-height:65px; height:65px; color:#FFFFFF; padding:0 5% 0 5%; width:24%; display:block;float:left; }
.pagetitle2 p{font-size:100%; line-height:65px; height:65px; padding:0 3% 0 5%; width:58%;float:left; display:block; text-align:right;}
.pagetitle2 p img{width:86px;}

.pagetitle3{ width:100%;margin-bottom:20px;}
.pagetitle3 h3{font-size:120%; line-height:65px; height:65px; color:#FFFFFF; padding:0 5% 0 5%; width:72%; display:block;float:left; }
.pagetitle3 p{font-size:100%; line-height:65px; height:65px; padding:0 3% 0 5%; width:10%;float:left; display:block; text-align:right;}
.pagetitle3 p img{width:86px;}


/* フッター960px */
footer{width:100%;clear:both; float:left;background:#f8e0e6; margin-top:20px;}
.footerlogo{ width:25%; padding:20px;}
.footerlogo img{ width:50%; margin-left:40px;}
.footer_list li{float:left; font-size:80%; padding:0px 30px; line-height:14px; border-right:#CCCCCC 1px solid; margin-top:10px;}
.footer_list2{border-radius:20px; position:absolute; right:0px; float:left; padding:20px 20px;}

.footer_list3{background:#FFFFFF; width:100%; height:110px; position:relative; margin-top:0px;}
.footer_btn{border-radius:20px; position:absolute; font-size:90%; bottom:40px; float:left; border:#d5d5d5 2px solid; background:#FFFFFF; padding:10px 15px; left:20px;}
.footer_btn2{border-radius:20px; position:absolute; bottom:80px; left:20px; background:#FFFFFF; padding:8px 45px;}
.sht{width:150px;}
.copy{margin-top:15px;font-size:93%; float:right; }

.pankuzu { float:left; width:65%; padding:20px;}
.pankuzu li{ float:left; width:30%; font-size:85%;}


.pagetitle h3{ width:35%;float:left;}
.pagetitle p{width:45%; float:left;height:65px; line-height:65px;}

.colum_hitu .photo{width:30%;}
.colum_hitu .photo img{ width:80%;}
.colum_hitu .syousai{width:70%; }



.semikiji .date{ clear:both;}
.semikiji .btn_box{float:right; clear:none; margin-top:0px;}


.semi_mousi li{ float:left; width:20%; display:block; margin-right:0%;}
.semi_mousi li.step_last{ float:left; width:20%; display:block; clear:none;}


.top_btn{ width:110%; float:left;}
.top_btn li{ float:left; margin-right:19px; margin-bottom:5%; width:170px; background:#FFFFFF;  text-align:center; vertical-align:middle;
}

.top_btn li p{ line-height:1.6em; margin:0px; font-size:90%; padding:0 15px 0 15px;}
.top_btn li img{ width:100%;}
.top_btn li:nth-child(3n){
margin-right:0px;
}
.top_btn li:nth-child(2n){
margin-right:19px;
}

.main_top{ position:absolute; width:96%; padding:0 2% 2% 2%;margin-bottom:0px; bottom:8px; background:rgba(255,255,255,0.7); font-size:90%;}


.login_btn2{ float:left; width:94%; position:relative;
 font-size:100%;  padding:3%;  text-align:center;
  background:#db98aa; border-radius:7px; 
  margin-left:5px;  height:23px; margin-top:34px; margin-bottom:10px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.20);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.20);  
  }

.about img{ width:100%;}
.about_in{background:#FFFFFF; float:left; width:90%; padding:5%;}
.about_in img{ width:100%;}


.el_box .bk_btn{ width:28%; padding:2%; margin:40px 3px 30px 3px;}
.el_box .bk_btn h5{ margin:15px 40px 10px 40px;}
.el_box .bk_btn h5.ti{ margin:15px 20px 10px 20px;}

.main_topti{margin-top:48%;}


.form2 td.bo4{ width:5%; padding:20px;}

.semi_btn_100{
	 font-size:100%;width:100%;	float:left;	clear:both;	text-align:center;margin-bottom:20px; margin-top:20px;
}
.clip{width:300px; position:absolute; top:-10px; right:-80px; }

.semi_btn_te{
	width:100%; font-size:80%; margin-bottom:20px;
}

.tabel_kiji{clear:both; width:100%;}
.tabel_kiji td{width:24%; padding-right:10px;}

.tabel_kiji .low_next{width:100%; font-size:100%;}
.main_topti p.bun{ clear:both; line-height:1.5em; margin-bottom:10px; text-align:left;width:520px;}

.main{ float:left; width:100%;position:relative; margin-bottom:15px;}
.main_topti{ background:rgba(255,255,255,0.5); color:#333; padding:0 2% 0 2%; margin-top:260px;behavior: url(/common/js/PIE.htc); width:97%;}
.main_topti_bg{background:#e5dddf; width:100%; float:left; height:25px; margin-bottom:15px; color:#666666;}
.main_topti .t1{color:#FFFFFF; padding:0 20px 0 20px; height:25px;display:block; width:auto; line-height:25px;float:left;  font-weight:bold; }
.main_topti .t2{color:#FFFFFF; padding:0 10px 0 20px; height:25px;display:block; width:120px; line-height:25px;float:right; }
.main_topti h2{ clear:both; font-weight:bold; font-size:110%; line-height:1.7em; margin-bottom:10px; text-align:left;}
.main_topti p.bun{ clear:both; line-height:1.5em; margin-bottom:10px; text-align:left;width:510px;}
.main img{ width:100%;}

.c4 .low_in h4{ font-size:100%; font-weight:bold; clear:both; margin-bottom:5%; line-height:1.5em;}
.c4 .low_in img{ width:100%;}
.c4 .low_in .in480{ float:left; width:100%;}
.c4 .low_in .date{ display:block; padding:1% 2% 1% 2%; color:#FFFFFF; margin-top:10px; width:120px;}
.c4 .low_in .bun{ font-size:90%; line-height:1.5em; display:block; clear:both;}
.c4 .low_in .cate{display:block; clear:both;  margin-bottom:5px;line-height:1.5em;}
.c4 .low_next{clear:both;border-top:#D9D9D9 dashed 1px; width:100%; margin-top:3%; padding-top:3%;text-align:center; margin-bottom:0%;}



}



.pink_title3{ background:#c85987; color:#FFFFFF; border-radius:7px; margin-bottom:20px; line-height:20px;
width:98%; padding:2px 10px; float:left; clear:both;behavior: url(/common/js/PIE.htc); position:relative;
}

.btn_pin{ float:left; margin-right:20px; padding:27px 42px 27px 42px;
background:#FFF; border-radius:7px; padding:2% 7% 2% 7%; color:#d65d88;
text-align:center; font-size:120%; border:2px #d7bdc6 solid;
*zoom: 1;	/* IE 6/7 */
behavior: url(/common/js/PIE.htc);
position:relative;
}



.box_3co{float:left; width:100%; margin-top:0px;}
.box_3co_in{float:left; width:33%; margin-right:0px;}
.box_3co div.box_3co_in:nth-child(3n){
 margin-right:0;}
.box_3co_in h4{ font-weight:bold; line-height:1.6em; margin-bottom:10px; margin-top:20px;}
.box_3co_in_l{float:left; width:220px  margin-right:5px;}
.box_3co_in_l img{width:100%; margin-bottom:20px;}
.box_3co_in_r{float:left; width:70px;}
.box_3co .pink_title{ background:#c85987; color:#FFFFFF; border-radius:7px; margin-bottom:20px; line-height:20px; width:90%; padding:1% 5% 1% 5%; float:left; clear:both;}
.box_3co_in_r p{ clear:both; line-height:1.6em; font-size:80%;}

.btn_lease1{ font-size:80%; background:#f8bc63; color:#FFF; border-radius:2px; padding:2px 7px 2px 7px; text-align:center; margin-bottom:5px;}
.btn_lease2{ font-size:80%; background:#e2abcc; color:#FFF; line-height:1.2em; border-radius:2px; padding:2px 2px 2px 2px; text-align:center; margin-bottom:5px;}

.box_2co_in{float:left; width:50%; margin-right:0px;}
.box_2co_in h4{ font-weight:bold; line-height:1.6em; margin-bottom:10px; margin-top:20px;}
.box_2co_in_l{float:left; width:255px; margin-right:5px;}
.box_2co_in_l img{width:100%; margin-bottom:20px; }
.box_2co_in_r{float:left; width:90px;}
.box_2co_in_r p{ clear:both; line-height:1.6em; font-size:80%;}


@media screen and (min-width: 320px){ 
.con0{float:left;  width:100%;}
.con1{float:left; width:0; padding:0; display:none;}
.con2{float:left; clear:both; width:100%;}

.box_3co_in_r p{ clear:both; line-height:1.6em; font-size:60%;}
.btn1{width:40%; float:left; margin-right:20px; padding:10px;}
.btn2{width:36%; float:left; margin-right:0px; padding:10px;}
.btn3{width:90%; float:left; padding:5px; clear:both; margin-top:20px;}

.hako{width:100%; margin:20px 0 20px 0;}
.box_3co{float:left; width:100%; margin-top:0px;}
.box_3co_in{float:left; width:50%; margin-right:0px;}
.box_3co div.box_3co_in:nth-child(3n){
 margin-right:0;}
.box_3co_in h4{ font-weight:bold; line-height:1.6em; margin-bottom:10px; margin-top:20px;}
.box_3co_in_l{float:left; width:100%; margin-right:5px;}
.box_3co_in_l img{width:80%; margin-bottom:20px;}
.box_3co_in_r{float:left; width:100%; clear:both; min-height:100px;}
.red_t{ }


}
@media screen and (min-width: 480px){ 
.box_3co_in_r p{ clear:both; line-height:1.6em; font-size:60%;}
.btn1{width:30%; float:left; margin-right:20px; padding:10px;}
.btn2{width:26%; float:left; margin-right:20px; padding:10px;}
.btn3{width:26%; float:left; padding:5px;}

.hako{width:100%; margin:20px 0 20px 0;}
.box_3co{float:left; width:100%; margin-top:0px;}
.box_3co_in{float:left; width:50%; margin-right:0px;}
.box_3co div.box_3co_in:nth-child(3n){
 margin-right:0;}
.box_3co_in h4{ font-weight:bold; line-height:1.6em; margin-bottom:10px; margin-top:20px;}
.box_3co_in_l{float:left; width:200px; margin-right:5px;}
.box_3co_in_l img{width:100%; margin-bottom:20px;}
.box_3co_in_r{float:left; width:70px;}

.box_2co_in{float:left; width:50%; margin-right:0px;}
.box_2co_in h4{ font-weight:bold; line-height:1.6em; margin-bottom:10px; margin-top:20px;}
.box_2co_in_l{float:left; width:40%; margin-right:5px;}
.box_2co_in_l img{width:100%; margin-bottom:20px; }
.box_2co_in_r{float:left; width:70px;}
.box_2co_in_r p{ clear:both; line-height:1.6em; font-size:80%;}
.red_t{ display:block; float:none; clear:both;}
}
@media screen and (min-width: 780px){ 
.red_t{ display:block; float:none; clear:both;}

.hako{width:800px; margin:20px 0 20px 0;}
.box_3co{float:left; width:100%; margin-top:0px;}
.box_3co_in{float:left; width:33%; margin-right:0px;}
.box_3co div.box_3co_in:nth-child(3n){
 margin-right:0;}
.box_3co_in h4{ font-weight:bold; line-height:1.6em; margin-bottom:10px; margin-top:20px;}
.box_3co_in_l{float:left; width:150px; margin-right:5px;}
.box_3co_in_l img{width:100%; margin-bottom:20px;}
.box_3co_in_r{float:left; width:70px;}
.box_3co .pink_title{ background:#c85987; color:#FFFFFF; border-radius:7px; margin-bottom:20px; line-height:20px; width:90%; padding:1% 5% 1% 5%; float:left; clear:both;}


.btn_lease1{ font-size:80%; background:#f8bc63; color:#FFF; border-radius:2px; padding:2px 7px 2px 7px; text-align:center; margin-bottom:5px;}
.btn_lease2{ font-size:80%; background:#e2abcc; color:#FFF; line-height:1.2em; border-radius:2px; padding:2px 2px 2px 2px; text-align:center; margin-bottom:5px;}

.box_2co_in{float:left; width:50%; margin-right:0px;}
.box_2co_in h4{ font-weight:bold; line-height:1.6em; margin-bottom:10px; margin-top:20px;}
.box_2co_in_l{float:left; width:255px; margin-right:5px;}
.box_2co_in_l img{width:100%; margin-bottom:20px; }
.box_2co_in_r{float:left; width:90px;}
.box_2co_in_r p{ clear:both; line-height:1.6em; font-size:80%;}

}
@media screen and (min-width: 960px){ 
.con0{float:left; width:53%; padding:0% 0% 0% 0%;}
.con1{float:left; width:3%; padding:3% 4% 1% 2%;}
.con2{float:left; width:44%; clear:none;}

.box_3co_in_r p{ clear:both; line-height:1.6em; font-size:80%;}

.btn1{width:210px; float:left; margin-right:20px; padding:10px;}
.btn2{width:210px; float:left; margin-right:20px;  padding:23px 10px 23px 10px;}
.btn3{width:210px; float:left; clear:none; margin-top:0px; padding:10px;}

.pink_title3{ background:#c85987; color:#FFFFFF; border-radius:7px; margin-bottom:20px; line-height:20px;
width:98%; padding:2px 10px; float:left; clear:both;behavior: url(/common/js/PIE.htc); position:relative;
}
.hako{width:710px; margin:20px 0 20px 0;}

.box_3co{float:left; width:100%; margin-top:0px;}
.box_3co_in{float:left; width:33%; margin-right:0px;}
.box_3co div.box_3co_in:nth-child(3n){
 margin-right:0;}
.box_3co_in h4{ font-weight:bold; line-height:1.6em; margin-bottom:10px; margin-top:20px;}
.box_3co_in_l{float:left; width:140px; margin-right:5px;}
.box_3co_in_l img{width:100%; margin-bottom:20px;}
.box_3co_in_r{float:left; width:70px;}
.box_3co .pink_title{ background:#c85987; color:#FFFFFF; border-radius:7px; margin-bottom:20px; line-height:20px; width:90%; padding:1% 5% 1% 5%; float:left; clear:both;}


.btn_lease1{ font-size:80%; background:#f8bc63; color:#FFF; border-radius:2px; padding:2px 7px 2px 7px; text-align:center; margin-bottom:5px;}
.btn_lease2{ font-size:80%; background:#e2abcc; color:#FFF; line-height:1.2em; border-radius:2px; padding:2px 2px 2px 2px; text-align:center; margin-bottom:5px;}

.box_2co_in{float:left; width:50%; margin-right:0px;}
.box_2co_in h4{ font-weight:bold; line-height:1.6em; margin-bottom:10px; margin-top:20px;}
.box_2co_in_l{float:left; width:255px; margin-right:5px;}
.box_2co_in_l img{width:100%; margin-bottom:20px; }
.box_2co_in_r{float:left; width:90px;}
.box_2co_in_r p{ clear:both; line-height:1.6em; font-size:80%;}

}



@media screen and (min-width: 320px){ 
.dsn960{display:block;}
#tab2 {
	width:100%;
}
#tab2 li {
	float: left;
	width: 49%;
	margin-right:2px;
}
#tab2 li img {
	width:100%;
}
.dsn780{display:none;}
.kaigyou{clear:both; padding-top:20px; margin-bottom:10px;}
.consul_title{width:92%; padding:10px;}
.waku{border:#CCCCCC 1px solid; width:300px; padding:20px; margin-bottom:20px;}
.low_in .waku h4{margin-top:0px; padding:0px;}
.c7 .low_in h4{margin-top:35px; margin-bottom:15px;}
.c7 .low_in h4{margin-top:35px; margin-bottom:15px;}
.c2 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:130%;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c2 .low_in{}
.c2 .low_in .bun{ font-size:150%;}
.c2 .low_in{ margin-bottom:10px;}
.c3 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:110%;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c3 .low h4.clip_title{ clear:both; float:left; margin-bottom:10px;font-size:100%; height:20px;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c3 .low_in{ }
.c3 .low_in .bun{ }
.c3 .low_in{ margin-bottom:10px;}
.c2 .low_next{ display:block; width:320px;}
.mente_title{float:left; width:70%; margin-right:5px; margin-bottom:10px;
}
.box_3co_in_me{ width:30%;float:left;}
.box_4co_in{ width:22%; float:left; margin-bottom:20px;}
.mente_btn{ width:270px; right:20px; top:30px; background:#db588e; border-radius:20px;  z-index:100; padding:25px 20px 0px 20px;}
.mente_btn img{ width:auto;}
.gcost_btn img{ width:auto;}
.soloel_btn img{ width:auto;}
}
@media screen and (min-width: 480px){ 
.dsn960{display:none;}
.consul_title{width:90%; padding:5px 10px 5px 20px;}
.waku{border:#CCCCCC 1px solid; width:93%; padding:20px; margin-bottom:20px;}
.c2 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:100%; height:58px;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c3 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:100%; height:58px;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c2 .low_next{ display:block; width:160px;}
.c2 .low_in .bun{ font-size:90%;}
.top_news td.date{margin-right:2%;float:left; display:block; width:19%; padding:10px 0 10px 0; font-size:80%;}
.top_news td.kiji{float:left; display:block; width:75%; line-height:1.5em; padding:10px 0 10px 0;}
.c6 .low_in{ min-height:400px;}
.c6 .low_in .bun{ min-height:110px;}
.c6 .low_in{ margin-bottom:10px;}
.c6 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:100%; height:58px;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c3 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:100%; height:58px;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c2 .low_in{ min-height:400px;}
.c2 .low_in .bun{ min-height:110px;}
.c2 .low_in{ margin-bottom:10px;}
.c3 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:100%; height:58px;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c3 .low_in{ min-height:400px;}
.c3 .low_in .bun{ min-height:110px;}
#tab {
	border-bottom: 1px dotted #CCCCCC;
	width:100%;
}
#tab li {
	float: left;
	width: 19%;
	margin-right:2px;
}
#tab li img {
	width:100%;
}
#tab2 {
	width:100%;
}
#tab2 li {
	float: left;
	width: 30%;
	margin-right:2px;
}
#tab2 li img {
	width:100%;
}
.event_2col{width:100%; margin-right:0px; font-size:12px; padding-bottom:20px; float:left;}
.event_2col2{width:100%; margin-right:0px; font-size:12px; padding-bottom:20px; float:left;}

}

@media screen and (min-width: 780px){ 
.dsn960{display:none;}
.c2 .low_in .bun{ font-size:90%;}
.consul_title{width:90%; padding:5px 10px 5px 20px;}
.waku{border:#CCCCCC 1px solid; width:93%; padding:20px; margin-bottom:20px;}
.low_in .waku h4{margin-top:0px; padding:0px;}
.c7 .low_in h4{margin-top:35px; margin-bottom:15px;}
.c7 .low_in h4{margin-top:35px; margin-bottom:15px;}
.c2 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:100%; height:58px;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c2 .low_in .bun{ min-height:110px;}
.c2 .low_in{ min-height:400px;}
.c2 .low_in .bun{ min-height:110px;}
.c2 .low_in{ margin-bottom:10px;}
.c3 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:100%; height:58px;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c3 .low_in{ min-height:400px;}
.c3 .low_in .bun{ min-height:110px;}
.c3 .low h4.clip_title{ clear:both; float:left; margin-bottom:10px;font-size:92%; height:10px;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c4 .low_next{ display:block; width:180px;}
.c2 .low_in img{ width:100%; height:145px;}
.c3 .low_in img{ width:100%; height:145px;}
.c4 .low_in img{ width:100%;}
.c6 .low_in{ min-height: initial;}
.c6 .low_in .bun{  min-height: initial;}
.c6 .low_in{ margin-bottom:10px;}
.c6 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:100%; height:auto;vertical-align:middle; line-height:1.5em;display:table-cell;}
}

@media screen and (min-width: 960px){ 
.dsn960{display:none;}
.dsn780{display:block;}
.consul_title{width:90%; padding:5px 10px 5px 20px;}
.waku{border:#CCCCCC 1px solid; width:93%; padding:20px; margin-bottom:20px;}

.c4 .low_in{width:180px; box-sizing: border-box;}

.low_in .waku h4{margin-top:0px; padding:0px;}
.c7 .low_in h4{margin-top:35px; margin-bottom:15px;}
.c7 .low_in h4{margin-top:35px; margin-bottom:15px;}
.c2 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:100%; height:58px;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c2 .low_in{ min-height:400px;}
.c2 .low_in .bun{ min-height:110px;}
.c2 .low_in{ margin-bottom:10px;}
.c3 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:100%; height:58px;vertical-align:middle; line-height:1.5em;display:table-cell;}
.c3 .low_in{ min-height:400px;}
.c3 .low_in .bun{ min-height:110px;}
.c3 .low_in{ margin-bottom:10px;}
.c2 .low_next{ display:block;width:160px;}
.c4 .low_next{ display:block;width:160px;}
.c2 .low{float:left;width:180px; display:block; padding-right:10px;
}
.c4 .low_in img{ width:100%;}
.c2 .low_in img{ width:100%; height:120px;}
.c3 .low_in img{ width:100%; height:120px;}
.top_news td.date{margin-right:2%;float:left; display:block; width:19%; padding:10px 0 10px 0; font-size:80%;}
.top_news td.kiji{float:left; display:block; width:75%; line-height:1.5em; padding:10px 0 10px 0;}
.c6 .low_in{ min-height: initial;}
.c6 .low_in .bun{  min-height: initial;}
.c6 .low_in{ margin-bottom:10px;}
.c6 .low_in h4{clear:both; float:left; margin-bottom:5px;font-size:100%; height:auto;vertical-align:middle; line-height:1.5em;display:table-cell;}
.leas_btn2_r{ padding:14px 10px 5px 35px; clear:none;}
#tab {
	margin-right: 0;
	padding-left: 0;
	margin-bottom: 50px;
	border-bottom: 1px dotted #CCCCCC;
	height: 40px;
	overflow: hidden;
}
#tab li {
	float: left;
	width: 118px;
	height: 40px;
	margin-right:6px;
}


#page1, #page2, #page3, #page4, #page5 {
}

.mente_title{float:left; width:355px; margin-right:20px; margin-bottom:20px;
}
.mente_btn{ width:270px; right:20px; top:0px; background:#db588e; border-radius:20px;  z-index:100; padding:25px 20px 0px 20px;}
.mente_btn img{ width:auto;}
.gcost_btn{ width:270px; right:0px; top:0px; background:#5e7ab5; border-radius:20px;  z-index:100; padding:20px 10px 0px 20px;}
.gcost_btn img{ width:auto;}
.soloel_btn{ width:270px; right:0px; top:0px; background:#00a2d6; border-radius:20px;  z-index:100; padding:20px 10px 0px 20px;}
.soloel_btn img{ width:auto;}
.kajitaku_btn{ width:270px; right:0px; top:0px; background:#3aabcb; border-radius:20px;  z-index:100; padding:20px 10px 0px 20px;}
.kajitaku_btn img{ width:auto;}


.box_3co_in_me{ width:31%;float:left;}
.box_4co_in{ width:23%; float:left; margin-bottom:20px;}


.event_title{ margin-top:0px; font-size:20px;line-height:1.9em;padding-top:0px; padding-bottom:20px; font-weight:normal;}

.event_2col{width:48%; margin-right:25px; font-size:12px; padding-bottom:20px; float:left;}
.event_2col2{width:48%; margin-right:0px; font-size:12px; padding-bottom:20px; float:left;}
.pointbox_bk{width:100%; background:url(/common/images/img_soloel_06.jpg) no-repeat right;}
}

/* 20161115kaneko */

.LecturerBox {
	background: #fefbe0;
	border-radius:8px 8px 8px 8px; 
	padding: 15px;
	margin-bottom: 30px;
	position: relative;
	overflow:hidden;
}
.LecturerBox dt {
	width: 270px;
	float: left;
}
.LecturerBox dd {
	width: 362px;
	float: right;
}
.LecturerBox dd ul {
	position: relative;
	overflow:hidden;
}
.LecturerBox dd ul li.leftBox {
	width: 127px;
	float: left;
}

.LecturerBox dd ul li.rightBox {
	width: 228px;
	float: right;
	padding: 38px 0 0;
}
.LecturerBox dd .msgBox {
	background: #fdf3f6;
	padding: 10px;
	font-size: 11px;
	line-height: 16px;
	color: #b67892;
}
.elearingInner {
	width: 460px;
	margin: 0 0 0 120px;
	display: block;
	position: relative;
	overflow: hidden;
}
.margin_b15{
	margin-bottom:15px;
}
.margin_b20{
	margin-bottom:20px;
}
.margin_b30{
	margin-bottom:30px;
}
.fs11 {
	font-size: 11px;
}
.fs12 {
	font-size: 12px;
}
.fs16 {
	font-size: 16px;
}
.floatArea {
	position: relative;
	overflow: hidden;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}

.selectBox {
	display: flex;
	margin-bottom: 20px;
	}
.selectBtn {
	margin-left: 20px;
	}
	
table.detailPoint {
	width: 100%;
	}
.detailPoint td {
	border-bottom: 1px solid #ccc;
	text-align: center;
	}
.detailPoint th {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #d898a9;
	color: #FFF;
	font-weight: normal;
	}
.detailPoint th, .detailPoint td {
	border-right: 1px solid #ccc;
	padding: 3px 5px;
	}
.detailPoint th:last-child, .detailPoint td:last-child {
	border-right: none;
	}
/* 20171115 sato追加 */
.bnrArea {
	display: flex;
	background-color: #f6d5d1;
	width: 100%;
	height: 70px;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	line-height: 1.2;
	box-shadow: 1px 1px 1px #d6d6d6;
	margin-top: 20px;
	}
.bnrArea div:nth-child(1) {
	margin-right: 5px;
	}
.brd {
	width: 100%;
	border-top: 1px #CCCCCC dotted;
	padding: 40px 0;
	}

/*お問合せ一覧ページ（Form_User/contact_us_list.aspx）
-------------------------------------------------- */
.inquiryList__title{
  font-weight: bold;
  font-size: 16px; 
}

/*
.inquiryList__list{
  list-style: none;
  margin-bottom: 60px;
}
.inquiryList__item{
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 30px;
}

.inquiryList__button{
  float: none;
  margin: 20px auto;
  text-align: center
}
.inquiryList__link{
  display: inline-block;
  border-radius: 7px;
  padding: 1.4% 5% 1.4% 5%;
  position: relative;
  border: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.20);
  background: #cf8bb9;
  text-align: center;
  text-indent: initial;
  font-size: 120%;
  color: #FFFFFF !important;
  cursor: pointer;
}
.inquiryList__link:hover{
  opacity: 0.75;
  text-decoration: none;
}

*/
.low_in{
  color: #000000;
}

.lowBox{
  float: none !important;
  padding: 20px 30px 20px 30px;
  background-color: #f7f7f7;
}
/*
.bgcWhite{
  background-color: #ffffff !important;
  border: 1px solid #000000;
}
*/
.lowBox--flex{
  float: none !important;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.lowBox--w50per{
  float: none !important;
  width: 48.5%;
  box-sizing: border-box;
  padding: 20px;
  background-color: #f7f7f7;
}

.lowBox__title{
  font-weight: bold;
  font-size: 15px; 
}

.lowBox__dataList{
  display: flex;
}
.lowBox__dTitle{
  width: 15%;
  padding: 10px 10px 10px 0;
  font-weight: bold;
}
.lowBox__dDetail{
  width: 85%;
  padding: 10px 10px 10px 0;
}
.lowBox__button{
  float: none !important;
  position: relative;
}
.lowBox__button--center{
  float: none !important;
  position: relative;
  text-align: center;
}
.lowBox__link{
  display: inline-block;
  border-radius: 7px;
  padding: 5px 24px 4px; /* 2% 7% 2% 7% */
  position: relative;
  border: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.20);
  background: #97315a;
  text-align: center;
  text-indent: initial;
  font-size: 120%;
  color: #FFFFFF !important;
  cursor: pointer;
}

.bgcWhite{
  background-color: #ffffff !important;
  color: #97315a !important;
  border: 2px solid #97315a;
  font-weight: bold;
}




.lowBox__link:hover{
  text-decoration: none;
  opacity: 0.75;
}
.lowBox__telNo{
}
.lowBox__telNoLink{
  text-decoration: none !important;
  color: #c85987 !important;
  font-weight: bold !important;
  font-size: 17px !important;
}

.lowBox__department{
  
}
.lowBox__receptionTime{
  
}
.lowBox__notice{
  
}
.lowBox__text{
  margin: 10px 0 0 0;
  text-align: left;
}
.lowBox__text--center{
  margin: 10px 0 0 0;
  text-align: center;
}
















