@charset "utf-8";
/*
//	PORTO
//	index用
//	2015.2.29 started by Tadashi YAMAOKA
*/

/* リンクCSS
---------------------------------------------*/
@import url(reset.css);
@import url(basic.css);

/* ページボディ
---------------------------------------------*/


/* WEBfont
--------------------- */
/*
@font-face {
  font-family: "ipaexm";
  src: local('ipaexm.ttf'),
       url("../../asset/font/ipaexm.eot") format('eot'),
	   url("../../asset/font/ipaexm.eot?#iefix") format('embedded-opentype'),
       url("../../asset/font/ipaexm.woff") format('woff'),
	   url("../../asset/font/ipaexm.ttf") format('truetype');
}
*/

/*メイン画像
----------------------- */

div#mainwrap {
 padding:0;
 margin:27px 0 0 0;
 width:100%;
 height:630px;
}

div#main {
 width:960px;
 margin:0 auto 0 auto;
}


/*　コンセプト
----------------------- */

div.concept {
	width:960px;
	height:540px;
 	margin:0 auto 0px auto;
	padding:210px 0 0 0;
	background: url(../../images/index/bg-concept.jpg) top center no-repeat;
}
div.concept-body {
	width:580px;
	margin:0px auto 0px auto;
	font-size:16px;
	line-height:2.25;
	text-align:center;
	font-family: 'F+UD-TsukuMin R';
	}

/*　カンパニー
----------------------- */

div.company {
	position: relative;
	width:960px;
	height:750px;
 	margin:0 auto 0px auto;
	padding:0;
	background:#fbf8f4 ;
}

#map_canvas {
	z-index:10;
	margin:0 auto 0 auto;
	width:960px;
	height:750px;
}

div.company-title {
	z-index:20;
	position:absolute;
	left:0px;
	top:75px;
	}
div.company-info {
	z-index:20;
	position:absolute;
	right:35px;
	top:330px;
	}

/*　コンタクト
----------------------- */

div.contact {
	width:100%;
 	margin:0 auto 4px auto;
	padding:53px 0 164px 0;
	background:#fbf8f4 ;
	border-bottom: #CCC solid 1px;
}

h2.contact {
	text-align:center;
	margin:0px 0 45px 0;
	padding:0 0 0 0;
}
h3.contact {
	margin:0 0 10px 0;
	font-family: 'F+UD-TsukuMin R';
	color:#333;
	font-weight:normal;
	font-size:13px;
	letter-spacing:0.07em;
	}
	
div.contact-body {
	background: #FFF;
	width:400px;
	border:#ccc solid 1px;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
	margin:0 auto 0 auto;
	padding:25px 90px 30px 90px;
	font-size:12px;
	}

div.contact-charge {
	border-bottom: #ccc solid 1px;
	padding:0 0 18px 0;
	margin:0 0 18px 0;
	}
div.contact-charge2 {
	border-bottom: #fff solid 0px;
	padding:0 0 0px 0;
	margin:0 0 0px 0;
	}

div.contact-charge p, div.contact-charge2 p{
	font-family:'F+UD-TsukuMin R';
	color:#333;
	font-weight:normal;
	font-size:13px;
	letter-spacing:0.07em;
	line-height:1.5;
	}

/*　UIパーツ
----------------------- */

div.updown {
	text-align:center;
	width:960px;
	height:37px;
 	margin:0 auto 0px auto;
	padding:12px 0 0 0;
	}