@charset "utf-8";

/*----------------------------------------------------------------------------
   Each page
------------------------------------------------------------------------------
[lower common]
  line
  footer button
  form button

[index.html]
  main image
  base
  right contents
  left contents

[easyexpotion]
  localNavi
  h4
  case box
  problem box
  adlution box
  newcustomer/case.html
  commodity.html

[company]
  tableLayou
  message.html
  businesssolutino.html
  map

[recruit]
  index.html
  tableLayout
  employee_xx.html

[other page]
  inquiry + request
  privacy confirm
  privacypolicy.html
  sitemap.html

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

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: lower common */

/*--------------------------------------- line */
.line{
height:1px;
margin:15px 0;
background:url(../common_images/line_02.gif) repeat-x 0 100%;
}
.recruit #mainArea .leftContents .inContainer .tableLayout01 .rec li {
list-style-type: circle;
margin-left:20px;
}



.recruit #mainArea .leftContents .rec_btn {
	text-align: center;
	margin: 15px;
	width:694px;
}





/*--------------------------------------- footer button */
/* 1 button */
p.footerBtn{
width:216px;
margin:50px auto 0 auto;
padding:7px 0 10px;
text-align:center;
background:url(../common_images/footer_btn_bg.gif) no-repeat 50% 0;
}

/* 2 button */
ul.footerBtn{
width:412px;
margin:50px auto 0 auto;
padding:7px 0 10px;
background:url(../common_images/footer_btn_bg_wide.gif) no-repeat 50% 0;
}
.footerBtn li{float:left; padding-left:20px;}

/*--------------------------------------- form button */
.formBtn{
width:300px;
margin:50px auto 0 auto;
padding:10px 0 9px;
background:url(../images/form_btn_bg.gif) no-repeat 50% 0;
}
.formBtn li{float:left; padding-left:20px;}
.formBtn button{
cursor:pointer;
display:block;
width:120px;
height:41px;
border:0;
}
.formBtn .submitBtn{background:url(../images/form_btn_01_off.gif) no-repeat 0 0;}
.formBtn .kakuninBtn{background:url(../images/form_btn_03_off.gif) no-repeat 0 0;}
.formBtn .resetBtn{background:url(../images/form_btn_02_off.gif) no-repeat 0 0;}
.formBtn .backBtn{background:url(../images/form_btn_04_off.gif) no-repeat 0 0;}
.formBtn .submitBtn:hover{background:url(../images/form_btn_01_on.gif) no-repeat 0 0;}
.formBtn .resetBtn:hover{background:url(../images/form_btn_02_on.gif) no-repeat 0 0;}
.formBtn .backBtn:hover{background:url(../images/form_btn_04_on.gif) no-repeat 0 0;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: index.html */

/*--------------------------------------- mian image */
.index #mainImage{background: url(../images/main_image_bg.gif) repeat-x 0 0;}

/*--------------------------------------- base */
/* h */
.index h2{
width:900px;
height:180px;
margin:0 auto;
padding:2px 0 1px 0;
}
.index h3{margin-top:0;}
.index h4{margin:0; padding:0; border:none;}

/* container */
.index .rightContents{
float:right;
width:330px;
}
.index .leftContents{
float:left;
width:540px;
}

/*--------------------------------------- right contents */
/* topics */
.index .rightContents dl{
width:310px;
margin:15px 0 0 10px;
padding-bottom:16px;
background:url(../images/line_01.gif) repeat-x 0 100%;
}

.index .rightContents dt{
margin-bottom:5px;
color:#4e4e4e;
font-weight:bold;
}

.index .rightContents dd{
margin-top:5px;
padding-left:5px;
}

/* seal */
.index .rightContents .seal{padding:40px 15px 0 50px;}
.index .rightContents .seal .floatL{
	margin-top:24px;
	clear: both;

}
.index .rightContents .seal .floatR{
	margin-top:24px;
	float: right;
	text-align: right;
}

/*--------------------------------------- left contents */
.index .leftContents p{padding-left:10px;}

/* serviceBox */
.serviceBox{
width:520px;
margin:15px 0 20px 10px;
background:url(../images/contents_bg.gif) repeat-y 0 0;
}

.serviceBox div{width:250px;}

.serviceBox p img{margin:10px 0 12px 0;}

.serviceBox p{
line-height:1.4;
margin-left:5px;
}
.serviceBox p.txt{min-height:5.6em;}
.serviceBox p.btn{margin:10px 0 3px 164px;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: easyexpotion */

/*--------------------------------------- localNavi */
#customer #localNavi ul ul li strong{
background-color:#fcfffc;
background-image:url(../easyexposition/images/cstm_icon_lnavi.gif);
}
#area #localNavi ul ul li strong{
background-color:#fef9fa;
background-image:url(../easyexposition/images/area_icon_lnavi.gif);
}
#repetition #localNavi ul ul li strong{
background-color:#fffcf9;
background-image:url(../easyexposition/images/rpt_icon_lnavi.gif);
}
#manage #localNavi ul ul li strong{
background-color:#fefbff;
background-image:url(../easyexposition/images/mng_icon_lnavi.gif);
}

#access #localNavi ul ul li a{padding-right:11px;}

/*--------------------------------------- h4 */
#customer h4{border-color:#1e9719; background-image:url(../easyexposition/images/cstm_ttl_bg.gif);}
#area h4{border-color:#c4104c; background-image:url(../easyexposition/images/area_ttl_bg.gif);}
#repetition h4{border-color:#f47e09; background-image:url(../easyexposition/images/rpt_ttl_bg.gif);}
#manage h4{border-color:#7e2ea4; background-image:url(../easyexposition/images/mng_ttl_bg.gif);}
#customer h4 span{color:#1e9719;}
#area h4 span{color:#c4104c;}
#repetition h4 span{color:#f47e09;}
#manage h4 span{color:#7e2ea4;}

.expo h4 strong{
display:block;
padding-left:4.2em;
text-indent:-4.2em;
}

/*--------------------------------------- case box */
/* common */
.expo .caseBox{background-repeat:repeat-y; background-position:50% 0;}
.expo .caseBox p{margin:0; padding-bottom:10px:}
.expo .caseBox .conTop{
padding:25px 20px 10px 20px;
background-repeat:no-repeat;
background-position:50% 0;
}
.expo .caseBox .conBtm{
padding:0 10px 10px 20px;
text-align:right;
background-repeat:no-repeat;
background-position:50% 100%;
}
/* newcustomer */
#customer .caseBox{background-image:url(../easyexposition/images/cstm_case_bg.gif);}
#customer .caseBox .conTop{background-image:url(../easyexposition/images/cstm_case_top.gif);}
#customer .caseBox .conBtm{background-image:url(../easyexposition/images/cstm_case_btm.gif);}
/* area */
#area .caseBox{background-image:url(../easyexposition/images/area_case_bg.gif);}
#area .caseBox .conTop{background-image:url(../easyexposition/images/area_case_top.gif);}
#area .caseBox .conBtm{background-image:url(../easyexposition/images/area_case_btm.gif);}
/* repetition */
#repetition .caseBox{background-image:url(../easyexposition/images/rpt_case_bg.gif);}
#repetition .caseBox .conTop{background-image:url(../easyexposition/images/rpt_case_top.gif);}
#repetition .caseBox .conBtm{background-image:url(../easyexposition/images/rpt_case_btm.gif);}
#repetition #repetitionBox table{width:300px;float:left;}
#repetition #repetitionBox table td{text-align:center; border:#000000 1px solid; font-size:85%; padding:2px;}
#repetition #repetitionBox .color01{background-color:#99ccff;}
#repetition #repetitionBox .color02{background-color:#f8fe99;}
#repetition #repetitionBox .color03{background-color:#fed8b1;}
#repetition #repetitionBox .color04{background-color:#99ff99;}
#repetition #repetitionBox .color05{background-color:#bbe0e3;}
#repetition #repetitionBox .color06{background-color:#ffffff; border:0;}
#repetition #repetitionBox p{float:left;font-size:85%;}
#repetition #repetitionBox ol{width:362px; float:right; font-size:90%;}

/* management */
#manage .caseBox{background-image:url(../easyexposition/images/mng_case_bg.gif);}
#manage .caseBox .conTop{background-image:url(../easyexposition/images/mng_case_top.gif);}
#manage .caseBox .conBtm{background-image:url(../easyexposition/images/mng_case_btm.gif);}
#manage #manageBox table th{border:#000000 1px solid; padding:2px;}
#manage #manageBox table td{padding:2px;}
#manage #manageBox table td table{width:100%;}
#manage #manageBox table td table th{width:100%;text-align:center; font-weight:bold; padding:2px 0 8px 0;background-color:#ffd0a3;}
#manage #manageBox table td table td{width:100%;height:150px;border:0;background-color:#ffffcc;border:#000000 1px solid;}
#manage #manageBox td{border:0;vertical-align:top;}

/*--------------------------------------- problem box */
.expo .problemBox dt{float:left; width:95px;}
.expo .problemBox dd{float:left; width:575px; padding-top:4px;}
.expo .problemBox li{
margin-bottom:4px;
padding-left:20px;
background:url(../common_images/icon_03.gif) no-repeat 0 0.2em;
}

/*--------------------------------------- adlution box */
.adlBox{
clear:both;
width:439px;
margin:25px 0 0 235px;
}
.adlBox dt{float:left; width:236px;}
.adlBox dd{float:left; width:203px;}
.adlBox dd li{margin-bottom:5px;}

/*--------------------------------------- newcustomer/case.html */
#customer .inContainer .clear{width:674px;}
#customer .inContainer .floatL{width:224px;}
#customer .inContainer .floatR{width:430px;}

#customer strong.large{
display:block;
padding:20px 0;
color:#e60011;
}

/*--------------------------------------- commondity.html */
#commodity .leftContents td{vertical-align:top;}
#commodity .leftContents .pdfBtn{float:right; margin-top:10px;}
#commodity .leftContents .site{float:right; margin-top:10px;clear: both;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: company */

/*--------------------------------------- tableLayout */
.company .tableLayout01{margin-top:15px;}
.company .tableLayout01 th{background-color:#eff6fe;}

/*--------------------------------------- message.html */
#message .philosophy dt{margin-bottom:10px; font-weight:bold;}
#message .philosophy dd{margin:5px 0;}

#outline .tableLayout01 address{padding:0 45px 0 0;}
#outline .tableLayout01 p.right{margin-top:-13px;}

/*--------------------------------------- businesssolutino.html */
#solution ul ul{padding-left:1em;}
#solution ul ul li{list-style:inside disc;}

/*--------------------------------------- map */
#access #map_canvas{
width:670px;
height:400px;
border:2px #d8d8d8 solid;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: recruit */

/*--------------------------------------- index.html */
.recruit .employeeBox td{vertical-align:top;}
.recruit .employeeBox dl{width:185px;}
.recruit .employeeBox dt{margin-bottom:10px; font-weight:bold;}
.recruit .employeeBox dd.right{margin-top:20px;}
.recruit .employeeBox dd.right a{
padding-left:13px;
background:url(../common_images/icon_02.gif) no-repeat 0 2px;
}

/*--------------------------------------- tableLayout */
.recruit .tableLayout01 th{background-color:#f5f5f5;}

/*--------------------------------------- employee_xx.html */

#employee .inContainer{line-height:1.4;}

/* employee data */
#employee .employeeData{margin:10px 10px;}
#employee .employeeData p{float:left; width:172px;}
#employee .employeeData dl{float:right; width:483px;}
#employee .employeeData dt{
margin-bottom:15px;
padding-bottom:15px;
font-weight:bold;
background:url(../common_images/line_02.gif) repeat-x 0 100%;
}

/* time schedule */
#employee .tableLayout01 th{vertical-align:top; font-weight:normal;}
#employee .tableLayout01 td{padding:5px 13px;}
#employee .tableLayout01 td dt{font-weight:bold;}

/* float text */
#employee .txt{width:430px;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: other page */

/*--------------------------------------- inquiry + request */
.inquiry .tableLayout01,
.request .tableLayout01{margin:0 10px;}
.inquiry .tableLayout01 th,
.request .tableLayout01 th{background-color:#f8fdff;}
.inquiry .tableLayout01 .txt01,
.request .tableLayout01 .txt01{width:180px; margin:0 10px 0 5px;}
.inquiry .tableLayout01 .txt02,
.request .tableLayout01 .txt02{width:400px;}
.inquiry .tableLayout01 .txt03,
.request .tableLayout01 .txt03{width:98%; height:6.65em;}
.request .tableLayout01 .txt04{width:100px; margin:0 10px 0 5px;}
.inquiry form p,
.request form p{margin:0 10px 15px 10px;}

.request .check{width:98%;}
.request .check li{float:left; margin:2px 24px 2px 0; white-space:nowrap;}
.request .check li.clearB{float:none;}
.request .check li input{margin-right:5px;}

/*--------------------------------------- privacy confirm */
#confirm .privacyBox{margin-top:30px; text-align:center;}
#confirm .privacyBox li{display:inline;}
#confirm .privacyBox .listStyle01{margin-left:30px;}

/*--------------------------------------- privacypolicy.html */
.privacy .inContainer h3,
#confirm .leftContents h3{
margin:10px 0;
font-weight:bold;
text-align:center;
}
.privacy .inContainer h4,
#confirm .leftContents h4{
padding:0;
border:none;
color:#5f5f5f;
background:none;
}
.privacy .inContainer p{margin-bottom:1em;}
.privacy .inContainer ol{
	margin:5px 0 0 18px;
	line-height: 160%;
}
.privacy .inContainer ol li{list-style:decimal; margin-bottom:5px;}
.privacy .inContainer dt{
	font-weight:bold;
	margin-top: 20px;
}
.privacy .inContainer dd{
	margin:10px;
	line-height: 160%;
}

/*--------------------------------------- sitemap.html */
.sitemap .inContainer div{width:327px;}
.sitemap .inContainer li{margin-bottom:5px;}
.sitemap .inContainer li ul{margin-top:5px;}
.sitemap .inContainer li li{padding-left:13px; background-image:url(../common_images/icon_lnavi_off.gif);}
.recruit #mainArea .leftContents .rec_inquiry {
	padding: 15px;
	font-size:13px;
}

.recruit #mainArea .leftContents .rec_inquiry img {
	text-align: left;
	margin-right: 50px;
	margin-left: 30px;
}
.index #mainArea .rightContents .seal .floatR div {
	margin-bottom: 15px;
}

#employee #mainArea .leftContents .inContainer .clearfix .floatR {
	width: 224px;
}

.privacy #mainArea .leftContents .inContainer #cc {
	margin-left: 400px;
	margin-right: auto;
	padding-bottom: 30px;
	text-align: left;
	}

.privacy #mainArea .leftContents .inContainer #cc h4 {
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.privacy #mainArea .leftContents .inContainer #cc p {
	padding: 0px 0px 0px 15px;
}
.privacy #mainArea .leftContents .inContainer h3 {
	padding-top: 20px;
	padding-bottom: 10px;
}

#lh160{
	line-height:180%;
	font-size:12px;
	}
.privacy #mainArea .leftContents .inContainer li {
	list-style-type: disc;
	padding: 0px;
	list-style-position: outside;
}
#kaiji {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.privacy #mainArea .leftContents .inContainer .sig {
	margin-left: 520px;
}

.privacy #mainArea .leftContents .inContainer #admin {
	width: 250px;
	margin-top: 20px;
}
.f_left {	float: left;}
.f_right {	float: right;}
.red {	color: #FF0000;}
.mt15 {	margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 5px;}
.eco h3 {padding: 0px;
		margin-top: 30px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;}


.eco p{	padding: 0px;margin: 0px;}

.eco table,th,td {	border:0px;}
.eco {
	text-align: center;
	background-image:url(../easyexposition/images/ecadlution_13.gif);
	background-repeat: repeat-x;}
.eco table {	margin: 0px auto;}
 
.eco ul{padding:8px;margin: 0px;}

.eco ul li{display: inline;margin:8px;}


.eco2 {
	text-align: center;
	background-image:url(../easyexposition/images/eco_l/ecolution_13.gif);
	background-repeat: repeat-x;}
	
.eco2 h3 {padding: 0px;
		margin-top: 30px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;}

.eco2 ul{padding:10px;margin: 0px;}
.eco2 ul li{display: inline;margin:0px;}


.Container_L{	width:907px;margin:20px auto;}