@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul, ol{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
}

th, td {
padding: 10px 10px;
border: 1px solid #999999;
vertical-align: top;
}

th {
background-color: #eee;
}


/* common
------------------------------------*/

a:link { color: #666666; text-decoration:none; }
a:visited { color: #666666; text-decoration:none; }
a:hover { color: #0066FF; text-decoration: underline; }
a:active { color: #0066FF; text-decoration: underline; }

body {
font-size:80%;
text-align:center;
line-height:1;
color: #333333;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-color: #FBF9F5;
}

#header {
height: 180px;
width: 959px;
margin: auto;
text-align: left;
}

#header .header01 {
width: 959px;
padding: 10px 0;
display: inline-block;
}

#header .header01 p {
font-size: 80%;
padding: 0 0 20px;
}

#header .columnLeft {
float: left;
width: 400px;
}

#header .columnRight {
float: right;
width: 370px;
padding: 5px 0 0;
}

#header .header01 ul li {
float: left;
padding: 0 0 0 10px;
margin: 0 0 0 15px;
background-image: url(../img/icn01.gif);
background-repeat: no-repeat;
background-position: 0 3px;
}

#gNavi {
text-align: left;
display: inline-block;
}

#gNavi ul li {
float: left;
}

#container {
margin:0px auto;
background-image: url(../img/bg01.jpg);
background-repeat: no-repeat;
background-position: center 100px;
}

#contents {
width: 959px;
margin:0px auto;
text-align: left;
background-color: #FAF9F5;
padding: 0 0 30px;
}

h2 {
background-image: url(../img/h2_bg.gif);
background-repeat: no-repeat;
background-position: 0 40px;
padding: 0 0 40px 15px;
font-size: 200%;
}

#contents ul li {
background-image: url(../img/icn05.gif);
background-repeat: no-repeat;
background-position: 6px 7px;
padding: 0 0 0 16px;
}

#main {
width: 690px;
float: left;
}

#main h3 {
font-size: 175%;
color: #1B50A1;
margin: 0 0 50px;
line-height: 1.3;
}

#main h4 {
background-image: url(../img/h4_icn01.gif);
background-repeat: no-repeat;
background-position: 0 1px;
border-bottom: 2px #999999 double;
font-size: 155%;
color: #1C50A2;
padding: 0 0 10px 25px;
margin: 30px 0;
}

#main h4.h4style01 {
background-image: none;
border-bottom: none;
padding: 0;
margin: 30px 0 20px;
line-height: 1.3;
}

#main h5 {
font-size: 110%;
margin: 10px 0;
}

#main .cassette p,
#main .cassette ul,
#main .cassette dl,
#main .cassette table {
margin: 0 0 20px;
line-height: 1.5;
}

#main .cassette {
margin: 20px 20px 40px;
}

#menu {
width: 229px;
float: right;
}

#menu .menuUl {
margin: 10px 0 20px;
}

#menu ul li {
background-image: none;
padding: 0;
}

#menu .menuUl li {
background-image: url(../img/icn01.gif);
background-repeat: no-repeat;
background-position: 15px 3px;
border-bottom: 1px #999999 double;
font-size: 120%;
color:#333333;
width: 195px;
padding: 0 0 15px 33px;
}

#menu ul {
padding: 0;
}

#menu ul li {
margin: 0 0 15px;
}

#menu ul li.menuLi {
margin: 0 0 5px;
}

#footer {
background-image:url(../img/footer_bg.jpg);
background-repeat: repeat-x;
margin: 0 auto;
height: 117px;
}

#footer .footerStyle01 {
margin: 0 auto;
width: 959px;
height: 39px;
}

#footer .footerStyle02 {
text-align: left;
margin: 0 auto;
width: 959px;
}

#footer .footerStyle01 .columnLeft,
#footer .footerStyle02 .columnLeft {
float: left;
width: 590px;
margin: 14px 0;
}

#footer .footerStyle01 .columnLeft ul li {
float: left;
background-image: url(../img/icn03.jpg);
background-repeat: no-repeat;
background-position: 0 2px;
padding: 0 10px 0 10px;
}

#footer .footerStyle02 .columnLeft ul li {
float: left;
margin: 0 20px 0 0;
line-height: 1.5;
}

#footer .footerStyle01 .columnRight,
#footer .footerStyle02 .columnRight {
text-align: right;
float: right;
width: 360px;
}

#footer .footerStyle01 .columnRight p {
margin: 0;
}

#footer .footerStyle02 .columnRight p {
margin: 15px 0;
}

#footer .footerStyle01 a:link { color: #ffffff; text-decoration:none; }
#footer .footerStyle01 a:visited { color: #ffffff; text-decoration:none; }

#pankuzu {
padding: 0 0 20px;
}

.pageTopLink {
text-align: right;
margin: 10px 0;
}

.pageTopLink2 {
background-image: url(../img/icn07.gif);
background-repeat: no-repeat;
background-position: 0 7px;
float: right;
margin: 20px 0;
padding: 0 0 0 10px;
}

.columnRight {
display: block;
float: right;
}

.columnLeft {
display: block;
float: left;
}

.txtRed {
color: #CC0000;
}

.txtCenter {
text-align: center;
}

.navigation {
float: left;
}



/* indexLayout
------------------------------------*/

.indexLayout {
}

.indexLayout #container {
background-image: url(../../img/bg.jpg);
background-repeat: no-repeat;
background-position: top;
}

.indexLayout #header {
}

body.indexLayout {
}

.indexLayout #topimage {
background-image: url(../../img/main_bg.jpg);
background-repeat: repeat-x;
height: 338px;
padding: 20px 0 0;
}

.indexLayout #topimage li {
margin: 0;
}

.indexLayout #contents {
}

.indexLayout .indexDivStyke {
width: 959px;
margin: 0 0 20px;
}

.indexLayout #main {
width: 630px;
}

.indexLayout #contents .cassette {
margin: 0 0 20px;
}

.indexLayout h2 {
background-image: none;
border-bottom: 2px double #CCCCCC;
padding: 10px 15px;
font-size: 120%;
margin: 0 0 10px;
}

.indexLayout h2 span {
background-image: url(../img/icn01.gif);
background-repeat: no-repeat;
background-position: 0 3px;
padding: 0 0 0 10px;
float: right;
font-size: 80%;
color: #888;
font-weight:normal;
}

.indexLayout h2 {
background-image: none;
font-size: 120%;
}

.indexLayout #menu {
width: 270px;
float: right;
}

.indexLayout #menu ul {
padding: 0;
}

.indexLayout #menu ul li {
margin: 0 0 14px;
}

/* newsLayout
------------------------------------*/

.newsLayout #contents .cassette h2 span {
background-image: url(../img/icn01.gif);
background-repeat: no-repeat;
background-position: 0 19px;
padding: 17px 10px 0 10px;
float: right;
font-size: 50%;
color: #888;
font-weight:normal;
}

.indexLayout #contents .cassette ul li h3,
.newsLayout #contents .cassette ul li h3 {
font-size: 130%;
margin: 0;
}

.newsLayout #main h3.entry-title {
line-height: 1;
}

.indexLayout #contents .cassette ul li,
.newsLayout #contents .cassette ul li {
background-image: url(../img/icn02.gif);
background-repeat: no-repeat;
background-position: 15px 19px;
border-bottom: 2px dotted #CCCCCC;
padding: 15px 0 15px 40px;
margin: 0;
line-height: 1;
}

.indexLayout .cassette ul.styleUl01 li .columnLeft,
.newsLayout .cassette ul.styleUl01 li .columnLeft {
float: left;
width: 160px;
}

.indexLayout .cassette ul.styleUl01 li .columnRight,
.newsLayout .cassette ul.styleUl01 li .columnRight {
float: right;
width: 400px;
line-height: 1.7;
font-size: 110%;
}

.newsLayout #main h3.entry-title {
background-image: url("../img/h4_icn01.gif");
background-position: 0 1px;
background-repeat: no-repeat;
border-bottom: 2px double #999999;
color: #1C50A2;
font-size: 160%;
margin: 30px 0;
padding: 0 0 10px 25px;
}

.navigation {
margin: 10px 0 0 3px;
}

.newsLayout #main .navigation li {
float: left;
}

/* companyIndexLayout
------------------------------------*/
.companyIndexLayout table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}

.companyIndexLayout th, td {
border: 1px solid #999999;
padding: 10px;
vertical-align: top;
}

.companyIndexLayout th {
background-color: #EEEEEE;
}

.companyIndexLayout tr {
border-bottom: 0px dotted #CCCCCC;
}

/* companyMessageLayout
------------------------------------*/

.companyMessageLayout #main .cassette ul {
float: left;
width: 610px;
background-color: #F0F0F0;
padding: 10px 20px;
font-size: 110%;
margin: 0 0 40px;
}

.companyMessageLayout #main .cassette ul li {
background-image: url(../img/icn04.gif);
background-repeat: no-repeat;
background-position: 0 15px;
border-bottom: dotted #BBBBBB 1px;
padding: 10px 0 10px 25px;
color: #1C50A2;
width: 580px;
}

.companyMessageLayout #main .cassette ul li.lilust {
border-bottom: dashed #999999 0px;
padding: 10px 0 10px 25px;
}

/* recruitIndexLayout
------------------------------------*/

.recruitIndexLayout #main .cassette p.recruitP  {
	 color: #FF0000;
	 border: #FF0000 1px solid;
	 text-align: center;
	 padding: 10px;
	 margin: 10px 100px;
}

/* environmentIndexLayout
------------------------------------*/

.environmentIndexLayout #main .environmentDivstyle .columnLeft {
width: 500px;
}

.environmentIndexLayout #main .environmentDivstyle p.columnRight {
width: 135px;
}

.environmentIndexLayout #main .environmentDivstyle .environmentP {
display: inline-block;
float: right;
line-height:2.5;
}

/* equipmentIndexLayout
/* equipmentGuideLayout
------------------------------------*/

.equipmentIndexLayout #main .cassette .columnLeft,
.equipmentGuideLayout #main .cassette .columnLeft {
width: 320px;
}

.equipmentIndexLayout #main .cassette .columnRight,
.equipmentGuideLayout #main .cassette .columnRight {
width: 320px;
}

.equipmentIndexLayout #main .cassette img,
.equipmentGuideLayout #main .cassette img {
margin: 0 0 5px;
}

.equipmentIndexLayout #main .cassette p,
.equipmentGuideLayout #main .cassette p {
margin: 0 0 30px;
}

.equipmentGuideLayout #main .cassette ul li {
background-image: none;
float: left;
width: 151px;
margin: 0;
padding: 0 14px 0 0;
font-size: 80%;
}

.equipmentGuideLayout #main .cassette ul li.liLust {
padding: 0;
}

/*serviceIndexLayout
/*serviceWarehouseLayout
------------------------------------*/

.serviceIndexLayout {
}

.serviceIndexLayout #main .cassette ul li,
.serviceWarehouseLayout #main .cassette ul li {
background-image: none;
float: left;
margin: 0 16px 0 0;
padding: 0;
}
.serviceIndexLayout #main .cassette ul li.lilust,
.serviceWarehouseLayout #main .cassette ul li.lilust {
margin: 0;
}

.serviceIndexLayout #main .cassette .columnLeft,
.serviceIndexLayout #main .cassette .columnRight {
width: 320px;
}

.serviceIndexLayout #main .cassette .columnLeft2 {
float: left;
width: 400px;
background-color: #F0F0F0;
padding: 10px 20px;
font-size: 110%;
margin: 0 0 40px;
}

.serviceIndexLayout #main .cassette .columnLeft2 li {
background-image: url(../img/icn04.gif);
background-repeat: no-repeat;
background-position: 0 23px;
border-bottom: dotted #BBBBBB 1px;
padding: 10px 0 10px 25px;
color: #1C50A2;
width: 375px;
}

.serviceIndexLayout #main .cassette .columnLeft2 li.lilust,
.serviceWarehouseLayout #main .cassette .serviceWarehouseUl li.lilust {
border-bottom: dashed #999999 0px;
padding: 10px 0 10px 25px;
}

.serviceIndexLayout #main .cassette .columnRight2 {
float: right;
width: 180px;
}

.serviceWarehouseLayout #main .cassette .serviceWarehouseUl {
background-color: #F0F0F0;
padding: 10px 20px;
font-size: 110%;
margin: 0 0 10px;
}

.serviceWarehouseLayout #main .cassette .serviceWarehouseUl li {
background-image: url(../img/icn04.gif);
background-repeat: no-repeat;
background-position: 0 15px;
border-bottom: dotted #BBBBBB 1px;
padding: 10px 0 10px 25px;
color: #1C50A2;
width: 580px;
}

.serviceIndexLayout #main .cassette img {
margin: 0 0 5px;
}

.serviceIndexLayout #main .cassette .serviceUl,
.serviceWarehouseLayout #main .cassette .serviceUl {
margin: 40px 0;
}

.serviceIndexLayout #main .cassette ul.serviceUl li {
width: 236px;
float: left;
background-color: #F0F0F0;
background-image: url(../img/icn04.gif);
background-repeat: no-repeat;
background-position: 20px 24px;
padding: 20px 40px;
}

.serviceIndexLayout #main .cassette ul.serviceUl li.lilust {
margin: 0;
}

.serviceIndexLayout #main .cassette ul.serviceUl p {
height: 80px;
padding: 0px;
}

.serviceIndexLayout #main .cassette ul.serviceUl img {
border-top: dotted #BBBBBB 1px;
padding: 20px 0 0;
}

.serviceWarehouseLayout #main .cassette ul.serviceUl li {
width: 236px;
float: left;
background-color: #F0F0F0;
background-image: none;
padding: 20px 40px;
}

.serviceWarehouseLayout #main .cassette ul.serviceUl li h4 {
background-position: 0 2px;
border-bottom: dotted #BBBBBB 1px;
font-size: 130%;
}

.serviceWarehouseLayout #main .cassette ul.serviceUl li.lilust {
margin: 0;
}

.serviceWarehouseLayout #main .cassette ul.serviceUl p {
height: 130px;
padding: 0px;
}

.serviceWarehouseLayout #main .h3Style {
background-color: #F3EEE8;
border-top: solid #94A9CA 3px;
color: #333333;
font-size: 120%;
padding: 10px 40px;
margin: 0;
}

.serviceWarehouseLayout #main .cassette ul.serviceUl02 li {
margin: 0;
padding: 40px 0;
border-bottom: dotted #BBBBBB 1px;
}

.serviceWarehouseLayout #main .cassette ul.serviceUl02 li span.columnLeft,
.serviceWarehouseLayout #main .cassette ul.serviceUl02 li span.columnRight {
width: 315px;
}

.serviceWarehouseLayout #main .cassette ul.serviceUl02 li span.columnLeft {
margin: 0 20px 0 0;
}

/* otherMapLayout
------------------------------------*/

.otherMapLayout #main .cassette ul li ul.sitemap-ul {
padding: 10px 0;
}

.otherMapLayout #main .cassette ul li.sitemap-li {
float: left;
background-image: url("../img/icn01.gif");
background-position: 0px 6px;
background-repeat: no-repeat;
color: #333333;
padding: 0 0 15px 10px;
width: 152px;
}

/* wideslider
------------------------------------*/

.wideslider {
	width: 100%;
	height: 357px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}

.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
background: url(../../img/main_btn01.png) no-repeat right center;
}
.slider_next {
background: url(../../img/main_btn02.png) no-repeat left center;
}

.pagination {
	bottom: 10px;
	width: 100%;
	margin: 0 0 0 420px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background-image: url(../img/icn06.gif);
	background-repeat: no-repeat;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

form.search {
position: relative; 
margin: 0;
}


/* --- テキストボックス --- */
form.search input.textBox {
width: 215px; /* テキストボックスの幅 */
height: 20px;
margin: 3px 10px 3px 0;
padding: 0;
background-color: #ffffff; /* テキストボックスの背景色 */
}

/* --- ボタン --- */
form.search input.btn {
width: 60px; /* ボタンの幅 */
height: 30px; /* ボタンの高さ */
padding: 0;
margin: 0;
position: absolute;  
top: 0;
}


/* clearfix
------------------------------------*/

div:after,
ul:after,
li:after,
p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}

div,
ul,
li,
p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html div,
* html ul,
* html li,
* html p,
* html .clearfix {
height: 1%
}

div,
ul,
li,
p,
.clearfix {
display:block;
}
/* end MacIE5 */