﻿
/* ------ 下層共通設定 --------- */
#right_wrap h1 {
	background:url(../images/h1_bg.jpg) left top no-repeat;
	color:#FFFFFF;
	font-size:15px;
	padding:2px 0px 2px 13px;
	margin:0px 0px 13px;
}
#right_wrap h2 {
	background:url(../images/h2_bg.jpg) left center no-repeat;
	color:#191E9E;
	font-size:15px;
	padding:3px 0px 3px 16px;
	margin:26px 0px 13px 0px;
}
#right_wrap h3 {
	background:url(../images/h3_bg.jpg) left bottom repeat-x;
	border-left:#0066CC solid 4px;
	color:#0066CC;
	font-size:13px;
	padding:0px 0px 0px 5px;
	margin:26px 0px 13px 5px;
}
#right_wrap h4 {
	border-left:#0066CC solid 4px;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	padding:0px 0px 0px 5px;
	margin:15px 0px 5px 5px;
}

#right_wrap p {
	padding:0px 13px 0px 13px;
	margin-top:16px;
}

/* ----------------リスト---------------- */
#right_wrap ul {
	margin:15px 0px 0px 15px;
	list-style-type:none;
}
#right_wrap ul li {
	background:url(../images/list_icon.jpg) left 8px no-repeat;
	padding-left:10px;
	margin:3px 15px;
}

/* ----------------ヘッダー---------------- */
#base_header_wrap {
	width:850px;
	height:60px;
	background:url(../images/header_bg_02.jpg) left top repeat-x;
	margin:0px auto 5px;
}

/* ----------------コンテンツ---------------- */
#cont_wrap {
	width:850px;
	margin:0px auto;
}
#cont_wrap2 {
	width:816px;
	margin:0px auto;
	float:left;
}

/* ----------------左側---------------- */
#left_wrap {
	width:184px;
	float:left;
	margin:0px 18px 23px 0px;
}

/* ----------------右側(メインコント)---------------- */
#right_wrap {
	width:614px;
	float:left;
	margin-bottom:23px;
}

/* ----------------フッター---------------- */
#footer_wrap {	
	margin-top:23px;
}

/* ----------------クラス ----------------*/
.font-blue {
	color:#006699;
}
.center {
	text-align:center;	
}


/* -----公共工事サポートソフト --------- */
.sup_title {
	margin-top:15px!important;
}
#support_wrap p {
	margin:0px!important;
}
.rollover01 {
width:241px;
height:247px;
background:url(../images/sup_img08.jpg) no-repeat left bottom;
}
.rollover01 a {
display:block;
width:241px;
height:247px;
line-height:1px;
outline:none;
}
.rollover01 a:hover {
text-indent:-9999px;
}
.rollover02 {
width:258px;
height:255px;
background:url(../images/sup_img11.jpg) no-repeat left bottom;
}
.rollover02 a {
display:block;
width:258px;
height:255px;
line-height:1px;
outline:none;
}
.rollover02 a:hover {
text-indent:-9999px;
}
.indent01 {
	text-indent:-0.5em;
	margin-left:10px!important;
}
.indent02 {
	text-indent:-1.5em;
	padding-left:1.5em!important;
}
.text_caution {
	font-size:11px;
	text-indent:-2em;
	padding-left:2em!important;
}


/* ----- EC-exposとは ------------ */
.co_title {
	margin-top:15px!important;
}
.point_wrap {
	height:100px;
	margin-bottom:10px;	
	clear:both;
}
.expos_point_left {
	width:258px;
	height:90px;
	float:left;
	border:1px solid #CCCCCC;
	background:url(../images/ecexpos_point_bg.jpg) left top repeat-y;
	padding:8px 7px 0px 33px;
}
.expos_point_right {
	width:258px;
	height:90px;
	float:right;
	border:1px solid #CCCCCC;
	background:url(../images/ecexpos_point_bg.jpg) left top repeat-y;
	padding:8px 7px 0px 33px;
}
.point_title {
	margin:0px 0px!important;
	padding:0px 0px!important;
	font-size:12px;
	font-weight:bold;
	color:#191E9E;
	text-indent:-14px;
}
.point_text {
	line-height:130%;
	margin:5px 0px 0px 0px!important;
	padding:0px 0px!important;
}
.expos_table {
	margin:0px auto;	
}
.expos_table tr th {
	text-align:left;
	color:#191E9E;
	font-size:14px;
}
.expos_table tr td  {
	vertical-align:top;
}
.expos_table tr td ul  {
	margin-top:0px!important;
}
.midashi {
	font-size:14px;
	font-weight:bold;
	color:#191E9E;	
}
.expos_note p{
	margin:0px 0px 0px 84px!important;	
	padding:0px 0px!important;
	text-indent:-42px;
}

/* -----お役立ち情報、マッチング商品 */
.info_wrap {
	height:95px;
	margin-bottom:10px;	
	clear:both;
}
.info_left {
	width:258px;
	height:85px;
	float:left;
	border:1px solid #CCCCCC;
	background:url(../images/ecexpos_point_bg.jpg) left top repeat-y;
	padding:8px 7px 0px 33px;
}
.info_right {
	width:258px;
	height:85px;
	float:right;
	border:1px solid #CCCCCC;
	background:url(../images/ecexpos_point_bg.jpg) left top repeat-y;
	padding:8px 7px 0px 33px;
}
.info_none {
	width:258px;
	height:85px;
	float:right;
	border:1px solid #CCCCCC;
	padding:8px 7px 0px 20px;
}
.info_title {
	margin:0px 0px!important;
	padding:0px 0px!important;
	font-size:11px;
	font-weight:bold;
	color:#191E9E;
	text-indent:-14px;
}
.info_text {
	line-height:130%;
	letter-spacing:0.1em;
	margin:5px 0px 0px 0px!important;
	padding:0px 0px!important;
	font-size:10px;
}

/* ----- マッチング情報 ----- */
.sales_wrap {
	height:210px;
	margin-bottom:10px;	
	clear:both;
}
.sales_wrap2 {
	height:300px;
	margin-bottom:10px;	
	clear:both;
}

.sales_square {
	width:488px;
	height:270px;
	float:left;
	padding:4px 5px 3px 33px;
}
.sales_sq6uare2 {
	width:600px;
	height:430px;
	float:left;
	padding:4px 5px 3px 33px;
}

.sales_left {
	width:258px;
	height:200px;
	float:left;
	padding:4px 5px 3px 33px;
}

.sales_right {
	width:258px;
	height:200px;
	float:left;
	padding:4px 5px 3px 33px;
}
.sales_right2 {
	width:258px;
	height:200px;
	float:left;
	padding:4px 5px 3px 0px;
}
.sales_right2 table {
	border-collapse: collapse;
	border: 1px #999999 solid;  
}
.sales_right2 td {	
	border: 1px #999999 solid;
}				

.sales_title {
	margin-left:5px;
	margin-mottom:0px;
	font-size:11px;
	font-weight:bold;
	color:#191E9E;
}
.sales_text {
	margin-left:10px;
	margin-top:0px;
	font-size:10px;
}
.sales_table {
 	margin-top:10px;
	margin-bottom:10px;	
	clear:both;
}
.sales_table table {
	border-collapse: collapse;
	border: 1px #999999 solid;  
}

.sales_table td {	
	border: 1px #999999 solid;
}				
.sales_table th {
	border: 1px #999999 solid;
}				


/* --------お問い合わせフォーム */
.form td,
.form th {
	 border-bottom:#999999 dotted 1px;
}


/* --------レンタル ------- */
#renral {
}
dl#rental {
	margin-left: 15px;
}
#rental dt{
	font-size: 120%;
	font-weight: bold;
	color: #1F497D;
	margin-bottom: 16px;
	line-height: 40px;
	padding-left: 50px;
}
#rental dd{
	margin-left: 10px;
	margin-bottom: 19px;
	padding-left: 30px;
}
#rental_1{
	background: url(../images/rental_1.jpg) no-repeat left center;
}
#rental_2{
	background: url(../images/rental_2.jpg) no-repeat left center;
}
#rental_3{
	background: url(../images/rental_3.jpg) no-repeat left center;
}
#rental_4{
	background: url(../images/rental_4.jpg) no-repeat left center;
}
#rental_5{
	background: url(../images/rental_5.jpg) no-repeat left center;
}
#rental_table1 {
	background: #000;
	width: 95%;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#rental_table1 th{
	vertical-align: middle;
}
#rental_table1 td{
	vertical-align: middle;
	font-size: 90%;
}
#th_1{
	background: #FFF;
}
#th_2{
	background: #FFFA93;
}
.th_3{
	background: #365F91;
	color: #FFF;
}
.td_1{
	background: #FFF;
}
.td_2{
	background: #FFFA93;
}
#rental_table2 {
	background: #000;
	width: 60%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 14px;
}
#rental_table2 th{
	vertical-align: middle;
}
#rental_table2 td{
	vertical-align: middle;
	font-size: 90%;
}
dl#rental_flow {
	margin-top: 15px;
	margin-left: 15px;
}
dl#rental_flow dt{
	font-size: 120%;
	line-height: 40px;
	font-weight: bold;
	padding-left: 50px;
	margin-bottom: 10px;
}
dl#rental_flow dd{
	height: 97px;
	padding-left: 180px;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 30px;
}
#flow_image_1 {
	background: url(../images/rental_img1.jpg) no-repeat;
}
#flow_image_2 {
	background: url(../images/rental_img2.jpg) no-repeat;
}
#flow_image_3 {
	background: url(../images/rental_img3.jpg) no-repeat;
}
#flow_image_4 {
	background: url(../images/rental_img4.jpg) no-repeat;
}
#flow_image_5 {
	background: url(../images/rental_img5.jpg) no-repeat;
}
#flow_1 {
	background: url(../images/rental_a.jpg) no-repeat left center;
}
#flow_2 {
	background: url(../images/rental_b.jpg) no-repeat left center;
}
#flow_3 {
	background: url(../images/rental_c.jpg) no-repeat left center;
}
#flow_4 {
	background: url(../images/rental_d.jpg) no-repeat left center;
}#flow_5 {
	background: url(../images/rental_e.jpg) no-repeat left center;
}
.center_t {
	text-align: center;
	padding-top: 20px;
}

/* -----ホームページテンプレートダウンロード */
#flash {
	margin-left:42px;	
}
#imgonmouse {
	width:600px;
}
#imgonmouse ul {
	float:left;
	width:180px;
}
#imgonmouse ul,
#imgonmouse li {
	margin:15px 20px;
	list-style-type:none!important;
	list-style-image:none;
}
#imgonmouse li {
	padding:10px 0px;
	display:block;
	background-image:none!important;
}
#imgonmouse p {
	float:left;
}


