@charset "UTF-8";
/* CSS Document */


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

ability背景、余白、テキスト寄せ

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

.contentsBg {
	width: 910px;
	height:100%;
	padding: 15px;
	margin-bottom:30px;
	background-image: url(../img/top/slash_bg.gif);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin:0 auto 20px;
}
.contentsBg .inner{
	background:#d3def1;
	padding:20px 10px;
	margin:10px auto 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#ability{
	text-align:left;
}
.contentsBg .center{text-align:center;}

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

イントロ

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

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

心がけていること

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

.wish{margin-top:20px;}
.wish li{
	float:left;
	width:50%;
	text-align:left;
	margin-bottom:20px;
}
.wish li p{
	width:400px;
	padding:60px 0 0 22px;
}
.wish1{
	background:url(../img/ability/contents_img1.png) 10px 0 no-repeat;
	height:127px;
}
.wish2{
	background:url(../img/ability/contents_img2.png) 10px 0 no-repeat;
	height:127px;
}
.wish3{
	background:url(../img/ability/contents_img3.png) 10px 0 no-repeat;
	height:127px;
	clear:both;
}
.wish4{
	background:url(../img/ability/contents_img4.png) 10px 0 no-repeat;
	height:127px;
}

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

一番厳しい占い師の採用基準

-------------------------------------------------------*/
#flow li{
	float:left;
	margin-left:9px;
}
#flow li:first-child {margin-left:0;}
.arrow{margin-top:30px;}
.leftBox{margin:20px 20px 0 10px;}
.why{
	width:600px;
	margin-top:20px;
	padding:20px;
	background:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.why dt{margin-bottom:20px;}
.why dd{line-height:1.7;}

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

フォローメール

-------------------------------------------------------*/
#mail{
	background:#fff;
	border:double #bea96f;
	padding:20px;
	
}
#mail dt{margin-bottom:10px;}
#mail p{line-height:1.7;}

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

心に寄り添う鑑定師たち、スライダー部分

-------------------------------------------------------*/
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 870px;
    padding: 34px 20px;
    margin-bottom:30px;
    background:url(../img/ability/fortune_bg.png) no-repeat;
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 162px;
    height: 162px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 15px;
}
#mycarousel img{border:2px solid #fff;}

/*ボタン部分*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 90px;
    right: -10px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../img/ability/right.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -42px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -42px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top:90px;
    left: -10px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../img/ability/left.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -42px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -42px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

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

鑑定をする

-------------------------------------------------------*/
#btn{
	background:url(../img/ability/judgment_bg.png)  no-repeat;
	width:433px;
	height:106px;
	margin:0 auto;
	padding:20px 0;
}
/* -----------------------------------------------------

ご利用者の声

-------------------------------------------------------*/
.voice1{
	background:#fff;
	border:solid 1px #bea96f;
	border-bottom:none;
	padding:20px 20px 0;
	clear:both;
}
.voice2{
	background:#fff;
	border:solid 1px #bea96f;
	border-top:none;
	padding:20px 20px 20px;
	clear:both;
}
.voice1 p,.voice2 p{color:#141d7b;}
.voice1 li,.voice2 li{
	background:#fcf8f4;
	border:solid 1px #bea96f;
	width:230px;
	padding:20px;
	float:left;
	margin-left:20px;
	height:200px;
	overflow:auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.voice1 li:first-child{margin-left:0;}
.voice2 li:first-child{margin-left:0;}