html, body {font-size: 14px; color:#333; background-color:#EEE; font-family:"ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, sans-serif, 微軟正黑體, 新細明體, Arial, "Arial Black", Verdana; }
a {color:#666;}
a:hover {text-decoration:none;}

.no-margin {margin:0;padding:0;}
.no-wrap {white-space:nowrap;}
.debug {border: 1px solid red;}

#header-container {background-color:#FFF;}
#header-row {height: 4em; padding-top:1em;}
#header-logo-col {padding-bottom:1em;}
#header-logo-col .dropdown-menu a {color: #999; font-size: 100%;}
#header-logo-image {vertical-align:middle;}
#header-menu-col-row {padding-bottom:1em;}
#header-menu-col-row-language-col a {color: #CCC;}
#header-menu-col-row-language-col a.active {color: #000;}


#footer-container {}

#footer-social-row {line-height: 8em; height: 8em;}
#footer-social-row img { height: 36px;}
#footer-copyright-row {line-height: 4em; height: 4em;background-color:#000; color:#FFF;}

#index-banner-container-fluid {background-color:#FFF; padding}
#index-banner-row {color:white; display:block; background-image: url('imgs/index-banner-background.png'); background-size:100% 100%; position:relative;}
#index-banner-logo { padding-top: 40px; margin: 20px; width: 40%;}
#index-banner-text-container { height: 300px;}
#index-banner-title {font-size: 180%; margin: 10px; color:rgba(185,277,249);}
#index-banner-description {font-size: 120%; }
#index-banner-arrow-container { height: 211px;background: url('imgs/index-banner-arrow.png') no-repeat; background-position:center bottom; position:absolute;bottom:-30px; width:100%;}


#index-banner-container {margin:0; }
#index-banner-container img {max-width: none;}
.index-banner-slide-image-container {position:absolute; bottom:200px;}
.index-banner-slide-image-subject {font-size: 180%; margin:10px color:rgba(185,277,249);}
.index-banner-slide-image-description {font-size: 120%;}


#index-news-container-fluid {padding-bottom:30px; color:#333; background: #EEE url('imgs/index-banner-arrow.png'); background-repeat: no-repeat; background-position:top center; padding-top: 145px; margin-top:5px;} 
#index-news-title {font-size: 200%;}


#index-news-block-container-fluid {background: url('imgs/slash.png'); margin:0; }
.index-news-block { background-color:#FFF; box-shadow: 5px 5px 5px #888; padding: 10px; margin-top:30px;}
.index-news-more a {color: #28A7E1;}
.index-news-subject {font-size: 140%; font-weight:bolder; margin: 10px; overflow:hidden; height:56px; }
.index-news-summary {font-size: 120%; margin:10px; overflow:hidden; height:48px}
.index-news-image-container {width:100%; padding:10px; height: 150px; overflow:hidden}
.index-news-image { width: 100%;}

#index-map-container {background-color:#BBB; color:#FFF; margin:0; padding:0; padding-top:62px;position:relative;}
#index-map-row {width:100%;  margin:0; padding:0color:white; display:block; background-image: url('imgs/index-map-background.png'); background-size: cover;}
#index-map-content {height: 65vh;min-height: 300px; padding:0;margin:0;padding-top: 20vh; margin: 30px; }
#index-map-content-subject {font-size: 200%; white-space:nowrap;}
#index-map-content-subject .gash {color:#e5006e;}
#index-map-content-description {font-size: 120%; color: #CCC; margin-top: 30px;}

#index-map-arrow-container { height: 207px;background: url('imgs/index-map-arrow.png') no-repeat; background-position:center bottom; width:100%; position:absolute;top:-28px;}

#index-oversea-container-fluid  { background-color: #FFF; }
#index-oversea-container { padding-top: 120px; color:#333; background: url('imgs/index-banner-arrow.png') no-repeat; background-position:center top; }
#index-oversea-title {font-size: 200%;margin: 30px; margin-bottom: 80px;}

#index-oversea-block-01 .index-oversea-block-logo {background: #FFF url('imgs/index-oversea-block-01.png') no-repeat center top; background-size: 100px 100px; width:140px; height:120px; margin:auto; margin-top:-50px;}
#index-oversea-block-02 .index-oversea-block-logo {background: #FFF url('imgs/index-oversea-block-02.png') no-repeat center top; background-size: 100px 100px; width:140px; height:120px; margin:auto; margin-top:-50px;}
#index-oversea-block-03 .index-oversea-block-logo {background: #FFF url('imgs/index-oversea-block-03.png') no-repeat center top; background-size: 100px 100px; width:140px; height:120px; margin:auto; margin-top:-50px;}
#index-oversea-block-04 .index-oversea-block-logo {background: #FFF url('imgs/index-oversea-block-04.png') no-repeat center top; background-size: 100px 100px; width:140px; height:120px; margin:auto; margin-top:-50px;}
#index-oversea-block-05 .index-oversea-block-logo {background: #FFF url('imgs/index-oversea-block-05.png') no-repeat center top; background-size: 100px 100px; width:140px; height:120px; margin:auto; margin-top:-50px;}
#index-oversea-block-06 .index-oversea-block-logo {background: #FFF url('imgs/index-oversea-block-06.png') no-repeat center top; background-size: 100px 100px; width:140px; height:120px; margin:auto; margin-top:-50px;}

#index-oversea-block-01 .index-oversea-block-content, #index-oversea-block-01 .index-oversea-block-modal-content { border: 3px solid #38beef;}
#index-oversea-block-02 .index-oversea-block-content, #index-oversea-block-02 .index-oversea-block-modal-content { border: 3px solid #e61874;}
#index-oversea-block-03 .index-oversea-block-content, #index-oversea-block-03 .index-oversea-block-modal-content { border: 3px solid #90c31f;}
#index-oversea-block-04 .index-oversea-block-content, #index-oversea-block-04 .index-oversea-block-modal-content { border: 3px solid #106fb8;}
#index-oversea-block-05 .index-oversea-block-content, #index-oversea-block-05 .index-oversea-block-modal-content { border: 3px solid #920783;}
#index-oversea-block-06 .index-oversea-block-content, #index-oversea-block-06 .index-oversea-block-modal-content { border: 3px solid #6eb92b;}


#index-oversea-block-row { padding-left: 10%; padding-right:10%;}
.index-oversea-block-content, .index-oversea-block-modal-content {height: 180px; width: 100%; padding:5px; margin:5px; margin-bottom:100px; border-radius:10px; cursor:pointer;}
.index-oversea-block-subject {font-size:180%; font-weight:bolder;}
.index-oversea-block-modal-subject {margin:10px;}
.index-oversea-block-description {font-size:120%;}

.index-oversea-block-modal-content {height: 180px; width: 100%; padding:5px; margin:5px; margin-bottom:100px; border-radius:10px; cursor:pointer;}
.index-oversea-block-modal-subject {font-size:180%; font-weight:bolder;}
.index-oversea-block-modal-description {font-size:120%;}

#index-oversea-flow-button {width:100%; font-weight:bolder;}
#index-oversea-flow-button-expand {float:right;clear:right; color:#999}

#index-oversea-more-row {background-color:#FFF; margin-top:30px;}
#index-oversea-more-button-background {display:table; margin:auto; background: url('imgs/index-banner-background.png?dummy=123'); background-size: cover; margin-top:30px; border-radius: 5px;}
#index-oversea-more-button {color:#c344a3; font-size: 120%; display:table; margin:3px; background-color: #fff; border-radius:3px;}

#index-feature-section {margin-top:-5px; border: 1px solid #CCC;}
#index-feature-introduction {background: url('imgs/section-bar.png'); background-size: 100% 100%; color:#FFF; font-size: 180%; padding:10px 16px; margin-bottom:30px;}


#index-feature-introduction-description .row {padding: 30px 40px; font-size: 120%;}
#index-feature-introduction-description .row img {margin-bottom: 30px;font-size: 120%;}
#index-feature-introduction-description .subject {font-weight:bolder;}

#index-feature-proposal {background: url('imgs/section-bar.png'); color:#FFF; font-size: 180%; padding:10px 16px; margin-bottom:30px;}
#index-feature-proposal-description {padding:1em;}

#index-feature-proposal-start { border: 1px solid #7BF; border-radius: 5px; margin-top: 5em; margin-bottom:3em; padding: 10px; font-size:120%; text-align:center;}
#index-feature-proposal-start .subject { color: #7BF; font-size: 120%; display:block; margin-bottom:10px;}

#index-feature-proposal-success { border: 1px solid #A08; border-radius: 5px; margin-top: 5em; margin-bottom:3em; padding: 10px; font-size:120% text-align:center;}
#index-feature-proposal-success .subject { color: #A08; font-size: 120%; display:block; margin-bottom:10px;}

#index-feature-proposal-step-list {width:100%;}

.index-feature-proposal-step {font-size: 100%; border: 1px solid #CCC; border-radius:5px; margin-bottom:1em;display:table;clear:both; width:100%; padding: 5px;}
.index-feature-proposal-step div:nth-child(n+2) {font-size: 120%; margin-top:1.1em; height: 100%;}
.index-feature-proposal-step .subject {color: #AAA; font-size: 200%; display:block; margin-top:0;}

.index-feature-proposal-step img {width:20px;}


#index-oversea-partner-trans-container-fluid 
{ background: #FFF; background-image: url('imgs/slash.png'); height: 60px; position:relative}
#index-partner-arrow-container { height: 214px;background: url('imgs/index-partner-arrow.png') no-repeat; background-position:center bottom; top:0;}




#index-partner-container { padding-top: 120px; color:#333; position:relative;}
#index-partner-title {font-size: 200%;margin: 30px;}
#index-partner-block-row {text-align:center;}
#index-partner-block-row img {max-height: 80px; margin: 30px; max-width:300px;}









#company-tab-bar-container-fluid {margin-top: 30px; border-bottom: 2px solid #222; margin-bottom:80px;}
#company-tab-bar-row a {font-size: 120%; margin:0; padding:0; line-height:1.4em; padding:0.2em 1em 0.2em 1em; margin-left:-1em; white-space:nowrap; margin-right: 30px;}
#company-tab-bar-row a.active 
{ 
	background: url('imgs/section-bar.png');
	background-repeat: repeat-x;
	background-size: 100% 0.2em;
	background-position: center bottom;
}

#company-tab-bar-xs-row table {width:100%;}
#company-tab-bar-xs-row table td {border: 2px solid #CCC;}
#company-tab-bar-xs-row a {font-size: 120%; margin:0; padding:0; line-height:1.4em; padding:0.2em 1em 0.2em 1em; margin-left:-1em; white-space:nowrap;}
#company-tab-bar-xs-row a.active 
{ 
	background: url('imgs/section-bar.png');
	background-repeat: repeat-x;
	background-size: 100% 0.2em;
	background-position: center bottom;
}





#company-banner-row {height:400px; color:white; display:block; background-image: url('imgs/company-banner.png'); background-size:100% 100%; border-top: 8px solid #3f3a39;}
#coo-banner-row {height:400px; color:white; display:block; background-image: url('imgs/coo-banner.png'); background-size:100% 100%; border-top: 8px solid #3f3a39;}
#brand-banner-row {height:400px; color:white; display:block; background-image: url('imgs/brand-banner.png'); background-size:100% 100%; border-top: 8px solid #3f3a39;}
#history-banner-row {height:400px; color:white; display:block; background-image: url('imgs/history-banner.png'); background-size:100% 100%; border-top: 8px solid #3f3a39;}

#company-content table td { padding: 0.5em 1em; font-size: 100%}
#company-content table tr td:first-child { border-right: 3px solid #CCC;}

#history-content table td {padding: 0.5em; font-size: 120%; color:#999;}
#history-content table tr {border-bottom: 1px solid #CCC;}
#history-content table tr td:first-child { font-size: 200%; color: #000;}



#news-banner-row {height:300px; color:white; display:block; background-image: url('imgs/news-banner-background.png'); background-size:100% 100%;margin-bottom:80px;}
#news-banner-logo { height: 57px; margin-top:120px;}
#news-banner-back { margin-top: 80px;}
#news-banner-back a { color:#FFF;}


#news-list .news-list-row {margin-bottom:40px;}
#news-list .news-year {font-size: 120%; color:#CCC;}
#news-list .news-date {font-size: 300%;}
#news-list .news-subject {font-size: 200%;}






#news-detail-banner-row {height:300px; color:white; display:block; background-image: url('imgs/news-banner-background.png'); background-size:100% 100%;margin-bottom:80px;}
#news-detail-banner-logo { height: 57px; margin-top:120px;}
#news-detail-banner-back { margin-top: 80px;}
#news-detail-banner-back a { color:#FFF;}

#news-detail-year {font-size: 120%;}
#news-detail-date {font-size: 300%;}
#news-detail-subject {font-weight: bolder; font-size: 200%; margin-bottom:40px;}
#news-detail-description {font-size: 120%;}
#news-detail-image-list img {float:left;}


#contact-banner-row {height:300px; color:white; display:block; background-image: url('imgs/contact-banner-background.png'); background-size:100% 100%;margin-bottom:80px;border-top: 8px solid #3f3a39;}
#contact-banner-logo { height: 57px; margin-top:120px;}
#contact-banner-back { margin-top: 80px;}
#contact-banner-back a { color:#FFF;}

#contact-container {
  background: url('imgs/index-banner-background.png');
	background-size: cover;
	padding: 5px;
}

#contact-dialog {opacity: 0.9; display:block;}
#contact-dialog .panel-body {padding:40px;}
#contact-dialog input.form-control:invalid, #contact-dialog textarea:invalid {border: 1px solid red;}
#contact-dialog input.form-control.invalid {border: 1px solid red;}
#contact-dialog label[required]:after { content: ' *';}

#contact-finished-dialog-body-subject {font-size: 200%;margin-bottom: 20px;}
#contact-finished-dialog-body-description {font-size: 120%; margin-bottom: 20px;}

.no-show {visibility:hidden}

