@charset "utf-8";

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

	contents common style

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


/* ----------contents---------- */

#contents_bg {
	width: 100%;
	background: url(../images/contents_bg.jpg) repeat-x left top;
	padding-top: 14px;
}

#contents_body {
	width: 830px;
	background: url(../images/l-navi_base.gif) repeat-y left top;
	margin: 0 auto;
	text-align: left;
}


/* -----contents layout----- */

#navi_area {
	float: left;
	width: 240px;
}

#contents_area {
	float: right;
	width: 590px;
}


/* -----left banner----- */

ul#left_banner {
	width: 165px;
	list-style-type: none;
	margin-left: 38px;
}

ul#left_banner li {
	margin-bottom: 16px;
	margin-left: 0;
}


/* -----main visual----- */

#main_visual {
	margin-bottom: 14px;
}


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

p#topicpath {
	width: 565px;
	margin-bottom: 14px;
	margin-left: 25px;
	font-family: "ＭＳ ゴシック", Osaka, sans-serif;
	font-size: 0.625em;
}



/* -----contents margin----- */

#contents_area .block1 {
	width: 565px;
	margin-bottom: 2em;
	margin-left: 25px;
}

#contents_area .block1 .block2a {
	clear: both;
	width: 530px;
	margin-left: 18px;
}

#contents_area .block1 .block2b {
	clear: both;
	width: 530px;
	margin-bottom: 2em;
	margin-left: 18px;
}


/* -----head----- */

#contents_area h3 {
	margin-bottom: 18px;
}

#contents_area h4,
#contents_area h5 {
	clear: both;
	background: url(../images/head_underline.gif) repeat-x left bottom;
	margin-bottom: 1.5em;
	padding-bottom: 2px;
}

#contents_area h4 span {
	display: block;
	background-color: #F7F7F7;
	border-left: 5px solid #003995;
	padding: 0.25em 0 0.15em 0.67em;
}

#contents_area h5.icon_question span {
	display: block;
	background: url(../images/icon_question.gif) no-repeat 4px center #F9F3E5;
	padding: 0.25em 0 0.15em 35px;
}

#contents_area h5.icon_contact span {
	display: block;
	background: url(../images/icon_contact.gif) no-repeat 4px center #EBF5EB;
	padding: 0.25em 0 0.15em 35px;
}

/* ----------owner head---------- */

#owner #contents_area h4 span {
	border-left-color: #006600;
}


/* ----------head type1---------- */

#contents_area .link_head {
	width: 565px;
	background: url(../images/head_underline.gif) repeat-x left bottom;
	margin-bottom: 1.5em;
	padding-bottom: 2px;
}

#contents_area .link_head h4 {
	clear: none;
	float: left;
	background-image: none;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 0.67em;
}

#contents_area .link_head div {
	display: block;
	width: 560px;
	background-color: #F7F7F7;
	border-left: 5px solid #003995;
	padding-top: 0.25em;
	padding-bottom: 0.15em;
}

#contents_area .link_head ul {
	float: right;
	list-style-type: none;
	margin-right: 0.5em;
}

#contents_area .link_head ul li {
	margin-left: 0;
}


/* -----image head----- */

#contents_area .image_head {
	background-image: none;
	margin: 0;
	padding: 0;
}


/* -----list----- */

dl.list_type1 dt {
	border-bottom: 1px solid #BACCE7;
	margin-bottom: 1em;
	padding-bottom: 0.25em;
	color: #678DCA;
	font-weight: bold;
}

dl.list_type1 dd {
	margin-bottom: 2em;
}

dl.list_type1 dd dt {
	border-bottom-style: none;
	margin-bottom: 0;
	padding-bottom: 0.25em;
	color: #333333;
	font-weight: bold;
}

dl.list_type1 dd.list_end {
	margin-bottom: 0;
}


ul.list_icon_red,
ul.list_icon_black {
	list-style-type: none;
}

ul.list_icon_red li,
ul.list_icon_black li {
	background-repeat: no-repeat;
	background-position: left 0.25em;
	margin-bottom: 0.25em;
	margin-left: 0;
	padding-left: 17px;
}

ul.list_icon_red li {
	background-image: url(../images/icon_red.gif);
}

ul.list_icon_black li {
	background-image: url(../images/icon_black.gif);
}

ul.list_icon_red li.list_end,
ul.list_icon_black li.list_end {
	margin-bottom: 0;
}


/* -----image----- */

.image_left1 {
	float: left;
	margin-right: 15px;
}

.image_right1 {
	float: right;
	margin-left: 15px;
}

.image_center {
	text-align: center;
}

.image_left1 .cap,
.image_right1 .cap {
	display: block;
	margin-top: 5px;
	color: #666666;
	font-size: 0.9em;
}

.image_right1 .cap {
	text-align: right;
}


/* -----text link----- */

ul.list_link_blue1,
ul.list_link_gray2 {
	list-style-type: none;
}

ul.list_link_gray1,
ul.list_link_red1 {
	list-style-type: none;
	font-family: "ＭＳ ゴシック", Osaka, sans-serif;
	font-size: 0.625em;
}

ul.list_link_blue1 li {
	background: url(../images/icon_arrow_blue.gif) no-repeat left 0.25em;
	margin-left: 0;
	padding-left: 17px;
}

ul.list_link_gray1 li {
	background: url(../images/icon_arrow_gray.gif) no-repeat left 0.25em;
	margin-left: 0;
	padding-left: 16px;
}

ul.list_link_gray2 li {
	background: url(../images/icon_arrow_gray.gif) no-repeat left 0.25em;
	margin-left: 0;
	padding-left: 17px;
}

ul.list_link_red1 li {
	background: url(../images/icon_arrow_red.gif) no-repeat right 0.1em;
	margin-left: 0;
	padding-right: 16px;
}

ul.list_link_gray1 a,
ul.list_link_gray2 a,
ul.list_link_red1 a {
	color: #333333;
}


/* -----form----- */

input,
textfield,
select {
	font-size: 0.75em;
}

td input,
td textfield,
td select {
	font-size: 1em;
}

.size_ss {
	width: 40px;
}

.size_s {
	width: 70px;
}

.size_sm {
	width: 125px;
}

.size_m {
	width: 180px;
}

.size_ml {
	width: 240px;
}

.size_l {
	width: 320px;
}

textarea.size_l {
	width: 320px;
	height: 100px;
}

textarea.size_ll {
	width: 500px;
	height: 100px;
}

.btn_submit {
	text-align: center;
	margin-bottom: 30px;
}

.btn_submit input {
	margin: 0 12px;
	font-size: 1em;
}


/* 必須項目 */

span.required {
	color: #FF0000;
}


/* -----table type1----- */

.tb_type1 {
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

.tb_type1 tr {
	background: url(../images/dotline.gif) repeat-x left bottom;
}

.tb_type1 th,
.tb_type1 td {
	padding: 0.75em 0;
	font-size: 0.75em;
	font-weight: normal;
	line-height: 1.6em;
	text-align: left;
	vertical-align: top;
}

.tb_type1 th {
	padding-left: 2px;
}

.tb_type1 th span.lined {
	border-left: 5px solid #003995;
	padding-left: 0.5em;
	line-height: 1.2em;
}

.tb_type1 th span.lined_g {
	border-left: 5px solid #006600;
	padding-left: 0.5em;
	line-height: 1.2em;
}

.tb_type1 td p,
.tb_type1 td ul,
.tb_type1 td ol,
.tb_type1 td dl {
	font-size: 1em;
}


/* -----table type2----- */

.tb_type2 {
	clear: both;
	width: 530px;
	border-collapse: collapse;
	border: 1px solid #7F9BC9;
}

*>/**/.tb_type2 {
	width: 528px;
	margin-left: 1px;
}


.tb_type2 th,
.tb_type2 td {
	border: 1px solid #7F9BC9;
	padding: 0.5em;
	font-size: 0.75em;
	font-weight: normal;
	line-height: 1.6em;
	text-align: center;
	vertical-align: middle;
}

.tb_type2 th {
	background-color: #EFF7FF;
}


/* ----------btn---------- */

ul.list_btn {
	list-style-type: none;
}

ul.list_btn li {
	margin-left: 0;
}

ul.list_btn li a {
	display: block;
	height: 25px;
	background-repeat: no-repeat;
	background-position: left top;
}

ul.list_btn li a span {
	display: none;
}


/* btn_policy */

ul.list_btn li.btn_policy a {
	width: 134px;
	background-image: url(../images/btn_policy.gif);
}

ul.list_btn li.btn_policy a:hover {
	background-image: url(../images/btn_policy_o.gif);
}


/* btn_office_planing */

ul.list_btn li.btn_office_planing a {
	width: 152px;
	background-image: url(../images/btn_office_planing.gif);
}

ul.list_btn li.btn_office_planing a:hover {
	background-image: url(../images/btn_office_planing_o.gif);
}


/* btn_one_stop */

ul.list_btn li.btn_one_stop a {
	width: 197px;
	background-image: url(../images/btn_one_stop.gif);
}

ul.list_btn li.btn_one_stop a:hover {
	background-image: url(../images/btn_one_stop_o.gif);
}


/* btn_jirei */

ul.list_btn li.btn_jirei a {
	width: 155px;
	background-image: url(../images/btn_jirei.gif);
}

ul.list_btn li.btn_jirei a:hover {
	background-image: url(../images/btn_jirei_o.gif);
}


/* btn_promise */

ul.list_btn li.btn_promise a {
	width: 143px;
	background-image: url(../images/btn_promise.gif);
}

ul.list_btn li.btn_promise a:hover {
	background-image: url(../images/btn_promise_o.gif);
}


/* btn_layout */

ul.list_btn li.btn_layout a {
	width: 251px;
	background-image: url(../images/btn_layout.gif);
}

ul.list_btn li.btn_layout a:hover {
	background-image: url(../images/btn_layout_o.gif);
}


/* btn_office_search */

ul.list_btn li.btn_office_search a {
	width: 102px;
	background-image: url(../images/btn_office_search.gif);
}

ul.list_btn li.btn_office_search a:hover {
	background-image: url(../images/btn_office_search_o.gif);
}


/* btn_office_furniture */

ul.list_btn li.btn_office_furniture a {
	width: 105px;
	background-image: url(../images/btn_office_furniture.gif);
}

ul.list_btn li.btn_office_furniture a:hover {
	background-image: url(../images/btn_office_furniture_o.gif);
}


/* btn_genjo_consulting */

ul.list_btn li.btn_genjo_consulting a {
	width: 177px;
	background-image: url(../images/btn_genjo_consulting.gif);
}

ul.list_btn li.btn_genjo_consulting a:hover {
	background-image: url(../images/btn_genjo_consulting_o.gif);
}


/* btn_naisou */

ul.list_btn li.btn_naisou a {
	width: 115px;
	background-image: url(../images/btn_naisou.gif);
}

ul.list_btn li.btn_naisou a:hover {
	background-image: url(../images/btn_naisou_o.gif);
}


/* btn_aircon */

ul.list_btn li.btn_aircon a {
	width: 115px;
	background-image: url(../images/btn_aircon.gif);
}

ul.list_btn li.btn_aircon a:hover {
	background-image: url(../images/btn_aircon_o.gif);
}


/* btn_electric */

ul.list_btn li.btn_electric a {
	width: 115px;
	background-image: url(../images/btn_electric.gif);
}

ul.list_btn li.btn_electric a:hover {
	background-image: url(../images/btn_electric_o.gif);
}


/* btn_security */

ul.list_btn li.btn_security a {
	width: 126px;
	background-image: url(../images/btn_security.gif);
}

ul.list_btn li.btn_security a:hover {
	background-image: url(../images/btn_security_o.gif);
}


/* btn_partition */

ul.list_btn li.btn_partition a {
	width: 193px;
	background-image: url(../images/btn_partition.gif);
}

ul.list_btn li.btn_partition a:hover {
	background-image: url(../images/btn_partition_o.gif);
}


/* btn_office_network */

ul.list_btn li.btn_office_network a {
	width: 186px;
	background-image: url(../images/btn_office_network.gif);
}

ul.list_btn li.btn_office_network a:hover {
	background-image: url(../images/btn_office_network_o.gif);
}


/* btn_one_stop_detail */

ul.list_btn li.btn_one_stop_detail a {
	width: 132px;
	background-image: url(../images/btn_one_stop_detail.gif);
}

ul.list_btn li.btn_one_stop_detail a:hover {
	background-image: url(../images/btn_one_stop_detail_o.gif);
}


/* btn_saving_energy */

ul.list_btn li.btn_saving_energy a {
	width: 97px;
	background-image: url(../images/btn_saving_energy.gif);
}

ul.list_btn li.btn_saving_energy a:hover {
	background-image: url(../images/btn_saving_energy_o.gif);
}


/* btn_office_iten */

ul.list_btn li.btn_office_iten a {
	width: 104px;
	background-image: url(../images/btn_office_iten.gif);
}

ul.list_btn li.btn_office_iten a:hover {
	background-image: url(../images/btn_office_iten_o.gif);
}


/* ----------note---------- */

.note1 {
	margin-left: 1em;
}

.note1 span {
	margin-left: -1em;
	color: #FF0000;
}


/* ----------bottom question list---------- */

dl.list_question dt {
	float: left;
	width: 2em;
	font-weight: bold;
}

dl.list_question dd {
	margin-bottom: 0.25em;
	margin-left: 2em;
}

dl.list_question dd.list_end {
	margin-bottom: 0;
}


/* ----------bottom question list---------- */

dl#list_contact dt {
	float: left;
	width: 7em;
	padding-left: 2em;
}

* html body dl#list_contact dt {
	width: 9em;
}

dl#list_contact dt.icon_tel {
	background: url(../images/icon_tel.gif) no-repeat left center;
	margin-top: 0.2em;
}

dl#list_contact dt.icon_mail {
	background: url(../images/icon_mail.gif) no-repeat 1px center;
}

dl#list_contact dd {
	margin-bottom: 0.75em;
	margin-left: 9em;
}

dl#list_contact dd.list_end {
	margin-bottom: 0;
}

dl#list_contact .text_tel {
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.34em;
	font-weight: bold;
}


/* ----------balloon icon list---------- */

ul.list_balloon {
	list-style-type: none;
}

ul.list_balloon li {
	background: url(../images/icon_balloon.gif) no-repeat left 0.4em;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding-left: 20px;
}



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

	office_planing/office_iten.html & office_iten/ style

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

/* ----------column---------- */

#office_iten_column1 {
	width: 500px;
	background-color: #FCF2F2;
	border-right: 5px solid #CC0000;
	border-left: 5px solid #CC0000;
	margin-bottom: 1em;
	padding: 10px;
}

* html body #office_iten_column1 {
	width: 520px;
}

#office_iten_column1 p {
	color: #CC0000;
}



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

	img popup window style

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

.popup { padding:5px; border:2px solid #ff6c05;
 background:#fecfb0; font-size: small; }

.popup_jirei { padding:5px; border:2px solid #CCCCCC;
 background:#E3E3E3; font-size: small; }


/* ----------bottom contact column---------- */

#contact_column_all {
	width: 545px;
	background: url(../images/contact_bottom.gif) no-repeat left bottom;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

#contact_column_all .column_base {
	width: 545px;
	background: url(../images/contact_base.gif) repeat-y left top;
}

#contact_column_all h5 {
	background-image: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#contact_column_all ul {
	list-style-type: none;
	margin-left: 12px;
}

#contact_column_all ul li {
	float: left;
	margin-left: 0;
}

#contact_column_all ul li.banner_tel {
	margin-right: 19px;
}

#contact_column_all ul li.banner_inquiry a {
	display: block;
	width: 251px;
	height: 81px;
	background: url(../faq/images/contact_inquiry.gif) no-repeat left top;
}

#contact_column_all ul li.banner_inquiry a:hover {
	background: url(../faq/images/contact_inquiry_o.gif) no-repeat left top;
}

#contact_column_all ul li.banner_inquiry a span {
	display: none;
}



div.btn_inq p{
	font-size: 12px;
	position: relative;
	margin: 0px;
	margin-bottom: 5px;
}
div.btn_inq p span{
	display: block;
	position:absolute;
	height:25px;
	top: 0;	left: 0;
	background-repeat: no-repeat;
}
div.btn_inq p a{ cursor:hand; }



div.btn_inq p.ac_planning span{	width:250px;}
div.btn_inq p.ac_planning a span{	background-image:url(../images/btn_ac_planning.gif);}
div.btn_inq p.ac_planning a:hover span{	background-image:url(../images/btn_ac_planning_o.gif);}

div.btn_inq p.ac_layout span{	width:250px;}
div.btn_inq p.ac_layout a span{	background-image:url(../images/btn_ac_layout.gif);}
div.btn_inq p.ac_layout a:hover span{	background-image:url(../images/btn_ac_layout_o.gif);}

div.btn_inq p.ac_construction span{	width:250px;}
div.btn_inq p.ac_construction a span{	background-image:url(../images/btn_ac_construction.gif);}
div.btn_inq p.ac_construction a:hover span{	background-image:url(../images/btn_ac_construction_o.gif);}

div.btn_inq p.ac_security span{	width:250px;}
div.btn_inq p.ac_security a span{	background-image:url(../images/btn_ac_security.gif);}
div.btn_inq p.ac_security a:hover span{	background-image:url(../images/btn_ac_security_o.gif);}

div.btn_inq p.ac_partition span{	width:320px;}
div.btn_inq p.ac_partition a span{	background-image:url(../images/btn_ac_partition.gif);}
div.btn_inq p.ac_partition a:hover span{	background-image:url(../images/btn_ac_partition_o.gif);}

div.btn_inq p.ac_one_stop span{	width:263px;}
div.btn_inq p.ac_one_stop a span{	background-image:url(../images/btn_ac_one_stop.gif);}
div.btn_inq p.ac_one_stop a:hover span{	background-image:url(../images/btn_ac_one_stop_o.gif);}

div.btn_inq p.ac_office_search span{	width:160px;}
div.btn_inq p.ac_office_search a span{	background-image:url(../images/btn_ac_office_search.gif);}
div.btn_inq p.ac_office_search a:hover span{	background-image:url(../images/btn_ac_office_search_o.gif);}

div.btn_inq p.ac_office_furniture span{	width:225px;}
div.btn_inq p.ac_office_furniture a span{	background-image:url(../images/btn_ac_office_furniture.gif);}
div.btn_inq p.ac_office_furniture a:hover span{	background-image:url(../images/btn_ac_office_furniture_o.gif);}

div.btn_inq p.ac_genjo_consulting span{	width:300px;}
div.btn_inq p.ac_genjo_consulting a span{	background-image:url(../images/btn_ac_genjo_consulting.gif);}
div.btn_inq p.ac_genjo_consulting a:hover span{	background-image:url(../images/btn_ac_genjo_consulting_o.gif);}

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

	                    solution style

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

.navi-box {
	width:530px;
	background-image: url(../solution/images/bg-img.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 5px;
	float: left;
}

.navi-box  .left {
	float: left;
	width: 256px;
}
.navi-box .right {
	float: right;
	width: 256px;
}

.navi-box ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.navi-box .navi-img {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.navi-box .text_mg {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.navi-box li {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#headline  p  img {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 1px;
}