@charset "shift-jis";
@media print {
    @import url(/division_common/css/default.css);

}


/*IE8�΍�*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/*----------------------------------------
	collabo_connect
----------------------------------------*/

#gnSolution.collabo_connect #mainSection #mvContent {
	background: url("/collabo_connect/img/index_bg_mv_01.jpg") no-repeat center top;
}

#gnSolution.collabo_connect #mainSection #mvContent h1{
	position: relative;
	width: 862px;
	margin: 0 auto;
}

#gnSolution.collabo_connect #mainSection #mvContent .englishPage{
	padding: 5px 25px;
	position: absolute;
	right: 0;
	top: 8px;
	background: #bb0068;
	color: #fff;
	font-weight: normal;
	font-size: 150%;
}

#gnSolution.collabo_connect #mainSection #mvContent .englishPage:hover{
	background: #d10275;
}

.collabo_connect .green{
	color: #007871;
	font-size: 150%;
}

.collabo_connect .hdgLv_03.pageTopAfter{
	margin-top:75px;
}

.collabo_connect .hdgLv_02.headlineBefore{
	margin-bottom:20px;
}

.collabo_connect p.headline {
	margin-top: 0;
}

.collabo_connect .listNotice_01 {
	color: #606060;
}

.collabo_connect .listNotice_01 li {
	margin-bottom:auto;
}



.collabo_connect  .text_img{
	vertical-align: middle;
}

/*----------------------------------------
breadCrumbSection
----------------------------------------*/
.collabo_connect div#contentsArea div#contentsBlock div#breadCrumbSection a {
	color: #007871;
}

/*----------------------------------------
localNav
----------------------------------------*/
.collabo_connect #localNav {
	border-top: 15px solid #007871;
	min-width: 862px;
	width: 100%;
}
.collabo_connect #localNav #lnavContent ul li.current a{
	background:#007871 !important;
}
.collabo_connect #localNav #lnavContent ul li a:hover{
	color: #007871;
}
.collabo_connect #fixed.fixed #localNav {
	border-bottom: 4px solid #007871;
}

.collabo_connect #localNav.lower {
    border-top: 4px solid #007871;
}

/*----------------------------------------
btn
----------------------------------------*/

/*----------------------------------------
result
----------------------------------------*/
.collabo_connect .result {
	margin-top: 30px;
	width: 862px;
	height: 42px;
}

/*----------------------------------------
columnMerit
----------------------------------------*/
.collabo_connect .columnMerit.detailImg {
	background: none;
	border: none;
	box-sizing: border-box;
	margin-top: 40px;
	width: 100%;
}
.collabo_connect .columnMerit.detailImg > .col {
	padding: 0;
}
.collabo_connect .columnMerit.detailImg > .col.detailArea_01 {
	width: 400px;
	text-align: center;
}
.collabo_connect .columnMerit.detailImg > .col.detailArea_01 p {
	font-size: 120%;
	font-weight: bold;
	background: url("/collabo_connect/img/index_fig_bg.jpg") repeat-y center top;
	padding: 10px 0;
}
.collabo_connect .columnMerit.detailImg > .col.detailArea_01 ul {
	text-align: left;
	margin: 20px 40px 20px 50px;
}
.collabo_connect .columnMerit.detailImg > .col.detailArea_02 {
	width: 60px;
}
.collabo_connect .columnMerit.detailImg > .col.detailArea_02 p {
	margin-top: 100px;
	color: #c8c8c8;
	font-size: 600%;
	font-weight: bold;
}
/*----------------------------------------
columnMerit_01
----------------------------------------*/
/*columnMerit_01*/
.columnMerit > .col .img img{
	border: none;
}

.collabo_connect .columnMerit_01 > .col {
	width: 50%;
}

.collabo_connect div.result + div.columnMerit_01 p {
	margin-top: 30px;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}
.collabo_connect .columnMerit_01 {
	margin-top: 110px;
	background: url(/collabo_connect/img/index_bg_merit_01.png) repeat-y center top;
}
.collabo_connect .columnMerit_01 > .col h3 em {
	color: #007871;
	font-size: 97%;
}
.collabo_connect .columnMerit_01.second{
margin-top: -4px;
}



/*columnMerit_02*/
.collabo_connect .columnMerit_02 {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 4px solid #dedede;
	border-top:none;
	margin-top: 0px;
	width: 100%;
	*width: 853px;
	background: none;
}

.collabo_connect .columnMerit_02 .colWrap {
	background: url(/division_common/img/co_bg_merit_01.png) repeat-y center top;
	overflow: hidden;
	margin-bottom: 15px;
}

.collabo_connect .columnMerit_02 .colWrap > .col {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 10px 30px 20px;
	*width: 380px;
	width: 33%;
	text-align: center;
}

.collabo_connect .columnMerit_02 > h3 {
	padding: 23px 0;
	background: #fff;
	text-align: center;
}

.collabo_connect .columnMerit_02 > h3 em {
	color: #007871;
	font-size: 200%;
}
.collabo_connect .columnMerit_02 ul {
	margin-top: 20px;
}

.collabo_connect .columnMerit_02 ul.listCheck_01 li{
	font-weight: bold;
}

.collabo_connect .columnMerit_02 ul.listCheck_01 li:before {
	background: url(/collabo_connect/img/index_arrow_03.png) no-repeat 0px 2px;
}

.collabo_connect .columnMerit_02 ul.listCheck_01 li span {
	color: #007871;
	font-size: 120%
}


/*columnMerit_03*/
.collabo_connect .columnMerit_03 {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 4px solid #dedede;
	border-top:none;
	margin-top: 0px;
	width: 100%;
	*width: 853px;
	background: none;
   margin-bottom: 80px;
}

.collabo_connect .columnMerit_03 .colWrap {
	background: url(/collabo_connect/img/co_bg_merit_02.png) repeat-y center top;
	overflow: hidden;
	margin-bottom: 15px;
}

.collabo_connect .columnMerit_03 .colWrap > .col {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 25px 30px 30px;;
	width: 50%;
	text-align: center;
	font-size: 115%;
}

.collabo_connect .columnMerit_03 > h3 {
	padding: 23px 0;
	background: #fff;
	text-align: center;
}

.collabo_connect .columnMerit_03 > h3 em {
	color: #007871;
	font-size: 200%;
}
.collabo_connect .columnMerit_03 ul {
	margin-top: 20px;
}

.collabo_connect .columnMerit_03 ul.listCheck_01 li{
	font-weight: bold;
}

.collabo_connect .columnMerit_03 ul.listCheck_01 li:before {
	background: url(/collabo_connect/img/index_arrow_03.png) no-repeat 0px 2px;
}

.collabo_connect .columnMerit_03 ul.listCheck_01 li span {
	color: #007871;
	font-size: 120%
}


/*----------------------------------------
iatLayout
----------------------------------------*/
.collabo_connect .iatLayout .col .after{
	color:#007871;
}

/*----------------------------------------
catch
----------------------------------------*/
.collabo_connect  .catch{
	color:#007871;
}

.collabo_connect  sub{
	vertical-align:baseline;
}

/*----------------------------------------
cvContent
----------------------------------------*/
.cvContent h3{
	font-size: 150% !important;
}

/*----------------------------------------
list
----------------------------------------*/
.collabo_connect .recommend_list{
	margin-top: 20px;
	margin-bottom: 30px;
}

.collabo_connect .recommend_list li{
	display: block;
	padding: 5px 5px 5px 47px;
	background: #f5f5f5 url(/collabo_connect/img/index_sq_01.png) no-repeat 12px;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 120%;
}

/*----------------------------------------
step_box
----------------------------------------*/
.collabo_connect .step_box{
	margin-top: 30px;
	overflow: hidden;
}

.collabo_connect .step_box .left_step{
	float: left;
	width: 428px;
}

.collabo_connect .step_box .right_step{
	float: right;
	width: 428px;
}

.collabo_connect .step_box .left_step dl,
.collabo_connect .step_box .right_step dl{
	overflow: hidden;
	padding-top: 19px;
	background: url(/collabo_connect/img/index_arrow_04.png) no-repeat top left;
}

.collabo_connect .step_box .left_step dl.first,
.collabo_connect .step_box .right_step dl.first{
	background: none;
		padding-top: 10px;
}

.collabo_connect .step_box .left_step dl dt,
.collabo_connect .step_box .right_step dl dt{
	display: block;
	width: 110px;
	float: left;
}

.collabo_connect .step_box .left_step dl dd,
.collabo_connect .step_box .right_step dl dd{
	padding: 20px 20px 20px 0;
}

/*----------------------------------------
default change
----------------------------------------*/
.collabo_connect .iatLayout .col .after:before{
	background: url(/collabo_connect/img/index_ic_01.png) 0 0;
	background: url("/collabo_connect/img/index_ic_01.png") 0 0\9;
}

.collabo_connect .cvContent h3{
	margin-bottom: 20px;
}

.collabo_connect .suppleBox .logo_area{
	float: left;
	margin-right: 10px;
	padding: 10px 0;
	margin-top: -10px;
}

.collabo_connect .suppleBox .col{
	padding-left: 10px;
	padding-right: 15px;
}

.collabo_connect .suppleBox .listCheck_01{
	overflow: hidden;
	border-left: dotted 1px #ccc;
	padding-left: 20px;

}

.collabo_connect .suppleBox .movieboxContent{
	border:1px solid #CEF5F2;
	padding:0px 0;
	background:#fff;
}


.collabo_connect .suppleBox .clb_movie{
	overflow:hidden;
	text-align:center;
   margin-bottom:30px;
}

.collabo_connect .suppleBox .clb_movie .title{
	font-size: 150%;
   margin-bottom:15px;
   color:#007871;
}

.first_read{
	margin-top: 10px !important;
	font-size: 115%;
}

.collabo_connect_mt{
	margin-top: 10px;
}

.collabo_connect .listCheck_01 li:before {
    display: inline-block;
	display: inline\9;
    content: "";
    height: 13px;
    width: 13px;
	padding-left: 5px;
	padding: 0 10px\9;
	position: relative;
}

.collabo_connect .listCheck_01 li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}


.collabo_connect .movieDetail {
	margin-bottom: 50px;
	text-align: left;
}




@media print {
	ul li{
		list-style: none;
	}
	
    .fixed {
		position: relative;
	}
	
	#localNav .contact,
	#localNav .contact *{
		width: 8em;
	}
	
	#localNav,
	#fixed{
		background: none;
	}
	

}