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

Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 1.0
Author: Vineeth G S 
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

**********************************************************************************************

1.  Default / for Grid 1200px
2.  960px
3.  720px
4.  lt 720px


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

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

1.  Default / for Grid 1200px / Page Style

*********************************************************************************************/  
body{
	position:relative;
	margin: 0;
	padding: 0;
	background-color:#000;
	color:#fff;
}

a{ color:#d9cead; }
a:hover{ text-decoration:none; }

img{
	max-width: 100%;
    height: auto;
	width /***/:auto; /*for IE8*/
}


/*
  蜈ｱ騾壹せ繧ｿ繧､繝ｫ
*********************************************************************************************/
#header{
	padding-top:10px;
	width:100%;
}
#header .inner{
	display:block;
	float:none;
	width:960px;
	margin:0 auto;
}

#logo{
	float:left;
	width:160px;
}

h1{
	float:left;
	width:780px;
	padding-top:5px;
	padding-right:20px;
	color:#fff;
	font-size:85%;
	text-align:right;
}

h2#ttl{
	float:right;
	width:774px;
	margin-top:26px;
	padding:10px;
	border:3px solid #fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

/* 繧ｰ繝ｭ繝翫ン */
#sp_logo{
	display:none;
}

#gnavi{
	float:left;
	width:800px;
}
#nav{
	float:right;
	width:800px;
}
#nav li{
	float:left;
	width:89px;
	height:40px;
	text-align:center;
}
#nav li#gnavi_outline{
	width:88px;
}
#nav li.gnavi_blank{
	width:623px;
	height:40px;
}
#nav li a,
#nav li span{
	display:block;
	padding-top:40px;
	height:0;
	overflow:hidden;
}

#gnavi_map{ background:url(../images/gnavi_map.png) 50% 50% no-repeat; }
#gnavi_outline{ background:url(../images/gnavi_outline.png) 50% 50% no-repeat; }
.gnavi_blank{ background:url(../images/gnavi_bg.png) left top repeat-x; }

#gnavi_map a:hover,
#gnavi_outline a:hover{
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

/* Footer */
#toiawase{
	padding:20px 0;
	border-top:1px solid #333;
	text-align:center;
}
#toiawase #pc_toiawase{
	width:960px;
	margin:0 auto;
}
#toiawase #pc_toiawase li{
	display:inline-block;
	padding:0 10px;
	color:#fff;
	font-size:85%;
	line-height:1.2;
}
#toiawase #sp_toiawase{
	display:none;
}

#footer{
	padding:20px 0 0;
	border-top:1px solid #333;
}
#company{
	text-align:center;
}
#company li{
	display:inline;
	margin:0 10px;
}
#copyright{
	padding:40px 0;
	color:#fff;
	font-size:77%;
	text-align:center;
}

#pagetop{
	position:relative;
}
#pagetop .grid-2{
	position:absolute;
	bottom:0;
	right:0;
	background-color:#333;
	width:140px;
	height:42px;
	line-height:42px;
}
#pagetop a{
	display:block;
	height:42px;
	color:#fff;
	font-size:138.5%;
	text-decoration:none;
}
#pagetop .grid-2:hover{
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}


#wrapper{
	width:100%;
	background-color:#000;
}

#container{
	width:940px;
	margin:0 auto;
	padding:40px 0;
}

/*
  繝輔か繝ｼ繝
*********************************************************************************************/
#privacy{
	border-bottom:1px solid #666;
	margin-bottom:10px;
	padding-bottom:10px;
}
#privacy dt{
	float:left;
	clear:left;
	width:28em;
	margin-bottom:1em;
}
#privacy dd{
	margin-left:28em;
	margin-bottom:1em;
}

table{
	width:100%;
	color:#fff;
}
table .header_rmesg{
	margin-bottom:1em;
	padding:1em 0;
	border-bottom:1px solid #666;
	color:#d9cead;
	font-weight:bold;
	text-align:left;
}
table table.force-col{
	width:97%;
	margin-left:3%;
}
table table th,
table table td{
	padding:10px;
	text-align:left;
	border-bottom:1px solid #666;
}
.noborder,
.noborder_td td{
	border:none !important;
}
table table .title{
	width:30%;
}

#btn_col{
	text-align:center;
}
#btn_col input{
	width:10em;
	height:45px;
	margin:0 20px 20px;
	background-color:#fff;
	border:1px solid #333;
}

#pi-pe{
	width:100% !important;
	background-color:#000 !important;
	border:none !important;
}
#pi-pe th,
#pi-pe td{
	padding:10px;
	text-align:left;
	border-bottom:none;
}

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

3.  Grid 768px

*********************************************************************************************/
@media only screen and (min-width: 769px) and (max-width: 959px) {
body{
	min-width:100%;
}

/*
  髱櫁｡ｨ遉ｺ鬆�岼繧定ｨｭ螳
*********************************************************************************************/
.invi-pc{
	display:none;
}

/*
  陦ｨ遉ｺ鬆�岼繧定ｨｭ螳
*********************************************************************************************/
.invi-sp{
	display:block;
}

/*
  蛟句挨隱ｿ謨ｴ
*********************************************************************************************/

/*
  蜈ｱ騾壹せ繧ｿ繧､繝ｫ
*********************************************************************************************/

}

 

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

4.  lt 768px 

*********************************************************************************************/ 
@media only screen and (max-width: 768px) {
body{
	min-width:100%;
}

/*
  髱櫁｡ｨ遉ｺ鬆�岼繧定ｨｭ螳
*********************************************************************************************/
.invi-sp,
h1,
#logo{
	display:none !important;
}

/*
  陦ｨ遉ｺ鬆�岼繧定ｨｭ螳
*********************************************************************************************/
.invi-pc,
#sp_logo{
	display:block !important;
}

br.rwd-break{ display:inline; }
br.pc-break{ display:none; }
.spnone{ display:none; }

/*
  蛟句挨隱ｿ謨ｴ
*********************************************************************************************/

/*
  蜈ｱ騾壹せ繧ｿ繧､繝ｫ
*********************************************************************************************/
#header{ top:0; }
#header .inner{ width:100%; }

h2#ttl{
	float:none;
	clear:both;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#sp_logo{
	float:left;
	width:80%;
	height:70px;
}
#sp_logo a{
	display:block;
	background:url(../../sp_logo.png) 0 0 no-repeat;
	-webkit-background-size:125px 50px;
	-moz-background-size:125px 50px;
	-o-background-size:125px 50px;
	background-size:125px 50px;
	width:100%;
	height:70px;
	text-indent:-9998px;
	overflow:hidden;
}

#gnavi{
	border-top:none;
	width:100%;
}
#nav{
	width:100%;
}
#nav li{
	width:100% !important;
	height:54px;
	background-color:#333;
	border-top:3px solid #d9cead;
}
#nav li a,
#nav li span{
	height:54px;
	padding-top:15px;
	color:#fff;
	line-height:1.2;
	text-decoration:none;
}
#gnavi_map,
#gnavi_outline{ background:none; }

#gnavi_map a:hover,
#gnavi_outline a:hover{ color:#fff; background-image:none; background-color:#000; }

.gnavi_blank{ display:none !important; }


#toiawase #pc_toiawase{
	display:none;
}
#toiawase #sp_toiawase{
	display:block;
}
#toiawase #sp_toiawase img{
	width:80%;
}

#footer{
	border:none;
}
#company{
	width:100%;
	margin:0 0 20px;
	text-align:center;
}
#company li{
	float:none;
	display:inline-block;
	margin:0;
	padding:0 10px;
}
#apa_home,
#apa_company,
#sumitomo,
#tokyu_livable{
	width:40%;
}
#apa_home img,
#apa_company img,
#sumitomo img,
#tokyu_livable img{
	width:100%;
}
#copyright{
	width:100%;
	text-align:center;
}

#pagetop .grid-2{
	position:relative;
	width:100%;
}

#wrapper{}
#container{ width:100%; }

/*
  繝輔か繝ｼ繝
*********************************************************************************************/
#privacy dt{
	float:none;
	width:auto;
}
#privacy dd{
	margin-left:0;
}

table table input[type="text"]{
	width:100%;
}

table.force-col td{
	display: block;
}

#btn_col{
	text-align:center;
}
#btn_col input{
	display:block;
	width:70%;
	height:45px;
	margin:0 auto 20px;
	background-color:#fff;
	border:1px solid #333;
}

}

.prive {
	margin:10px auto 30px;
	padding:10px;
	max-width:730px;
}
.prive p {
	font-size:13px;
	font-weight:bold;
}
.prive ul {
	list-style:none;
	margin:10px 0;
}
.prive ul li {
	padding:5px;
}
@media only screen and (max-width: 768px) {

.prive {
	width:90%;
}
	
}
.maplink{
	color: #ffffff;
	text-decoration: none;
	font-size: 1.3em;
	line-height: 3em;
	border: 3px solid #ffffff;
}
a.maplink:hover{
	color: #ffffff;
	border: 3px solid #ffffff;
}
/*
  @2x
*********************************************************************************************/
@media screen and (-webkit-min-device-pixel-ratio:1.3),
screen and (min--moz-device-pixel-ratio:1.3),
screen and (-o-min-device-pixel-ratio:2 / 1),
screen and (min-device-pixel-ratio:1.3),
screen and (min-resolution:192dpi),
screen and (min-resolution:2dppx){
}