/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ Web Font ------ */

/* IE */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.eot);
}
/* Firefox, Opera, Safari */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.otf) format("truetype");
}

.icon {
	font-family: iconfont;
	font-weight: normal;
}

.icon-download:before {
}
.icon-customize:before {
}
.icon-iphone:before {
}
.icon-list:before {
	content: "\002c7";
}


/* ------ General Settings ------ */

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}

body {
}

.text-center {
	text-align: center;
}

#wrapper {
	width: 100%;
}


/* ------ Header ------ */

header {
	width: 100%;
	background: #013358 url(../img/common/bg_header.jpg) repeat-x center top;
}

#header-inner {
	width: 950px;
	margin: 0 auto;
	*zoom: 1;
}

#tagline {
	float: right;
	padding-top: 72px;
	line-height: 160%;
	font-size: 65%;
	color: #999;
}

#logo {
	padding: 40px 0 40px 0 ;
}

#logo a {
	display: block;
	max-width: 279px;
}

#openroombtn {
	width: 100%;
	height: 64px;
	background: #001f34;
	padding: 16px 0 0 0;
	display: none;
}

#openroombtn h2 {
	width: 500px;
	height: 48px;
	background: url(../img/common/btn_openroom.jpg) center top;
	margin: 0 auto;
}

#openroombtn a:hover h2 {
	opacity: 0.6;
}

#openroombtn h2 span {
	display: none;
}

ul.subnav {
	margin: 0 0 0 545px;
	top:40px;
	position: absolute;
}

	ul.subnav li {
	float: left;
	}
	
	ul.subnav > li:not( :last-child ) {
		margin-right: 10px;
	}
		#nav
		{
			width: 60em; /* 1000 */
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			position: static;
			margin: 0 auto;
			z-index: 9999;
			/*top: 25%;
			left: 50%;*/
			/*margin-left: -30em;  30 480 */
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				z-index: 9999;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
					background-color: #FFF !important;
				}
				
				#nav li.category01 a {background:url(../img/common/bg_gnavi01.png) no-repeat center top ; }
				#nav li.category02 a {background:url(../img/common/bg_gnavi02.png) no-repeat center top; }
				#nav li.category03 a {background:url(../img/common/bg_gnavi03.png) no-repeat center top; }
				#nav li.category04 a {background:url(../img/common/bg_gnavi04.png) no-repeat center top; }
				#nav li.category05 a {background:url(../img/common/bg_gnavi05.png) no-repeat center top; }
				

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #efa585;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 3.75em; /* 60 */
				background-color: #003357;
			}
				#nav > ul > li
				{
					width: 20%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 1.2em; /* 24 */
						line-height: 3em; /* 60 (24) */
						text-align: center;
						text-indent: -9999px;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #114971;
						}
						
						#nav > ul > li:hover > a
						{
							background-color: #0e4e7a;
						}
						
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #003357;
						}

				/* second level */

				#nav li ul
				{
					background-color: #175a89;
					display: none;
					position: absolute;
					top: 100%;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
							background-color: #175a89; 
						}
						#nav li ul a
						{
							font-size: 0.8em; /* 20 */
							border-top: 1px solid #0b4873;
							padding: 0.75em; /* 15 (20) */
							background-image:none!important;
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background:none; 
								background-color: #4c799a;
							}

/* ------topicpath ------ */

#topicpath {
	width: 950px;
	height: 50px;
	margin: 0 auto;
	font-size: 0.8em;
}

	#topicpath ul {
		height: 50px;
		padding: 0 0 0 18px;
		background: url(../img/common/ic_home.png) no-repeat left 18px;
	}
	
		#topicpath ul li {
			height: 38px;
			padding: 12px 27px 0 12px;
			float: left;
		}
		
		#topicpath ul li:first-child {
			padding: 12px 27px 0 6px;
		}
	
		#topicpath ul li:not( :last-child ) {
			background: url(../img/common/bg_topicpath.png) no-repeat right top;
		}
		
/* ------category ------ */


#category {
	width: 100%;
	height: 64px;
	border-top:solid 1px #dadada; 
	background: #e9e9e9;
	margin: 0 auto;
	padding: 40px 0 0 0;
	font-size: 0.8em;
}

	#category h1 {
		width: 950px;
		height: 64px;
		text-indent: -9999px;
		margin: 0 auto;
	}
	
	
	#category h1.ceo {background:url(../img/company/h1_ceo.png) no-repeat left top; }
	#category h1.company {background:url(../img/company/h1_company.png) no-repeat left top; }
	#category h1.environment {background:url(../img/company/h1_environment.png) no-repeat left top; }
	#category h1.idea {background:url(../img/company/h1_idea.png) no-repeat left top; }
	#category h1.policy {background:url(../img/company/h1_policy.png) no-repeat left top; }

	#category h1.business {background:url(../img/business/h1_business.png) no-repeat left top; }
	#category h1.consulting {background:url(../img/consulting/h1_consulting.png) no-repeat left top; }
		#category h1.consulting_1 {background:url(../img/consulting/h1_consulting_1.png) no-repeat left top; }
		#category h1.consulting_2 {background:url(../img/consulting/h1_consulting_2.png) no-repeat left top; }
		#category h1.consulting_3 {background:url(../img/consulting/h1_consulting_3.png) no-repeat left top; }
		#category h1.consulting_4 {background:url(../img/consulting/h1_consulting_4.png) no-repeat left top; }
		#category h1.consulting_5 {background:url(../img/consulting/h1_consulting_5.png) no-repeat left top; }

	
	#category h1.recruit {background:url(../img/recruit/h1_recruit.png) no-repeat left top; }

	#category h1.privacy {background:url(../img/privacy/h1_privacy.png) no-repeat left top; }
	#category h1.information {background:url(../img/information/h1_information.png) no-repeat left top; }

	#category h1.for_resident {background:url(../img/for_resident/h1_for_resident.png) no-repeat left top; }
	#category h1.search_residence {background:url(../img/search_residence/h1_search_residence.png) no-repeat left top; }

	#category h1.contact {background:url(../img/contact/h1_contact.png) no-repeat left top; }
	

/* ------ Mainvisual ------ */

#mainvisual {
	width: 1280px;
	overflow: hidden;
	margin: 0 auto 34px auto;
}

#mainvisual .img {
	width: 1280px;		/* 画像の幅 */
	margin-left: -640px;	/* -(画像の幅÷2) */
	padding-left: 50%;
}

/* ------ slider ------ */
#list_carousel_sp {
	display: none;
}



#list_carousel {
	position: relative;
	clear: both;
	width: 100%;
	/* height: 480px;*/
	height: 615px;
	margin-bottom: 15px;
}
#list_carousel ul {
	list-style: none;
	width: 100%;
	/* height: 465px;*/
	height: 600px;
	margin: 0;
}
#list_carousel li {
	float:left;
	width: 1280px;
	/* height: 465px;*/
	height: 600px;
	margin: 0;
}

#list_carousel li.holdayimg {
	background: url(../img/common/slide01.jpg);
}

#slidenav {
	position:relative;
	top: -330px;
	z-index: 500;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
#slide-next{
	position:absolute;
	right: 20px;
}
#slide-prev{
	position:absolute;
	left: 20px;
}
#pager {
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 336px;
	height: 2px;
	margin: 0 0 0 -160px;
	text-align: center;
}

#pager a.selected span {
	background: #6993b1;
}
#pager a {
	display: inline-block;
	margin: 4px;
}
#pager span {
	overflow: hidden;
	display: inline-block;
	width: 104px;
	height: 2px;
	line-height: 0;
	background: #ccc;
	text-indent: -9999em;
}



/* ------ Contents ------ */

#contents {
	width: 950px;
	margin: 0 auto;
	padding-top: 0px;
	overflow: hidden;
	*zoom: 1;
}

#left-column {
	float: left;
	width: 710px;
	padding-bottom: 80px;
	font-size: 0.9em;
	line-height: 2.1em;
}

#left-column_top {
	float: left;
	width: 710px;
	padding-bottom: 20px;
	border-top: solid 2px #CCC;
}

article section {
	padding: 0 0 30px;
	border-top: solid 1px #CCC;
}



article section:first-child {
	border-top: none;
}

article section h2 {
	padding: 24px 0 24px;
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
	color: #000;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
	border-top: solid 1px #fff;
}

article section#maintopic h2 {
	margin: 24px 0 18px 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
	background: url(../img/common/h2_kst.png) no-repeat 0 0;
	text-indent: -9999px;
}

#contents-title {
	padding: 40px 0 20px;
	font-size: 130%;
	font-weight: bold;
	line-height: 140%;
	color: #000;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
	border-top: none;
	margin: 20px auto 0 auto;
	text-align: center;
}

p.contents-lead {
	font-size: 90%;
	line-height: 160%;
	color: #555;
	text-align: center;
	padding: 0 0 40px 0;
}

.column-set {
	width: 730px;
	*margin-bottom: 30px;
	overflow: hidden;
	*zoom: 1;
}

.column1 {
	float: left;
	width: 210px;
	margin: 0 30px 24px 0;
}

.column1 figure {
	width: 200px;
	height: 160px;
	overflow: hidden;
}

.column1 figure img.old {
	margin: -10px 0 0 0;
}

section .third {
	margin-right: 0;
}

.column1 .icon-l {
	margin-bottom: 20px;
	text-align: center;
	font-size: 80px;
	line-height: 80px;
	color: #000;
}

.column1 h3 {
	margin: 10px 0px 10px 0px;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 120%;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}

.column1 p {
	font-size: 83%;
}

.box {
	background-image: url(../images/body_bg.gif);
	margin-bottom: 30px;
	padding: 0 30px 20px;
	
}

article .box h2 {
	padding: 20px 0 0px;
}

article .box p {
	font-size: 83%;
}




#news h2{
	width: 46px;
	height: 11px;
	float: left;
	background: url(../img/common/h2_news.png) no-repeat 0 0;
	text-indent: -9999px;
	margin: 20px 58px 0 0;
}

.news-box {
	font-size: 83%;
	color: #555;
	line-height: 160%;
	float: left;
	margin: 20px 0 0 0;
}

.news-box dt {
	float: left;
	width: 120px;
	margin: 0 0 6px 0;
}

.news-box dd {
	margin-left: 10em;
	width: 450px;
	margin-bottom:6px;
}

.btn {
	width: 250px;
	height: 40px;
	margin: 20px auto 0;
	padding: 5px;
	background-color: #ccc;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2) inset;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2) inset;
	border-bottom: solid 1px #fff;
	font-size: 90%;
}

.btn a {
	display: block;
	width: 250px;
	height: 40px;
	border-bottom: solid 1px #800;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	-webkit-text-shadow: 0px -1px 0px #700;
	text-shadow: 0px -1px 0px #700;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.btn a:link,
.btn a:visited {
	color: #fff;
	text-decoration: none;
	background: url(../images/bg_gradient.png) repeat-x #c00;
	background: -moz-linear-gradient(top, #c00, #900);
	background: -webkit-gradient(linear, left top, left bottom, from(#c00), to(#900));
	background: -webkit-linear-gradient(top, #c00, #900);
	background: linear-gradient(to bottom, #c00, #900);
}
.btn a:hover,
.btn a:active {
	color: #fff;
	text-decoration: none;
	background: url(../images/bg_gradient.png) repeat-x #d00;
	background: -moz-linear-gradient(top, #d00, #a00);
	background: -webkit-gradient(linear, left top, left bottom, from(#d00), to(#a00));
	background: -webkit-linear-gradient(top, #d00, #a00);
	background: linear-gradient(to bottom, #d00, #a00);
}


/* ------ Right Column ------ */

#right-column {
	float: right;
	width: 190px;
	padding: 0 0 20px 0;
}

#right-column-inner_top {
	border-top: solid 2px #CCC;
}


#right-column .box {
	margin-bottom: 20px;
	padding: 0 0 15px;
	border-top: solid 1px #CCC;
}

#right-column .box:first-child {
	padding: 90px 0 0 0;
	border: none;
}

#right-column #right-column-inner_top .box:first-child {
	padding: 66px 0 0 0;
	border: none;
}



#right-column .box h2 {
	padding: 20px 0 10px;
	font-weight: bold;
	color: #000;
}

#right-column .box p {
	font-size: 76%;
	line-height: 160%;
	color: #555;
}


#right-column .inquiry,
#right-column .tel {
	width: 184px;
	border: solid 3px #003156;
	font-size: 0.7em;
	margin: 0 auto;
}

#right-column .inquiry {
	margin: 10px auto 0 auto;
}

#right-column p.notice {
	margin: 10px auto 20px auto;
	font-size: 0.7em;
	line-height: 1.8em;
	width: 190px;
}

#right-column .btn {
	width: auto;
	height: 30px;
	margin: 10px auto 0;
	border-radius: 20px;
}

#right-column .btn a {
	width: auto;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	border-radius: 15px;
}

#right-column .ad {
	margin-bottom: 20px;
	padding: 20px 0 0;
}

#right-column .ad li {
	padding-bottom: 10px;
	text-align: center;
}


/* ------ Footer ------ */

footer {
	width: 100%;
	background:#f5f3f0;
}

#footer-inner {
	width: 950px;
	margin: 0 auto;
	padding: 40px 0 0px;
}

#footer-inner h1 {
	width: 950px;
	margin: 0 auto;
	background: url(../img/common/im_logo_footer.png) no-repeat 0 0;
	text-indent: -9999px;
}



footer nav {
	margin-bottom: 10px;
	clear: both;
}

#copyright {
	padding: 50px 0 40px 0;
	margin-bottom: 10px;
	clear: both;
	font-size: 0.7em;
}


footer ul li {
	width: 150px;
	*margin: 0 10px 12px 0;
	float: left;
	padding: 10px 10px 0px 0;
	line-height: 100%;
	color: #999;
	*zoom: 1;
	font-size: 0.8em;
}

	footer ul li.otherinfo {
		width: 110px;
		margin: 0;
	}

	footer ul li span {
		border-bottom: dotted 1px #ccc;
		padding: 0 0 10px 0;
		display: block;
	}



footer ul li:first-child {
	
}

	footer ul li ul.child {
		margin: 10px 0 0 0;
	}
	
		footer ul li ul.child li {
			display: block;
			float: none;
			clear: both;
			border-bottom: none;
			padding: 10px 10px 0px 0;
			font-size: 0.8em;
		}
		
		
/* ------ Innner Page ------ */

#contact,
#information,
#consulting,
#business,
#idea,
#environment,
#company,
#ceo {
	margin: 90px 0 0 0;
	padding: 0;
		
}

#for_resident,
#search_residence,
#privacy,
#policy {
	margin: 30px 0 0 0;
	padding: 0;
}



	#ceo figure {
		float: right;
		font-size: 0.8em;
		line-height: 1.3em
	}
	
	#ceo figure figcaption {
		margin: 12px 0 0 0;
	}
	
	#ceo p {
		width: 460px;
	}


#company table {
	width: 100%;
	margin: 0 auto　0 auto;
	padding: 0;
	border-top: solid 1px #003357;
	border-bottom: solid 1px #003357;
	border-spacing:0;
}

#company table tr {
	margin: 0;
	padding: 0;
}


#company table tr td {
	border-bottom: 1px solid #eeeeee;
	padding:30px 0 30px 0;
	vertical-align: top;
	width: 30%;
}

#company table tr td ~ td {
	width: 70%;
}



#company #demo {
	margin: 0 auto;
	width:100%;;
}

#company h1 {
	font-size: 1em;
	font-weight: bold;
	margin: 30px 0 0 0;
	height: 60px;
}


#map {
  height: 500px;
}



#map img {
	max-width: none;
}


	
	
#environment dl{
	
}
	
#environment dl dt{
	background: #d4d4d4;
	padding: 3px 3px 3px 12px;
	margin: 20px 0 0 0;
	
}

#environment dl dd{
	font-size: 0.8em;
	
}

#idea h2 {
	background: url(../img/company/im_idea.png) no-repeat;
	height: 50px;
	text-indent: -9999px;
}

#idea h1 {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0 0;
}

	#idea  dl{
	margin-bottom: 20px;
	}
		
	#idea  dl dt{
		padding: 3px 3px 3px 0px;
		margin: 20px 0 0 0;
		color: #335577;
	}
	
	#idea  dl dd{
		font-size: 0.8em;
		line-height: 1.6em;
	}

#policy h1 {
	margin: 0;
	padding: 0;
	height: 60px;
	font-weight: bold;
}

#policy h2 {
	background: url(../img/company/im_polcy.png) no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	width: 282px;
	height: 160px;
	float: left;
}

#policy figure {
	float: right;
	height: 160px;
}

	#policy table {
		width: 100%;
		margin: 20px auto　0 auto;
		padding: 0 0 0;
		border-spacing:0;
	}
	
	#policy table tr {
		margin: 20px 0 0 0;
		padding: 0;
	}
	
	#policy table tr th {
		border-bottom: 30px solid #FFF;
		background: #e5e5e5;
		padding:0 0 0 0;
		text-align: center;
		width: 25%;
	}
	
	#policy table tr td {
		border-bottom: 30px solid #FFF;
		margin: 0;
		padding:0px 0 0px 30px;
		vertical-align: top;
		width: 75%;
	}
	
	#policy table tr td span{
		font-size: 100%;
		-webkit-text-shadow: 0px 1px 0px #eee;
		text-shadow: 0px 1px 0px #eee;
		color: #335577;
		font-weight: bold;
	}
	
	#policy table tr td ul {
		margin: 20px 0 0 0;
	}

	#policy table tr td ul li {
		font-size: 0.8em;
		line-height: 2.8em;
		margin: 0;
		padding: 0;
	}

#business .department {
	width: 344px;
	border: solid 1px #eeeeee;
	margin-top: 20px;
	float: left;
}

#business .department:nth-child(even) {
	margin-left: 18px;: 
}

#business .department h1 {
	background: #eeeeee;
	font-weight: bold;
	padding: 10px;
}

#business .department figure {
	padding: 10px;
}

#business .department figure figcaption {
	font-size: 0.8em;
	line-height: 1.6em;
	margin-top: 12px;
}

#consulting div.case {
	width: 100%;
	background: #f4f0f0;
	border-top:  3px solid #dfdfdf;
	margin-top: 20px;
	padding-bottom: 20px;
}

	#consulting h1.lead {
	background: url(../img/consulting/im_consulting.png) no-repeat;
	height: 86px;
	text-indent: -9999px;
	}

	
	#consulting div.case hgroup {
		float: left;
		width: 60%;
	}
	
	#consulting div.case figure {
		float: right;
		padding: 0 20px 0 0;
	}
		
	#consulting div.case h1 {
		width: 100%;
		border-top: 1px solid #fff;
		border-bottom: none;
		font-size: 100%;
		-webkit-text-shadow: 0px 1px 0px #fff;
		text-shadow: 0px 1px 0px #fff;
		color: #335577;
		padding: 10px 0 0 20px;
	}
	
	#consulting div.case h2 {
		width: 100%;
		padding: 0;
		font-size: 0.9em;
		font-weight: normal;
		line-height: 1.8em;
		color: #333;
		-webkit-text-shadow: none;
		text-shadow: none;
		border-top: none;
		margin: 10px 0 0 20px;
	}
		
	#consulting div.case h3 {
		width: 100%;
		padding: 0;
		font-size: 0.8em;
		font-weight: normal;
		line-height: 1.8em;
		margin: 5px 0 0 20px;
	}
	
	#consulting dl.detail {
		width: 100%;
		line-height: 1.8em;
		margin: 12px 0 0 0 ;
		padding: 20px 0 0 0 ;
		display: block;
		position: relative;
	}
	
		#consulting dl.detail dt {
			border-top: 1px solid #333;
			border-bottom: none;
			-webkit-text-shadow: 0px 1px 0px #fff;
			text-shadow: 0px 1px 0px #fff;
			font-weight: bold;
			padding: 12px 0 20px 0 ;
		}
		
		#consulting dl.detail dt.eu {
			border-top: 1px dotted #333;
			border-bottom: none;
			color: #00738e;
			-webkit-text-shadow: 0px 1px 0px #fff;
			text-shadow: 0px 1px 0px #fff;
			font-size: 1.2em;
			font-weight: bold;
			padding: 12px 0 0px 0 ;
		}
		
		#consulting dl.detail dd figure {
			padding: 20px 0 20px 0 ;
			margin: 0 auto;
			text-align: center;
		}

		#consulting dl.detail dd p {
			padding: 8px 0 0 0 ;
			font-size: 0.9em;
			line-height: 1.8em;
		}
		
		#consulting figure.effective_use {
			text-align: center;
			padding: 20px 0 0 0;
		}
		
		#consulting .chart_sample01,
		#consulting .chart_sample02,
		#consulting .chart_sample03,
		#consulting .chart_sample04,
		#consulting .chart_sample05 {
			border: solid 2px #3bb1ca;
		    margin-bottom: 20px;
		    padding: 8px;
			margin: 12px 0;
		}

		.chart_sample02 h3,
		.chart_sample03 h3,
		.chart_sample04 h3,
		.chart_sample05 h3 {
			height: 18px;
			cursor: pointer;
			background: url(../img/consulting/icon.png) repeat-y 0 0px;
			overflow: hidden;
			padding: 0 0 0 24px;
			margin: 0;
			line-height:1.1em;
			color: #00738E;
		}
		
		.chart_sample02 h3.on,
		.chart_sample03 h3.on,
		.chart_sample04 h3.on,
		.chart_sample05 h3.on {
			background: url(../img/consulting/icon.png) repeat-y 0 -18px;	
		}
		
		.chart_sample01 h3 {
			height: 18px;
			cursor: pointer;
			background: url(../img/consulting/icon.png) repeat-y 0 -18px;
			overflow: hidden;
			padding: 0 0 0 24px;
			margin: 0;
			line-height:1.1em;
			color: #00738E;
		}
		
		.chart_sample01 h3.on {
			background: url(../img/consulting/icon.png) repeat-y 0 0;
		}

		#consulting .chart_sample01 figure,
		#consulting .chart_sample02 figure,
		#consulting .chart_sample03 figure,
		#consulting .chart_sample04 figure,
		#consulting .chart_sample05 figure {
			margin: 12px 0;
			text-align: center;
		}

		.chart_sample01 h4,
		.chart_sample02 h4,
		.chart_sample03 h4,
		.chart_sample04 h4,
		.chart_sample05 h4 {
			color: #00738E;
			margin: 36px 0 12px 0;
			padding: 0 0 0 12px;
			background: #f0f0f0;
		}
		
		.chart_sample01 h5,
		.chart_sample02 h5,
		.chart_sample03 h5,
		.chart_sample04 h5,
		.chart_sample05 h5 {
			font-weight: bold;
			padding: 0 0 0 12px;
		}
		
		
			#consulting .chart_sample01 p,
			#consulting .chart_sample02 p,
			#consulting .chart_sample03 p,
			#consulting .chart_sample04 p,
			#consulting .chart_sample05 p {
			    margin: 0 0 12px 0;
			    padding: 0 12px 0 12px;
			    line-height: 1.6em;
			}
		
			#consulting .chart_sample01 p.detail,
			#consulting .chart_sample02 p.detail,
			#consulting .chart_sample03 p.detail,
			#consulting .chart_sample04 p.detail,
			#consulting .chart_sample05 p.detail {
			    margin: 0 0 12px 24px;
			}

			#consulting .chart_sample01 p.other,
			#consulting .chart_sample02 p.other,
			#consulting .chart_sample03 p.other,
			#consulting .chart_sample04 p.other,
			#consulting .chart_sample05 p.other {
			    margin: 36px 12px 12px 12px ;
			    padding: 12px 0 0 0;
			    border-top: 1px solid #ccc;
			}
			

#consulting .column_case	{
	border-top: 1px dotted #31b0cb;
	margin: 9px 0 0 0;
	padding: 18px 0 18px 0;
    
}
			
		

/* -----------------------------------------------------
	li
----------------------------------------------------- */
			#consulting .chart_sample05 table {
			    margin: 12px;
			    border: 1px solid #ccc;
			}

				#consulting .chart_sample05 table td {
				    font-size: 11px;
				    border-right: 1px solid #ccc;
				    border-bottom: 1px solid #ccc;
				    line-height: 150%;
				    padding: 8px;
				}

				#consulting .chart_sample05 table td.merit {
				    background: #ccc;
				    font-size: 12px;
				    text-align: center;
				    border-right: 1px solid #fff;
				}

				#consulting .chart_sample05 table td.merit ~ td {
				    border-right: 0px;
				}

	
				#consulting .chart_sample05 table td.category {
				    background: #7398b3;
				    font-size: 12px;
				    color: #fff;
				}
	
				#consulting .chart_sample05 table td.who {
				     width: 15%;
				    background: #f1f1f1;
				    font-size: 12px;
				}


/* -----------------------------------------------------
	table
----------------------------------------------------- */
			#consulting .chart_sample02 table, 
			#consulting .chart_sample04 table {
			    margin: 12px;
			    border: 1px solid #ccc;
			}

				#consulting .chart_sample02 table td,
				#consulting .chart_sample04 table td {
				    font-size: 11px;
				    border-right: 1px solid #ccc;
				    border-bottom: 1px solid #ccc;
				    line-height: 150%;
				    padding: 8px;
				    text-align: center;
				}
				
				#consulting .chart_sample02 table td.merit {
				    background: #ccc;
				    font-size: 12px;
				    text-align: center;
				    border-right: 1px solid #fff;
				}

				#consulting .chart_sample04 table td.merit {
					width: 10%;
				    background: #ccc;
				    font-size: 12px;
				    text-align: center;
				    border-right: 1px solid #fff;
				}
				

				#consulting .chart_sample02 table td.merit ~ td {
				    border-right: 0px;
				}

				#consulting .chart_sample02 table td.category,	
				#consulting .chart_sample04 table td.category {
				    background: #7398b3;
				    font-size: 12px;
				    color: #fff;
				    text-align: center;
				}
	
				#consulting .chart_sample02 table td.who {
				     width: 15%;
				    background: #f1f1f1;
				    font-size: 12px;
				    text-align: center;
				}
				
				#consulting .chart_sample04 table td.who {
				    width: 30%;
				    background: #f1f1f1;
				    font-size: 12px;
				    text-align: center;
				}
				
				#consulting .chart_sample04 table td.who {
				     width: 15%;
				    background: #f1f1f1;
				    font-size: 12px;
				    text-align: center;
				    border-right: 1px solid #ccc;
				}

				#consulting .stword {
					border: 1px solid #FF0000;
					padding: 3px;
					color:#ff0000;
				}

/* -----------------------------------------------------
	s_glaph
----------------------------------------------------- */

.s_glaph {
	width: 345px;
	display: table-cell;
	text-align: center;
	box-sizing: border-box;
	padding: 10px;
}

.s_glaph ~ .s_glaph {
	width: 344px;
	border-left:1px solid #CCC; 
}



#recruit ul.joblist {
	padding: 20px 0 0 0;
	height: 70px;
	font-size: 0.8em;
	border-bottom: 1px solid #335577;
}

	#recruit ul.joblist li {
		float: left;
		padding: 0 40px 0 20px;
	}
	
	
	#recruit ul.joblist li:before {
		content: "▼　";
		font-size: 0.7em;
		
	}


#recruit h1 {
	margin: 30px 0 0 0;
	padding: 0;
	height: 60px;
	font-weight: bold;
		
}



#recruit .recruit_art ul {
	
}

	#recruit .recruit_art ul li {
		width: 355px;
		float: left;
		padding: 454px 0 0 0;
		line-height: 1.8em;
	}
	
	#recruit .recruit_art ul li.art01 {background: #c68ee2 url(../img/recruit/bg_recruit01.jpg) no-repeat 0 0; }
	#recruit .recruit_art ul li.art02 {background: #ffcd48 url(../img/recruit/bg_recruit02.jpg) no-repeat 0 0; }
	#recruit .recruit_art ul li.art03 {background: #57ca85 url(../img/recruit/bg_recruit03.jpg) no-repeat 0 0; }
	#recruit .recruit_art ul li.art04 {background: #feae55 url(../img/recruit/bg_recruit04.jpg) no-repeat 0 0; }
	#recruit .recruit_art ul li.art05 {background: #73b3e6 url(../img/recruit/bg_recruit05.jpg) no-repeat 0 0; }
	#recruit .recruit_art ul li.art06 {background: #ff836b url(../img/recruit/bg_recruit06.jpg) no-repeat 0 0; }
	
	
		#recruit .recruit_art ul li p {
			padding: 12px; 
			font-size: 0.8em;
			color: #fff;
		}


#recruit table {
	width: 100%;
	margin: 20px auto　0 auto;
	padding: 0;
	border-top: solid 1px #003357;
	border-bottom: solid 1px #003357;
	border-spacing:0;
	clear:both;
}

#recruit table tr {
	margin: 0;
	padding: 0;
}

#recruit .rec2014_01 {
	/*background: url(../img/recruit/bg_rec2014_01.jpg) no-repeat;*/
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 0;
}




#recruit .rec2014_02 hgroup h1 {
	/*background: url(../img/recruit/bg_rec2014_02_1.jpg) no-repeat center top;*/
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	line-height: 0;
}

#recruit .rec2014_02 hgroup h2 {
	/*background: url(../img/recruit/bg_rec2014_02_2.jpg) no-repeat center top;*/
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	line-height: 0;
	border: none!important;
}

#recruit ul.rec2014 {
	/*background: url(../img/recruit/bg_rec2014_02_3.jpg) no-repeat;*/
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	line-height: 0;
}

#recruit ul.rec2014 li {
	display: none;
}

#recruit .rec2014_03 {
	/*background: url(../img/recruit/bg_rec2014_02_4.jpg) no-repeat;*/
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 0;
	border: none!important;
}

#recruit .rec2014_03 h2 {
	border: none!important;
}

	#recruit .rec2014_01 h1, 
	#recruit .rec2014_02 h1, 
	#recruit .rec2014_02 h2,



	#recruit .rec2014_03 h2	
	{
		display: none;
	}


#recruit table tr td {
	border-bottom: 1px solid #eeeeee;
	padding:20px 0 20px 0;
	vertical-align: top;
	width: 30%;
	font-size: 0.85em;
}

#recruit table tr td ~ td {
	width: 70%;
}





#privacy h1 {
	margin: 0;
	padding: 0;
	height: 60px;
	font-weight: bold;
		
}

	#privacy  dl{
	margin-bottom: 20px;
	}
		
	#privacy  dl dt{
		padding: 3px 3px 3px 0px;
		margin: 20px 0 0 0;
		color: #335577;
	}
	
	#privacy  dl dd{
		font-size: 0.85em;
		line-height: 1.6em;
	}
	
.lba_l {
	float: left;
	padding: 0 20px 20px 20px;
}

.lba_r {
	float: left;
	padding: 0 0 0 60px;
}

	.lba_r span {
		font-size: 0.8em;
		line-height: 1.8em;
	}
	
	
#for_resident p.lead,
#search_residence p.lead {
	margin: 0;
	padding: 0;
	height: 60px;
	font-weight: bold;
	-webkit-text-shadow: 0px 1px 0px #ccc;
	text-shadow: 0px 1px 0px #ccc;
	color: #335577;
}

#for_resident div,
#search_residence div {
	margin: 0 0 40px 0;
	
}

	
#for_resident div h1,
#search_residence div h1 {
	width: 100%;
	padding: 5px 10px 0 0;
	color: #335577;
	border-bottom: 1px solid #335577;
	font-weight: bold;
}

#for_resident div h2,
#search_residence div h2 {
	padding: 18px 0 6px;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.6em;;
	color: #000;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
	border-top: solid 1px #fff;
}


#for_resident div p.tellno_pm {
	height: 50px;
	text-indent: -9999px;
	background: url(../img/for_resident/img_tellno_pm.png) no-repeat 0 0;
}

#search_residence div p.tellno_gr {
	height: 50px;
	text-indent: -9999px;
	background: url(../img/for_resident/img_tellno_gr.png) no-repeat 0 0;
}

#for_resident div p.tellno,
#search_residence div p.tellno {
	height: 50px;
	text-indent: -9999px;
	background: url(../img/for_resident/img_tellno.png) no-repeat 0 0;
}
	
	
/*#search_residence div.sale { background: url(../img/for_resident/ic_resident01.png) no-repeat right 6px; }	
#search_residence div.buy { background: url(../img/for_resident/ic_resident02.png) no-repeat right 6px; }	
#search_residence div.reform { background: url(../img/for_resident/ic_resident03.png) no-repeat right 6px; }	
#search_residence div.rent { background: url(../img/for_resident/ic_resident04.png) no-repeat right 6px; }*/	

#search_residence div.sale figure { float: right; display: block; }	
#search_residence div.buy figure  { float: right; display: block; }		
#search_residence div.reform figure  { float: right; display: block; }		
#search_residence div.rent figure  { float: right; display: block; }	


#contact table {
	width: 100%;
	margin: 0 auto　0 auto;
	padding: 0;
	border-top: solid 1px #003357;
	border-bottom: solid 1px #003357;
	border-spacing:0;
}

#contact table tr {
	margin: 0;
	padding: 0;
}


#contact table tr td {
	border-bottom: 1px solid #eeeeee;
	padding:20px 0 20px 0;
	vertical-align: top;
	width: 30%;
}

#contact table tr td ~ td {
	width: 70%;
	font-size: 0.8em;
	line-height: 1.6em;
}

#contact table tr td input {
	margin: 0 10px 0 10px;
}

#contact table tr td textarea {
	font-size: 0.9em;
	line-height: 1.7em;
}

.style3 {color: #FFFFFF}
.style4 {color: #990000}


/* ------ hok関連 ------ */


img.hoj_new {
	position: absolute;
}


/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {

	#header-inner {
		width: 90%;
	}
	
	ul.subnav {
		display: none;
	}
	
	

	#gnav nav {
		width: 90%;
	}

	#gnav nav ul li a {
		padding: 8px 20px 6px;
	}

	#mainvisual .img {
		width: 130%;		/*画像の幅÷980 */
		margin-left: -65%;	/*-(画像の幅÷980÷2)*/
	} 

	#contents {
		width: 100%;
	}
	
	#left-column_top {
		float: none;
		width: 90%;
		margin: 0 auto;
		padding-bottom: 0;
	}

	#left-column {
		float: none;
		width: 90%;
		margin: 0 auto 0 auto;
		padding-bottom: 0;
	}

	.column-set {
		width: 105%;
	}

	.column1 {
		width: 29%;
		margin-right: 4.1%;
	}

	#right-column {
		float: none;
		width: 90%;
		margin: 0 auto;
		*margin: 0 auto 20px;
		overflow: hidden;
		*zoom: 1;
	}

	#right-column-inner_top {
		width: 105%;
	}
	
	#right-column-inner {
		width: 105%;
	}
	

	#right-column .box {
		float: left;
		width: 24%;
		margin-right: 4.1%;
		padding: 0 2.5% 15px;
	}
	
#right-column .box:first-child {
	padding: 10px 0 0 0;
	border-top: solid 1px #CCC;
}
	
	#right-column .ad {
		width: 26%;
		padding: 10px 1.5% 0;
	}

	#footer-inner {
		width: 100%;
	}










}






/*-----------------------------------------------------	*/
/*	for - 1000px					*/
/*-----------------------------------------------------	*/


		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}
		

			/* first level */


/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {

	#search_residence div.sale figure { display: none; }
	#search_residence div.buy figure  { display: none; }	
	#search_residence div.reform figure  { display: none; }		
	#search_residence div.rent figure  { display: none; }	

	#header-inner {
		width: 100%;
	}

	#tagline {
		float: none;
		padding: 15px 0 5px;
		text-align: center;
	}

	#logo {
		padding: 0 0 15px;
	}

	#logo a {
		margin: 0 auto;
	}
	
	
	


	.column1 {
		width: 45.5%;
		margin-right: 4%;
	}

	#right-column .box {
		width: 39.5%;
		margin-right: 4%;
		padding: 0 3% 15px;
	}

	#right-column .ad {
		width: 41.5%;
		padding: 10px 2% 0;
	}
	
	
#idea h2 {
	background-size: contain;
	
}

#consulting h1.lead {
background-size: contain;
}

	
#business .department{
	float: none;
	margin: 20px auto 0px auto;
}

	
#business .department:nth-child(even) {
	margin-left: 0px;
	margin: 20px auto 0px auto;
}

#business .department:last-child{
	float: none;
	margin: 20px auto 20px auto;
}
	

}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {



	#tagline {
		width: 90%;
		margin: 0 auto;
	}

	.box {
		padding: 0 20px 20px;
	}

	#contents-title {
		width: 90%
	}

	.btn {
		width: auto;
	}

	.btn a {
		width: auto;
	}

	.column-set {
		width: 100%;
		*margin-bottom: 0;
		text-align: center;
	}

	.column1 {
		float: none;
		width: 100%;
	}
	
	.column1 figure {
		margin: 0 auto;
	}
	

	.box {
		margin-bottom: 20px;
	}

	.news-box dt {
		float: none;
		width: auto;
	}

	.news-box dd {
		margin: 0 0 10px 0;
	}

	#right-column {
		*margin-bottom: 0;
	}

	#right-column-inner_top {
		width: 100%;
	}
	
	#right-column-inner {
		width: 100%;
	}

	#right-column .box {
		float: none;
		width: auto;
		margin-right: 0;
		padding: 0 20px 20px;
	}

	#right-column .box p {
		font-size: 83%;
	}

	#right-column .box .tel {
		font-size: 150%;
	}

	#right-column .btn {
		height: 40px;
		margin: 10px auto 0;
		border-radius: 25px;
		font-size: 90%;
	}

	#right-column .btn a {
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
	}

	#right-column .ad {
		margin-right: 0;
		padding: 10px 10px 0;
	}
	
	
/* ------topicpath ------ */

#topicpath {
	display: none;
}

	#category h1 {
		width: 90%;
		height: 64px;
		text-indent: -9999px;
		margin: 0 auto;
	}
	
	
	
			html
			{
				font-size: 75%; /* 12 */
			}

			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #054d7c;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #114971;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
	



#footer-inner h1 {
	width: 100%;
	margin: 0 auto;
	background: url(../img/common/im_logo_footer.png) no-repeat center top;
	text-indent: -9999px;
}


#copyright {
	padding: 50px 0 40px 0;
	clear: both;
	font-size: 0.7em;
	margin: 0 auto 10px auto;
	text-align: center;
}


footer ul li {
	width: 100%;
	*margin: 0 10px 12px 0;
	float:none;
	padding: 10px 10px 0px 0;
	line-height: 100%;
	color: #999;
	*zoom: 1;
	font-size: 0.8em;
	text-align: center;
}

	footer ul li.otherinfo {
		width: 100%;
		margin: 0;
	}

	footer ul li span {
		border-bottom: dotted 1px #ccc;
		padding: 0 0 10px 0;
		display: block;
	}



footer ul li:first-child {
		border-bottom: dotted 1px #ccc;
		padding-bottom: 10px;
}

	footer ul li ul.child {
		margin: 10px 0 0 0;
	}
	
		footer ul li ul.child li {
			display: block;
			float: none;
			clear: both;
			border-bottom: none;
			padding: 10px 10px 0px 0;
			font-size: 0.8em;
		}


/* ------ Innner Page ------ */



#ceo
 { margin: 20px 0 0 0;
}

	#ceo figure {
		float:none;
		text-align: center;
		margin-bottom: 20px;
	}

	#ceo p {
		width: 90%;
		margin: 0 auto;
	}
	
	
#business .department {
	width: 90%;
	float: none;
	margin: 0 auto 20px auto;
}

#business .department:nth-child(even) {
	margin: 0 auto 20px auto;
}





#recruit ul.joblist {
	padding: 20px 0 0 0;
	height: auto;
	font-size: 0.8em;
	border-bottom: 1px solid #335577;
	
}

	#recruit ul.joblist li {
		float:none;
		padding: 0 0px 0 20px;
	}

	
#list_carousel {
	display: none;
}


#list_carousel_sp {
	width: 100%;
	display: block;

}

#list_carousel_sp img {
	width: 100%;

}


#openroombtn h2 {
	width: 90%;
	margin: 0 auto;
	height: 48px;
	background: url(../img/common/btn_openroom.jpg) center top no-repeat;
	background-size: contain;
	margin: 0 auto;
}




}