@charset "utf-8";

/*
	OFFICE
*/


/*=============================================
	PC
=============================================*/

/*------------------------------
	VISUAL
------------------------------*/
#visual .inner{
	background: url(/_office/images/visual_photo.jpg) no-repeat center top;
}

/*------------------------------
	CONTENTS
------------------------------*/
/*
	COMMON
*/

/*
	TOP
*/
.section table{
	margin-bottom: 20px;
}

/*
	POPUP
*/
#popup{
	background: #fff;
}
#popup #wrap{
    background: #fff;
}
#popup #head .inner,
#popup #contents,
#popup #foot .inner{
	width: 760px;
}
#popup #head{
	background: none;
	margin-bottom: 15px;
	border-bottom: 1px solid #CECECE;
}
#popup #head h1{
	float: none;
}
#popup #contents{
	margin-bottom: 15px;
}
#popup #contents #main{
	float: none;
	width: 100%;
}
#popup .section{
	background: none;
	border: none;
}
#popup #main ul#map{
	margin-bottom: 20px;
}
#popup #main ul#map li{
	width: 362px;
	height: 362px;
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	background: #fff;
	margin-right: 20px;
	padding: 3px;
	border: #d7d7d7 solid 1px;
	vertical-align: top;
}
#popup #main ul#map li.end{
	margin-right: 0;
}
#popup .sectionInner{
	padding: 0;
}
#popup #btnClose{
	text-align: center;
}
#popup ul#btnClose li{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	padding: 0 20px;
}
#popup #btnClose img{
	cursor: pointer;
}
#popup #foot{
	background: #fff;
	border-top:1px solid #cecece;
}
#popup #foot #footInfo{
	background: none;
}
#popup #foot #copyright{
	float:right;
}
#popup iframe{
	width: 100%;
	height: 100%;
}
#popup .needs{
	color:#d30000;
	white-space:nowrap;
}
#popup .section #footContact{
	border: 1px solid #cbcbcb;
	box-shadow:0 0 0px 2px #f4f4f4;
	padding:15px 25px;
	width:auto;
	margin:55px 0 65px;
}
#popup .section #footContact #btnMail,
#popup .section #footContact #btnForm {
    left: 195px;
    position: absolute;
}
#popup .section #footContact #btnMail{
	bottom:70px;
}
#popup .section #footContact #btnForm{
	bottom:30px;
}
#popup .section .movieBtn{
	text-align:center;
	margin-bottom:60px;
}
#popup .section #officeFeatures dl{
	width:244px;
	margin:0 0 34px 14px;
	float:left;
}
#popup .section #officeFeatures .inner dl:first-child{
	margin-left:0px;
}
#popup .section #officeSpec table{
	width:420px;
	float:left;
}
#popup .section #officeSpec table th{
	background:none;
}
#popup .section #officeSpec dl{
	width:305px;
	float:right;
}
#popup .section #officeSpec dl dt{
	position:relative;
	border:1px solid #b5b5b5;
}
#popup .section #officeSpec dl dt:after{
	position:absolute;
	bottom:5px;
	right:5px;
	content:url(../../common/images/ecalic039_001.png);
	cursor:pointer;
}
#popup .section #officeSpec dl dd{
	margin-bottom:10px;
}
#popup .section #officeResponsible #memberArea {
	width:315px;
	margin-right:25px;
	float:left;
}
#popup .section #officeResponsible #memberArea.MemberTwo dl{
	width:46%;
	margin-right:3.9%;
	float:left;
}
#popup .section #officeResponsible #memberArea dl dt{
	margin-bottom:10px;
}
#popup .section #officeResponsible #memberArea .movieBtn{
	clear:both;
	padding:25px 0 0 0;
	margin:0 0 50px;
}
#popup .section #officeResponsible p{
}
#popup .section #officeResponsible p .note{
	font-size:10px;
}

/*=============================================
	RESPONSE
=============================================*/
@media(max-width:600px){

#popup #head .inner,
#popup #contents,
#popup #foot .inner{
	width: 100%;
}
.section table td:last-child{
	border-bottom: none;
}
.section table tr:last-child td{
	border-bottom: #ccc solid 1px;
}
#popup .sectionInner{
	padding: 0 10px 10px;
}
#popup #main ul#map li{
	width: 80%;
	padding: 0;
	margin:0 10%;
	border: none;
}
#popup #btnClose{
	padding: 10px;
	border: #ccc solid 1px;
	background-image: -moz-linear-gradient(bottom, #e2e2e2 19%, #fefefe 60%);
	background-image: -webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#e2e2e2));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 116%;
	font-weight: bold;
	cursor: pointer;
	margin:0 10px;
}
#popup #btnClose span{
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size:13px 13px;
	-moz-background-size:13px 13px;
	-webkit-background-size:13px 13px;
	background-image: url(/common/images/s_arrow_close.png);
}
#popup .section #officeFeatures dl{
	margin:0 auto 10px!important;
	float:none;
}
#popup .section #officeSpec table{
	width:100%;
	float:none;
}
#popup .section #officeSpec table th{
	background:#f4f4f4;
}
#popup .section #officeSpec dl{
	width:auto;
	float:none;
	text-align:center;
}
#popup .section #officeResponsible #memberArea{
	width:auto;
	float:none;
	margin:0 auto 20px;
}
#popup .section #officeResponsible #memberArea.MemberTwo dl{
	width:auto;
	margin:0 0 15px;
	float:none;
	text-align:center;
}
#popup .section #officeResponsible #memberArea .movieBtn{
	margin:0 0 0px;
}
#popup .section #officeResponsible p{
	margin-bottom:10px;
}

}