@charset "utf-8";
/* CSS Document */
/* font-size memo
	
	 9px =	56.25%	|	25px = 156.25%
	10px =	62.5%	|	26px = 162.25%
	11px =	66.66%	|	27px = 168.75%					
	12px =	75%		|	28px = 175%	
	13px =	81.25%	|	29px = 181.25%
	14px =	87.5%	|	30px = 187.5%
	15px =	93.75%	|	31px = 193.75%
	16px =	100%	|	32px = 200%
	17px = 106.25%	|	33px = 206.25%
	18px = 112.5%	|	34px = 212.5%
	19px = 118.75%	|	35px = 218.75%
	20px = 125%		|	36px = 225%
	21px = 131.25%	|
	22px = 137.5%	| 48px = 300%
	23px = 143.75%	|	72px = 450%
	24px = 150%		|

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

#topicPath {
	margin-top: 10px;
}

#topicPath li {
	display: inline;
	font-size: 11px;
}



.discriptionBox {
	padding: 10px;
	margin-top: 15px;
	background: url(../member/box/img/top/bg_dotted03.jpg) repeat-x left top;
}

#wrapperCenter h3 {
	margin: 15px 0 0;
}

#wrapperCenter .backbox h3 {
	padding: 0;
	margin: 15px 0 ;
}

#wrapperCenter .newsin .ttl h3 {
	padding: 0;
	margin: 0 0 15px;
}



.listView {
	padding-right: 10px;
	margin: -16px 0 0;
	position: relative;
	margin-bottom: 30px;
}

.listView a {
	width: 60px;
	height: 26px;
	float: right;
	display: block;
	text-indent: -9999px;
	position: relative;
}

.wholeBox {
	clear: both;
	position: relative;
	width: 819px;
	overflow: hidden;
}
.wholeBox2 {
	clear: both;
/*	position: relative;*/
	width: 802px;
/*	overflow: hidden;*/
}

.innerwholeBox {
	width: 273px;
	float: left;
}

.innerwholeBoxEnd {
	width: 255px;
}

.innerwholeBoxEnd .inner3clumBox {
	margin-right: 0;
}

.inner3clumBox {
	background: url(../member/images/top/bg_corner_bottom01.jpg) no-repeat left bottom;
	padding-bottom: 10px;
	margin-right: 18px;
}

.inner3clumBox h4 {
	margin-bottom: 10px;
}

.clumBox {
	background: url(../member/images/top/bg_corner_top01.jpg) #F0EFEB no-repeat left top;
	padding-top: 10px;
	overflow: hidden;
}

.innerClum {
	background: url(../member/images/top/bg_corner_center01.jpg) #F0EFEB repeat-y left top;
	padding: 0 10px;
	overflow: hidden;
}

.photoBox {
	text-align: center;
}

.photoBox img {
	padding: 2px;
	border: 3px solid #D1CFC9;
}

.title {
	color: #BA0300;
	margin: 11px 0 8px;
	width: 195px;
}

.date {
	overflow: hidden;
	background-color: #F0EFEB;
	width: 110px;
}

.date span {
	display: block;
	padding-right: 10px;
	background: url(https://www.csr-compass.jp/images/icon_new.png) #F0EFEB no-repeat right top;
}

.detailsbtBox {
	text-align: right;
	background: none;
	margin-top: -20px;
}






/**/


#firstCon {
	clear: both;
	width: 210px;
	float: right;
	margin-bottom: 30px;
}

#firstCon2 {/*added as of 20110328*/
	clear: both;
	width: 255px;
	float: right;
	margin-bottom: 30px;
}

#firstCon3 {/*added as of 20110328*/
	width: 263px;
	float: right;
}

.compass_plus_box dl {
	background: url(../member/images/top/bg_dot_line.jpg) no-repeat bottom;
	padding-bottom: 13px;
	margin-bottom: 10px;
}

.compass_plus_box dt{
	padding-left: 14px;
	background: url(../member/images/top/bg_arrow.jpg) no-repeat left 4px;
}
.compass_plus_box dd a{
	color: #AB3582;
}

#infoBox {
	width: 210px;
	height: 295px;
	overflow-y:scroll;
	margin-top: 10px;
}

#infoBox dl {
	padding-bottom: 10px;
	background:  url(../images/common/bg_dotted01.jpg) repeat-x left bottom;
	margin-bottom: 8px;
}

#infoBox dt {
	padding-left: 12px;
	background: url(../member/images/common/bg_indent01.jpg) no-repeat left 4px;
}

#infoBox dd {
	margin: 3px 0;
}

#infoBox2 {
	width: 226px;
	padding: 10px 10px 10px 20px;
/*	height: 194px;*/
	height: 230px;
	overflow-y:scroll;
	background: url(../member/images/top/info_area.jpg) repeat-y left top;
	float: left;
}

#infoBox3 {
	width: 226px;
	padding: 10px 10px 10px 20px;
/*	height: 194px;*/
	height: 130px;
	overflow-y:scroll;
	background: url(../member/images/top/info_area.jpg) repeat-y left top;
	float: left;
}

#infoBox2 .bottom {
	background: url(../member/images/top/info_area_bottom.jpg) no-repeat bottom;
}

.info_right {
	width: 7px;
	float: right;
}

#infoBox2 dl {
	padding-bottom: 10px;
	background:  url(../images/common/bg_dotted01.jpg) repeat-x left bottom;
	margin-bottom: 8px;
}

#infoBox2 dt {
	padding-left: 12px;
	background: url(../member/images/common/bg_indent01.jpg) no-repeat left 4px;
}

#infoBox2 dd {
	margin: 3px 0;
}

.newsTitle {
	color: #FF7900;
}

.csrBox {
	margin-top: 16px;
	background: url(../member/images/top/bg_csrbox_center.jpg) repeat-y left top;
}

.innerGbox {
	background: url(../member/images/top/bg_csrbox_bottom.jpg) no-repeat left bottom;
}

.csrBox .innerTextbox {
	background: url(../member/images/top/bg_csrbox_top.jpg) no-repeat left top;
	padding: 26px 16px 10px 54px;
	font-size: 62.5%;
}

.dbBox {
	margin-top: 16px;
	background: url(../member/images/top/bg_dbbox_center.jpg) repeat-y left top;
}

.dbBox .innerTextbox {
	background: url(../member/images/top/bg_dbbox_top.jpg) no-repeat left top;
	padding: 26px 16px 10px 54px;
	font-size: 62.5%;
}

.bnrboxDetails {
	text-align: right;
}

#bnBox li {
	margin-top: 16px;
	list-style: none;
}

#secondCon {
	width: 575px;
	float: left;
}

#secondCon2 {/*added as of 20110328*/
	width: 529px;
	float: left;
}

.socialBox h4 {
	font-weight: normal;
	margin: 13px 0;
	padding-left: 100px;
}

.socialBox h4 a {
	color: #59AC02;
	font-weight: bold;
}

#secondCon h3.socialTit {
	margin-top: 0;
}

#secondCon h3 span img {
	vertical-align: top;
}

.socialphotoBox {
	float: left;
	width: 134px;
}

.socialphotoBox img {
	padding: 2px;
	background-color: #FFF;
	border-top: 12px solid #D1CFC9;
	border-right: 8px solid #D1CFC9;
	border-bottom: 12px solid #D1CFC9;
	border-left: 8px solid #D1CFC9;
}

.socialBox {
	background: url(../member/images/top/bg_corner_center02.jpg) repeat-y left top;
}

.socialBoxBottom {
	background: url(../member/images/top/bg_corner_bottom02.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}

.socialBoxCenter {
	background: url(../member/images/top/bg_corner_top02.jpg) no-repeat left top;
	padding: 10px 16px 0;
}

.socialBox2 {/*added as of 20110328*/
	background: url(../member/images/top/bg_corner_center02_2.jpg) repeat-y left top;
}

.socialBoxBottom2 {/*added as of 20110328*/
	background: url(../member/images/top/bg_corner_bottom02_2.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}

.socialBoxCenter2 {/*added as of 20110328*/
	background: url(../member/images/top/bg_corner_top02_2.jpg) no-repeat left top;
	padding: 10px 16px 0;
}
.socialBoxCenter2 h4 a {/*added as of 20110328*/
	color: #59AC02;
	font-weight: normal;
}
.socialBoxCenter p {
	padding-left: 134px;
}

.socialBoxCenter2 p {/*added as of 20110328*/
	padding-left: 134px;
	padding-top: 15px;
}

.socialDetailsbtBox {
	clear: both;
	text-align: right;
	margin-top: 10px;
}

.coj_dummy {
	margin: 10px 0 0;
}


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

#trendBox dt {
	clear: both;
	width: 129px;
	float: left;
	margin: 10px 0 0;
	padding-bottom: 8px;
	background: url(../member/images/top/bg_indent02.jpg) no-repeat left 4px;
}

:root *> #trendBox dt { margin: 0 0 10px;  }


#trendBox dt span {
	display: block;
	margin-left: 11px;
}

#trendBox dd {
	padding-left: 130px;
	margin: 10px 0 0;
	padding-bottom: 8px;
	background: url(../images/common/bg_dotted01.jpg) repeat-x left bottom;
}

#trendBox dd a {
	color: #59AC02;
}

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

#caseBox dt {
	padding: 3px 10px 3px 81px;
	margin-top: 10px;
}

#caseBox dt.global {
	background: url(../images/icn_lec_03.png) no-repeat left 2px;
}

#caseBox dt.japan {
	background: url(../images/icn_lec_02.png) no-repeat left 2px;
}

#caseBox dt.thema {
	background: url(../images/icn_lec_01.png) no-repeat left 2px;
}

#caseBox dd {
	padding: 3px 10px 10px 0;
	background: url(../images/common/bg_dotted01.jpg) repeat-x left bottom;
}


.parentBox {
	clear: both;
}

/*  COJ?
////////////////////////////////////////////////////*/

.greyBox {
	background: none;
	background-color: #CCC;
	text-align: center;
	margin-top: 10px;
	padding: 50px 0;
}

.greyBox h6 {
	font-size: 120%;
	color: #F00;
}

.greyBox p {
	color: #F00;
}


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

.float_l {
	float: left;
}

.float_l_2 {
	float: left;
	margin-left: 19px;
}

.float_l_3 {
	float: left;
	margin-left: 18px;
}

.join_company_ttl {
	margin: 20px 0 16px;	
}

.join_company_list {
	margin: 0 0 15px 0;	
}

.join_company_list ul {
	list-style: none;	
}

.join_company_list li {
	float: left;
	margin: 0 0 5px 5px;
	border: 1px solid #CCCCCC;
}

.join_company_list li.start {
	margin-left: 0;
}

.btn_others {
	float:right;
	margin-bottom: 35px;
}

/* 
before login ////////////////////////////////////////////////////*/

.login_box {
	background: url(../images/top/top_login_bg.jpg) no-repeat;
	width: 269px;
	height: 62px;
/*	float: right; */
	margin-top: 4px;
	padding: 12px 8px 11px;
}

.login_box2 {
	background: url(../images/top/top_login_bg.jpg) no-repeat;
	width: 269px;
	height: 62px;
	float: right;
	margin-top: 4px;
	padding: 12px 8px 11px;
}

.header_login {
	float: left
}
.header_login input.id,
.header_login input.password {
	width: 125px;
}
.btn_login {
	float: left;
	width: 50px;
	height: 44px;
	margin: 0 0 0 4px;
}
.next_login {
	clear: both;
	font-size: 10px;
	margin: 0 0 0 81px;
	line-height: 10px;
}
.next_login p.check {
	float: left;
	_margin-top: -2px;
}
*:first-child+html .next_login p.check {
	float: left;
	margin-top: -2px;
}
.next_login p.txt {
	float: left;
	margin-left: 4px;
	margin-top: 5px;
	_margin-top: 8px;
}
*:first-child+html .next_login p.txt {
	float: left;
	margin-left: 4px;
	margin-top: 8px;	
}
.login .form_area {
	width: 400px;
}
input {
	margin: 0;
	padding: 0;
}
input.id {
	height: 1em;	
}
input.password {
	height: 1em;
	margin-top: 4px;
}
input.next_auto {
	margin-top: 4px;
}


/*2013年3・/
#topicPath {
	margin-top: 10px;
	margin-bottom: 20px;
}