@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{
list-style-type: none;
}

ol {
	margin: 0 0 0 15px;
}

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

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

th, td {
padding: 5px 10px;
vertical-align: top;
}

th {
background-color: #E0EDFF;
}

.columnRight {
	float: right;
}

.columnLeft {
	float: left;
}

.center {
	text-align: center;
}

#main div.cassette ul li.lustLi {
	margin: 0;
}

#main div.cassette div.divRed {
	border: 2px solid #FF0004;
	margin: 0 0 50px;
	text-align: center;
	padding: 20px;
}

#main div.cassette div.divRed p {
	color: #FF0004;
	margin: 0;
}

#main div.cassette div.divLine {
	border: 2px solid #E0EDFF;
	padding: 20px;
	margin: 0 0 20px;
}

#main div.cassette div.divLine p {
	margin: 0;
}

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

a:link { color: #0F7EDC; }
a:visited { color: #0F7EDC; }
a:hover { color: #FF3B37; }
a:active { color: #FF3B37; }
a { text-decoration: none;}

body{
text-align:center;
line-height:1.8;
color: #424242;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 90%;
height: 100%;
}

#header {
	border-top: 3px solid #0F7EDC;
}

#header #headerIn {
	width: 960px;
	height: 84px;
	margin: 0 auto;
	padding: 0;
}

#header #headerIn h1 {
	float: left;
	width: 350px;
	margin: 0 0 30px;
	padding: 30px 0 0;
}

#header #headerIn .columnRight {
	width: 360px;
	padding: 45px 0 0;
}

#header #headerIn .columnRight p {
	float: right;
	margin: 0 0 20px 200px;
	width: 130px;
}

#header #headerIn .columnRight ul li {
	float: left;
	margin: 0;
}

#gNavi {
	width: 970px;
	margin: 0 auto 20px;
}

#gNavi ul li {
	float: left;
}

#container {
	width: 980px;
	margin: 0 auto 50px;
	text-align: left;
}

h2 {
	float: left;
	margin: 0 auto 15px;
	width: 310px;
}

#pankuzu {
background-color: #fff;
text-align: left;
float: right;
width: auto;
margin: 20px 10px;
padding: 5px 15px;
border-radius: 6px;
font-size: 80%;
}

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

#main .cassette {
	background: url(../img/cassette_bk01.jpg)no-repeat;
	padding: 0 10px 0 40px;
	margin: 0 0 30px;
}

#main div.cassette h3 {
	font-size: 200%;
	background: url(../img/h3_icon.png)no-repeat 0 30px;
	padding: 20px 20px 15px;
	border-bottom: 1px dashed #CCCCCC;
	margin: 0 0 50px;
	font-family:"メイリオ",  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: inherit;
}

#main div.cassette h3 span { font-size: 80%; }

#main div.cassette h4 {
	font-size: 160%;
	color: #fff;
	font-weight: normal;
	background-color: #1180DC;
	font-family:"メイリオ",  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-radius: 6px;
	padding: 0 10px;
	margin: 0 0 30px;
}

#main div.cassette h5 {
	background:url(../img/icon03.png) no-repeat 0 8px;
	font-size: 120%;
	color: #1180DC;
	padding: 0 20px;
	margin: 0 0 20px;
}

#main div.cassette h6 {
	font-size: 110%;
	color: #1180DC;
}

#main div.cassette p {
	margin: 0 0 20px;
}

#menu {
	float: right;
	width: 240px;
	margin: 7px 10px 0 0;
}

#menu a:link { color: #333333; }
#menu a:visited { color: #333333; }
#menu a:hover { color: #0f7edc; }
#menu a:active { color: #0f7edc; }

#menu ul li {
	padding: 0 10px;
	border-bottom: 1px dashed #CCCCCC;
	margin: 0 10px;
}

#menu ul li a:link p,
#menu ul li a:visited p {
	background: url(../img/icon02.png)no-repeat 10px 12px;
	padding: 5px 10px 5px 35px;
	margin: 5px 0;
}

#menu ul li a:hover p,
#menu ul li a:active p {
	background: url(../img/icon01.png)no-repeat 13px 15px;
	background-color: #E0EDFF;
}

#menu ul li.inList a:link p {
	background: url(../img/icon06.png)no-repeat 30px 14px;
	padding: 5px 10px 5px 45px;
}

.pageTopLink {
background : url(../img/pagetop.png)no-repeat 840px 8px;
text-align: right;
width: 940px;
margin: 0 auto 20px;
font-size: 80%;
}

#footer {
	background-image: url(../img/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	font-size: 110%;
}

#footer a:link { color: #fff; }
#footer a:visited { color: #fff; }
#footer a:hover { color: #8FCDB5; }
#footer a:active { color: #8FCDB5; }

#footer .footerIn {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	height: 180px;
	padding: 0;
}

#footer .footerIn ul.footerUl li.footerLi {
	float: left;
	font-size: 82%;
	background-image: url(../img/footer_icon01.png);
	background-repeat: no-repeat;
	background-position: 20px 26px;
	padding: 20px 0 0 35px;
	width: 180px;
	border-left: 1px solid #095AA6;
	border-right: 1px solid #3883CE;
	height: 160px;
}

#footer .footerIn ul.footerUl li.footerLi02 {
	float: left;
	font-size: 82%;
	background-image: url(../img/footer_icon01.png);
	background-repeat: no-repeat;
	background-position: 20px 26px;
	padding: 0 0 0 15px;
	width: 280px;
	border-left: 1px solid #095AA6;
	border-right: 1px solid #3883CE;
	height: 160px;
	padding: 20px 0 0 35px;
}

#footer .footerIn ul.footerUl li.footerLi ul li,
#footer .footerIn ul.footerUl li.footerLi02 ul li {
	background-image: url(../img/footer_icon02.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	float: none;
	font-size: 90%;
	padding: 0 0 0 12px;
}

#footer .footerIn ul.footerUl li.footerLi02 ul li.footerLi03 {
	padding: 0;
	background-image: none;
}

#footer .footerIn ul.footerUl li.footerLi02 ul li.footerLi03 ul li {
	background-image: url(../img/footer_icon03.png);
	float: left;
	width: 100px;
}

#footer .footerIn ul.footerUl li.footerLi04 {
	float: left;
	padding: 20px 0 0 35px;
	border-left: 1px solid #095AA6;
	border-right: 1px solid #3883CE;
	height: 160px;
	width: 170px;
}
#footer .footerIn ul.footerUl li.footerLi04 ul li {
	font-size: 82%;
	background-image: url(../img/footer_icon01.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding: 0 0 0 15px;
}


#footer p.copyright {
	text-align: center;
	font-size: 80%;
}

#pagetop {
	position: fixed;
	right: 10px;
	bottom: 10px;
}

.contentsLayout #header {
	background: url(../../img/contents_headerbg.jpg) repeat-x left top;
}

.contentsLayout #contents {
	background: url(../../img/contents_img01.jpg)no-repeat center top;
}


/* indexLayout
------------------------------------*/
.indexLayout {
}

.indexLayout #gNavi {
	margin: 0 auto 380px;
}

.indexLayout #subNavi {
	margin: 0 0 20px;
}

.indexLayout #subNavi ul li {
}

.indexLayout #main {
	width: 980px;
	float: none;
}
.indexLayout #main .cassette {
padding: 0 10px 50px;
}
.indexLayout #main .divNews {
	float: left;
	margin: 0 0 20px;
}
.indexLayout #main .divWork {
	float:right;
	margin: 0 0 20px;
}

.indexLayout #main .divNews,
.indexLayout #main .divWork {
	width: 470px;
	border: 1px solid #CCCCCC;
	border-top: 3px solid #0F7EDC;
	height: 400px;
}

.indexLayout #main .divNews h3,
.indexLayout #main .divWork h3 {
	margin: 0;
	padding: 20px;
	background-image: none;
	line-height: 1;
	border-bottom: none;
}

.indexLayout #main .divWork h3 {
	border-bottom: 1px dashed #cccccc;
	margin: 0 0 20px;
}

.indexLayout #main .divNews h3 span,
.indexLayout #main .divWork h3 span {
	font-size: 45%;
	float: right;
	background: url(../img/icon02.png)no-repeat 0 0;
	padding: 0 0 0 20px;
}

.indexLayout #main .divNews ul li {
	padding: 10px 20px;
	border-top: 1px dashed #cccccc;
	color:#0C7EDC;
}

.indexLayout #main .divNews ul li span.columnLeft {
	float: left;
	width: 120px;
}
.indexLayout #main .divNews ul li span.columnRight {
	float: right;
	width: 300px;
}

.indexLayout #main .divNews ul li p {
	margin: 0;
	color:#333333;
}

.indexLayout #main .divWork ul li {
	float: left;
	padding: 0 0 20px 10px;
	width: 140px;
	height: 140px;
}

.indexLayout #main .divWork ul li span {
	background: url(../img/icon02.png)no-repeat 0 0;
	padding: 0 0 0 15px;
	font-size: 75%;
	line-height: 1.2;
}

.indexLayout #main .topBnr p.columnLeft,
.indexLayout #main .topBnr ul.columnRight {
	width: 470px;
}
.indexLayout #main .topBnr ul.columnRight li  {
	float: left;
	margin: 0 10px;
}

.bnrArea li {
	float: left;
	margin-right: 30px;
}

/* companyLayout
------------------------------------*/
.companyLayout {
	background: url(../../company/img/company_bg01.jpg)no-repeat center 55px;
}

/* companyIndexLayout
------------------------------------*/
.companyIndexLayout #main div.cassette {
	padding: 30px 10px 50px 40px;
}
.companyIndexLayout #main ul li {
	float: left;
	margin: 15px 2px;
}

/* companyGreetingLayout
------------------------------------*/
.companyGreetingLayout .greetingDiv .columnLeft {
	padding: 110px 60px;
}

.companyGreetingLayout .greetingDiv .columnRight {
	padding: 0 40px;
}

/* companyHistoryLayout 
/* companyAboutLayout
------------------------------------*/

.companyAboutLayout #main th,
.companyAboutLayout #main td,
.companyHistoryLayout #main th,
.companyHistoryLayout #main td {
	font-weight: inherit;
	margin: 10px;
	padding: 10px 10px;
	text-align: left
}

.companyAboutLayout #main th.center,
.companyAboutLayout #main td.center,
.companyHistoryLayout #main th.center,
.companyHistoryLayout #main td.center {
	width: 180px;
	padding: 0 10px;
	text-align: center;
}

.companyAboutLayout #main .center span,
.companyHistoryLayout #main .center span {
	font-weight:bold;
	color:#117FDC;
	margin: 10px 0;
	padding: 0 30px 0 0;
	width: 100px;
	display: inline-block;
	border-right: dotted 1px #1180DC;
}

/* companyBaseLayout
------------------------------------*/

.companyBaseLayout #main .columnLeft,
.companyBaseLayout #main .columnRight {
	width: 300px;
	height: 200px;
}

.companyBaseLayout #main div.cassette .pink h4 {background-color: #FF7B9A;}
.companyBaseLayout #main div.cassette .pink h5 {
	background:url(../img/icon04.png) no-repeat 0 8px;
	color: #FF7B9A;
}

.companyBaseLayout #main div.cassette .green h4 {background-color: #008C00;}
.companyBaseLayout #main div.cassette .green h5 {
	background:url(../img/icon05.png) no-repeat 0 8px;
	color: #008C00;
}

/* workLayout
------------------------------------*/
.workLayout { background: url(../../work/img/work_bg01.jpg)no-repeat center 55px; }

.workLayout ul.photoUl li {
	float: left;
	margin: 6px;
}

/* workindexLayout
------------------------------------*/
.workindexLayout #main ul li {
	float: left;
	margin: 4px;
}

/* projectLayout
------------------------------------*/
.projectLayout #main {
	float: none;
	width: 950px;
}

/* projectAguriLayout
------------------------------------*/
.projectAguriLayout { background: url(../../project/img/aguri/aguri_bg01.jpg)no-repeat center 55px; }
.projectAguriLayout #main div.cassette h3 { background: url(../img/h3_icon01.png)no-repeat 0 30px; }
.projectAguriLayout #main div.cassette h4 { background-color: #55A836; }
.projectAguriLayout #main div.cassette .columnRight { width: 340px }
.projectAguriLayout #main li {
	float: left;
	margin: 0 20px 0 0;
}

/* projectCareLayout
------------------------------------*/
.projectCareLayout { background: url(../../project/img/care/care_bg01.jpg)no-repeat center 55px; }
.projectCareLayout #main div.cassette h3 { background: url(../img/h3_icon02.png)no-repeat 0 30px; }
.projectCareLayout #main div.cassette h4 { background-color: #F094AB; }
.projectCareLayout #main div.cassette .columnRight { width: 340px }
.projectCareLayout #main li {
	float: left;
	margin: 0 20px 0 0;
}

/* projectCsrLayout
------------------------------------*/
.projectCsrLayout { background: url(../../project/img/csr/csr_bg01.jpg)no-repeat center 55px; }
.projectCsrLayout #main .columnLeft,
.projectCsrLayout #main .columnRight {
	background-color: #EFF7FD;
	padding: 20px;
}
.projectCsrLayout #main .columnLeft { width: 580px;}
.projectCsrLayout #main .columnRight { width: 220px;}
.projectCsrLayout #main p.columnLeft {
	width:320px;
	padding: 0;
	margin: 0;
	 height: auto;
}
.projectCsrLayout #main p.columnRight {
	width: 180px;
	padding: 0;
	margin: 0;
}
.projectCsrLayout #main li {
	float: left;
	margin: 0 20px 0 0;
}

.projectCsrLayout #main div.cassette h5 {
    background: none;
    padding: 0;
}

/* newsLayout
------------------------------------*/
.newsLayout { background: url(../../project/img/csr/csr_bg01.jpg)no-repeat center 55px; }

.newsLayout #main {
	float: none;
	width: 950px;
}

.newsLayout #main div.cassette ul li {
	border-bottom: 1px dashed #cccccc;
	padding: 20px 10px;
}

.newsLayout #main div.cassette ul li .columnLeft {
	width: 120px;
}
.newsLayout #main div.cassette ul li .columnRight {
	width: 750px;
}

.newsLayout #main div.cassette h4 span {
	width: 130px;
	font-size: 70%;
	float: right;
	padding: 10px 0 0;
}

/* employmentLayout
------------------------------------*/
.employmentLayout  { background: url(../../recruitment_img/employment_bg01.jpg)no-repeat center 55px; }
.employmentLayout  #main div.cassette {
	padding: 30px 10px 50px 40px;
	margin: 0 0 50px;
}
.employmentLayout #main div.cassette table { margin: 0 0 30px; }
.employmentLayout #main div.cassette td { border: 1px solid #cccccc; }
.employmentLayout  #main div.cassette ul li {
	float: left;
	margin: 0 15px 0 0;
}
.employmentLayout #main div.cassette ul li.lustLi { margin: 0; }
.employmentLayout #main ul { margin: 0 0 50px;}
.employmentLayout #main div.cassette ul.bnrDiv {
	margin: auto;
	width: 434px;
}

.employmentLayout #main div.cassette ul.bnrDiv li {
	margin: 0 10px;
}

/* otherLayout
------------------------------------*/
.otherLayout { background: url(../../company/img/company_bg01.jpg)no-repeat center 55px; }

.otherLayout #main div.cassette {
	padding: 30px 10px 50px 40px;
}

.otherLayout #main div.cassette .otherLi,
.otherLayout #main div.cassette .otherLi2 {
	width: 145px;
	float: left;
	background: url(../img/icon02.png) no-repeat 20px 26px;
	padding: 20px 0 0 45px;
}

.otherLayout #main div.cassette .otherLi2 {
	width: 190px;
}

.otherLayout #main div.cassette .otherLi2 li,
.otherLayout #main div.cassette .otherLi li {
	float: none;
	background: url(../img/icon06.png) no-repeat 0px 25px;
	padding: 15px 0 0 15px;
}

.otherLayout #main div.cassette p {
	margin: 0 0 40px;
}

/* informationLayout
------------------------------------*/
.informationLayout { background: url(../../information_img/information_bg01.jpg)no-repeat center 55px; }
.informationLayout #main {
	float: none;
	width: 950px;
}

.informationLayout #main table tr { border-bottom: 1px dashed #cccccc; }
.informationLayout #main table tr td { padding: 20px; }
	

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

#header:after,
#container:after,
#contents:after,
#footer:after,
#main .cassette div:after,
#main .cassette ul:after,
#main .cassette p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0;
line-height: 0;
}

#header,
#container,
#contents,
#footer,
#main .cassette div,
#main .cassette ul,
#main .cassette p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html #header,
* html #container,
* html #contents,
* html #footer,
* html #main .cassette div,
* html #main .cassette ul,
* html #main .cassette p,
* html .clearfix {
height: 1%
}

#header,
#container,
#contents,
#footer,
#main .cassette div,
#main .cassette ul,
#main .cassette p,
.clearfix {
display:block;
}
/* end MacIE5 */