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

/* ==========================================

  “Templates” CSS

========================================== */

/* Top
========================================== */
.goodskill {
    width:100%;
    text-align:left;
    margin:1em 0;
}
.goodskill ul {
    display:block;
    padding-left:1.5em;
}
.goodskill li {
    display:list-item;
    list-style-type: circle;
    padding:0;
    margin:0 0 0 0;
}
.index .video {
    margin: 1em 0;
    text-align: center;
}
.index .video iframe {
    border: none;
    vertical-align: top;
    max-width: 100%;
    box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
    -moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
}


/* Corporate
========================================== */


/* Business
========================================== */
#business .fL { display:inline;}
#business .fR { display:inline;}
#business .fL img,#business .fR img {width:240px;}
#business .pC {	text-align:center;}
#business .pC img {width:400x;}

#business .bInt		{	margin:0 0 30px 10px;}
#business .bInt p	{	margin-bottom:1em;}
#business .bInt ol	{	margin:0 0 0 20px;}
#business .bInt li	{	list-style:decimal;}

.business .video {
    margin: 20px 0;
    text-align: center;
}
.business .video iframe {
    border: none;
    vertical-align: top;
    max-width:100%;
    box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
    -moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
}

/* Products
========================================== */
#products div		{	overflow:hidden; margin-bottom:10px;}
#products div img 	{	float:left; width:240px;}
/*#products div table	{	float:right; width:553px;}*/
#products div table th,
#products div table td	{	border-bottom:1px solid #d3d3d3; padding:3px 5px;}
/*#products div table th	{	width:70px;}*/


/* Mainequipment
========================================== */
#mainequipment .fL { display:inline;}
#mainequipment .fR { display:inline;}
#mainequipment .fL img,#mainequipment .fR img {width:240px;}
#mainequipment .pC {	text-align:center;}
#mainequipment .pC img {width:400x;}



/* Contact
========================================== */
#contact table.contact_table th{
	font-size:smaller;
}


/* Proposal
========================================== */

/* Recruit
========================================== */
.recruit .recContent-item {
    text-align:center;
}
.recruit .recContent-item p {
    text-align:left;
}

/* Process
========================================== */
.process-index {
    margin: 1em 0;
    padding: 0;
}
.process-index .box {
    background-color: white;
    border: 1px solid #444;
    padding: 8px;
    text-align:center;
}
.process-index .box a {
    display: block;
}
.process-index .arrow-next {
    display:block;
    text-align:center;
    line-height:1em;
}
.process-index .arrow-next:first-child {
    display:none;
}
.process h3.corner_title {
    margin-top: 20px;
    margin-bottom: 10px;
}
.process h3 {
    overflow: hidden;
}
.process .uplink {
    float: right;
}
.process .uplink a {
    text-decoration: none;
    color: inherit;
}
.process .process-body {
    display:none;
}
.process .process-body.visible {
    display:block;
}

/* Blog
========================================== */
.blog .blog-index {
}
.blog .blog-index td {
    padding: 4px;
}
.blog .blog-index td.date {
    width: 5em;
}

.blog ul.page-navi {
    margin: 1em;
    overflow: hidden;
    text-align: center;
}
.blog ul.page-navi li {
    display: inline-block;
    min-width: 2em;
    border: solid silver;
    border-width: 1px 0 1px 1px;
    padding: 4px;
    background-color: #eee;
}
.blog ul.page-navi li a {
    text-decoration: none;
}
.blog ul.page-navi li.prev, 
.blog ul.page-navi li.next {
    padding: 4px 16px;
}
.blog ul.page-navi li.prev {
    border-radius: 4px 0 0 4px;
}
.blog ul.page-navi li.next {
    border-right-width: 1px;
    border-radius: 0 4px 4px 0;
}
.blog ul.page-navi li.active {
    background-color: white;
}
.blog ul.page-navi li.prev-grp, .blog ul.page-navi li.next-grp {
    padding: 4px 16px;
    border-width: 1px;
    border-radius: 4px;
}
.blog ul.page-navi li.prev-grp {
    margin-right: 1em;
}
.blog ul.page-navi li.next-grp {
    margin-left: 1em;
}
.blog ul.page-navi li.hidden {
    visibility: hidden !important;
}

.blog .blog-page {
    margin-bottom: 2em;
}
.blog .blog-page .status {
    text-align: right;
}
.blog .blog-link {
    margin: 2em 0;
    text-align: center;
}
.blog h3 {
    overflow: hidden;
}