@charset "utf-8";

/***********************************
  Alphacourt
  style.css
***********************************/

@import "./common/css/base.css";

body{padding:0 !important;}
div#header{
	width:100%;
	background:#fbfaf0;
	position:static;
	box-shadow:none;
	top:0;
}
/*==================================
  Inner
==================================*/
div#visual div.inner{
	width:100%;
	max-width:1400px;
	min-width:960px;
	margin:0 auto;
	height:360px;
	overflow:hidden;
}
div#top .inner{
	width:100%;
	max-width:1400px;
	min-width:960px;
	margin:0 auto;
}
div#business .inner{
	width:100%;
	max-width:1200px;
	min-width:960px;
	margin:0 auto;
}


/*==================================
  Button
==================================*/
.more-btn{
	width:130px;
	background:#541c23;
}
.more-btn:hover{
	background:#DA5465;
}
.more-btn a{
	display:block;
	color:#fff;
	font-size:10px;
	padding:10px 30px 10px 35px;
	position:relative;
	text-decoration:none;
}
.more-btn a:after{
	content:"";
	height:14px;
	width:14px;
	background:#fff url(./common/images/arrow_right_min_b.png) center center no-repeat;
	border-radius:7px;
	position:absolute;
	top:0;
	bottom:0;
	right:15px;
	margin:auto;
}

/*==================================
  Slider
==================================*/
.bx-wrapper .bx-pager.bx-default-pager{
	position:absolute;
	bottom:10px;
	right:0;
	margin:auto;
	z-index: 999;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
	display:inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a{
	background: #fff;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#c73749;
}
.bx-controls-direction a{
	display:block;
	width:40px;
	height:40px;
	border-radius:20px;
	position:absolute;
	top:0;
	bottom:40px;
	margin:auto;
}
.bx-controls-direction a.bx-prev{
	background:#4d4d4b url(./common/images/arrow_left.png) no-repeat 11px center;
	left:0;
}
.bx-controls-direction a.bx-next{
	background:#4d4d4b url(./common/images/arrow_right.png) no-repeat 13px center;
	right:0;
}
.bx-controls-direction a:hover{
	background-color:#ADADAD;
}
/*==================================
  Main Layout
==================================*/
div#main{
	background:url(./images/bg_main.png) repeat-x top;
}
/*** visual ***/
div#visual{
	width:100%;
	background:#090e1b !important;
	height:360px;
	margin:0;
}
div#visual span{
	display:block;
	position:relative;
	width:100%;
	height:360px;
}
div#visual span img{
	position:absolute;
	height:360px;
	width:1200px;
	left:-50%;
	right:-50%;
	margin:auto;
}
div#visual div li{
	width:100%;
	text-align:center;
}

/*** content ***/
div#main h3{
	font-size:22px;
	color:#602626;
	padding:0 0 10px;
	background:url(./common/images/pict_line.gif) bottom center no-repeat;
	text-align:center;
	margin:0 0 30px;
}
div#main ul dd span{
	display:inline-block;
	font-size:10px;
	border-radius:3px;
	text-align:center;
	padding:2px 5px;
}
div#top{
	padding:50px 0 60px;
	background:#fbfaf0;
}
div#info-box{
	float:left;
	width:540px;
	padding:0 0 0 100px;
	margin:0 20px 0 0;
}
div#info-box div{
	border:1px solid #d9d4cd;
	padding:0 0 30px;
}
div#info-box div p.more-btn{
	margin:0 0 0 380px;
}
div#info-box ul{
	padding:39px 39px 0 39px;
}
div#info-box ul li{
	margin:0 0 30px;
}
div#info-box ul dt{
	width:80px;
	float:left;
	margin:0 15px 0 0;
}
div#info-box ul dd{
	width:365px;
	float:left;
}
div#info-box ul dd a{
	font-size:16px;
	color:#069;
}
div#info-box ul dd span{
	background:#a64f61;
	color:#fff;
	margin:0 0 10px;
}
div#pickup{
	float:left;
	width:690px;
	padding:0 50px 0 0;
}
div#pickup h3{
	margin:0 0 30px;
}
div#pickup p{
	width:590px;
	margin:0 auto 27px;
	box-shadow:0 0 3px #999;
}
div#pickup div.clear{
	width:590px;
	margin:0 auto;
}
div#pickup div.clear p{
	width:290px;
	float:left;
}
div#pickup div.clear p:first-child{
	margin:0 10px 0 0;
}
div#pickup img:hover{
	opacity:0.6;
}
div#pickup #slider02-outer{
	padding:0 40px 47px;
	position:relative;
	height:280px;
	overflow:hidden;
}
div#pickup ul li{
	margin:0 20px 0 0;
	width:285px;
}
div#pickup ul li dt{
	text-align:center;
	padding:10px 0;
}
div#pickup ul li dt img{
	box-shadow:0 0 3px #999;
}
div#pickup ul li dd{
	font-size:13px;
	padding:0 0 0 5px;
}
div#pickup ul li dl dd a{
	color:#069;
}
div#pickup ul dl.new dd span{
	background:#dfc139;
	color:#fff;
	margin:0 0 5px;
}
div#pickup ul dl.old dd span{
	background:#b58b48;
	color:#fff;
	margin:0 0 5px;
}
div#pickup ul dl.mn3 dd span{
	background:#489db5;
	color:#fff;
	margin:0 0 5px;
}
div#pickup ul dl.takuchi dd span{
	background:#c83649;
	color:#fff;
	margin:0 0 5px;
}
div#pickup ul dl.won dd span{
	background:#f4810c;
	color:#fff;
	margin:0 0 5px;
}
div#business{
	background:#d9d4cd;
	padding:45px 0 60px;
	width:100%;
}
div#business ul{
	background:#fbfaf0;
	position:relative;
	overflow:hidden;
	margin:0 0 20px;
}
div#business ul:before{
	content:"背景";
	display:block;
	text-indent:-9999px;
	width:20px;
	background:#d9d4cd;
	padding:100% 0 0;
	position:absolute;
	left:0;
	right:0;
	top:0;
	margin:auto;
	z-index:999;
	height:0;
}
div#business ul li{
	float:left;
	width:590px;
	margin:0 20px 0 0;
	padding:0 0 30px;
}
div#business ul li + li{
	margin:0;
}
div#business ul li#ms{
	background:url(./images/ph01.png) no-repeat 40px center;
}
div#business ul li#agency{
	background:url(./images/ph02.png) no-repeat 40px center;
}
div#business ul li#ryudo{
	background:url(./images/ph03.png) no-repeat 40px center;
}
div#business ul li#city{
	background:url(./images/ph04.png) no-repeat 40px center;
}
div#business ul li#consulting{
	background:url(./images/ph05.png) no-repeat 40px center;
}
div#business ul li#tenant{
	background:url(./images/ph06.png) no-repeat 40px center;
}
div#business ul li dl{
	padding:50px 0 20px 200px;
}
div#business ul li dt{
	font-size:18px;
	color:#541c23;
	margin:0 0 15px;
}
div#business ul li dd{
	font-size:13px;
}
div#business ul li p.more-btn{
	margin:0 0 0 430px;
}
div#business #acomenu-outer{
	position:relative;
}
div#business #acomenu{
	position:absolute;
	top:-40px;
	width:210px;
	padding:0 30px;
	background:#5e3a41;
	background:rgba(94,58,65,0.8);
	left:360px;
	z-index:9999;
}
div#business ul#acomenu:before{
	content:"";
	display:none;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
div#business #acomenu li{
	display:block;
	text-align:center;
	margin:0 0 22px;
	width:100%;
	padding:0;
}
div#business #acomenu li:first-child{
	padding:20px 0 0;
}
div#business #acomenu li.none{
	margin:0;
	padding:0 0 20px;
}
div#business #acomenu li a{
	color:#fff;
}
@media screen and (max-width: 1400px){
	div#visual div.inner{
		max-width:100%;
		min-width:960px;
	}
	div#top .inner{
		max-width:960px;
		min-width:960px;
	}
	div#info-box{
		padding-left:0;
		margin:0 20px 60px 0;
		width:350px;
	}
	div#info-box ul{
		padding:20px 20px 0 20px;
	}
	div#info-box ul li{
		margin:0 0 20px;
	}
	div#info-box ul li:last-child{
		/*display:none;*/
	}
	div#info-box ul dd{
		width:300px;
	}
	div#info-box ul dd a{
		font-size:14px;
	}
	div#pickup{
		margin:0 auto;
		padding-right:0;
		width:590px;
	}
	div#info-box div p.more-btn{
		margin-left:190px;
	}
	div#pickup #slider02-outer{
		padding: 0 0 45px;
	}
	div#business ul{
		width:960px;
		margin:0 auto 20px;
	}
	div#business ul li{
		width:470px;
	}
	div#business ul li p.more-btn{
		margin:0 0 0 310px;
	}
	div#business ul li dl{
		padding:50px 20px 20px 165px
	}
	div#business ul li#ms,
	div#business ul li#agency,
	div#business ul li#ryudo,
	div#business ul li#city,
	div#business ul li#consulting,
	div#business ul li#tenant{
		background-position:20px center;
	}
	.bx-controls-direction a.bx-prev{
		left:0;
	}
	.bx-controls-direction a.bx-next{
		right:0;
	}
div#business #acomenu{
	top:-40px;
	left:240px;
}
}