@charset "utf-8";

/* customize bootstrap */
/* #fad400 + #001144 */

h1 {height:5px; margin-bottom:125px; line-height:10; overflow:hidden;}
#page {min-height:360px;}

#header {position:absolute; top:50px; left:0; width:100%; height:50px; z-index:100;}
#header .logo {padding:10px 0; vertical-align:bottom;}
#header .logo span {margin-left:10px;}
#header .ttct a {color:#003366; text-decoration:underline;}

#fnavi {padding:10px 0; background:#fad400; text-align:center; box-shadow:0 -1px 3px 0 rgba(0,0,0,0.25);}
#fnavi a {text-decoration:none; color:#664400; text-shadow:1px 1px 0px #ffee66;}

#footer {padding:15px 0 30px 0; background:#001144; color:#ccd; text-align:center; box-shadow:0 0 8px 0 rgba(0,0,0,0.2); text-shadow:1px 1px 0px #028;}
#footer a {color:#ccd; text-decoration:none;}

#m-inquiry {width:640px;}
#m-inquiry .control-group {margin-bottom:8px;}
#m-inquiry textarea {width:95%;height:9em;}
#m-inquiry .alert {font-size:80%; line-height:1.4;}
#m-inquiry label {font-size:80%; line-height:1;}
#m-inquiry .c-label {font-size:80%; line-height:1;}

#conce {display:none; position:fixed; widrh:300px;}

.clr {clear:both; height:1px; overflow:hidden; margin-bottom:-1px;}

.eigyo-jikan {height:220px; background:transparent url(i/eigyo-jikan.png) no-repeat; color:#ffffff; font-size:120%;}
.eigyo-jikan h3 {padding:20px 15px 15px 15px; color:#ffffff; font-weight:bold;}
.eigyo-jikan div {padding:0 15px; line-height:1.8; }
.eigyo-jikan a {color:#ffffff;}

#c-services .thumbnail {padding:10px;}
#c-services .bn {height:65px;}
#c-services .ca {height:85px;}


/* Post */
.post {padding: 0 20px 30px 20px;}
.post h2 {margin-bottom:10px; padding-left:20px; background:transparent url(i/h2.png) no-repeat 0 0;}
.post h2 a, .post h2 a hover {text-decoration: none; border:none;}
.post p {margin-bottom:1em; line-height: 1.6;}
.post li {margin-bottom:0.5em;}
.pst h2 {margin-bottom:10px; padding-left:20px; background:transparent url(i/h2.png) no-repeat 0 0;}

.tdl dt {width:120px; height:30px; margin-bottom:-30px; font-weight:bold;}
.tdl dd {margin:0 0 20px 120px;}

.companyHistory table {border-top:2px solid #333333; border-bottom:2px solid #333333;}
.companyHistory th {border-bottom:1px dotted #666666; padding-top:5px; padding-right:10px; font-weight:normal; white-space:nowrap; text-align:left;}
.companyHistory td {border-bottom:1px dotted #666666; padding-top:5px;}
.companyHistory td p {margin-bottom:0;}


.tdlm dt {width:110px; height:30px; margin-bottom:-30px; font-weight:bold;text-align:right;}
.tdlm dd {margin:0 0 20px 120px;}

.tdll dl {margin:0 0 15px 0;}
.tdll dt {width:220px; height:30px; margin-bottom:-30px; font-weight:bold;}
.tdll dd {margin:0 0 15px 230px;}

.tdls dl {margin:0 0 30px 15px;}
.tdls dt {width:150px; height:30px; margin-bottom:-30px; font-weight:bold;}
.tdls dd {margin:0 0 10px 165px;}
.tdls dd textarea[name] {width:95%;border:1px solid #666677;padding:1px;}
.tdls dd input[type="text"] {border:1px solid #666677;padding:1px;}
.tdls dd input[type="file"] {border:1px solid #666677;padding:3px;}
.tdls dd select[name] {border:1px solid #666677;}

.inqArea dt {width:150px; height:30px; margin-bottom:-30px; font-weight:bold;text-align:right;}
.inqArea dd {margin:0 0 20px 165px;}


.emArea dt {width:200px; height:20px; margin-bottom:-20px; font-weight:bold;text-align:right;}
.emArea dd {margin:0 0 15px 210px;}
.emArea dd.contacts {margin:0 0 18px 210px;}
.contacts p {
	margin-bottom:0.5em;
	line-height: 1;
}
.emArea h5 {margin-bottom:0.6em; color:#444444; font-size:110%; font-weight:bold;idth:100%;background:#6495ED; }
.emArea h5 span {padding:2px 5px; color:#f8f8f8;}



#questionBoshu {float:right;width:350px;text-align:center;font-size:90%;}
#questionBoshu em {font-size:130%;font-weight:bold;font-style:normal; color:#666666;}
#questionBoshuForm textarea {width:95%;}

#questionBoshuContents {display:none;}
#questionBoshuContents p {line-height:1.4;}

.staffImageArea {clear:both; margin:0;}
.staffImageArea ul {}
.staffImageArea li {float:left; width:170px; height:170px; border-top:1px dashed #cccccc;border-right:1px dashed #cccccc; overflow:hidden;}
.staffImageArea li img {padding:10px;}


.archiveArea {clear:both; overflow:hidden; margin:0 -1px 0 0;}
.archiveArea ul {}
.archiveArea li {clear:both; margin:0 0 10px 0;border-top:1px dashed #cccccc;padding:10px;}
.archiveArea li img {margin-bottom:30px;}
.archiveArea li p {margin-bottom:3px;}
.archiveArea li p.customer {font-weight:bold;margin-top:10px;margin-bottom:1px;}
.archiveArea li .url {margin-bottom:30px;}
.archiveArea li .url p {}

.archiveDArea {}
.archiveDArea .customer {font-weight:bold;margin-top:10px;margin-bottom:1px;}
.archiveDArea .url {margin-bottom:20px;}



.softelqa h4 {margin-bottom:0.5em;}
.softelqa h4:before {content:"Q. "; color:#cc3300; font-size:200%; font-weight:bold;}
.softelqa .qabi:before {content:"A. "; color:#006699; font-size:200%; font-weight:bold;}



.sortMark {padding:2px 2px 2px 20px; background:transparent url(i/sort.gif) no-repeat 0 50%;}
.chartMark {padding:2px 2px 2px 20px; background:transparent url(i/chart.gif) no-repeat 0 50%;}
.fileMark {padding:2px 2px 2px 20px; background:transparent url(i/folder_icon.gif) no-repeat 0 50%;}



/*
.nt table {width:100%;}
.nt table caption {font-size:120%;font-weight:bold;}
.nt table th {border:1px solid #663333; padding:3px; background:#996666;color:#ffffff;}
.nt table td {border:1px solid #663333; padding:3px;}
*/
table.nt {}
table.nt caption {font-size:120%;font-weight:bold;}
table.nt th {border:2px solid #ffffff; padding:3px; background:#ddeeee;color:#333333;font-weight:bold;text-align:left;}
table.nt td {border:2px solid #ffffff; padding:3px;}


.clear {clear:both; height:1px; overflow:hidden;}

.m {padding-bottom:10em;}

.p {margin:0 1em 1em 1em;}
.p p {margin-bottom:1em;}

.s {margin-bottom:2em;}
.s p {margin-bottom:0.5em;}
.section {margin-bottom:15px;}
.ss {margin-bottom:1em;}


.ar {padding-left:16px; background:transparent url(i/ar.gif) no-repeat 0 50%;}
.ar2 {padding-left:16px; background:transparent url(i/ar2.gif) no-repeat 0 50%; font-weight:bold; text-decoration:none;}

.errorMessage {margin:10px 50px 20px 50px; border:1px solid #cc0000; background:#ffffcc; color:#cc0000;}
.errorMessage ul {padding:10px;}
.okMessage {margin:10px 50px 20px 50px; border:1px solid #0000cc; background:#ffffcc; color:#0000cc;}
.okMessage ul {padding:10px;}





.lightTip						{  }
.lightTip .content				{ width: 280px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom				{ width: 280px; height: 14px; background: url(i/notch-white.png) bottom center no-repeat; }

.tooltips {display:none;}
.ttct ul {margin:0 0 10px 30px; list-style:square; color:#666666;}
.ttct li {line-height:1.4;}