@charset "utf-8";
/* CSS Document */

/*
Theme Name: Original
Theme URI: 
Description: 梅林建設用オリジナルテーマ
Author: 
Version: 1.0
*/
.mar_40 {
	margin-top: 40px;
}
.mar_20 {
	margin-top: 20px;
}
.mar_10 {
	margin-top: 10px;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 
 
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
 
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
 
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
 
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
 
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
 
.alignright {
	float: right;
	}
 
.alignleft {
	float: left;
	}
/* End Images */

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      {  float: left; zoom: 1; font-size: 0px; line-height: 0px; }
ul.dropdown li a                    { display: block;}
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 120px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:1; }
ul.dropdown ul li 					{ float: none;}									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


.clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
	clear: both;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-Mac */
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html,
body {
	height: 100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul, li {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */
body {
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FBFBFB;
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	*font-size: small;　/* IE 7向け */
	*font: x-small;　/* IE 6以下 */
}

html>/**/body {
  font-size: 13px;　/* モダンブラウザ向け */
}
a {
	color: #196F73;
}
#wrapper {
	font-size: 93%;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#header {
	background-image: url(images/header_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: right 10px;
	height: 124px;
	*position: relative;
	*z-index: 1;
}

#container {
	clear: both;
}

#contents {
}
#main_img {
	margin-top: 20px;
}


#footer {
	height: 110px;
	clear: both;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 17px;
}

/* ヘッダー */
#header_menu {
	height: 36px;
	padding-top: 24px;
}
#header_menu ul {
	width: 421px;
	float: right;
	margin-left: 105px;
}
#header_menu li {
	float: left;
	height: 25px;
	line-height: 25px;
}
#header_menu ul li img {
	display: inline-block;
	vertical-align: middle;
}
#header_menu #global_keyword_box {
	width: 170px;
	height: 25px;
	margin-left: 23px;
}
#header_menu #keyword_box {
	background-image: url(/images/search_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 5px;
	float: left;
}
#header_menu #global_keyword_box p {
	margin:0;
	padding:0;
}
#header_menu #global_keyword_box #search_txt {
	width: 125px;
	*width: 100px;
}
#header_menu #global_keyword_box button {
	float: left;
	cursor: pointer;
	width: 35px;
	height: 25px;
	margin: 0;
	padding: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	font-size: 0px;
	line-height: 0px;
}

#header_navi {
	height: 60px;
	clear: both;
}
#header_navi h1 {
	height: 52px;
	width: 192px;
	float: left;
	margin-left: 9px;
}
#header_navi ul.dropdown {
	float: right;
	height: 42px;
	width: 720px;
	margin-top: 8px;
	margin-right: 6px;
	background-image: url(images/menu_bg.jpg);
	background-repeat: no-repeat;
	padding: 5px;
}
/* TOPページ */
#top_under {
	margin-top: 20px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}

#top_topics {
	background-image: url(images/topics_bg.jpg);
	background-repeat: repeat-y;
	width: 500px;
	float: left;
}
#top_topics a {
	color: #196F73;
}
#top_topic_head {
	background-image: url(images/topics_title.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 105px;
	padding-top: 24px;
	padding-left: 395px;
}
#top_topic_foot {
	background-color: #FFF;
	clear: both;
}

#top_topics ul {
	width: 478px;
	margin-right: auto;
	margin-left: auto;
 	margin-top: 11px;
}
#top_topics li {
 	margin-top: 5px;
}
#top_topics .gray_bg {
	background-color: #F6F6F6;
}

* html #top_topics li {
	display: inline;
}

#top_topics .topic_img {
    float: left;
    max-height: 50px;
    max-width: 66px;
    /* margin-left: 8px; */
    /* margin-top: 0px; */
}
#top_topics .topic_desc {
	float: right;
	width: 380px;
	line-height: 140%;
	margin-top: 11px;
}
.topic_img img {
    width: 100%;
}
#top_topics .topic_desc img {
	vertical-align: text-top;
}

/*

#top_banner_area {
	float: none;
	width: 421px;
	margin-top: 52px;
}
*/
#top_banner_area {
    float: right;
    width: 421px;
    /* margin-top: 52px; */
}
/* 
#top_banner_area li {
	float: left;
	height: auto;
	width: 200px;
} */
#top_banner_area li {
    float: left;
    height: 143px;
    width: 200px;
}
#top_banner_area .banner_r {
	/* width: 200px;
	margin-left: 19px; */
}
#top_banner_area .banner_last {
	height: 106px;
}
#top_banner_area li:nth-child(4n) {
    margin-right: 0;
}

#top_banner_area .banner_r {
    /* width: auto;
    margin-left: 0; */
}
div#top_banner_area ul li img {
    width: 100%;
    height: auto;
    display: block;
}
/* フッター */
#footer_inner {
	width: 931px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}
#footer_navi {
	height: 30px;
	color: #FFF;
	line-height: 120%;
}
#footer_navi a {
	color: #FFF;
}
#footer_info {
	height: 50px;
}
#footer_info img {
	vertical-align: middle;
}
#footer_company {
	color: #FFF;
	width: 570px;
	height: 20px;
	float: left;
	padding-top: 15px;
}
#footer_copyright {
	padding-top: 20px;
	float: right;
	height: 10px;
	width: 270px;
	margin-right: 9px;
}

/* パンくず */
#breadcrumb {
	text-align: right;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
}
#breadcrumb a {
	color: #196F73;
}

/* 2カラム */
#two_column_container {
	margin-top: 10px;
	width: 943px;
}
#two_column_main {
	float: left;
	width: 700px;
}
#two_column_sidebar {
	float: right;
	width: 200px;
}

/* サイドバー */
#sidebar {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #C2C2C2;
	border-right-color: #C2C2C2;
	border-left-color: #C2C2C2;
	width: 198px;
	color: #333;
	margin-bottom: 20px;
}
#sidebar a {
	text-decoration: none;
	color: #333;
}
#sidebar a.green {
	text-decoration: none;
	color: #30AAB0;
}
#sidebar a.orange{
	text-decoration: none;
	color: #F66F34;
}

#sidebar li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2C2C2;
	height: 28px;
	line-height: 28px;
}
#sidebar .side_header {
	margin: 0px;
	padding: 0px;
	height: 37px;
	font-size: 0px;
	line-height: 0px;
}
#sidebar #now_page {
	background-color: #66cccc;
	height: 25px;
	width: 179px;
	margin-top: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	padding-left: 15px;
}
#sidebar .now_page_box {
	background-color: #ffffff;
	height: 25px;
	width: 179px;
	margin-top: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	padding-left: 15px;
}
#sidebar #now_page_list {
	margin: 0px;
	padding: 0px;
}
#side_banner {
}
#side_banner li {
	margin-bottom: 20px;
}

/* 2カラム背景 */
#two_column_header {
	height: 80px;
	width: 700px;
}
#two_column_contents_title {
	background-color: #FFF;
	font-size: 0px;
	line-height: 0px;
}
#two_column_contents_main {
	margin-top: 36px;
	margin-right: 33px;
	margin-left: 30px;
	line-height: 160%;
}
#two_column_contents_foot {
	background-color: #FFF;
	clear: both;
}


/* 会社案内*/
#greeting_contents, #history_contents, #company_contents, #officers_contents, #guidance_contents, #office_place_contents, #c_history_contents, #social_contents, #envi_contents {
	background-image: url(images/contents_bg.jpg);
	background-repeat: repeat-y;
	margin-top: 10px;
	width: 700px;
	z-index: 0;
}
#history_contents #history, #company_contents #company, #officers_contents #officers, #guidance_contents #guidance, #office_place_contents #office_place, #social, #envi {
	width: 660px;
	margin: 0 auto;
}

/* ごあいさつ */
#greeting_name {
	text-align: right;
	margin-top: 20px;
}

/* 沿革 */
#history .g_li_l {
	background-image: url(images/company/history_bg_g_l.jpg);
	background-repeat: no-repeat;
	width: 110px;
	height: 25px;
	padding-top: 11px;
	padding-left: 49px;
}
#history .g_li_r {
	background-image: url(images/company/history_bg_g_r.jpg);
	background-repeat: no-repeat;
	width: 480px;
	height: 25px;
	padding-top: 11px;
	padding-left: 21px;
}
#history .w_li_l {
	background-image: url(images/company/history_bg_w_l.jpg);
	background-repeat: no-repeat;
	width: 110px;
	height: 23px;
	padding-top: 11px;
	padding-left: 49px;
}
#history .w_li_r {
	background-image: url(images/company/history_bg_w_r.jpg);
	background-repeat: no-repeat;
	width: 480px;
	height: 23px;
	padding-top: 11px;
	padding-left: 21px;
}
#history tr {
	height: 34px;
}

/* 会社概要 */
#company .g_li_l {
	background-image: url(images/company/company_bg_g_l.jpg);
	background-repeat: no-repeat;
	width: 125px;
	height: 25px;
	padding-top: 11px;
	padding-left: 49px;
	padding-right: 15px;
}
#company .g_li_r {
	background-image: url(images/company/company_bg_g_r.jpg);
	background-repeat: no-repeat;
	width: 453px;
	height: 25px;
	padding-top: 11px;
	padding-left: 18px;
}
#company .w_li_l {
	background-image: url(images/company/company_bg_w_l.jpg);
	background-repeat: no-repeat;
	width: 125px;
	height: 23px;
	padding-top: 11px;
	padding-left: 49px;
	padding-right: 15px;
}
#company .w_li_r {
	background-image: url(images/company/company_bg_w_r.jpg);
	background-repeat: no-repeat;
	width: 453px;
	height: 23px;
	padding-top: 11px;
	padding-left: 18px;
}
#company .g_li_l2 {
	background-image: url(images/company/company_bg_g_l2.jpg);
	background-repeat: no-repeat;
	width: 125px;
	height: 388px;
	padding-top: 11px;
	padding-left: 49px;
	padding-right: 15px;
}
#company .g_li_r2 {
	background-image: url(images/company/company_bg_g_r2.jpg);
	background-repeat: no-repeat;
	width: 453px;
	height: 388px;
	padding-top: 11px;
	padding-left: 18px;
}
#company .w_li_l2 {
	background-image: url(images/company/company_bg_w_l2.jpg);
	background-repeat: no-repeat;
	width: 125px;
	height: 177px;
	padding-top: 11px;
	padding-left: 49px;
	padding-right: 15px;
}
#company .w_li_r2 {
	background-image: url(images/company/company_bg_w_r2.jpg);
	background-repeat: no-repeat;
	width: 453px;
	height: 177px;
	padding-top: 11px;
	padding-left: 18px;
	line-height: 24px;
}
#company .g_li_l3 {
	background-image: url(images/company/company_bg_g_l3.jpg);
	background-repeat: no-repeat;
	width: 125px;
	height: 25px;
	padding-top: 11px;
	padding-left: 49px;
	padding-right: 15px;
}
#company .g_li_r3 {
	background-image: url(images/company/company_bg_g_r3.jpg);
	background-repeat: no-repeat;
	width: 453px;
	height: 25px;
	padding-top: 11px;
	padding-left: 18px;
}
#company .w_li_l3 {
	background-image: url(images/company/company_bg_w_l3.jpg);
	background-repeat: no-repeat;
	width: 125px;
	height: 388px;
	padding-top: 11px;
	padding-left: 49px;
	padding-right: 15px;
}
#company .w_li_r3 {
	background-image: url(images/company/company_bg_w_r3.jpg);
	background-repeat: no-repeat;
	width: 453px;
	height: 388px;
	padding-top: 11px;
	padding-left: 18px;
}
#company .g_li_r2 dt {
	clear: left;
	float: left;
	width: 137px;
	height: 35px;
	font-weight: bold;
}
#company .g_li_r2 dd {
	height: 35px;
}
#company .g_li_r2 dd li{
	height: 24px;
}
#company .g_li_r2 .dt_l{
	height: 290px;
}
html>/**/body #company .w_li_r3 dl {
	width: 230px;
}


#company .w_li_r3 dt {
	clear: left;
	float: left;
	width: 193px;
	height: 24px;
}
#company .w_li_r3 dd {
	*width: 50px;
	height: 24px;
	display: block;
	text-align: right;
}
#company tr {
	height: 36px;
}


/* 役員 */
#officers table {
	vertical-align: super;
}
#officers table * {
	display: inline;
}
#officers .g_li_l {
	background-image: url(images/company/officers_bg_g_l.jpg);
	background-repeat: no-repeat;
	width: 145px;
	height: 28px;
	padding-top: 8px;
	padding-left: 49px; 
}
#officers .g_li_r {
	background-image: url(images/company/officers_bg_g_r.jpg);
	background-repeat: no-repeat;
	width: 431px;
}
#officers .g_li_l2 {
	background-image: url(images/company/officers_bg_g_l2.jpg);
	background-repeat: no-repeat;
	width: 165px;
	height: 43px;
	padding-top: 8px;
	padding-left: 49px;
}
#officers .g_li_r2 {
	background-image: url(images/company/officers_bg_g_r2.jpg);
	background-repeat: no-repeat;
	width: 431px;
}
#officers .g_li_l3 {
	background-image: url(images/company/officers_bg_g_l2.jpg);
	background-repeat: no-repeat;
	width: 165px;
	height: 43px;
	padding-top: 8px;
	padding-left: 49px;
}
#officers .g_li_r3 {
	background-image: url(images/company/officers_bg_g_r2.jpg);
	background-repeat: no-repeat;
	width: 431px;
}
#officers .w_li_l {
	background-image: url(images/company/officers_bg_w_l.jpg);
	background-repeat: no-repeat;
	width: 165px;
	height: 25px;
	padding-top: 8px;
	padding-left: 49px;
}
#officers .w_li_r {
	background-image: url(images/company/officers_bg_w_r.jpg);
	background-repeat: no-repeat;
	width: 467px;
}

#officers .w_li_l2 {
	background-image: url(images/company/officers_bg_w_l2.jpg);
	background-repeat: no-repeat;
	width: 165px;
	height: 43px;
	padding-top: 8px;
	padding-left: 49px;
}
#officers .w_li_r2 {
	background-image: url(images/company/officers_bg_w_r2.jpg);
	background-repeat: no-repeat;
	width: 431px;
}
#officers .w_li_r6 {
	background-image: url(images/company/officers_bg_w_r2.jpg);
	background-repeat: no-repeat;
	width: 467px;
}
#officers .w_li_l3 {
	background-image: url(images/company/officers_bg_w_l3.jpg);
	background-repeat: no-repeat;
	width: 168px;
	height: 24px;
	padding-top: 8px;
	padding-left: 49px;
}
#officers .w_li_l4 {
	background-image: url(images/company/officers_bg_w_l4.jpg);
	background-repeat: no-repeat;
	width: 168px;
	height: 24px;
	padding-top: 8px;
	padding-left: 49px;
}
#officers .w_li_l5 {
	background-image: url(images/company/officers_bg_w_l5.jpg);
	background-repeat: no-repeat;
	width: 168px;
	height: 60px;
	padding-top: 8px;
	padding-left: 49px;
}
#officers .w_li_l6 {
	background-image: url(images/company/officers_bg_w_l.jpg);
	background-repeat: no-repeat;
	width: 168px;
	height: 80px;
	padding-top: 8px;
	padding-left: 49px;
}
#officers .w_li_l7 {
	background-image: url(images/company/officers_bg_w_l6.jpg);
	background-repeat: no-repeat;
	width: 168px;
	height: 60px;
	padding-top: 8px;
	padding-left: 49px;
	line-height: 98%;
}
#officers .w_li_r7 {
	background-image: url(images/company/officers_bg_w_r2.jpg);
	background-repeat: no-repeat;
	width: 434px;
}
#officers dl{
	margin-top: 8px;
	margin-left: 21px;
}
#officers dt{
	clear: left;
	float: left;
	width: 234px;
	height: 20px;
	line-height: 20px;
	vertical-align: super;
}
#officers dd {
	height: 20px;
	font-weight: bold;
	font-size: 108%;
	line-height: 20px;
	vertical-align: super;
}
#officers .dt_l{
	clear: left;
	float: left;
	width: 234px;
	height: 20px;
}
#officers .dd_l {
	height: 20px;
	font-weight: bold;
}

/* 関連会社 */
#guidance .table_title {
	height: 40px;
}

#guidance .g_li_l {
	background-image: url(/images/company/guidance_bg_g_l.jpg);
	background-repeat: no-repeat;
	width: 97px;
	height: 25px;
	padding-top: 11px;
	padding-left: 49px;
	padding-right: 15px;
}
#guidance .g_li_r {
	background-image: url(/images/company/guidance_bg_g_r.jpg);
	background-repeat: no-repeat;
	width: 478px;
	height: 25px;
	padding-top: 11px;
	padding-left: 21px;
}
#guidance .g_li_l2 {
	background-image: url(/images/company/guidance_bg_g_l2.jpg);
	background-repeat: no-repeat;
	width: 97px;
	height: 140px;
	padding-top: 11px;
	padding-left: 49px;
	padding-right: 15px;
}
#guidance .g_li_r2 {
	background-image: url(/images/company/guidance_bg_g_r2.jpg);
	background-repeat: no-repeat;
	width: 478px;
	height: 140px;
	padding-top: 6px;
	padding-left: 21px;
	line-height: 24px;
}
#guidance .g_li_l3 {
	background-image: url(/images/company/guidance_bg_g_l2.jpg);
	background-repeat: no-repeat;
	width: 97px;
	height: 100px;
	padding-top: 11px;
	padding-left: 49px;
	padding-right: 15px;
}
#guidance .g_li_r3 {
	background-image: url(/images/company/guidance_bg_g_r2.jpg);
	background-repeat: no-repeat;
	width: 478px;
	height: 100px;
	padding-top: 6px;
	padding-left: 21px;
	line-height: 24px;
}
#guidance .w_li_l {
	background-image: url(images/company/guidance_bg_w_l.jpg);
	background-repeat: no-repeat;
	width: 97px;
	height: 23px;
	padding-top: 11px;
	padding-left: 49px;
	padding-right: 15px;
}
#guidance .w_li_r {
	width: 478px;
	height: 23px;
	padding-top: 11px;
	padding-left: 21px;
}
#guidance .w_li_l2 {
	background-image: url(/images/company/guidance_bg_w_l2.jpg);
	background-repeat: no-repeat;
	width: 97px;
	height: 54px;
	padding-top: 6px;
	padding-left: 49px;
	padding-right: 15px; 
}
#guidance .w_li_r2 {
	width: 478px;
	height: 54px;
	padding-top: 6px;
	padding-left: 21px;
	line-height: 24px;
}
#guidance .w_li_r2 img {
	vertical-align: -30%;
}
#guidance .w_li_l3 {
	background-image: url(images/company/guidance_bg_w_l.jpg);
	background-repeat: no-repeat;
	width: 97px;
	height: 344px;
	padding-top: 6px;
	padding-left: 49px;
	padding-right: 15px;
}
#guidance .w_li_r3 {
	width: 478px;
	height: 344px;
	padding-top: 6px;
	padding-left: 21px;
	line-height: 24px;
}
#guidance .w_li_l4 {
	background-image: url(images/company/guidance_bg_w_l.jpg);
	background-repeat: no-repeat;
	width: 97px;
	height: 75px;
	padding-top: 6px;
	padding-left: 49px;
	padding-right: 15px;
}
#guidance .w_li_r4 {
	width: 478px;
	height: 75px;
	padding-top: 6px;
	padding-left: 21px;
	line-height: 24px;
}
#guidance li {
	height: 24px;
}
#guidance tr {
	height: 34px;
}
#guidance .g_li_r2 dt {
	width: 120px;
	float: left;
	height: 20px;
}
#guidance .g_li_r2 .dt_l {
	height: 120px;
}
#guidance .g_li_r2 .dt_r {
	height: 120px;
}
#guidance .g_li_r3 dt {
	width: 120px;
	float: left;
	height: 100px;
}
#guidance .g_li_r3 .dt_l {
	height: 100px;
}
#guidance .g_li_r3 .dt_r {
	height: 100px;
}

#guidance_ph_area {
	height: 140px;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
.guidance_ph {
	float: left;
	height: 140px;
	width: 165px;
}
#guidance_title2 {
	width: 660px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	height: 25px;
}
#guidance_banners {
	width: 660px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	height: 70px;
}
#guidance_banners img {
	float: left;
}
#guidance_banner_right {
	float: left;
	/*height: 60px;関連会社-竹中カントリークラブの表示不具合のためコメントアウト*/
	width: 400px;
	margin-top: 10px;
	margin-left: 20px;
	line-height: 140%;
}

/* 営業所案内 */
#office_place_list_top {
	line-height: 160%;
}
#office_place_list {
	margin-top: 30px;
	line-height: 160%;
}
.office_place_left_map {
	float: left;
	height: 221px;
	width: 301px;
}
.office_place_left {
	float: left;
	height: 120px;
	width: 301px;
	background-image: url(images/company/office_place_name_bg.jpg);
	background-repeat: no-repeat;
}
.office_place_right {
	float: right;
	height: 120px;
	width: 301px;
	background-image: url(images/company/office_place_name_bg.jpg);
	background-repeat: no-repeat;
}
.office_place_name {
	height: 35px;
	width: 301px;
}
.office_place_name .names {
	line-height: 28px;
	height: 28px;
	width: 264px;
	display: block;
	float: left;
}
.office_place_name　img {
	float: left;
	width: 36px;
}
#office_place_list ul {
	margin-top: 5px;
}
#office_place_list li {
	height: 20px;
	line-height: 13px;
}
#office_place_list li img {
	vertical-align: bottom;
	margin-right: 5px;
}
#office_place_desc {
	background-image: url(images/company/office_place_desc.jpg);
	background-repeat: no-repeat;
	height: 59px;
	width: 640px;
	margin-top: 10px;
	padding-left: 20px;
	padding-top: 50px;
	line-height: 180%;
	position: relative;
}
#office_place_desc a#prev_list {
	display: block;
	width: 76px;
	height: 20px;
	position: absolute;
	left: 568px;
	top: 77px;
	z-index: 0;
}
#offiec_place_map {
	height: 378px;
	width: 660px;
}

/* 組織図 */
#organi_contents {
	height: 910px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}


/* 実績集 */
#introduction_contents {
}

#introduction_map {
	position: relative;
	width: 700px;
	height: 410px;
	z-index: 0;
}
#introduction_map a {
	position: absolute;
	z-index: 0;
	display: block;
	text-indent: -9999px;
	margin:0;
	padding:0;
	background-image: url(images/trans.gif);
}
#introduction_map a#medical {
	left: 457px;
	top: 174px;
	width: 64px;
	height: 19px;
}
#introduction_map a#welfare {
	left: 506px;
	top: 279px;
	width: 74px;
	height: 19px;
}
#introduction_map a#public {
	left: 98px;
	top: 142px;
	width: 64px;
	height: 19px;
}
#introduction_map a#education {
	left: 34px;
	top: 270px;
	width: 64px;
	height: 19px;
}
#introduction_map a#commerce {
	left: 345px;
	top: 116px;
	width: 64px;
	height: 19px;
}
#introduction_map a#house {
	left: 76px;
	top: 311px;
	width: 89px;
	height: 19px;
}
#introduction_map a#factory {
	left: 353px;
	top: 354px;
	width: 74px;
	height: 19px;
}
#introduction_map a#hotel {
	left: 282px;
	top: 88px;
	width: 80px;
	height: 19px;
}
#introduction_map a#other_arc{
	left: 590px;
	top: 347px;
	width: 90px;
	height: 19px;
}
#introduction_map a#road {
	left: 307px;
	top: 230px;
	width: 64px;
	height: 19px;
}
#introduction_map a#river {
	left: 466px;
	top: 123px;
	width: 74px;
	height: 19px;
}
#introduction_map a#harbour {
	left: 153px;
	top: 368px;
	width: 54px;
	height: 19px;
}
#introduction_map a#railroad {
	left: 232px;
	top: 129px;
	width: 54px;
	height: 19px;
}
#introduction_map a#other_ci {
	left: 590px;
	top: 371px;
	width: 90px;
	height: 19px;
}
#introduction_map a#pfi{
	left: 189px;
	top: 218px;
	width: 43px;
	height: 19px;
}
#introduction_map a#renewal{
	left: 596px;
	top: 174px;
	width: 74px;
	height: 19px;
}

#introduction_contents p {
	margin: 20px 0;
	font-size: 108%;
}
#architecture_area {
	margin-bottom: 20px;
	background-image: url(/images/introduction/architecture_menu_bg.jpg);
	height: 175px;
	background-repeat: no-repeat;
}
#architecture_area li, #civil_area li {
	float: left;
}
#architecture_area #green {
	float: right;
	height: 135px;
	width: 525px;
}
#architecture_area #green li {
	width: 165px;
	height: 40px;
	margin-left: 10px;
	margin-bottom: 5px;
}
#architecture_area #green li a {
	width: 165px;
	height: 40px;
	display: block;
}
#architecture_area #orange {
	float: right;
	height: 40px;
	width: 525px ;
}
#architecture_area #orange li {
	width: 165px;
	height: 40px;
	margin-left: 10px;
}

#civil_area {
	margin-top: 20px;
	background-image: url(/images/introduction/civil_menu_bg.jpg);
	background-repeat: no-repeat;
	height: 86px;
}
#civil_area #green {
	float: right;
	height: 92px;
	width: 525px;
}
#civil_area #green li {
	width: 165px;
	height: 40px;
	margin-left: 10px;
	margin-bottom: 6px;
}

/* 建築実績 */
#arc_contents {
	width: 660px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
#arc_contents li {
	float: left;
	width: 200px;
	margin-right: 26px;
	margin-bottom: 35px;
}
#arc_contents li div {
	width: 200px;
	height: 150px;
	background-color: #fbfbfb;
	position: relative;
}
#arc_contents .hr {
	height:0;
}
#arc_contents li div img {
	position: absolute;
}
#arc_contents .list_last {
	margin-right: 0px;
}
#arc_contents li p {
	margin-top: 10px;
	line-height: 160%;
	height: auto;
	display: block;
	zoom: 1;
}
#arc_contents li p img {
	vertical-align: top;
}

#introduction_title {
	background-image: url(images/introduction/introduction_title_line.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 52px;
	width: 660px;
}
#introduction_name {
	float: left;
	width: 570px;
	line-height: 31px;
	height: 31px;
	font-size: 123.1%;
}
#introduction_name img {
	vertical-align: -30%;
}
#introduction_print {
	float: right;
	height: 31px;
	width: 79px;
}
#introduction_main {
	padding: 10px;
	height: 505px;
	width: 640px;
	background-image: url(images/introduction/main_ph_bg.jpg);
	background-repeat: no-repeat;
	clear: both;
	margin-top: 17px;
	text-align: center;
	position: relative; /* 相対配置 */
}
#introduction_main img {
	display:none;
	position: absolute;
}
#introduction_thumb {
	height: 76px;
	width: 660px;
	margin-top: 10px;
	display: block;
	margin-bottom: 0px;
}
#introduction_thumb li {
	background-image: url(images/introduction/thumb_ph_bg.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 90px;
	margin-right: 4px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 3px;
	text-align: center;
	position: relative; /* 相対配置 */
}
#introduction_thumb img {
	display:none;
	position: absolute;
	cursor: pointer;
}
#detail_table {
	width: 660px;
	margin-top: 10px;
}
#detail_table td {
	padding-top: 10px;
	padding-left: 37px;
	background-image: url(images/introduction/introduction_line_bg_r.jpg);
	background-repeat: no-repeat;
}

#detail_table .td_l {
	background-image: url(images/introduction/introduction_line_bg.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 105px;
	padding-left: 55px;
	padding-top: 10px;
}
#detail_table .td_2 {
	background-image: url(images/introduction/introduction_line_bg_g.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 105px;
	padding-left: 55px;
	padding-top: 10px;
}
#detail_table .td_2r {
	background-image: url(images/introduction/introduction_line_bg_r_g.jpg);
	background-repeat: no-repeat;
}
#introduction_btn_navi {
	margin-top: 14px;
	height: 27px;
}
#introduction_btn_l {
	float: left;
	height: 27px;
	width: 96px;
}
#introduction_btn_r {
	float: right;
	height: 27px;
	width: 270px;
	text-align: center;
	position: relative;
}
#introduction_page_prev {
	position: absolute;
	top: 0px;
	left: 0px;
}
#introduction_page_navi {
	height: 27px;
	width: 48px;
	text-align: center;
	line-height: 27px;
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: 0px;
	left: 111px;
}
#introduction_page_next {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* 百年史 */
#c_history_contents_body {
	background-image: url(images/c_history/c_history_body_bg.jpg);
	background-repeat: repeat-y;
	line-height: 140%;
}
#c_history_main {
	width: 659px;
	margin: 0 auto;
	text-align: center;
}
#president_box {
	height: 411px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BEAC73;
}
#president_box ul {
	height: 217px;
	margin-top: 12px;
	margin-bottom: 10px;
}
#president_box li {
	float: left;
	margin-right: 15px;
}
#president_box li.last {
	margin-right: 0;
}

.c_history_box {
	text-align: left;
	margin-top: 12px;
}
.c_history_navi {
	height: 51px;
	margin-bottom: 16px;
}
.c_history_navi li {
	float: left;
}

.c_history_box table {
	margin-top: 10px;
	width: 640px;
	margin: 0 auto;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border: none;
	padding: 0;
	color: #333;
}
.c_history_box td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BEAC73;
	padding: 10px 0;
	font-size: 108%;
	font-weight: bold;
	vertical-align: top;
}
.c_history_box td.last {
	border: none;
}
.c_history_box td.left {
	width: 80px;
}
.c_history_box td.right {
	width: 560px;
	line-height: 160%;
}
.c_history_box td.right dt {
	font-weight: normal;
}
.c_history_box td.left div {
	margin-bottom: 115px;
}
.c_history_box td.right dl p {
	margin: 0;
	margin-bottom: 5px;
}

.c_history_box td.right dl.pat1 {
	width: 570px;
	clear: both;
}
.c_history_box td.right dl.pat1 p {
	width: 350px;
	font-weight: bold;
}
.c_history_box td.right dl.pat1 dt {
	width: 350px;
	clear: left;
	float: left;
	margin-bottom: 10px;
	font-weight: normal;
}
.c_history_box td.right dl.pat1 dd {
	width: 210px;
	margin-left: 360px; 
}
.c_history_box td.right dl.pat1 dd img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.c_history_box td.right dl.pat2 {
	width: 540px;
	clear: both;
}
.c_history_box td.right dl.pat2 p {
	width: 540px;
	font-weight: bold;
}
.c_history_box td.right dl.pat2 dd {
	margin-top: 10px;
}

.c_history_box td.right .clearfix div {
	float: left;
	margin-left: 50px;
	width: 210px;
}
.c_history_box td.right .clearfix div.cl_left_wide {
	margin-left: 40px;
	width: 230px;
}
.c_history_box td.right .clearfix div.vertical {
	margin-left: 75px;
	width: 185px;
}
.c_history_box td.right .clearfix div.wide {
	width: 250px;
}
.c_history_box td.right .clearfix div.wide_side {
	margin-left: 10px;
	width: 210px;
}
.c_history_box td.right .clearfix div span {
	font-weight: normal;
}

.c_history_box td.right .c_history1_list {
	margin: 0;
	padding: 0;
}
.c_history_box td.right li {
	float: left;
	width: 180px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.c_history_box td.right li.last {
	margin-right: 0;
}

.mar_b10 {
	margin-bottom: 10px;
}
	
#history_banner {
	height: 130px;
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

.history_idea{
	text-align: center;
	clear: both;
	width: 659px;
}



/* 社会貢献活動 */
.social_main_title {
	height: 20px;
	clear: both;
}
#social_main_desc {
	clear: both;
	margin-bottom: 20px;
	line-height: 160%;
}
.social_sub_text {
	width: 636px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	clear: both;
}
.social_sub_text p {
	margin-top: 10px;
	line-height: 140%;
	clear: both;
}
.social_img {
	margin-top: 10px;
	text-align: center;
}
.social_ph_l {
	float: left;
}
.social_ph_r {
	float: right;
}

/* 環境保全活動 */
#envi_main_desc {
	background-image: url(images/environment/envi_main_ph.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 20px;
	width: 420px;
	padding-right: 240px;
	line-height: 170%;
}
#envi_sub_box {
	background-image: url(/images/environment/envi_sub_bg.jpg);
	width: 659px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	font-size: 0px;
	line-height: 0px;
}
#envi_sub_box_desc {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
}
#envi_sub_box_desc ol {
	width: 520px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: decimal;
	zoom : 1;
	*padding-left : 2em;
}
#envi_sub_box_desc ol li {
	list-style-type: decimal;
	margin-bottom: 15px;
	line-height: 140%;
}
#envi_sub_box_desc ol li ul {
	margin-top: 15px;
}

#envi_sub_box_desc ol li ul li {
	list-style-type: none;
	margin-bottom: 5px;
}
#envi_sub_desc {
	background-image: url(images/environment/envi_main_ph2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 420px;
	padding-right: 240px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#envi_sub_desc p {
	line-height: 160%;
	margin-top: 15px;
}
#envi_sub_desc #end_txt {
	text-align: right;
}

/* 新着情報・実績紹介 */
#topics {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
#topics ul {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
#topics li {
 	margin-top: 5px;
}
#topics .gray_bg {
	background-color: #F6F6F6;
}
.news ol {
	padding-left:2em;
}
.news ol li {
	list-style-type:decimal;
}
.news ul {
	padding-left:2em;
}
.news ul li {
	list-style-type:disc;
}
.news　blockquote {
  display: block;
  margin: 1em 40px;
}
.news blockquote[type=cite] {
  display: block;
  margin: 1em 0px;
  padding-left: 1em;
  border-left: solid;
  border-color: blue;
  border-width: thin;
}
.news　blockquote {
  display: block;
  margin: 1em 40px;
}
.news hr {
  display: block;
  height: 2px;
  border: 1px -moz-bg-inset;
  margin: 0.5em auto 0.5em auto;
  -moz-float-edge: margin-box;
  -moz-box-sizing: border-box;
}

.news hr[size="1"] {
  border-style: -moz-bg-solid none none none;
}
.news .h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;
}

.news h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}

.news h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}

.news h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
}

.news h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}

.news h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}
.news address {
  display: block;
  font-style: italic;
}
.news p{
  display:block;
  margin:1em 0;
}

* html #topics li {
	display: inline;
}

#topics .topic_img {
	float: left;
    max-height: 50px;
    max-width: 66px;
    /* margin-left: 8px; */
    /* margin-top: 0px; */
}
#topics .topic_desc {
	float: right;
	width: 550px;
	line-height: 180%;
	margin-top: 8px;
}
#topics .topic_desc img {
	vertical-align: text-top;
}
#topics_title {
	background-image: url(images/introduction/introduction_title_line.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 52px;
	width: 660px;
}
#topics_name {
	float: left;
	width: 500px;
	line-height: 31px;
	height: 31px;
}
#topics_name img {
	vertical-align: -30%;
}
#topics p {
	line-height: 180%;
	margin-top: 15px;
	margin-bottom: 15px;
}
#topics #topics_end {
	font-weight: bold;
	color: #30AAB0;
	text-align: right;
	height: 50px;
}
#topics #topics_end img {
	margin-top: 10px;
}

/* サイトマップ */
#sitemap {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#sitemap_title {
	height: 14px;
	width: 660px;
	font-size: 14px;
	font-weight: bold;
}
#sitemap_title img {
	vertical-align: middle;
}
#sitemap_main {
	margin-top: 50px;
}
#sitemap_left {
	float: left;
	width: 330px;
}
#sitemap_right {
	float: left;
	width: 270px;
}
#sitemap_main ul li {
	margin-bottom: 15px;
}
#sitemap_main ul li ul {
	margin-top: 15px;
}
#sitemap_main ul li ul li {
	margin-left: 30px;
}

/* 検索 */
input {
	color: #333;
}
#search {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
#search #result_title {
	height: 50px;
	line-height: 50px;
	font-size: 116%;
	font-weight: bold;
}
#search ul {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
#search li img {
	margin: 0;
	padding: 0;
}
#search li {
	font-size: 108%;
	height: 50px;
	line-height: 50px;
	margin: 0;
	padding: 0;
}
#search .result_line {
	height: 10px;
	line-height: 10px;
}
#search .gray_bg {
	background-color: #F6F6F6;
}

#print_logo {
	display: none;
}

/* PFI */
#pfi_contents {
	width: 665px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#pfi_main_list {
	margin-top: 30px;
	text-align: left;
	width: 646px;
	margin-left: auto;
	margin-right: auto;
}
#pfi_main_list li {
	background-image: url(images/pfi/pfi_list_icon.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-left: 15px;
}
#pfi_introduction {
	width: 645px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.pfi_intro_box {
	height: 228px;
	margin-top: 30px;
}
.pfi_intro_img {
	float: left;
	height: 228px;
	width: 302px;
}
.pfi_intro_desc {
	float: right;
	height: 140px;
	width: 341px;
	margin-top: 30px;
}
.pfi_intro_desc .td_gl {
	background-image: url(images/pfi/gray_bg_l.jpg);
	background-repeat: no-repeat;
	width:102px;
	height:20px;
	padding-top: 8px;
	padding-left: 12px;
}
.pfi_intro_desc .td_gr {
	background-image: url(images/pfi/gray_bg_r.jpg);
	background-repeat: no-repeat;
	width:237px;
	height:20px;
	padding-top: 8px;
	padding-left: 10px;
}
.pfi_intro_desc .td_wl {
	background-image: url(images/pfi/white_bg_l.jpg);
	background-repeat: no-repeat;
	width:102px;
	height:20px;
	padding-top: 8px;
	padding-left: 12px;
}
.pfi_intro_desc .td_wr {
	background-image: url(images/pfi/white_bg_r.jpg);
	background-repeat: no-repeat;
	width:237px;
	height:20px;
	padding-top: 8px;
	padding-left: 10px;
}

.large_txt {
	font-size: 108%;
}

/* スーパーサブリース */
#lease_contents {
	width: 656px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	line-height: 160%;
}
#lease_sub_contents {
	margin-top: 50px;
}
#lease_sub_contents div {
	margin-top: 15px;
}
#lease_sub_contents p {
	margin-top: 30px;
}
#lease_sub_contents #lease_image {
	background-image: url(images/lease/icon_img.jpg);
	background-position: right 8px;
	width: 632px;
	margin-top: 20px;
	background-repeat: no-repeat;
}
#lease_image ul {
	width: 390px;
}
#lease_image li {
	width: 273px;
	padding-left: 117px;
	margin-bottom:15px;
}
#lease_image #list1 {
	background-image: url(images/lease/icon1.jpg);
	background-repeat: no-repeat;
}
#lease_image #list2 {
	background-image: url(images/lease/icon2.jpg);
	background-repeat: no-repeat;
}

#lease_image #list3 {
	background-image: url(images/lease/icon3.jpg);
	background-repeat: no-repeat;
}

#lease_banner {
	margin-top: 0px;
	width: 500px;
	height: 40px;
}
#lease_banner #banners_img {
	float: left;
	width: 95px;
	height: 40px;
	margin-top: 0px;
	margin-right: 10px;
}
#lease_banner #banners_desc {
	float: left;
	width: 300px;
	height: 40px;
	margin-top: 5px;
}


/* 安全活動 */
#safety {
	width: 656px;
	margin: 0 auto;
	line-height: 180%;
}

#safety_main_desc {
	margin-top: 20px;
}
#safety_main_box {
	width: 621px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
#safety_main_box ul {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 131px;
}
#safety_main_box li {
	float: left;
	height: 131px;
	width: 200px;
	margin-right: 9px;
}
ul#safeplan  {
	margin-top: 20px;
	margin-bottom: 20px;
	height:auto;
}
ul#safeplan li {
	float: none;
	height: auto;
	/*width: 303px;*/
	/*margin-right: 5px;*/
	margin-bottom:5px;
}
#safety_main_box .ma_clear {
	margin-right: 0px;
}
#safety_main_box p {
	margin-bottom: 30px;
}.safety_sub_title {
	width: 640px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
.safety_ph_box {
	width: 640px;
	height: 201px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.safety_ph_l {
	float: left;
}
.safety_ph_r {
	float: right;
}

.safety_ph_desc {
	width: 640px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
table.typebasic {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.typebasic th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.typebasic td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* リニューアル */
#renewal {
	width: 660px;
	margin: 0 auto;
	text-align: center;
	line-height: 160%;
}
#renewal_introduction {
	margin-top: 40px;
	text-align: left;
}
#renewal_introduction p {
	margin-bottom: 20px;
}
.renewal_intro_box {
	width: 660px;
	height: 160px;
}
.renewal_g {
	background-image: url(images/renewal/intro_bg.jpg);
	background-repeat: no-repeat;
}
.renewal_intro_box .renewal_intro_desc {
	width: 180px;
	float: left;
	padding-right: 20px;
	margin-top:10px;
	margin-left:11px;
}
.renewal_intro_box .renewal_intro_desc img {
	margin-bottom:5px;
}
.renewal_intro_box .renewal_intro_img {
	width: 190px;
	float: left;
	margin-top:10px;
}
.renewal_intro_box .renewal_intro_after{
	margin-top:10px;
	padding-top: 58px;
	width: 68px;
	float: left;
}
/* 2021.2.15　更新 */


#top_banner_area li:nth-child(2n) {
	 margin-left: 0; 
}



.top-contents {
    display: flex;
    justify-content: space-between;
}
#top_topics {
    float: none;
}
.top-movie {
    display: flex;
    flex-direction: column;
	width: 43%;
}
.moviie-box {
    height: 50%;
}

.moviie-box iframe {
    width: 100%;
    height: 100%;
}
.top-movie .moviie-box {
	display: block;
	box-sizing: border-box;
    border: solid #000;
	border-width: 5px 20px;
	position: relative;
}
/* .moviie-box:before,.moviie-box:after {
    content: "";
    width: 12px;
    height: 100%;
    background-image: url(images/film.png);
    background-size: contain;
    position: absolute;
}
.moviie-box:before{
	right: -16px;
}
.moviie-box:after {
	left: -16px;
} */
/* .top-movie .moviie-box {
    width: 100%;
    height: 48%;
	display: block;
	box-sizing: border-box;
    border: solid #000;
    border-width: 5px 20px;
}
.top-movie .moviie-box:nth-child(2) {
    margin: auto 0 0 0;
}
.top-movie .moviie-box:before {
    content: "";
    width: 15px;
    height: 50px;
    background-image: url(images/film.png);
	background-size: contain;
	position: absolute;
    right: 0;
    z-index: 10;
} */


#top_topics {
  float: none; 
}
#top_banner_area {
    float: right;
    width: 100%;
    margin-top: 52px;
}
div#top_banner_area ul {
    display: flex;
    flex-wrap: wrap;
}
#top_banner_area li {
    float: none; 
    height: 143px;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
}
#top_banner_area .banner_r {
	 /* width: 200px; */
}
div#top_banner_area li:nth-child(n+5) {
    margin-top: 2%;
} 

p.movie-title {
    font-size: 1.1em;
    margin-bottom: 0.4em;
}

p.movie-title:before {
    content: "▶︎";
    margin-right: 5px;
    color: #6ec1c7;
}
p.movie-title:nth-child(n+2) {
    margin-top: 1em;
}













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

@media print {
#topcontrol {
	display: none;
}
table th,
table td {
position:relative;
overflow: visible !important;
}
table,
th,
td {
	border-collapse: collapse;
	border-spacing: 0;
}
p {
	margin: 0;
}
#officers dt,
#officers dd{
	float: left;
	zoom: 1;
}
.c_history_navi {
	display: none;
}
#envi_main_desc,
#envi_sub_desc,
#architecture_area,
#office_place_desc,
#c_history_contents_body {
	zoom: 1;
}
#architecture_area #green li {
	*margin-right: -3px;
}
#civil_area #green li {
	*margin-right: -3px;
}
#arc_contents ul {
	*overflow: hidden;
}
#arc_contents li {
	*float: none;
	*display: inline;
	*zoom: 1;
}
#arc_contents .hr {
	page-break-after: always;
}
#container {
	overflow: auto\9;
}
#officers td{
	padding-top:12px\9;
}
#officers dl{
	margin-top: 0px\9;
	display: inline\9;
}
#officers dt{
	padding: 0\9;
	margin: 0px\9;
	margin-top: -5px\9;
	vertical-align: top\9;
	display: inline\9;
}
#officers dd {
	vertical-align: top\9;
	display: inline\9;
	margin-top: -5px\9;
}
}