@charset "utf-8";
/* CSS Document */

body {
font-size: 14px;
color: #333333;
font-family: メイリオ,Meiryo,ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro,ＭＳ Ｐゴシック, MS P Gothic,Osaka, Verdana,Arial, Helvetica, sans-serif;
line-height: 25px;
border-top: solid 20px #6599ff;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


a.btn {
border: solid 1px #E0DFDF;
border-radius: 10px;
display: block;
background: linear-gradient( to bottom, #535353 0%, #1F1F1F 50%,#000000 50% );
line-height: 43px;
color: #fff;
font-weight: bold;
text-align: center;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
}
a.btn:hover {
background: linear-gradient( to bottom, #6699FF 0%, #3366FF 50%,#0033CC 50%,#0033FF 100% );
text-decoration:none;
}


header {
border-top: solid 4px #E5E7E6;
border-bottom: solid 4px #E5E7E6;
box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.25);
overflow: hidden;
position: relative;
}
header .header_inner {
width: 1000px;
margin: auto;
}
header h1 {
float: left;
}
header h1 a {
display: block;
height: 80px;
width: 437px;
background: url(../img/logo.png) no-repeat center;
text-indent: -9999px;
}
header h1 a:hover {
opacity: 0.7;
}
header #nav {
float: right;
list-style: none;
margin-right: 31px;
}
header #nav li {
float: left;
}
header #nav li a {
border: solid 1px #E0DFDF;
border-radius: 10px;
display: block;
background: linear-gradient( to bottom, #535353 0%, #1F1F1F 50%,#000000 50% );
line-height: 43px;
color: #fff;
font-weight: bold;
width: 115px;
text-align: center;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
margin: 17px 4px;
}
header #nav li a.active,header #nav li a:hover {
background: linear-gradient( to bottom, #6699FF 0%, #3366FF 50%,#0033CC 50%,#0033FF 100% );
text-decoration:none;
}


footer {
background: #6699FF;
position: relative;
font-weight: bold;
color: #fff;
}
footer .footer_inner {
width: 1000px;
margin: auto;
overflow: hidden;
position: relative;
padding-bottom: 50px;
}
footer dl {
float: left;
min-width: 250px;
margin: 30px 52px 0 0;
}
footer dl a {
	color:#fff;
}
footer dl dt {
font-size: 18px;
border-bottom: dotted 2px #fff;
margin-bottom: 5px;
}
footer dl.contact_area {
box-sizing: border-box;
width: 310px;
margin: 20px 0;
background: #fff;
border: solid 1px #E0DFDF;
border-radius: 10px;
color: #323232;
padding: 10px;
float: right;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
}
footer dl.contact_area dt {
border-bottom: dotted 2px #323232;
}
footer dl.contact_area dt small {
font-size: 14px;
}
footer dl.contact_area dd {
font-size: 12px;
padding: 10px 0 10px 50px;
line-height: 16px;
font-weight: normal;
}
footer dl.contact_area dd a {
color: #323232;
text-decoration:underline;
}
footer dl.contact_area dd a:hover {
color: #6699FF;
}
footer dl.contact_area dd.mail {
background: url(../img/icn_mail.png)no-repeat left center;
}
footer dl.contact_area dd.tel {
background: url(../img/icn_mobi.png)no-repeat left center;
}
footer dl.contact_area dd.access {
background: url(../img/icn_map.png)no-repeat left center;
}
footer a.contact{
width: 210px;
margin: 15px auto 0;
}
footer .copyright {
position: absolute;
bottom: 0;
width: 1000px;
text-align: center;
line-height: 34px;
}


.totop_area {
width: 1000px;
margin: auto;
position: relative;
margin-top: 150px;
}
.totop {
position: absolute;
right: 0;
background: url(../img/totop.png)no-repeat center 10px,#fff;
width: 125px;
height: 60px;
text-indent: -9999px;
border: solid 1px #E0DFDF;
border-radius: 10px;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
bottom: -10px;
}
.totop:hover {
background: url(../img/totop.png)no-repeat center 10px,#fff;
height: 65px;
}


.cntents {
width: 1000px;
margin: auto;
overflow: hidden;
box-sizing: border-box;
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
border-radius: 10px;
border: solid 1px #E0DFDF;
color: #333333;
padding: 40px;
margin-top: 30px;
background: #fff;
}
.cntents h3{
	font-size:30px;
	margin-bottom:150px;
}
.cntents h3 small{
	font-size:24px;
	display:block;
}





/*--------------------------------------------------------------------------------------------
TOPページコンテンツ
--------------------------------------------------------------------------------------------*/
.topimg {
background: url(../img/topimg.png)no-repeat center,linear-gradient( to bottom, #fff 65%,#E4E7E6 75% );
height: 470px;
text-indent: -9999px;
box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.25);
margin-bottom: -28px;
}
.cntents.top {
padding: 5px 0;
width: 1040px;
margin-top: 0;
border: none;
box-shadow: none;
}
.cntents.top dl {
float: left;
width: 240px;
box-sizing: border-box;
background: #fff;
border: solid 1px #E0DFDF;
border-radius: 10px;
color: #4c4c4c;
padding: 10px;
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.25);
font-size: 11px;
margin: 0 10px;
height: 450px;
position: relative;
}
.cntents.top dl dt{
font-size: 18px;
font-weight: bold;
line-height: 16px;
color: #323232;
}
.cntents.top dl dt small{
font-size: 14px;
display:block;
}
.cntents.top dl dd strong{
font-size: 14px;
}
.cntents.top dl .img {
box-sizing: border-box;
height: 90px;
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
border-radius: 5px;
border: solid 3px #fff;
text-indent: -9999px;
margin-bottom: 15px;
}
.cntents.top dl .img.img01 {
background: url(../img/top_img01.png)no-repeat -373px -27px;
}
.cntents.top dl .img.img02 {
background: url(../img/top_img01.png)no-repeat -258px -198px;
}
.cntents.top dl .img.img03 {
background: url(../img/top_img01.png)no-repeat -22px -173px;
}
.cntents.top dl .img.img04 {
background: url(../img/top_img02.jpg)no-repeat -0px -0px;
background-size: 100% auto;
}
.cntents.top dl a.btn {
position: absolute;
width: 116px;
left: 10px;
bottom: 10px;
font-size: 14px;
}





/*--------------------------------------------------------------------------------------------
会社概要ページコンテンツ
--------------------------------------------------------------------------------------------*/
.cntents.profile {
position:relative;
height: 900px;
}
.cntents.profile table{
}
.cntents.profile table tr{}
.cntents.profile table td{padding: 0 10px 10px 0;vertical-align: top;}
.cntents.profile .map {
position: absolute;
top: 235px;
right: 20px;
overflow: hidden;
padding: 5px;
}
.cntents.profile .map iframe{
float:right;
}
.cntents.profile .map a {
border: solid 1px #E0DFDF;
border-radius: 10px;
display: block;
background: linear-gradient( to bottom, #535353 0%, #1F1F1F 50%,#000000 50% );
line-height: 43px;
color: #fff;
font-weight: bold;
width: 150px;
text-align: center;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
margin: 17px 4px;
float:right;
}
.cntents.profile .map a:hover {
background: linear-gradient( to bottom, #6699FF 0%, #3366FF 50%,#0033CC 50%,#0033FF 100% );
text-decoration:none;
}
.cntents.profile .map .map_inner {
border-radius: 5px;
box-shadow: 0 0 5px 0px rgba(0,0,0,0.25);
overflow: hidden;
border: solid 5px #fff;
}



/*--------------------------------------------------------------------------------------------
会社案内ページコンテンツ
--------------------------------------------------------------------------------------------*/
.cntents.service {
position:relative;
}
.cntents.service ul {
margin-bottom: 40px;
}
.cntents.service dt{
font-weight: bold;
font-size: 18px;
}
.cntents.service li {
margin: 10px 60px;
}
.cntents.service dd {
margin: 10px 40px;
}
.cntents.service h4 {
font-size: 18px;
text-decoration:underline;
margin-bottom: 20px;
}


.cntents.service a.to_lang {
border: solid 1px #E0DFDF;
border-radius: 10px;
display: block;
background: linear-gradient( to bottom, #535353 0%, #1F1F1F 50%,#000000 50% );
line-height: 43px;
color: #fff;
font-weight: bold;
width: 150px;
text-align: center;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
position: absolute;
top: 40px;
right: 40px;
}
.cntents.service a.to_lang:hover {
background: linear-gradient( to bottom, #6699FF 0%, #3366FF 50%,#0033CC 50%,#0033FF 100% );
text-decoration:none;
}
.to_service_info {
float: left;
width: 240px;
box-sizing: border-box;
background: #fff;
border: solid 1px #E0DFDF;
border-radius: 10px;
color: #4c4c4c;
padding: 10px;
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.25);
font-size: 11px;
margin: 0 10px;
position: relative;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.to_service_info:hover {
background: #ddd;
}
.to_service_info a {
height: 154px;
width: 240px;
display: block;
text-indent: -9999px;
position: absolute;
top: 0px;
left: 0px;
}
.to_service_info h2 {
font-size: 18px;
font-weight: bold;
line-height: 16px;
color: #323232;
}
.to_service_info h2 small{
font-size: 14px;
display: block;
}
.to_service_info .img {
box-sizing: border-box;
height: 90px;
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
border-radius: 5px;
border: solid 3px #fff;
text-indent: -9999px;
margin-top: 10px;
}
.to_service_info .img.img01 {
background: url(../img/top_img01.png)no-repeat -22px -173px;
}
.to_service_info .img.img02 {
background: url(../img/top_img02.jpg)no-repeat -0px -0px;
background-size: 100% auto;
}


/*--------------------------------------------------------------------------------------------
会社案内詳細ページコンテンツ
--------------------------------------------------------------------------------------------*/
.cntents.service_info {
position:relative;
}
.cntents.service_info p{
	margin-bottom:20px;
	padding-right:300px;
}
.cntents.service_info h3 {
	margin-bottom:20px;
}
.cntents.service_info ul {
margin-bottom: 40px;
}
.cntents.service_info dt{
font-weight: bold;
font-size: 18px;
}
.cntents.service_info li {
margin: 10px 60px;
}
.cntents.service_info dd {
margin: 10px 40px;
}




/*--------------------------------------------------------------------------------------------
お問い合わせページコンテンツ
--------------------------------------------------------------------------------------------*/
.cntents.contact {
position:relative;
}
.cntents.contact h3 {
	margin-bottom:20px;
}
.ss-footer {
display: none;
}