@charset 'utf-8';

/* ----- HTML再定義 ------------------------------------ */

*{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", 'メイリオ', "Osaka", "ＭＳ Ｐゴシック ",sans-serif;	
	text-align: left;
}

body {
	background-color: #F7F7F7;
	text-align: center;
	background-image: url('../images/bg.gif');
	background-repeat: repeat-x;
	min-width:1020px;
_display: inline;
_zoom:1;

}

hr{clear: both;}

a:link, a:visited {
	color: #004080;
	text-decoration: underline;
}
a:active, a:hover {
	color: #ff0000;
	text-decoration: underline;
}

img {
border: none;
}

.center{
text-align: center;
}

/* -----基本コンテナー---------- */

#container {
position: relative;
width: 1020px;
margin: 0px auto;
text-align:left;
background-color: #fff;
	background-image: url('../images/top-bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	min-height: 780px;

}

#container-about {
position: relative;
width: 1020px;
margin: 0px auto;
text-align:left;
background-color: #fff;
	background-image: url('../images/about-bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	min-height: 780px;

}

#container-company {
position: relative;
width: 1020px;
margin: 0px auto;
text-align:left;
background-color: #fff;
	background-image: url('../images/company-bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	min-height: 780px;

}

#container-access {
position: relative;
width: 1020px;
margin: 0px auto;
text-align:left;
background-color: #fff;
	background-image: url('../images/access-bg1.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	min-height: 880px;

}


#container-mail {
position: relative;
width: 1020px;
margin: 0px auto;
text-align:left;
background-color: #fff;
	background-image: url('../images/mail-bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	min-height: 780px;

}

#container-link {
position: relative;
width: 1020px;
margin: 0px auto;
text-align:left;
background-color: #fff;
	background-image: url('../images/link-bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	min-height: 780px;

}

#container-top {
position: relative;
width: 1020px;
margin: 0px auto;
text-align:left;
background-color: #fff;
	background-image: url('../images/topcontents-bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	min-height: 780px;

}




/* -----ヘッダー--------- */



header {
	position: relative;
	width: 960px;
	height: 140px;
	background-image: url('images/header.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}



header h1 {
position:absolute;
top:20px;
left: 0px;


}

header h1 a {
display: block;
text-indent: -9999px;
width: 320px;
height: 80px;
}


#header2 {
	position: relative;
	width: 960px;
	height: 140px;
	background-image: url('images/header2.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}



#header2 h1 {
position:absolute;
top:20px;
left: 0px;


}

#header2 h1 a {
display: block;
text-indent: -9999px;
width: 320px;
height: 80px;
}





/* -----記事---------- */

article{
padding: 20px;
width: 800px;
}

article table,th,td,li,p {
font-size: 90%;
color: #333;
}
article th{
font-weight: normal;
vertical-align: top;
width: 160px;
background-color: #e3e3e3;
padding: 5px;
font-size: 95%;
}

article table{
width: 100%
}


article td{
vertical-align: top;
background-color: #e1e1e1;
padding: 5px;
padding-left: 10px;
}


article ul {
margin-left: 30px;
}

article li {
}

article p {
padding: 10px;
font-size: 90%;
margin-bottom: 20px;
}

article h4 {
color: #f27900;
padding: 20px;

}



div#mainImgBox{
	margin: 0 auto;
	text-align: left;
	width: 960px;
	min-height:280px;
	height: auto !important;
	height: 280px;
	position: relative;
	
}

/* スライドショー */

#slides {
margin-top: 10px;
float: left;
opacity:0.9;	/*Firefox, Opera, Chrome, Safari*/
filter: Alpha(opacity=90); /*IE8以下*/
}




/* 上部ナビゲーション
----------------------------------------------- */

nav {
position:absolute;
top:10px;
left: 0px;
text-align: center;
height: 55px;
width: 1020px;

}

nav a {
color:#fff;

}
nav a:link{
	color: #fff;
		text-decoration:none;

}
nav a:visited {
	color: #fff;
}

nav a:hover {
	color: #ff3366;
	text-decoration: underline;
}

nav ul {
padding-left: 60px;
margin-top: 3px;

	position: relative;
	height: 35px;
	text-align: center;
	clear: both;
overflow: hidden;
text-align: center;

	}

nav ul li {
	float: left;
	list-style: none;
	display:inline;
	margin: 1px;
	opacity:0.7;	/*Firefox, Opera, Chrome, Safari*/
filter: Alpha(opacity=70); /*IE8以下*/
}

nav li a{
font-size: 12px;
	width: 140px;
	font-weight: normal;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	padding: 8px 3px;
	text-decoration: none;
	text-align: center;
	height: 28px;
	overflow: hidden;
	border:1px solid #565656;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #918888), color-stop(100%, #000000) );
	background:-moz-linear-gradient( center top, #918888 5%, #000000 100% );
	background:-ms-linear-gradient( top, #918888 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#918888', endColorstr='#000000');
	background-color:#918888;
	display:inline-block;
	text-shadow:1px 1px 0px #000;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #e0d7e0;
 	-moz-box-shadow:inset 1px 1px 0px 0px #e0d7e0;
 	box-shadow:inset 1px 1px 0px 0px #e0d7e0;
 	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
}


nav li a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #474747), color-stop(100%, #918888) );
	background:-moz-linear-gradient( center top, #474747 5%, #918888 100% );
	background:-ms-linear-gradient( top, #474747 5%, #918888 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#918888');
	background-color:#474747;
	color: #e2e2e2;
	}


nav li :active {
	position: relative;
	top: 1px;
	text-decoration: underline;
}


/* 右部ナビゲーション
----------------------------------------------- */

#contents-menu {
margin: 20px 20px 20px 700px;
}

#contents-menu a{
font-size: 14px;

}

#contents-menu img{
margin-bottom: 10px;
   border: 5px solid white;
    position:relative;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
}

#contents-menu dt{
font-size: 13px;
color: #ff173d;
}

/* コンテンツ
----------------------------------------------- */

#IndexContent{
margin-left: 20px;
margin-right: 20px;
clear: both;
	
}


#content{
width: 680px;
min-height: 500px;
background-color: #fff;
float: left;
margin-left: 10px;
	clear: both;

}

#index-menu{
margin-left: 8px;
margin-top: 50px;
}



#index-menu li{
list-style: none;
float: left;
width: 250px;
margin: 0px;
margin-bottom: 70px;
}


#index-menu a:hover{
opacity:0.57;	/*Firefox, Opera, Chrome, Safari*/
filter: Alpha(opacity=50); /*IE8以下*/

}

.indexBox{
display: none;
width: 980px;
height: 185px;
padding: 20px;
}

.ea21{
width: 980px;
height: 185px;
padding: 20px;
}

.ea21 img{
margin: 45px 0 20px 220px;
}

.indexBox h2{
display: none;
}

.topbox {margin-left: 230px;}

.topbox dt{
float: left;
margin-top: 45px;
margin-right: 30px;
}

.topbox dd{display: none;}


#kenei{
height: 255px;
text-indent: -9999px;
}

.mokuhyou{
height: 24px;
}

.Indent99{
text-indent: -9999px;
}

/* -----フッター詳細---------- */


footer{
	clear: both;
	margin: 0px auto;
	background-color: #005782;
	width: 100%;
	height: 200px;
	background-image: url('../images/footer.gif');
	background-position: 50% 0px;
	background-repeat: no-repeat;
}

#under {
width: 960px;
margin: 0px auto;
color:  #d0d0d0;

}

#under a{

font-size: 85%;
}


#under a:link{
	color: #d0d0d0;
	text-decoration: underline;
}

#under a:visited {
	color: #d0d0d0;}
	
	
#under a:active{
	color: #ff0000;
	text-decoration: underline;
}

#under a:hover {
	color: #ff0000;
	text-decoration: underline;
}

#under ul{
padding-top: 30px;
margin-left: 40px;
}

#under li{
float: left;
list-style: none;
margin-right: -10px;
color:  #d0d0d0;

}

footer address {
	clear: both;
text-align: center;
padding-top: 15px;
font-size: 11px;
color: #989898;
}


/* -----ここまで基本コンテナー---------- */

/* -----ヘッダー内詳細ー---------- */

header dl {
margin-left: 500px;
padding-top: 5px;
}

header dt {
font-size: 12px;
padding: 5px;
height: 30px;
float: left;
} 

header dd {
height: 30px;
}

header dd input{
height: 22px;

}



header a:hover img {
opacity:0.5;	/*Firefox, Opera, Chrome, Safari*/
filter: Alpha(opacity=50); /*IE8以下*/

	text-decoration: none;
	border: none;
}
dt img a{
opacity:0.9;	/*Firefox, Opera, Chrome, Safari*/
filter: Alpha(opacity=90); /*IE8以下*/
}

.keyw1 {
font-size: 12px;
color: #bababa;
width: 165px;
	border: 1px solid #9c9c9c;
	 	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


#searchform1 {
	position: relative;
}
#keywords1	{
	width: 120px;
	height: 30px;
	background: url('images/btn3.gif') no-repeat 8px 3px;
	border: 1px solid #ff2a4d;
	padding: 2px 2px 2px 24px;
}
#searchBtn1	{
	position: absolute;
	top: 9px;
	left: 880px;
	height: 26px;
}


/* 業務内容
----------------------------------------------- */

#about {
margin-top: 30px;
}

#about table {
width: 700px;
margin-left: 10px;
margin-bottom: 20px;
}

#about th{
width: 160px;
font-weight: normal;
text-align: right;
padding: 5px;
font-size: 90%;
background-color: #ededed;
border-bottom-width: 1px; border-bottom-color: #BEBEBE; border-bottom-style: dotted;

}

#about td{
padding: 5px;
font-size: 85%;
border-bottom-width: 1px; border-bottom-color: #BEBEBE; border-bottom-style: dotted;
}

#about li {
list-style: none;
font-size: 82%;
}

#sidenavi{
margin-left: 20px;
}


#aisatu{
width: 660px;
float: right;

}

#shinsa{margin-left: 15px;}


.shinsa{
float: left;
width: 322px;
margin-right: 10px;
}

.shinsa dt{
padding: 5px;
text-align: center;
font-size: 13px;
}


.shinsa dd{
padding: 5px;
text-align: center;
}

.shinsa dd img{
    border: 5px solid white;
    position:relative;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
    }


/* -----メールページヘッダー---------- */

#contact {
width: 850px;
margin: 0 auto;
   

	
}


.mail-side{
margin-top: 20px;
}

.mail-side dt,dd{
padding: 5px;
}


.mail-side dt{
font-size: 100%;
color: #640000;
background-color: #ffd9ec;

}

.mail-side dd{
margin-top: 10px;
color: #ae0000;
line-height: 130%;
}

.mail-side li {
font-size: 12px;
}





.map {
margin-left: 30px;
}

.map a{
font-size: 12px;
}

#osaka table {
margin-bottom: 10px;
}

#osaka th {
width: 120px;
background-color: #dddddd;
padding: 5px;
font-weight: normal;
text-align: right;
font-size: 13px;
}


/*
会社概要
-------------------------------------------------------------------*/

#company {
margin-top: 30px;
}

#company table {
width: 700px;
margin-left: 10px;
margin-bottom: 20px;
float: left;
}

#company th{
width: 160px;
font-weight: normal;
text-align: right;
padding: 5px;
font-size: 90%;
background-color: #ededed;
border-bottom-width: 1px; border-bottom-color: #BEBEBE; border-bottom-style: dotted;

}

#company td{
padding: 5px;
font-size: 85%;
border-bottom-width: 1px; border-bottom-color: #BEBEBE; border-bottom-style: dotted;
}

#company li {
list-style: none;
font-size: 82%;
}

#sidenavi{
margin-left: 20px;
}

.pdf{
width: 300px;
padding: 110px 10px 10px 50px;

}

#link{
width: 960px;
margin: 0 auto;
margin-top: 10px;
}

#link a{
font-size: 13px;
}


#link img{
float: left;
	border:1px solid #9b9b9b;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
     	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#link dt{
clear: both;
font-size: 20px;
font-family:ＭＳ Ｐ明朝;
padding: 10px;
background-color: #e7e7e7;
	border:1px solid #9b9b9b;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.68);
     	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 10px;
}

#link dd{
padding: 5px;
font-size: 13px;
}



/*
トップコンテンツ
-------------------------------------------------------------------*/

#top-contents h3{
}

#top-contents{
margin-top: 30px;
float: left;
width: 700px;

}

#top-contents table {
margin-left: 30px;
margin-bottom: 20px;

}

#top-contents th{
width: 160px;
font-weight: normal;
text-align: right;
padding: 5px;
font-size: 90%;
background-color: #e5e5e5;
border-bottom-width: 1px; border-bottom-color: #BEBEBE; border-bottom-style: dotted;

}

#top-contents td{
padding: 5px;
font-size: 85%;
border-bottom-width: 1px; border-bottom-color: #BEBEBE; border-bottom-style: dotted; 
}

#top-contents li {
list-style: none;
font-size: 82%;
}

#top-side{
float: right;
margin-top: 50px;
width: 240px;
}

#top-side a{
font-size: 100%;

}

#top-side li{
margin-bottom: 10px;

}

.jisseki{
width: 200px;
}

/*
スペース
-------------------------------------------------------------------*/

.spc5{height:5px; visibility: hidden; clear: both;}
.spc10{height:10px; visibility: hidden; clear: both;}
.spc15{height:15px; visibility: hidden; clear: both;}
.spc20{height:20px; visibility: hidden; clear: both;}
.spc25{height:25px; visibility: hidden; clear: both;}
.spc30{height:30px; visibility: hidden; clear: both;}
.spc35{height:35px; visibility: hidden; clear: both;}
.spc40{height:40px; visibility: hidden; clear: both;}
.spc45{height:45px; visibility: hidden; clear: both;}
.spc50{height:50px; visibility: hidden; clear: both;}
.spc55{height:55px; visibility: hidden; clear: both;}
.spc60{height:60px; visibility: hidden; clear: both;}
.spc65{height:65px; visibility: hidden; clear: both;}
.spc70{height:70px; visibility: hidden; clear: both;}
.spc75{height:75px; visibility: hidden; clear: both;}
.spc80{height:80px; visibility: hidden; clear: both;}
.spc85{height:85px; visibility: hidden; clear: both;}
.spc90{height:90px; visibility: hidden; clear: both;}
.spc95{height:95px; visibility: hidden; clear: both;}
.spc100{height:100px; visibility: hidden; clear: both;}
.spc110{height:110px; visibility: hidden; clear: both;}
.spc150{height:150px; visibility: hidden; clear: both;}


/*
バックボタン
-------------------------------------------------------------------*/

#back-top {
	position: fixed;
	bottom: 30px;
padding-left: 90%;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/backbutam.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

}
#back-top a:hover span {
	background-color: #777;
}


/*
トップのイベント
-------------------------------------------------------------------*/
.event{
	background-image: url('images/try.jpg');
	background-position: 100% 100%;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 213px;
}

.event dt{
float: left;
font-size: 13px;
background-color: #dfdfdf;
clear: both;
height: 25px;
padding: 5px;
width: 80px;
text-align: right;
}
.event dd{
font-size: 13px;
height: 25px;
padding-left: 10px;

}

.event p{
font-size: 12px;
padding: 0px 20px 0px 20px;
color: #a80000;
float: right;
width: 200px;
}

.event ul{
padding-top: 100px;
padding-left: 20px;
width: 600px;
float: left;
}

/*
環境方針
-------------------------------------------------------------------*/

.kankyou td{
padding: 3px;
}