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

		基本

*****************************************/
header , section , article , footer , aside { display:block; }

*    { margin:0; padding:0; border:none; list-style:none; text-decoration:none; }
body { background:#fff; letter-spacing:1px; color: #333; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif}

/* リンクカラー */
a           { color:#44a776; }
a:hover { color:#44a776; text-decoration: none; }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

/* ユーティリティ */
.center { text-align: center; }
.left 	    { text-align: left !important; }
.right    { text-align: right; }
.fright   { float: right; margin: 0 0 20px 20px; }
.fleft 	    { float: left; margin: 0 20px 20px 0; }
.clear   { clear:both; }
.border { border:5px solid #fff; }
.red { color:#ff0000; }
.green { color:#31865c; }

/* 非表示 */   
#navre .sp { display:none!important; }
h1.sp { display:none !important; }

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

		ナビ

*****************************************/
header { height: 115px; margin: auto; background:url(/images/header_bg.png) repeat-x; position: relative; z-index: 10; }

header div#tops     { width: 1200px; height: 45px; margin: auto; position: relative; color: #75797a; }
header #logo { display: block; width: 196px; line-height: 45px; padding: 6px 0 0 0; }
header p	      { position: absolute; right: 300px; top: 10px; }
header p a     { color: #fff; font-size: 13px; }

table.gsc-search-box { width:280px !important; position:absolute; right:0; top:7px; }
.gsc-control-cse div {  }

header nav                { clear: both; width: 1200px; height: 70px; margin: auto; font-size: 16px; position: relative; z-index: 10; }
header nav ul 	          { position: absolute; left: 0; top: 0;background:url(/images/nv_line.png) no-repeat left; }
header nav li	          { float: left;  }
header nav li a           { display:block; width:198px; line-height:70px; text-align:center; color: #414747; background:url(/images/nv_line.png) no-repeat right; }
header nav li a:hover { background: #f5f5f5; }

#company .nv_company, #service .nv_service, #faq .nv_faq, #info .nv_info, #info2 .nv_info, #collaborate .nv_together { background: #43a676; color: #fff; }

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

		コンテンツエリア

*****************************************/
#content		  { background: #eaeaea; }
#company #content, #service #content { background: #f5f5f5; }

#top #content article 	  { width: 1070px; margin: 0 auto 40px auto; }
#company #content article, #faq #content article, #inquiry #content article, #service #content article, #info2 #content article, #collaborate #content article { width: 1200px; margin: auto; }

#pan { width: 1200px; margin: auto; padding: 10px 0; font-size: 13px; }

#side              { float: left; width: 250px; margin: 0 50px 0 0; }
#side ul          { margin: 0 0 30px 0; background: #fff; border-bottom: 1px solid #ddd; }
#side li a        { display: block; padding:15px 0 15px 20px; border: 1px solid #ddd; border-bottom: none; border-left:5px solid #43a676; }
#side a:hover { color: #999; background: #f5f5f5; }
#side div a     { display: block; margin: 0 0 20px 0; padding:0; }

.index .index , .greeting .greeting , .info .info , .staff .staff , .access .access , .media .media, .service .index, .process .process, .advisory .advisory, .consulting .consulting, .cross .cross, .price .price, .faq .faq, .term .term, .inquiry .inquiry, .info .service, .manufacture .manufacture, .it .it, .eat .eat, .const .const, .sale .sale, .estate .estate, .finance .finance, .collaborate .collaborate, .same .same, .pro .pro, .finance .finance, .all .all { color: #333; }

#main { width: 900px; float: right;}
#main p { margin: 0 0 20px 0; }
.full        { width:1200px !important; margin:0 auto !important; float:none !important; }

#contact   { width: 900px; margin: 50px 0 50px 0; float: right; text-align: center; }
#contact img { display: inline-block; border: 5px solid #fff; }

#content h1 { margin: 0 0 20px 0; padding: 0 0 20px 0; line-height: 32px; font-size: 30px; border-bottom: 1px dotted #ccc; position:relative; }
#content h1 span { font-size: 20px; font-weight:normal; position:absolute; right:0; }
#content h2 { clear: both; margin: 30px 0 20px 0; padding: 0; line-height: 45px; font-size: 20px; border-bottom: #ddd 1px solid; }
#content h3 { margin: 0 0 10px 0; padding: 0; font-size:16px; }

#content table {/* width: 100%; */ margin: 0 0 20px 0; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; }
#content th, #content td { padding: 10px; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #ddd; /* border-right: 1px solid #ddd;*/ text-align: left; font-weight: normal; }
#content th { background: #eaf6f0; }
#content td span { font-size:12px; }
#priceno span { font-size:12px; }

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

		フッター

*****************************************/
footer { clear: both; }

#social 	{ background: #f7f7f7; line-height: 110px; text-align: center; }
#social img { position: relative; top: 20px; margin: 0 5px; }

#add 	 { padding: 30px 0; text-align:center; }
#add img { margin: 0 30px 0 0; vertical-align: top; }
#add p 	 { display: inline-block; text-align: left; vertical-align: top; font-size: 16px; }

#copy 			 { height: 44px; line-height: 44px; font-size: 12px; background: #101418; }
#copy nav		 { position: absolute; left: 20px; color: #9a9ea0; }
#copy p			 { position: absolute; right: 20px; color: #9a9ea0;　}
#copy a			 { color: #9a9ea0;　}

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

		トップページ

*****************************************/
#visual { margin:-75px auto -5px auto; }
#visual #text   { width: 510px; height: 390px; position: absolute; right: 70px; top: 150px; background-color: rgba(247, 253, 255, 0.5); z-index:10; }
#visual h1      { width: 510px; padding: 25px ; position: relative; left: -120px; top: 35px; background: #2b9b63; color: #fff; font-size: 25px; font-weight: normal; letter-spacing: -1px; }
#visual span    { display: block; font-size: 20px; }
#visual p	    { padding: 25px; position: relative; top: 40px; font-size: 20px; }
#visual #text a { position: absolute; left: 150px; bottom: 10px; }

#top_catch	   { padding: 40px 0 0 0; font-size: 26px; text-align: center; }
#top_catch img { margin: 40px 0; }

#top_links 				  	  { position: relative; height: 710px; }
#top_links a 			  	  { display: block; width: 345px; height: 345px; overflow:hidden; position: absolute; }
#top_links a:hover			  { opacity: 0.7; transition-duration:0.5s; }
#top_links a:nth-child(1) 	  { top: 0; left: 0; }
#top_links a:nth-child(2) 	  { top: 0; right: 0; }
#top_links a:nth-child(3) 	  { top: 360px; left: 360px; }
#top_links a:nth-child(4) 	  { top: 0; left: 360px; }
#top_links a:nth-child(5) 	  { top: 360px; left: 0; }
#top_links div#topnews 	  { top: 360px; right: 0; display: block; width: 345px; height: 345px; overflow:hidden; position: absolute; background:url(/images/top_navi3.jpg) no-repeat; text-align:left; }
#top_links div#topnews a { display:inline; width:auto; height:auto; top: 260px; left: 20px; color: #fff;}
#top_links div#topnews span { display:inline; width:auto; height:auto; left: 120px; bottom: 75px; font-size: 15px; }

#top_links a:nth-child(4) img { opacity: 1; }
#top_links a:nth-child(5) img { opacity: 1; }
#top_links a:nth-child(6) img { opacity: 1; }
#top_links span 		  	  { display: block; line-height: 45px; position: absolute; z-index: 10; color: #fff; font-size: 21px; text-align: center; }
#top_links .date 		  	  { width: 155px; background: #89b45a; top: 30px; left: -5px; }
#top_links .category 	  	  { width: 240px; background: #48729c; top: 85px; left: 0; }
#top_links strong		  	  { position: absolute; top:150px; left: 20px; padding-right: 20px; font-size: 25px; color: #333; z-index: 10; }
#top_links img 			  	  { opacity: 0.3; position: absolute; top: 0; left: 0; z-index: 0; font-weight:bold; }
#top_links p			  	  { position: absolute; top:180px; left: 20px; padding-right: 10px; font-size: 16px; line-height:1.4; color: #333; z-index: 10; 
 font-weight:bold; }

/*
#top_links p			  	  { position: absolute; top:180px; left: 20px; padding-right: 10px; font-size: 16px; line-height:1.4; color: #333; z-index: 10; }
#top_links img 			  	  { opacity: 0.4; position: absolute; top: 0; left: 0; z-index: 0; }
*/

#top_kensu { margin: 0 auto !important; padding: 0 0 40px 0; }

#top_news      { margin: 0 auto 20px auto !important; padding: 0 0 60px 0; }
#top_news div { position:relative; }
#top_news h1 { text-align:center; font-size:26px; font-weight:normal; }
#top_news li   { padding:10px 20px; }
#top_news span { display:inline-block; width:150px; color:#333; }

.tonews { position:absolute; right:0; top:0; padding:3px 30px; background:#fff; font-size:13px; }
.tonews2 { display:none; }

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

		ニュース

*****************************************/
#newslist      { width:950px !important; margin: 0 auto 60px auto !important; padding: 20px 0 ; background:#fff; border:1px solid #ccc; }
#newslist li   { padding:10px 20px; }
#newslist strong { display:inline-block; width:160px; color:#333; }
#newslist span { display:inline-block; width:100px; text-align:center; padding:4px 0; margin:0 20px 0 0; background:#43a676; color:#fff; font-size:12px; }

#newsdetails      { width:950px !important; margin: 20px auto 60px auto !important; padding: 30px; background:#fff; border:1px solid #ccc; }

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

		TMACとは

*****************************************/
.adv { padding:10px; background: #fff; }
.adv h3 { padding:5px 5px !important; background:#43a676; color:#f5f5f5; }
.greeting_img { float: right; }
.greeting_img img {margin: 0 0 0 20px; border: 10px solid #fff; box-shadow:1px 1px 1px 0px #ccc;}
.greeting_img span { display: block; font-size: 12px; text-align: center; }

#two p   { width: 420px; display: inline-block; }
#three p { width: 270px; float: left; }
#two p, #three p { height: 250px; margin: 10px; border: 1px solid #ddd; /*background: #fff;*/ position: relative; }
#two p strong { display: block; position: relative; top:20px; left: 20px; font-size: 15px; font-weight: normal; }
#three p strong { display: block; position: relative; top:20px; left: 20px; font-size: 13px; font-weight: normal; }
#two p a, #three p a { display: block; background: #fff; position: absolute; left: 20px; bottom: 15px; font-size: 12px; background:#e9f6f0; padding:4px 20px; }
#okuno { background:url(/images/staff_okuno.jpg) no-repeat; background-size:contain; }
#nishimura { background:url(/images/staff_nishimura.jpg) no-repeat; background-size:contain; }
#fukushima { background:url(/images/staff_fukushima.jpg) no-repeat; background-size:contain; }
#nitta { background:url(/images/staff_nitta.jpg) no-repeat; background-size:contain; }
#furukawa { background:url(/images/staff_furukawa.jpg) no-repeat; background-size:contain; }
#kawarasaki { background:url(/images/staff_kawarasaki.jpg) no-repeat; background-size:contain; }
#yoshino { background:url(/images/staff_yoshino.jpg) no-repeat; background-size:contain; }
#yamaguchi { background:url(/images/staff_yamaguchi.jpg) no-repeat; background-size:contain; }
#ono { background:url(/images/staff_ono.jpg) no-repeat; background-size:contain; }
#shiozaki { background:url(/images/staff_shiozaki.jpg) no-repeat; background-size:contain; }
#cho { background:url(/images/staff_cho.jpg) no-repeat; background-size:contain; }
#arora { background:url(/images/staff_arora.jpg) no-repeat; background-size:contain; }
#kokubu { background:url(/images/staff_kokubu.jpg) no-repeat; background-size:contain; }
#matsui { background:url(/images/staff_matsui.jpg) no-repeat; background-size:contain; }
#ueki { background:url(/images/staff_ueki.jpg) no-repeat; background-size:contain; }
#nakane { background:url(/images/staff_nakane.jpg) no-repeat; background-size:contain; }
#keyakida { background:url(/images/staff_keyakida.jpg) no-repeat; background-size:contain; }
#yamazaki { background:url(/images/staff_yamazaki.jpg) no-repeat; background-size:contain; }
#takeda { background:url(/images/staff_takeda.jpg) no-repeat; background-size:contain; }
#maruyama { background:url(/images/staff_maruyama.jpg) no-repeat; background-size:contain; }
#ichiryu { background:url(/images/staff_ichiryu.jpg) no-repeat; background-size:contain; }
#chos { background:url(/images/staff_chos.jpg) no-repeat; background-size:contain; }
#shiokawa { background:url(/images/staff_shiokawa.jpg) no-repeat; background-size:contain; }

#content h1#staffh1 { border:none; }

#media li         { clear:both; padding:30px 0; border-bottom:1px solid #fff; }
#media .thum { float:left; width:180px; margin:0 30px 0 0; }
#media strong { display:block; margin:0 0 20px 0; font-size:18px; }

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

		サービス

*****************************************/
#service #toprocess        { margin:30px 0; text-align:center; }
#service #toprocess img { border:1px solid #43a676; }
#service #toprocess p     { margin:10px 0 0 0; }

#service_navi    { width:935px; height:200px; margin:auto; }
#service_navi a { display:block; float:left; width:298px; height:180px; border:1px solid #43a676; position:relative; margin:0 5px; border-radius:6px; }
#service_navi a:nth-child(1) { background:url(/images/service_img1.jpg);  }
#service_navi a:nth-child(2) { background:url(/images/service_img2.jpg);  }
#service_navi a:nth-child(3) { background:url(/images/service_img3.jpg); border-right:1px solid #43a676; }
#service_navi strong { display:block;width:288px; padding:10px 0 10px 10px; font-size:14px; color:#43a676; background-color: rgba(255, 255, 255, 0.9); position:absolute; bottom:0px; border-radius:0 0 6px 6px; }
#service_navi a p { display:none;  }
#service_navi a:hover p { display:block; height:140px; margin:0; padding:20px; font-size:13px; color:#fff; background-color: rgba(0, 0, 0, 0.7); position:absolute; bottom:0; }

#toprice { display:block; width:900px; height:100px; margin:40px auto 0 auto; text-align:center; border:1px solid #43a676;  }

#pnum a { display:inline-block; width:30px; line-height:30px; margin:0 0 30px 0; border:1px solid #43a676; background:#fff; text-align:center; }
.n1 .n1, .n2 .n2, .n3 .n3, .n4 .n4 , .n5 .n5, .n6 .n6, .n7 .n7, .n8 .n8, .n9 .n9 , .n10 .n10, .n11 .n11, .n12 .n12 { background:#43a676 !important; color:#fff; }

#advlist { padding:0 0 20px 0; }
#advlist li { float:left; width:180px; margin:0 0 10px 30px; padding:0; list-style : circle; color:#43a676; }

#img_left,#img_right { clear:both; margin:0 0 30px 0; }
#img_left img { float:left; margin:0 20px 20px 0; }
#img_right img { float:right; margin:0 0 20px 20px; }


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

		成約実績

*****************************************/
#infolist      { width:950px !important; margin: 0 auto 60px auto !important; padding: 20px 0 ; background:#fff; border:1px solid #ccc; }
#infolist li   { padding:10px 20px; }
#infolist strong { display:inline-block; width:120px; color:#333; }
#infolist span { display:inline-block; width:100px; text-align:center; padding:4px 0; margin:0 20px 0 0; background:#43a676; color:#fff; font-size:12px; }

#info_navi    { text-align:center; display:block; }
#info_navi a { display:inline-block; width:300px; height:300px; margin:20px; background:#fff; vertical-align:top; }
#info_navi_sp { display:none; }

#info_service { background:url(/images/info_service.jpg) no-repeat !important; position:relative; }
#info_it { background:url(/images/info_it.jpg) no-repeat !important; position:relative; }
#info_mfc { background:url(/images/info_mfc.jpg) no-repeat !important; position:relative; }
#info_eat { background:url(/images/info_eat.jpg) no-repeat !important; position:relative; }
#info_const { background:url(/images/info_const.jpg) no-repeat !important; position:relative; }
#info_sale { background:url(/images/info_sale.jpg) no-repeat !important; position:relative; }
#info_estate { background:url(/images/info_estate.jpg) no-repeat !important; position:relative; }
#info_finance { background:url(/images/info_finance.jpg) no-repeat !important; position:relative; }
#info_navi strong { color:#fff; position:absolute; bottom:15px; left:20px; }

#content th.head { width:120px; background:#43a676; text-align:left; color:#fff; }
#content th.head2 { background:#43a676; text-align:left; color:#fff; }


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

		協業

*****************************************/
.merit { padding:10px; background:#ddf2e8; border:2px solid #fff; border-radius:4px; }
.merit strong { }
.merit span { margin:0 5px 0 0; color:#43a676; }

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

		よくある質問

*****************************************/
#faq #main ol, #faq #main ul      { margin:0 0 20px 40px; }
#faq #main ol li                           { list-style:decimal; }
#faq #main ul li                           { margin:0 0 10px 0; list-style:disc; }

#under_navi2          { margin: 0 0 50px 0; }
#under_navi2 div    { margin: 0 auto; text-align: center; }
#under_navi2 div a { display: inline-block; margin: 0 2px; padding: 10px 12px; border: 1px solid #43a676; background:#fff; }
#filter                      { text-align: center; }
#filterlist ul              { display: inline-block; overflow: hidden; margin:0 !important; }
#filterlist ul li a        { display:inline-block; width:250px; margin:0 20px 20px 0; padding:10px; border-bottom:1px dotted #ccc;  }


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

		お問い合わせ

*****************************************/
#inquiry #main img { border: 5px solid #fff; margin:5px 0 0 0; }

#form { width: 800px; margin:0 0 50px 0; padding:20px 40px; background: #fff; position: relative; }
#form #item { padding: 30px 0; border-top: 1px solid #ccecdc; }
#form strong { display: block; float: left; width: 230px; padding:0 0 0 0; position:relative; }
#form strong span { padding:2px 5px; font-size: 70%; font-weight:normal; color:#fff; background:#43a676; border-radius:2px; position:absolute; right:20px; }
#form input[type="text"] { width: 500px; padding: 8px; background:#f5f5f5; background: -moz-linear-gradient(top, #f5f5f5, #eee); background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee)); border-radius: 3px; border:1px solid #eee; font-size: 15px; }
#form textarea { width: 500px; height: 200px; padding: 10px; background:#f5f5f5; background: -moz-linear-gradient(top, #f5f5f5, #eee); background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee)); border-radius: 3px; border:1px solid #eee; font-size: 15px; }
#form button { width:200px; line-height:40px; margin:0 0 50px 0; background:#43a676; border-bottom:3px solid #ddd; text-align: center; font-size:18px; color:#fff; position:relative; left:230px; }


.sitemap { float:left; width:510px; margin:0 20px 50px 20px; padding:20px; background:#fff; }
.sitemap h3 a { display:block; width:490px; padding:10px; background:#ddf2e8; }
.sitemap ul { margin: 0 0 30px 0; }
.sitemap li { margin: 0 0 0 30px; list-style: disc; }
.sitemap li a { display:block; padding:10px 0; border-bottom:1px dotted #ccc; }
.sitemap .third li { list-style-type: none; font-size:12px; }

p#fttext { width:1000px; margin: 40px auto 0 auto; font-size: 12px; color:#666; }