@charset "UTF-8";

/* ------------------------------------------
                GLOVALNAVI NEW 
------------------------------------------ */

#globalnavi_new {
	background: #E6EB5D;
}

#globalnavi_new #sa_logo a:hover {
	background: #5B3A0A;
}

.header_nav_select  {
	border-right: solid 1px #D0D45C;
	background: url(/share/images/bg_select_sa.png) no-repeat left;
}

.header_nav_select dl {
	height: 50px;
	text-align: center;
}

.header_nav_select dt span {
	background: url(/share/images/icon_newarrow_sa.png) no-repeat center top;
}

.header_nav_select dl dt span:hover {
	background: #5B3A0A;
}

.header_nav_select dl dt {
	background: url(/share/images/bg_dropdown_sa.png) no-repeat bottom center;	
}

#globalnavi_new .nav_switch dd a {
	background: #5B3A0A url(/share/images/icon_newarrow_sa.png) no-repeat center top;
	color: #fff;
}

dl.drop_down dd a:hover {
	background: #5B3A0A;
}

#globalnavi_new .nav_switch dd a:hover {
background: #5B3A0A;
}

.header_nav_detail {
	border-right: solid 1px #D0D45C;
}

span.type_arrow {
	background: url(/share/images/icon_typearrow_sa.png) no-repeat;
}

.header_nav_detail dt {
	background: #D9DD5C;
	border-bottom: solid 1px #D0D45C;
}

.header_nav_detail dd {
	border-right: solid 1px #D0D45C;
}

.header_nav_detail dd:hover {
	background: #5B3A0A;	
}

#other_nav li {
	border-right: solid 1px #D0D45C;
}

#other_nav li:hover {
	background: #5B3A0A;
}

#other_nav li a {
	background: url(/share/images/icon_newarrow_sa.png) no-repeat center top;
}

.header_nav_detail dd ul,
#other_nav ul {
	border: solid 5px #5B3A0A;
}

#nav_construction dd ul li a.product_name,
#nav_marketing dd ul li a.product_name  {
	color: #5B3A0A;
}

#nav_construction dd ul li a.product_name:hover,
#nav_marketing dd ul li a.product_name:hover,
#other_nav li ul li span.txt a.product_name:hover {
	color: #5B3A0A;
}

#other_nav li ul li span.txt a.product_name {
	color: #5B3A0A;
}

#product_nav li {
	border-right: solid 1px #D0D45C;

}

#product_nav li a {
	background: url(/share/images/icon_newarrow_sa.png) no-repeat center top;
}

#product_nav li a:hover {
	background: #5B3A0A;	
}

#product_nav li:hover {
	background: #5B3A0A;
}

#product_nav ul {
	border: solid 3px #5B3A0A;
}

span.type_arrow {
	background: url(/share/images/icon_typearrow_sa.png) no-repeat;
}

footer#sa-common-footer #footer_mainarea {
padding: 30px 0;
background: #111;
}

footer#sa-common-footer #footer_mainarea .inner {
width: 980px;
margin: 0 auto;
}

footer#sa-common-footer #footer_mainarea_head {
margin-bottom: 15px;
}

footer#sa-common-footer #footer_mainarea_body {
color: #fff;
font-size: 93%;
}

footer#sa-common-footer .footer_info {
width: 320px;
float: left;
}

footer#sa-common-footer .footer_info p {
margin-bottom: 10px;
}

footer#sa-common-footer .footer_info a {
color: #fff;
}

footer#sa-common-footer .footer_info ul {
margin-bottom: 20px;
}

footer#sa-common-footer .footer_info ul li {
line-height: 150%;
}

footer#sa-common-footer .footer_info ul.footer_info_nav li {
padding-left: 8px;
background: url(../images/top/icon_arrow_footer.gif) no-repeat left;
}

footer#sa-common-footer .footer_info ul.footer_social li {
display: inline;
padding-right: 3px;
}

footer#sa-common-footer .footer_nav {
width: 220px;
float: left;  
}

footer#sa-common-footer .footer_nav p {
margin-bottom: 10px;
color: #d7e053;
}

footer#sa-common-footer .footer_nav ul {
margin-bottom: 30px;
}

footer#sa-common-footer .footer_nav ul li {
margin-bottom: 5px;
}

footer#sa-common-footer .footer_nav ul li a {
color: #fff;
}

footer#sa-common-footer #nav_enterprise {
    width: 260px;
}

footer#sa-common-footer #nav_company {
    width: 160px;
}

/* ------------------------------------------
                   LAYOUT
------------------------------------------ */

a:link {
color: #254A8B;
text-decoration: none;
}

a:hover {
color: #395E9F;
text-decoration: underline;
}

a:visited {
color: #254A8B;
text-decoration: none;
}

a:active {
color: #254A8B;
text-decoration: none;
}

#localnavi {
    float: right;
    font-size: 86%;
    margin-right: 0;
    max-width: 800px;
    text-align: right;
}

#localnavi ul li a:hover {
	background: url(/share/images/localnavi-border-bottom.png) repeat-x bottom;
	text-decoration: none;
}

#localnavi ul li.on a {
    background: url(/share/images/localnavi-border-bottom.png) repeat-x bottom;
}

.content_col2 aside section h1 {
background: #5B3A0A;
}

.content_col2 aside section h1 a {
color: #fff;
}

/* ------------------------------------------
              Mainvisual base
------------------------------------------ */

#mainvisual {
    padding: 2.5em 0 2.5em 0;
	background: url(/movabletype/images/mainvisual_mt6_bg.png) no-repeat center;
}

#mainvisual  .inner {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
}

#mainvisual  .inner h3 {
	width: 100%;
    margin-bottom: 0.5em;
	text-align: center;
    font-size: 2.8125em;
}

#mainvisual  .catchcopy {
	width: 100%;
    margin-bottom: 1em;
	text-align: center;
	color: #5B3A0A;
}

#mainvisual .txt {
	width: 100%;
    margin-bottom: 1em;
	text-align: center;
}

#mainvisual .txt a {
text-decoration: underline;
}

#mainvisual .txt a:hover {
text-decoration: none;
}

#mainvisual .btngroup {
	width: 100%;
    margin-top: 2em;
}

#mainvisual .btngroup a {
	width: 33%;
	min-width: 160px;
}

/* ------------------------------------------
                   Styles
------------------------------------------ */

article table {
border-top: solid 1px #CDDA8F;
border-left: solid 1px #CDDA8F;
}

article table th {
background: #6E7B29;
border-right: solid 1px #CDDA8F;
border-bottom: solid 1px #CDDA8F;
}

article table td {
border-right: solid 1px #CDDA8F;
border-bottom: solid 1px #CDDA8F;
}

#content .ttl-witharrow {
background: url(/movabletype/images/border-ttl.png) no-repeat center bottom;
margin-bottom: 1.8rem;
padding-bottom: 2rem !important;
text-align: center;
}

/* ------------------------------------------
                     btn
------------------------------------------ */

.btn-default {
	background: linear-gradient(#BEC217 0px, #B5B916 100%) repeat scroll 0 0 #BEC217;
}

.btn-default:hover {
	background: linear-gradient(#B5B916 0px, #ADB115 100%) repeat scroll 0 0 #B5B916;
}

.btn-default:active {
	background: linear-gradient(#B5B916 0px, #BEC217 100%) repeat scroll 0 0 #BEC217;
}

/* ------------------------------------------
                     404
------------------------------------------ */

#mainvisual-404 .inner h3 {
padding-top: 0.2em;
margin-bottom: 0.3em;
font-size: 55px;
font-family:'Akko W01 Light','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
line-height: 1.1;
}

#notfound-lead {
    text-align: center;
}

#notfound-navi .col {
padding: 1em;
box-sizing: border-box;
border: solid 1px #e1e1e1;
background: #f9f9f9;
}

#notfound-navi .col p {
margin-bottom: 1em;
}

#notfound-navi .col p:last-of-type {
margin-bottom: 0;
}

#notfound-navi .col .links a {
background-color: #fff;
}

#notfound-navi .col .links a:hover {
background-color: #f9f9f9;
}

#notfound-navi h1 {
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 20px;
font-size: 25px;
text-align: center;
border-bottom: solid 1px #e1e1e1;
}

#notfound-navi form {
text-align: center;
}

#notfound-navi input[type="text"] {
display: inline-block;
width: 70%;
height: 38px;
padding: 0 0.5em;
border: solid 1px #ccc;
vertical-align: top;
box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
font-size: 20px;
}

#notfound-navi input[type="text"]:focus {
box-shadow: none;
border: solid 1px #c1c1c1;
}

#notfound-navi button {
width: 20%;
height: 40px;
padding: 0;
line-height: 30px;
text-align:center;
vertical-align: top;
border-top-left-radius : 0;
border-bottom-left-radius : 0;
border: none;
}

#notfound-menu h2 {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: solid 1px #e1e1e1;
font-size: 18px;
font-weight: bold;
text-align: center;
}

#notfound-menu ul {
margin-bottom: 1em;
}

#notfound-menu ul li a {
padding-left: 20px;
background: url(/share/images/top/arrow_local_sa01.gif) no-repeat left ;
font-size: 86%;
}

.mainvisual-global {
    background: url(/share/images/bg-top.png) no-repeat center top !important;
}


/* ------------------------------------------
                    ABOUT
------------------------------------------ */

#mainvisual-about-top .inner h3 {
margin-bottom: 0;
}

#header-bottom h2 {
    font-size: 21px;
    font-weight: normal;
    line-height: 100%;
    padding-top: 14px;
    width: 200px;
}

#header-bottom h2#logo-about {
width: 89px;
}

#header-bottom h2#logo-about img {
width: 100%;
}

#company-profile-tb {
width: 100%;
border-top: solid 1px #e1e1e1;
border-left: solid 1px #e1e1e1;
}

#company-profile-tb th {
padding: 0.7em;
border-right: solid 1px #e1e1e1;
border-bottom: solid 1px #e1e1e1;
background: #f1f1f1;
}

#company-profile-tb td {
padding: 0.7em;
border-right: solid 1px #e1e1e1;
border-bottom: solid 1px #e1e1e1;
}

#about-top-partner ul li a {
padding-left: 20px;
background: url(/share/images/top/arrow_local_sa01.gif) no-repeat left ;
}

#about-history-about .f_left {
float: left;
margin: 0 30px 30px 0;
}

#about-history-about .f_right {
float: right;
margin: 0 0 30px 30px;
}

#about-history-about .imgbox {
margin-bottom: 2em;
}

#about-history-detail table {
width: 100%;
border-top: solid 1px #e1e1e1;
border-left: solid 1px #e1e1e1;
}

#about-history-detail table th {
width: 15%;
padding: 0.7em;
border-right: solid 1px #e1e1e1;
border-bottom: solid 1px #e1e1e1;
background: #f1f1f1;
}

#about-history-detail table td {
padding: 0.7em;
border-right: solid 1px #e1e1e1;
border-bottom: solid 1px #e1e1e1;
}

#about-management section {
margin-bottom: 3em;
}

#about-management .imgbox img {
float: left;
margin: 0 15px 0 0;
}

#about-access-detail .col-6 {
float: left;
}

#about-access-detail .col-6:first-of-type {
margin-left: 0;
}

#about-access-detail .col-6 img {
max-width: 100%;
}

#about-access-place p {
margin-bottom: 2em;
}

#about-access-place iframe {
width: 100%;
height: 400px;
text-align: right;
}

.emoji_img {
display: inline-block;
float: right;
margin: 0 0 30px 30px;
text-align: right;
}

#emoji_license {
padding: 1em;
border: solid 1px #e1e1e1;
background: #f1f1f1;
}

#emoji_license img {
float: left;
margin : 0 15px 30px 0;
}

#openid-about img {
float: right;
margin: 0 0 0 30px;
}

#openid-detail .a_center {
text-align: center;
}

/* ------------------------------------------
                    JOBS
------------------------------------------ */

#mainvisual-jobs .inner h3 {
margin-bottom: 0;
}

#jobs-top p {
margin-bottom: 1em;
}

.content_col1 section.jobs-type {
margin-bottom: 4em;
}

.jobs-type ul {
margin-bottom: 1em;
}

.jobs-type ul li {
padding-left: 15px;
background: url(../images/top/icon_ul_nolink.gif) no-repeat 0 9px;
}

.jobs-type h1 {
margin-bottom: 0 !important;
}

.job-content aside section h1 {
background: #111 !important;
}

.toph-image {
max-width: 456px;
margin: 0 0 0 30px;
text-align: right;
float: right;
}

#toph_cc_textarea {
width: 100%;
min-height: 3em;
}

.icon-xml {
position: relative;
top: -0.1em;
display: inline-block;
padding: 0.3em 0.8em;
font-size: 79%;
color: #fff;
background: #ff8400;
line-height: 1;
}


/* ------------------------------------------
                  SEARCH
------------------------------------------ */

.mainvisual-search h3 {
margin-bottom: 0 !important;
}

#mainvisual-search #mainvisual {
margin-top: 0;
}

/* ------------------------------------------
                  MTINC
------------------------------------------ */

#mainvisual-mtinc-top #mainvisual {
margin-top: 0;
}

#mainvisual-mtinc-top #mainvisual h3 {
line-height: 1.2;
}

.mtinc-content p {
margin-bottom: 2em;
}

#footer_mtinc {
text-align: center;
}

#sitemap-body h2 {
padding-bottom: 0.5em;
margin-bottom: 0.5em;
border-bottom: solid 1px #d1d1d1;
}

#sitemap-body h3 {
margin-bottom: 0.5em;
font-size: 114%;
font-weight: bold;
}

#sitemap-body ul li {
padding-left: 1.1em;
background: url(/share/images/top/arrow_local_sa01.gif) no-repeat left center;
}

#social-official dl {
display: table;
width: 100%;
}

#social-official dl dt {
display: table-cell;
width: 65px;
padding-left: 0;
background: none;
}

#social-official dl dd {
display: table-cell;
vertical-align: middle;
padding-left: 0;
}

#social-official dl dd.name {
width: 22%;
}

.blog-box {
width: 80px;
min-height: 110px;
float: left;
margin: 0 1em 0.5em 0;
text-align: center;
}

.blog-box span {
display: block;
margin-bottom: 5px;
font-size: 86%;
line-height: 1.2;
}

#social-official .col-group {
margin-bottom: 0;
}

#social-guideline {
line-height: 1.6;
}

#social-guideline .graybox {
padding: 0.7em;
margin-bottom: 1em;
background: #f1f1f1;
}

#social-guideline .graybox span {
display: inline-block;
padding: 0.8em 0 0 1em;
}

#social-guideline section {
margin-bottom: 3em;
}

#social-guideline p.mb30 {
margin-bottom: 3em;
}

#social-guideline ul li ul {
padding: 1em 0;
}

#social-guideline ul li ul li {
padding-left: 1.1em;
background: url(../images/top/arrow_local_sa01.gif) no-repeat left center;
}

#social-guideline h2 {
font-size: 200%;
}

#social-guideline h3 {
font-size: 114%;
font-weight: bold;
}

#social-guideline-employee ul.linklist li {
padding-left: 1.1em;
background: url(../images/top/arrow_local_sa01.gif) no-repeat left center;
}

#about-customer-top p {
margin-bottom: 1em;
}

#about-customer-license {
text-align: center;
}

#about-customer-license h1 {
margin-bottom: 2rem;
}

#about-customer-license .btngroup {
padding: 2em 0 3em 0;
}

#about-customer-license .btngroup a {
width: 30%;
}

#about-customer-license .col {
position: relative;
}

#about-customer-license .col p {
line-height: 1.2;
font-size: 40px;
color: #254a8b;
font-family:'Akko W01 Light','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

#about-customer-license .col p span {
font-size: 80px;
font-weight: bold;
letter-spacing: -5px;
}

#about-customer-license .col h3 {
margin-bottom: 0;
font-size: 1.35em;
}

#about-customer-license .col .body {
position: relative;
z-index: 100;
}

#about-customer-license .col-group {
margin-bottom: 2em;
}

#about-customer-license .body img {
max-width: 100%;
}

#about-customer-license .body p {
position: absolute;
top: 142px;
left: 0;
width: 100%;
}

/* ------------------------------------------
                 for tablet
------------------------------------------ */

@media(max-width:768px){

* {
	box-sizing: border-box;
}

.about-content {
padding-left: 1em;
padding-right: 1em;
}

.jobs-content {
padding-left: 1em;
padding-right: 1em;
}

#search-body iframe {
width: 100% !important;
max-width: 100% !important;
}

#about-customer-license .btngroup a {
width: 100%;
}

#about-customer-license .col p span {
font-size: 100px;
}

#about-customer-license .body img {
max-width: 312px;
margin: 0 auto;
}

#about-customer-license .body p {
position: absolute;
top: 195px;
left: 0;
width: 100%;
}

}



/* ------------------------------------------
                  for sp
------------------------------------------ */

@media(max-width:480px){
	
#about-access-detail .col-6 {
width: 100%;
float: none;
margin-left: 0;
margin-bottom: 2em;
}

#about-access-place iframe {
width: 100%;
height: 300px;
}

.about-content h1 {
margin-bottom: 0 !important;
}

#about-history-detail table {
font-size: 86%;
}

#about-history-detail table th {
width: 25%;
}

#company-profile-tb {
font-size: 86%;
}

.emoji_img {
margin-left: 0;
}

.emoji_img img {
width: 100%;
max-width: 100%;
}

.toph-image {
max-width: 100%;
}

#social-official dl {
display: block;
}

#social-official dl dt {
display: block;
float: left;
}

#social-official dl dd {
display: block;
}

#social-official dl dd.name {
float: none;
width: 100%;
height: 50px;
padding-top: 12px;
margin-bottom: 5px;
}

#social-official dl dd.txt {
float: none;
width: 100%;
}

#about-customer-license .col p span {
font-size: 100px;
}

#about-customer-license .body {
max-width: 280px;
margin: 0 auto;
}

#about-customer-license .body img {
max-width: 280px;
margin: 0 auto;
}

#about-customer-license .body p {
position: absolute;
top: 170px;
left: 0;
width: 100%;
}

}