@charset "UTF-8";

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

index CSS　トップページ


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




/************************************************
　キャッチ

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


div#cach-Area{
	clear:both;
	position:relative;
	width:978px;
	margin-left:auto;
	margin-right:auto;
	height:290px;
	border:1px solid #ccc;
	background:url(../images/ex_000_00_cach20200717.jpg) no-repeat;
	margin-top:10px;
}



/*　↓↓↓　2020年　正月用　↓↓↓　　　*/

/* トップキャッチ部分　*/
div#cach-Area-2020{
	clear:both;
	position:relative;
	width:978px;
	margin-left:auto;
	margin-right:auto;
	height:290px;
	border:1px solid #ccc;
	background:url(../images/2020newyear/ex_000_00_cach_2020newyear.jpg) no-repeat;
	margin-top:10px;
}





/*　↑↑↑　2020年　正月用　↑↑↑　　　*/










div#cach-Area h2{
	width:753px;
	padding-top:112px;
	height:0px;
	overflow:hidden;
	background:url(../images/ex_000_00_text.png) no-repeat;
	margin:4px 0 0 4px;
}

p#comcon-btn{
	position:absolute;
	z-index:3;
	top:7px;
	right:6px;
}


p#comcon-btn a{
	display:block;
	width:203px;
	padding-top:31px;
	height:0px;
	overflow:hidden;
}

p#comcon-btn a{background:url(../images/ex_000_00_comconbtn.png) no-repeat 0 0;}
p#comcon-btn a:hover{background:url(../images/ex_000_00_comconbtn.png) no-repeat 0 -31px;}



div#ccrIP-bnr{
	position:absolute;
	top:120px;
	left:15px;
	width:337px;
	height:80px;
	background:url(../images/ccr-IP-bnr.png) no-repeat;
	
}


div#ccrIP-bnr p{
	width:337px;
	padding-top:46px;
	text-align:center;
	font-size:16px;
	line-height:16px;
}


/************************************************
　お客様のコメント

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


div#comment-Area{
	width:978px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

div#comment-Area h3{
	width:159px;
	padding-top:22px;
	height:0px;
	overflow:hidden;
	background:url(../images/ex_000_00_customer_com_title.png) no-repeat;
}
div#comment-box {
	width:959px;
	height:63px;
	border:1px solid #CCC;
	overflow-y:scroll;
	padding:3px 10px 3px 8px;
}

div.comment-waku {
	width:949px;
	border-bottom:1px dotted #a3a3a3;
	float:left;
	line-height:18px;
	padding:2px 0px;
}

div.comment-waku-L {
	width:97px;
	float:left;
	font-size:11px;
}

div.comment-waku-C {
	width:186px;
	float:left;
	font-size:12px;
}

div.comment-waku-R {
	width:638px;
	float:left;
	font-size:13px;
}

span.f-bold {
	font-weight:bold;
}

span.f-red {
	color:#cc3200;
}

div.back-type2 {
	background-color:#fafafb;
}

div.comment-waku-last {
	width:949px;
	border-bottom:none;
	float:left;
	line-height:18px;
	padding:3px 0px 2px 0px;
}

/************************************************
　ニュース

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

div#news-Area{
	width:978px;
	margin-left:auto;
	margin-right:auto;
	background-color:#efefef;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

div#news-Area table{
	width:970px;
}

div#news-Area table th{
	width:57px;
	padding:6px 9px 6px 9px;
	font-weight:normal;
	font-size:12px;
}

div#news-Area table th span{
	font-size:16px;
}

div#news-Area table td span{
	color:#000;
}




/************************************************
　メイン

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


/****************************************
　メイン　3段分割
*****************************************/


div#index-main-Area{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	margin-top:11px;
	margin-bottom:50px;
}




div#index-main-L{
	float:left;
	width:187px;
	padding-left:5px;
}



div#index-main-C{
	float:left;
	width:610px;
}



div#index-main-R{
	float:left;
	width:183px;
}



/****************************************
　メイン　中央　div#index-main-C
*****************************************/



/*　成功事例　お客様インタビュー*/

div#jirei-video{
	margin-bottom:7px;
}

div#j-t-waku{
	width:596px;
	background-color:#999;
	border-bottom:1px solid #888;
	padding:5px 0 4px 4px;
}

div#j-t-waku h3{
	width:266px;
	padding-top:16px;
	height:0px;
	overflow:hidden;
	background:url(../images/ex_000_01_title.png) no-repeat;
}

li#jirei-v1,
li#jirei-v2{
	float:left;
}


li#jirei-v1 a,
li#jirei-v2 a{
	display:block;
	width:300px;
	padding-top:195px;
	height:0px;
	overflow:hidden;
}

li#jirei-v1 a{background:url(../images/ex_000_01_1.png) no-repeat 0 0;}
li#jirei-v2 a{background:url(../images/ex_000_01_2.png) no-repeat 0 0;}

li#jirei-v1 a:hover,
li#jirei-v2 a:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}



/*　ピックアップメニュー　*/
ul#pickup-menu{
	clear:both;
	margin-bottom:18px;
}

li#pickup01,
li#pickup02,
li#pickup03{
	float:left;
}



li#pickup01 a,
li#pickup02 a,
li#pickup03 a{
	display:block;
	width:196px;
	padding-top:159px;
	height:0px;
	overflow:hidden;
}

li#pickup01 a,
li#pickup02 a{
	margin-right:6px;
}


li#pickup01 a{ background:url(../images/ex_000_02_1_20200717.png) no-repeat 0 0;}
li#pickup02 a{ background:url(../images/ex_000_02_2.png) no-repeat 0 0;}
li#pickup03 a{ background:url(../images/ex_000_02_3_20200709.png) no-repeat 0 0;}

li#pickup01 a:hover,
li#pickup02 a:hover,
li#pickup03 a:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}





/*　レコメンドメニュー　*/
div#redommend-menu{
	clear:both;
	margin-bottom:20px;
}

div.title-waku{
	width:596px;
	padding:0 0 9px 6px;
	background:url(../images/ex_000_03_titleline.gif) repeat-x bottom;
	margin-bottom:9px;
}

div#redommend-menu h3{
	width:435px;
	padding-top:28px;
	height:0px;
	overflow:hidden;
	background:url(../images/ex_000_03_title.png) no-repeat;
}

/*　メンバー動画　*/

div#member-movie {	
}

div#member-movie-L {	
	float:left;
	width:196px;
	border-right:1px solid #CCC;
}

div#member-movie-C {	
	float:left;
	width:195px;
	padding-left:9px;
	border-right:1px solid #CCC;
}

div#member-movie-R {	
	float:left;
	width:182px;
	padding-left:9px;
}

div.member-title {

}

div.member-title-L {
	float:left;
	width:100px;
	margin-right:10px;
}

div.member-title-R {
	float:left;
	font-size:12px;
	line-height:20px;
}

h4.member-title-1,
h4.member-title-2,
h4.member-title-3{
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	width:102px;
	height:18px;
	line-height:20px;
	font-size:13px;
	text-align:center;
	color:#FFF;
}

h4.member-title-1{
	background-color:#2e6e99;
}

h4.member-title-2{
	background-color:#58a847;
}

h4.member-title-3{
	background-color:#ed7700;
}

div.member-lead{
	margin:7px 0 9px 3px;
	float:left;
}

h5.member-lead-1{
	display:block;
	width:163px;
	padding-top:51px;
	height:0px;
	overflow:hidden;
	background:url(../images/ex_000_06_1text.png) no-repeat;
}

h5.member-lead-2{
	display:block;
	width:184px;
	padding-top:51px;
	height:0px;
	overflow:hidden;
	background:url(../images/ex_000_06_2text.png) no-repeat;
}

h5.member-lead-3{
	display:block;
	width:181px;
	padding-top:51px;
	height:0px;
	overflow:hidden;
	background:url(../images/ex_000_06_3text.png) no-repeat;
}

div.member-movie-img a{
	float:left;
	width:187px;
	height:128px;
}

div.member-movie-img a:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}

div.member-sent{
	margin:8px 0 0 0;
	width:193px;
	float:left;
	font-size:13px;
	line-height:16px;
	color:#383838;
}

em.f-b{
	font-weight:bold;
}


/*　ポップアップウィンドウ　*/
div.video-box {
	width:510px;
	height:286px;
	background-color:#FFF;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	margin:0 auto;
	padding:5px 0 0 0;
}
.modal > label {
background: #FFD300;
color: #000;
cursor: pointer;
display: inline-block;
}

.movie-over :hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
	cursor:pointer ;
}

.modal-overlay {
background-color: rgba(0,0,0,0.7);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align:center;
}

.modal-wrap {
position: relative;
margin: 0 auto;
width: 100%;
}

.modal-wrap label {
cursor: pointer;
display: inline-block;
width:510px;
text-align:right;
margin-top:20px;
}

input {
position: absolute;
z-index: -9999;
visibility: hidden;
}

.modal-overlay {
opacity:0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.75s cubic-bezier(0.65, -0.55, 2.0, 1.55);
	-moz-transition: all 0.75s cubic-bezier(0.65, -0.55, 2.0, 1.55);
	-ms-transition: all 0.75s cubic-bezier(0.65, -0.55, 2.0, 1.55);
	-o-transition: all 0.75s cubic-bezier(0.65, -0.55, 2.0, 1.55);
	transition: all 0.75s cubic-bezier(0.65, -0.55, 2.0, 1.55);
z-index: -999;
}

input:checked ~ .modal-overlay {
opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-0-transform: scale(1);
	transform: scale(1);
z-index: 999;
}


div.member-video-waku {
	margin:0 0 20px 70px;
}


div#redommend-menu ul{
	clear:both;
}

li#reco01,
li#reco02,
li#reco03,
li#reco04{
	float:left;
}


li#reco01 a,
li#reco02 a,
li#reco03 a,
li#reco04 a{
	display:block;
	width:300px;
	padding-top:102px;
	height:0px;
	overflow:hidden;
}

li#reco01 a,
li#reco02 a{
	margin-bottom:6px;
}

li#reco01 a,
li#reco03 a{
	margin-right:4px;
}


li#reco01 a{ background:url(../images/ex_000_03_1.png) no-repeat 0 0;}
li#reco02 a{ background:url(../images/ex_000_03_2.png) no-repeat 0 0;}
li#reco03 a{ background:url(../images/ex_000_03_3.png) no-repeat 0 0;}
li#reco04 a{ background:url(../images/ex_000_03_5.png) no-repeat 0 0;}

li#reco01 a:hover,
li#reco02 a:hover,
li#reco03 a:hover,
li#reco04 a:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}



/*　About Executive　*/
div#about-exe{
	clear:both;
	margin-bottom:8px;
}

div#about-exe h3{
	width:191px;
	padding-top:28px;
	height:0px;
	overflow:hidden;
	background:url(../images/ex_000_04_title.png) no-repeat;
}


dl#abt-e01,
dl#abt-e02,
dl#abt-e03,
dl#abt-e04{
	float:left;
	width:142px;
	height:168px;
	border:1px solid #ccc;
}


dl#abt-e01{
	display:inline;
	margin-left:2px;
}


dl#abt-e01,
dl#abt-e02,
dl#abt-e03{
	margin-right:7px;
}



dl#abt-e01 dt a,
dl#abt-e02 dt a,
dl#abt-e03 dt a,
dl#abt-e04 dt a{
	display:block;
	width:142px;
	padding-top:70px;
	height:0px;
	overflow:hidden;
	margin-bottom:9px;
}

dl#abt-e01 dt a{ background:url(../images/ex_000_04_1.png) no-repeat 0 0;}
dl#abt-e02 dt a{ background:url(../images/ex_000_04_2.png) no-repeat 0 0;}
dl#abt-e03 dt a{ background:url(../images/ex_000_04_3.png) no-repeat 0 0;}
dl#abt-e04 dt a{ background:url(../images/ex_000_04_4.png) no-repeat 0 0;}


dl#abt-e01 dt a:hover,
dl#abt-e02 dt a:hover,
dl#abt-e03 dt a:hover,
dl#abt-e04 dt a:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}










div#about-exe dl dd{
	font-size:11px;
	line-height:13px;
	padding:0 0 6px 13px;
	background:url(../images/ex_000_04_arw.gif) no-repeat 4px 2px;
	
}



/*　エグゼクティブのサービス　*/
div#exe-service{
	clear:both;
	margin-left:2px;
}

div#exe-service h3{
	width:596px;
	padding-top:49px;
	height:0px;
	overflow:hidden;
	background:url(../images/ex_000_05_title20200717.png) no-repeat 0 0;
}

div#exe-service table{
	width:596px;
}

div#exe-service table th{
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	text-align:left;
	padding:8px 5px 8px 9px;
	width:168px;
}

div#exe-service table td{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left: dashed 1px #ccc;
	padding-left:6px;
	font-size:13px;
	line-height:18px;
}



div#exe-service table th h4{
	line-height:12px;
	padding:1px 0 6px 15px;
	background:url(../images/ex_000_05_m1.gif) no-repeat 0 0;
}

div#exe-service table th p.subtitle{
	line-height:12px;
	padding:1px 0 6px 15px;
	background:url(../images/ex_000_05_m1.gif) no-repeat 0 0;
}






div#exe-service table th p.srv-name{
	font-size:13px;
	line-height:13px;
	padding:0 0 4px 15px;
	background:url(../images/ex_000_04_arw.gif) no-repeat 4px 2px;
}


/****************************************
　メイン　右　div#index-main-R
*****************************************/

h3#jirei-title a{
	display:block;
	width:183px;
	padding-top:34px;
	height:0px;
	overflow:hidden;
	background:url(../images/ex_000_10_tile.png) no-repeat 0 0;
}

h3#jirei-title a:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}




div#jirei-waku{
	width:181px;
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #ccc;
}




div.jirei{
	clear:both;
	padding:6px 0 6px 0;
	border-bottom:solid 1px #ccc;
}

div.j-st{
	width:163px;
	padding:0 0 6px 12px;
	margin:0 0 0 3px;
	border-bottom:solid 1px #dcdcdc;
	background:url(../images/ex_000_10_line.gif) no-repeat 2px 0;
}

p.com-name{
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	padding-top:2px;
	margin-bottom:3px;
}

p.com-name span{
	font-weight:normal;
}

p.item{
	font-size:12px;
	font-weight:bold;
	padding:1px 0 2px 35px;
	background:url(../images/ex_000_10_item.gif) no-repeat;
}


div.j-cach-text{
	width:173px;
	margin:3px 0 7px 4px;
	background-color:#f5f5f5;
}

div.j-cach-text p{
	padding:6px 0 6px 8px;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#000;
}

span.ct-b1{
	font-size:16px;
	color:#cc3300;
}


div.j-text{
	font-size:12px;
	line-height:18px;
	width:161px;
	margin:0 0 0 10px;
}


p.more-t{
	font-size:11px;
	margin:0 0 0 10px;
}

img.j-img{
	float:left;
	padding:0 4px 0 0;
}