@charset "utf-8";





*{margin:0;padding:0;}



html{height:100%;overflow-y:scroll;background:#FFF;}



body{height:100%;font-size:12px; color:#464646;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", Osaka, Verdana, sans-serif;line-height:200%;}











.required{

	padding:0 0 0 10px;

	color:#F30;}



.font{margin:2px 4px 0 0;}



.fontS{font-size:11px;}



.fontM{font-size:12px;}



.fontL{font-size:14px;}





li{margin-left:10px;}



.btn{line-height:42px; text-align:center; float:right;

width:256px; height:42px; display:block; border:double 3px #009261;

text-align:center; background:#E5FFCB; color:#009261; font-weight:bold; font-size:18px;}

.btn:hover{color:#009261; text-decoration:none; filter: alpha(opacity=80); opacity:0.8;}



.page_top{padding:15px 0 0; clear:both;float:right;}



.both{clear:both;}



.textR{

text-align:right;

}





/*//////////////////////////////////////////////////////*/



a{ color:#1A69A7; text-decoration : none } 



a:hover{ color: #1A69A7; text-decoration:underline;cursor: pointer;}



img{

	border:0px;

	outline:none;

}



a:hover img{

	filter: alpha(opacity=80);

	opacity:0.8;

}





#layout{

	margin:0 auto;

	padding:0;

	width:900px;

	background-color:#fff;

}









/* header

----------------------------------------------------*/



#header {

	margin:0;

	padding:0;

	background:url(/img/header_bar.jpg) repeat-x;

	height:106px;

}



	#header a{

		color:#464646;

		text-decoration:none;

	} 

		#header a:hover{

			color: #27a1d8;

			text-decoration:underline;

			cursor:pointer;

		}





#header #contents{

	width:960px;

	height:106px;

	padding:0 10px;

	margin:0 auto;

}



.logo{

	width:182px;

	height:72px;

	margin-left:20px;

	margin-top:30px;

	padding:0;

	float:left;

}



#header_menu{

	text-align:right;

	height:25px;

	float:right;

}



#header_menu ul.top_navi li{

	float:left;

	list-style:none;

	padding-right:10px;

	background:url(../img/top_line.gif) right no-repeat;

}



#header_menu ul.top_navi li.end{

	list-style:none;background:none

}







.header_title{

	padding-top:46px;

	float:left;

}



.header_contact{

	padding-top:9px;float:right;

}







/* contents



----------------------------------------------------*/



#wrapper {

	width:980px;

	margin:0 auto;

	background:url(../img/body_bk.jpg) repeat-y;

	padding:0 2px;

	font-size:14px;

}







#main_visual{

	display:block;

	background:url(../img/main_img.jpg);

	width:979px;

	height:346;

	margin-bottom:30px;

}











#main_visual_contents{

	padding:10px 15px;width:255px;

}





#main_visual_contents img{

	padding:2px;

}



#main_visual_contents img:hover{

	filter:alpha(opacity=90);

	opacity:0.9;

}





#center_col{

	padding:0 15px;

}



#center_col .text_area{

	padding:6px 5px;

}







h2{

	padding:20px 0 15px;

}



h3{

	padding:10px 0;

}



strong{

	color:#0389c5;

}











.text{

padding:10px 30px;

line-height:130%;

}



.text{

	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";

}



.text h3{

	font-size:160%;

	color:#0389c5;

}



.text .commission{

	font-size:300%;

	margin-bottom: 20px;

    display: block;	

	color:#F00;

	font-weight:bold;

	text-align:center;

}



.text ul{

	list-style:none;

	padding:0;

	width:45%;

	display:block;

	margin:0 auto;

}

.text .price_comparison{

width:90%;

margin: auto;

}

.text .price_comparison img{

text-align:center;

margin: auto;

}

.text ol{

	list-style:none;

	padding:0;

}



.text ol li{

	list-style:none;

	padding:0 0 12px 0;

	line-height:130%;

}



.text h4{

	font-size:140%;

	padding:0;

	margin:0;

	line-height:130%;

}



.text ol li span{

	padding:0 0 0 20px;

	display:block;

}



.info{

	width: 860px;

	margin: 10px auto 20px;

	padding:20px ;

	border: #999 2px solid;

	text-align: center;

	box-shadow:rgba(113, 135, 164, 0.65) 0px 4px 4px -3px;

-webkit-box-shadow:rgba(113, 135, 164, 0.65) 0px 4px 4px -3px;

-moz-box-shadow:rgba(113, 135, 164, 0.65) 0px 4px 4px -3px;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.info h2{

	color:#27A2DD;

	  font-size: 36px;

	  margin-bottom:0.5em;

}

.info h3{

	color:#37966E;

    font-size: 30px;

 	margin-bottom:0.5em;

}

.info .toinfo p{

  box-sizing: border-box;

  width: 50%;

  text-align: center;

  float: left;

  font-size: 34px;

  font-weight: bold;

/*  font-family: ariel;*/

  color:#000;

  margin:20px auto 40px;

}

.info .toinfo p span{

font-size: 16px;

background-color: #EC4847;

color: #FFF;

padding: 0.4em 0.4em;

border-radius: 3px;

vertical-align: top !important;

margin-right: 10px;

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;



}	

.fax{

	font-size:26px;

	color:#666;

	font-weight:bold;

}

.form_btn{

	font-size:30px;

	color:#FFF;

	background:#009261;

	display:block;

	width:50%;

	margin:20px auto 10px;

	border:double 3px #FFF;

	padding:0.5em;

	text-decoration:none;

}

.form_btn:hover{

	text-decoration:none;

	color:#FFF;

	background:#7FC8B0;

}





/*チャート図*/



.chart{

	padding:0 10px;

	margin:0 auto;

}







.table_area{

	background:#e9f6f9;

	border:1px solid #dbeff5;

	padding:30px 15px;

}







.list_company{

	border-collapse:collapse;

	border:0px;

}



.list_company tr{

	height:35px;

	text-align:left;

}



.list_company tr.td_style2{

	background:#dbeff5;

	position: relative;

}



.list_company th , .list_company td{

	background:url(../img/table_line.jpg) bottom repeat-x;

	font-weight:normal;

	padding:2px 0 3px;

}



.list_company th{

	width:180px;

	padding-left:20px;

	vertical-align:top;

	text-align:left;

}



.list_company td{

	padding-left:20px;

	width:620px;

}







.td_style_secret td{

	padding-left:20px;

	width:820px;

}





/* isms

----------------------------------------------------*/

#isms_text{

width:840px;

margin:10px auto 80px;

}



#isms_text p{

	margin:50px 0 20px;

}



#isms_text .list_disc{

list-style:disc;

margin: 10px 0 0 0;

}

#isms_text .list_disc li{

margin-bottom: 0px;

}





#isms_text ol li{

margin-bottom:15px;

}







/* footer

----------------------------------------------------*/







#footer_top{

	float:right;

	padding:20px 20px 0 0;

}



a:hover #footer_top{

	float:right;

	padding:20px 20px 0 0;

	filter: alpha(opacity=100);

	opacity:1;

	background: #fff;

}







#footer {

	margin:0;

	padding:15px 20px 0;

	height:145px;

	background:#009461;

	color:#FFF;

}



#footer2 {

	margin:0;

	padding:15px 20px 0;

	height:145px;

	background:#f8c5b4;

	color:#FFF;

}





#footer a{

	color:#FFF;

	text-decoration:none;

} 



#footer a:hover{

	color: #FFF;

	text-decoration:underline;

	cursor: pointer;

}





#footer #contents{width:950px;margin:0 auto;}



#footer #contents .navi{text-align:left;}



#footer #contents ul.navi{ display:block;}



#footer #contents ul.navi li{

	float:left;list-style:none;

	padding-right:10px;

	background:url(../img/footer_line.gif) right no-repeat;

}







#footer #contents ul.navi li.end{

	float:left;

	list-style:none;

	padding-right:10px;

	background:none;

}







#footer .footer_text{

	padding:40px 10px 20px;

	font-size:11px;

}



#copyright{

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#FFF;

	float:right;

}



/*APロゴ追加*/



.ap-section{

	width:980px;

	padding-top:12px;

	margin:0 auto;

	_margin:20px;

	overflow:hidden;

	_postion: relative;

}

.ap{

	background-color:#FFF;

	padding:0 0 12px 12px;

	float:right;

}



.ap-section .ap img{

}



.ap img{

}













#formMain , .formMain_error {font-size: 1.0em;line-height:280%;}







#formMain #selects ,.formMain_error #selects {

	font-size: 1.0em;

	height: 1.5em;

	width: 200px;

	padding-top:2px;

}







#formMain #ken ,.formMain_error #ken {

	font-size: 1.0em;

	height: 1.5em;

	width: 120px;

}







#formMain input ,.formMain_error input {

	font-size: 1.0em;

	height: 1.2em;

	padding-top:1px;

}



input{

vertical-align:middle;

}







input ,select {

	position:relative;

	top:-2px;

}









.form_list{

	padding:0 20px 0 10px;

}



textarea{

margin:10px 0;width:96%;height:100px;

}







#form_btn{

	text-align:center;

}





#form_btn input{

	vertical-align:top;

}







input:hover{

	filter:alpha(opacity=80);

	opacity:0.8;

	background:#fff;

}







.mini_form td{

	width:370px;

}







.form_notice{

	text-align:right;

}



.btn_center{

	text-align:center;

}





.ssl{

	padding:10px 60px;

	border:#CCC 1px solid;

	width:758px;

	margin:30px 0;

}



.ssl img{

	float:left;

}



.ssl_text{

	padding:20px 0 20px 200px;

}







.smile_img{

	float:left;

}



.smile_text{

	float:left;

	padding-left:20px;}





.min_text{

	padding:10px 20px;

	}











.link_tenant{

	background:url(../img/top/bg_tenant_link.gif) no-repeat;

	width:940px;

	height:198px;

	padding:0 0 30px 0;

}



.link_tenant ul{

	width:888px;

	padding:60px 0 0 0;

	margin:0 auto;

}



.link_tenant ul li{

	float:left;

	width:420px;

	list-style:none;

}

.link_tenant ul li.end{

	float:right;

}.info .QR {

	width: 60%;

	margin:0 auto;

	display:block;

	overflow:hidden;

}

.info .QR p {

	line-height: 150px;

	float: left;

	height: 150px;

	font-size:21px;

	font-weight:bold;

	margin:10px;

}

.text_area h2 {

	color: #FFF;
	background-color: #009261;
	letter-spacing: 0.2em;
	padding: 0.5em;
}

}

.text_area h2 img {

	margin:0 0 0 -11px;

}

.text .smile_text ul{

	font-size: 18px;

	line-height: 2em;

	font-weight: bold;

	color: #DF674C;

	width:auto;

}

.text .smile_text ul li {

	font-size: 18px;

	line-height: 2em;

	font-weight: bold;

	color: #DF674C;

	width:100%;

}

.text .smile_text ul li span {

	color: #FFF;

	background-color: #356EBB;

	padding: 0 0.4em;

	margin-right: 0.5em;

	border-radius:3px;

}


/*2016.4.25～追記*/
h2{
    
    padding: 0 0 0 15px;
    margin-bottom: 15px;
    line-height: 34px;

}

/*h2::before{
	display: inline-flex;
	content:'';
	width: 6px;
	height: 30px;
	margin-right: 20px;
	background-color: #009944;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}*/

h3{
	padding:5px 20px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fcfbfc), color-stop(0.00, #ecebec));
background: -webkit-linear-gradient(#ecebec, #fcfbfc);
background: -moz-linear-gradient(#ecebec, #fcfbfc);
background: -o-linear-gradient(#ecebec, #fcfbfc);
background: -ms-linear-gradient(#ecebec, #fcfbfc);
background: linear-gradient(#ecebec, #fcfbfc);


}
div.inquiry{
	clear: both;
}	

div.inquiry div{
	
	padding:26px 82px;
	overflow: hidden;
	margin-bottom: 30px;
}

div.inquiry div section.left {
	float: left;
	margin-top: 10px;
    margin-right: 50px;
	width: 380px;
    height: 60px;
    text-align: center;
    border: #f8632b solid 3px;
    border-top-left-radius:8px; 
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffc68b), color-stop(1.00, #ffc68b), color-stop(0.80, #ff7d1f), color-stop(0.57, #ff994f), color-stop(0.00, #ffbc8b));
	background: -webkit-linear-gradient(top, #ffbc8b 0%, #ff994f 56%, #ff7d1f 80%, #ffc68b 100%, #ffc68b 100%);
	background: -moz-linear-gradient(top, #ffbc8b 0%, #ff994f 56%, #ff7d1f 80%, #ffc68b 100%, #ffc68b 100%);
	background: -o-linear-gradient(top, #ffbc8b 0%, #ff994f 56%, #ff7d1f 80%, #ffc68b 100%, #ffc68b 100%);
	background: -ms-linear-gradient(top, #ffbc8b 0%, #ff994f 56%, #ff7d1f 80%, #ffc68b 100%, #ffc68b 100%);
	background: linear-gradient(to bottom, #ffbc8b 0%, #ff994f 56%, #ff7d1f 80%, #ffc68b 100%, #ffc68b 100%);
}

div.inquiry div section.left span{
	color:#ffffff;
    font-size: 130%;
	font-weight:bold;
	line-height: 60px;
}


div.inquiry div section.left:hover{
	background:#ffbc8b;
	border:#FFA887 solid 3px;
	cursor: pointer;
}

a:hover{
	text-decoration: none;
}


.enclose{
	border:#eaeaea 1px solid;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;	
	margin-bottom: 30px;
}

.pd10_20{
	padding:10px 20px;
}

.pd20_20{
	padding:20px 20px;
}

.mg20_0{
	margin:20px 0;
}

nav#global_nav ul{
	overflow: hidden;
}

nav#global_nav ul li{
	list-style: none;
	text-align: center;
	line-height: 58px;
	float: left;
	font-size: 18px;
	color:#2c2c2c;
	text-shadow: 1px 1px 1px #AEAEAE;
	border-right: none;
	margin-left: 0;
	width: 243px;
	height:58px;
	border:1px solid #d2d2d2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #dedede), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #dedede 88%);
	background: -moz-linear-gradient(top, #fff 0%, #dedede 88%);
	background: -o-linear-gradient(top, #fff 0%, #dedede 88%);
	background: -ms-linear-gradient(top, #fff 0%, #dedede 88%);
	background: linear-gradient(to bottom, #fff 0%, #dedede 88%);
}

nav#global_nav ul li:last-child{
	border-right:1px solid #d2d2d2;
}

nav#global_nav ul li:hover{
	opacity: 0.5;
}

.mb20{
	margin-bottom:20px;
}





#main01_visual{

	width:50%;

	height:50%;

	margin-bottom:30px;

}

div.inquiry div section.downroad {
	float: center;
	margin-top: 10px;
	
	margin-left: auto;
    margin-right: auto;
	width: 380px;
    height: 60px;
    text-align: center;
    border: #f8632b solid 3px;
    border-top-left-radius:8px; 
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffc68b), color-stop(1.00, #ffc68b), color-stop(0.80, #ff7d1f), color-stop(0.57, #ff994f), color-stop(0.00, #ffbc8b));
	background: -webkit-linear-gradient(top, #ffbc8b 0%, #ff994f 56%, #ff7d1f 80%, #ffc68b 100%, #ffc68b 100%);
	background: -moz-linear-gradient(top, #ffbc8b 0%, #ff994f 56%, #ff7d1f 80%, #ffc68b 100%, #ffc68b 100%);
	background: -o-linear-gradient(top, #ffbc8b 0%, #ff994f 56%, #ff7d1f 80%, #ffc68b 100%, #ffc68b 100%);
	background: -ms-linear-gradient(top, #ffbc8b 0%, #ff994f 56%, #ff7d1f 80%, #ffc68b 100%, #ffc68b 100%);
	background: linear-gradient(to bottom, #ffbc8b 0%, #ff994f 56%, #ff7d1f 80%, #ffc68b 100%, #ffc68b 100%);
}

div.inquiry div section.downroad span{
	color:#ffffff;
    font-size: 130%;
	font-weight:bold;
	line-height: 60px;
}


div.inquiry div section.downroad:hover{
	background:#ffbc8b;
	border:#FFA887 solid 3px;
	cursor: pointer;
}

a:hover{
	text-decoration: none;
}

.main01 img { width: 30%; }

.main1  {
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
    }

div.toiawase  {
	background-color:#eeeeee;
	
	float: center;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
	width: auto;
    height: auto;
    text-align: center;
    }

@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}