@charset "utf-8";

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

	企業情報について

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

.Corp p {
	text-align:left;
	line-height:180%;
	margin:0 10px;
}

.Corp .example {
	font-size:85%;
	border:1px dotted #CCC;
	padding:10px;
	margin:10px 20px 0 20px;
}

.Corp ul {
	margin:20px 0 0 10px;
}

.Corp li {
	float:left;
	background:#E8E6E1;
	border:1px solid #D4D0C8;
	padding:15px;
	margin:0 15px 10px 0;
	width:285px;
	overflow:hidden;
	_zoom:1;
}

.Corp li dl {
	text-align:left;
}

.Corp li dt {
	font-size:120%;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	padding:0 5px 10px 5px;
	margin-bottom:10px;
}

.Corp li dt a {
	color:#008650;
}

.Corp li dd {
	font-size:85%;
	padding:0 5px;
}




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

	会社概要

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

.Company p {
	text-align:left;
	line-height:180%;
	margin:0 10px;
}

.Company .imgR {
	margin-bottom:20px;
}

.Company table {
	font-size:100%;
	line-height:160%;
	width:670px;
	margin:0 auto;
	border-collapse:collapse;
}

.Company th {
	vertical-align:top;
	text-align:left;
	background:#D3D0C7;
	padding:10px 8px;
	border:1px solid #FFF;
}

.Company td {
	vertical-align:top;
	text-align:left;
	background:#E8E6E1;
	padding:10px 8px;
	border:1px solid #FFF;
}

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

	関連リンク

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

.Grouplink h3 {
}



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

	個人情報保護方針

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

.Policy p {
	text-align:left;
	margin:0 10px;
}

.Policy cite {
	font-size:75%;
	text-align:left;
	margin:0 10px 8px 10px;
	display:block;
}

.Policy li {
	text-align:left;
}

.Policy ol.list01 {
	margin:20px 30px 0 30px;
}

.Policy ol.list01 li {
	list-style:decimal;
	margin-bottom:5px;
}

.Policy ol.list02 li {
	list-style:none;
	margin-bottom:5px;
}

.Policy ul.name {
	float:right;
	font-size:85%;
	margin:0 10px 20px 0;
}

.Policy ul.name li {
	text-align:right;
}

.Policy ul.name li.tosin {
	margin:20px 0 10px 0;
}

.Policy table {
	font-size:85%;
	line-height:160%;
	width:660px;
	margin:20px auto 5px auto;
	border-collapse:collapse;
}

.Policy th {
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	background:#D3D0C7;
	padding:10px 8px;
	border:1px solid #FFF;
}

.Policy td {
	vertical-align:top;
	text-align:left;
	background:#E8E6E1;
	padding:10px 8px;
	border:1px solid #FFF;
}

.Policy td li {
	margin-left:1.8em;
	text-indent:-2em;
}

.Policy td p { margin:0; }


.Policy .document {
	clear:both;
	font-size:85%;
	border:1px dashed #CCC;
	padding:10px 20px;
	margin:20px 10px 0 10px;
}

.Policy .document img {
	vertical-align:middle;
}

.Policy .download {
	font-size:75%;
	text-align:left;
	margin:10px 0 0 10px;
}

.Policy .download img {
	vertical-align:middle;
	margin-right:8px;
}


/* 採用 */
.Recruit h1 {
	margin:0;
}

.Recruit h2.image {
	color:#333;
	margin:20px 0 0 0;
	padding:0;
	background:none;
}

.Recruit h3 {
	clear:both;
	font-size:100%;
	text-align:left;
	color:#FFF;
	background:url(../common/images/h3_bg_01.gif) repeat-y;
	padding:7px 0 8px 10px;
	margin:20px 0 10px 0;
}

.Recruit .recruit_mainbox{
	border-right:solid 1px #999;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
	text-align:left;
	padding:20px 0px 20px 20px;
	margin-bottom:15px;
}

.Recruit .box01{
	height:60px;
}

.Recruit .box02{
	height:170px;
}

.Recruit .recruit_mainbox li{
	line-height:200%;
}

.Recruit .recruit_mainbox li.r_01_00{
	clear:both;
	_clear:both;
}

.Recruit .recruit_mainbox li.r_01_01{
	_clear:both;
	float:left;
	width:80px;
	padding-left:15px;
	background:url(images/recruit_arrow.jpg) no-repeat left center;

}
.Recruit .recruit_mainbox li.r_01_02{
	float:left;
	width:465px;
}
.Recruit .recruit_mainbox li.r_01_03{
	float:left;
}

/* 採用詳細 */
.Recruit ul.jobs{
	padding-bottom:20px;
}

.Recruit .r_02_01{
	text-align:left;
	float:left;
	padding-left:15px;
	margin-right:20px;
	background:url(images/recruit_arrow.jpg) no-repeat left center;
}

.Recruit .explain {
	clear:both;
	text-align:left;
	border:1px solid #CCC;
	padding:1px;
	margin:10px 10px 15px 10px;
	overflow:hidden;
	_zoom:1;
}

.Recruit .explain h4 {
	clear:both;
	float:left;
	color:#FFF;
	background:#81BE37;
	width:470px;
	padding:4px 0 4px 6px;
	margin-bottom:10px;
}

.Recruit .explain table.long{
	clear:both;
	font-size:85%;
	line-height:150%;
	margin:0 0 10px 10px;
	border-collapse:collapse;
}

.Recruit .explain table.long   th{
	vertical-align:top;
	font-weight:normal;
	padding:7px 10px;
	background:#DCEEC6;
	border:1px solid #FFF;
}

.Recruit .explain table.long   th { width:70px; }

.Recruit .explain table.long   td{
	vertical-align:top;
	padding:7px 10px;
	background:#EEE;
	border:1px solid #FFF;
}

.Recruit .explain table.long   td { width:523px; }

.Recruit .explain li.r_02_11 {
	float:left;
	width:60px;
}

.Recruit .explain li.r_02_12 {
	float:left;
	width:450px;
}

.Recruit .explain .clear {
	clear:both;
}

.Recruit .explain .imgR_2 {
	float:right;
}

.Recruit .explain .txtL {
	margin:0 10px 0 10px;
	font-size:85%;
	line-height:150%;
	width:460px;
}

.Recruit .explain img {
	margin-bottom:5px;
}

.Recruit .area_btn {
	width:340px;
	height:40px;
	margin:0 auto 30px auto; 
}
.Recruit .btn_entry {
	float:left;
}

.Recruit .btn_flow {
	float:right;
}

/* 採用201201追加 */
.Recruit span.strong {
	font-weight:bold;
	color: #008650;
}

.Recruit img.jobs_img_main {
	margin-top:-10px;
}
.Recruit .explain .txtL {
	margin-bottom:10px;
}


/* 2016年新卒採用 */
h2#new img {
	margin-bottom:10px;
}

.Recruit p.txt {
	text-align:left;
}

.wrap_m {
	width:330px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}

.wrap_s {
	width:auto;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin-bottom:5px;
	}

/*.Recruit .explain02 {
	width:330px;
	text-align:left;
	margin:0 3px 15px 2px;
	border:1px solid #CCC;
	padding:1px;
	float:left;
	
}
*/
/*.Recruit .explain02 h4 {
	color:#FFF;
	background:#81BE37;
	padding:4px 0 4px 6px;
	margin-bottom:10px;
}
*/
p.btn_entry02 {
	margin-bottom:5px;
	margin-top:30px;
}



/* 設計事務所 */
.Recruit p.lead {
	text-align:left;
	margin:15px 0 0px 10px;
}

.Recruit .explain h4.architect {
	clear:both;
	float:left;
	color:#FFF;
	background:#81BE37;
	width:650px;
	padding:4px 0 4px 6px;
	margin-bottom:10px;
}

.area_btn .btn_contact {
	margin-bottom:30px;
}


*:first-child+html #Footer {
	clear:both;
	display:block;
	margin-top:50px;
}

/* Promotion */

.Promotion .explain_L {
	float:left;
    border: 1px solid #CCCCCC;
    margin: 0 10px 47px 7px;
    padding: 1px 1px 1px 1px;
    text-align: center;
    _margin-left:4px;
    _margin-right:10px;
    width:323px;
    _width:324px;
}
.Promotion .explain_R {
	float:right;
    border: 1px solid #CCCCCC;
    margin: 0 7px 47px 0px;
    padding: 1px 1px 1px 1px;
    text-align: center;
    _margin-right:3px;
    width:323px;
    _width:324px;
}

.Promotion .explain_L h4,
.Promotion .explain_R h4 {
    background: none repeat scroll 0 0 #81BE37;
    overflow: hidden;
    clear: both;
    color: #FFFFFF;
    text-align: left;
    float: left;
    margin-bottom: 10px;
    padding: 4px 0 4px 6px;
    width: 317px;
    _width: 323px;
}

.Promotion .explain_L .cmimage,
.Promotion .explain_R .cmimage {
    margin-bottom: 10px;
}

.Promotion .explain {
	clear:both;
	text-align:left;
	border:1px solid #CCC;
	padding:1px;
	margin:10px 10px 47px 10px;
	overflow:hidden;
	_zoom:1;
}

.Promotion .explain h4 {
	clear:both;
	float:left;
	color:#FFF;
	background:#81BE37;
	width:650px;
	padding:4px 0 4px 6px;
	margin-bottom:10px;
}

.Promotion .explain .img-L,
.Promotion .explain .img-R {
    margin-bottom: 10px;
    width: 250px;
}

.Promotion .explain .img-L {
    float: left;
    margin-left: 35px;
}

.Promotion .explain .img-R {
    float: right;
    margin-right: 35px;
}

.Promotion .explain .imgarea {
    position: relative;
}

.Promotion .explain .popuptext {
    position: absolute;
    bottom: 0;
    left: 5px;
    color: #FFFFFF;
    font-size: 85%;
}

/* kuma */
.Kuma .profile {
	border: 1px solid #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
}

.Kuma .profile ul {
	text-align: left;
	margin: 10px;
}

.Kuma .profile ul li {
	margin-bottom: 10px;
}

.Kuma .profile ul.list {
	border-bottom: 1px #BBB dotted;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.Kuma .profile ul.list li {
	list-style:disc;
	text-indent: 0em;
	margin-left: 1em;
}


/* 20150401hama */

.wrap_m.wrap_m_box {
	margin-left:20px;
}
wrap_m img{
	width:330px;
	}

.wrap_s.wrap_under{
	margin-bottom:20px;
	}
	
.wrap_s img.img_two01,
.wrap_s img.img_pile01{
	float:left;
	}
.wrap_s img.img_two02,
.wrap_s img.img_pile02{
	float:right;
	}

p.attention {
	border-bottom:dotted 1px #c4beb3;
	}
.Recruit .new_explain02 p {
	font-size: 85%;
	padding: 0 10px 10px 10px;
}

.wrap_m.read_txtst{
	padding-top:20px;
	}

.wrap_m {
	float:left;
	display:inline;
}
.new_explain02 ul li{
	color:#FFF;
	background:#81BE37;
	padding:8px 10px 3px;
	margin-bottom:10px;
	width:170px;
	height:30px;
	font-size:130%;
	font-weight:bold;
	margin-left:20px;
	border:5px double #fff;
	float:left;
	}
.new_explain .new_explain02{
	margin-top:20px;
	margin-bottom:100px;
	}
n.ew_explain .new_explain h4{
	clear:both;
	text-align:left;
	}
	
.new_explain .new_explain03{
	  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;	
	}