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

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

  “Templates” CSS

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

/* Top
========================================== */
.goodskill {
    width:530px;
    text-align:left;
    margin:40px 0;
}
.goodskill h4 { /* #whatsnew_box h4 とほぼ共通 */
    font-size:18px;
    font-weight:bold;
    padding:5px 15px;
    border:solid 1px #ccc;
    margin:1em 0;
    width:7em;
}
.goodskill ul {
    display:block;
    padding-left:1.5em;
}
.goodskill li {
    display:list-item;
    list-style-type: circle;
    padding:0;
    margin:0 0 0 0;
}
#cont_right.top .video {
    width:530px;
    margin:40px 0;
    text-align:center;
}
#cont_right.top .video iframe {
    margin:0 10px;
}


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


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

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

#cont_right.business .video {
    margin:20px 0;
    text-align:center;
}
#cont_right.business .video iframe {
    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
========================================== */
#cont_right.products div		{	overflow:hidden; margin-bottom:20px;}
#cont_right.products div img 	{	float:left; width:177px;}
#cont_right.products div table	{	float:right;}
#cont_right.products div table th,
#cont_right.products div table td	{	border-bottom:1px solid #d3d3d3; padding:3px 5px;}
#cont_right.products div table th	{	width:70px;}


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


/* Contact
========================================== */


/* Proposal
========================================== */
#cont_right.proposal .fL { display:inline;}
#cont_right.proposal .fR { display:inline;}
#cont_right.proposal .fL img, #cont_right.proposal .fR img {width:320px;}
#cont_right.proposal .pC {	text-align:center;}
#cont_right.proposal .pC img {width:400px;}

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


/* Recruit
========================================== */

/*
*/
#cont_right.recruit .fL { display:inline;}
#cont_right.recruit .fR { display:inline;}
#cont_right.recruit .fL img, #cont_right.recruit .fR img {width:320px;}
#cont_right.recruit .pC {	text-align:center;}
#cont_right.recruit .pC img {width:400px;}

#cont_right.recruit .recContent { margin-bottom:2em; }
#cont_right.recruit .recContent-item { clear:both; margin:0 0 30px 10px; }
#cont_right.recruit .recContent-item img { float:right; width:320px; margin:0 0 10px 10px; }
#cont_right.recruit .recContent-item p.image-in {  }

#cont_right.recruit .requirement { margin-bottom:2em; }

/* Process
========================================== */
#cont_right .process-index {
    margin: 0;
    padding: 0px;
}
#cont_right .process-index table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
#cont_right .process-index td.box {
    background-color: white;
    border: 1px solid #444;
    padding: 8px;
    min-width: 5em;
    text-align:center;
    vertical-align: middle;
}
#cont_right .process-index td.box a {
    display: block;
    max-height: 300px;
    overflow: hidden;
}
#cont_right .process-index td.arrow1-head {
    height:30px;
    width:30px;
    background-image: url(../images/process-arrow1-head.png);
    background-position: left center;
}
#cont_right .process-index td.arrow1-next {
    height:30px;
    width:20px;
    background-image: url(../images/process-arrow1-next.png);
    background-position: left center;
}
#cont_right .process-index td.arrow1-last {
    height:30px;
    width:15px;
    background-image: url(../images/process-arrow1-last.png);
    background-position: left center;
}
#cont_right .process-index td.arrow2-head {
    height:30px;
    width:30px;
    background-image: url(../images/process-arrow2-head.png);
    background-position: left center;
}
#cont_right .process-index td.arrow2-next {
    height:30px;
    background-image: url(../images/process-arrow2-next.png);
    background-position: left center;
}
#cont_right .process-index td.arrow2-last {
    height:30px;
    width:15px;
    background-image: url(../images/process-arrow2-last.png);
    background-position: left center;
}
#cont_right .process {
    margin-top: 2em;
    clear: both;
}
#cont_right .process .imgBase {
    text-align: center;
    font-size: 0.1px;
    word-spacing: 10px;
    margin: 10px 0;
}
#cont_right .process .fL { display:inline;}
#cont_right .process .fR { display:inline;}
#cont_right .process .fL img, #cont_right .process .fR img {width:320px;}
#cont_right .process .pC { text-align:center;}
#cont_right .process .pC img {width:400px;}
#cont_right .process .bInt { margin:0 0 30px 10px;}
#cont_right .process .bInt p  { margin-bottom:1em;}
#cont_right .process .bInt ol { margin:0 0 0 20px;}
#cont_right .process .bInt li { list-style:decimal;}
#cont_right .process h3 {
    overflow: hidden;
}
#cont_right .process .uplink {
    float: right;
}
#cont_right .process .uplink a {
    text-decoration: none;
    color: inherit;
}

/* Blog
========================================== */
#cont_right.blog .blog-index {
    background-color: white;
    border: 1px solid silver;
    padding: 8px;
}
#cont_right.blog .blog-index td {
    padding: 4px;
}
#cont_right.blog .blog-index td.date {
    width: 5em;
}

#cont_right.blog ul.page-navi {
    margin: 1em;
    overflow: hidden;
    text-align: center;
}
#cont_right.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;
}
#cont_right.blog ul.page-navi li a {
    text-decoration: none;
}
#cont_right.blog ul.page-navi li.prev, 
#cont_right.blog ul.page-navi li.next {
    padding: 4px 16px;
}
#cont_right.blog ul.page-navi li.prev {
    border-radius: 4px 0 0 4px;
}
#cont_right.blog ul.page-navi li.next {
    border-right-width: 1px;
    border-radius: 0 4px 4px 0;
}
#cont_right.blog ul.page-navi li.active {
    background-color: white;
}
#cont_right.blog ul.page-navi li.prev-grp, #cont_right.blog ul.page-navi li.next-grp {
    padding: 4px 16px;
    border-width: 1px;
    border-radius: 4px;
}
#cont_right.blog ul.page-navi li.prev-grp {
    margin-right: 1em;
}
#cont_right.blog ul.page-navi li.next-grp {
    margin-left: 1em;
}
#cont_right.blog ul.page-navi li.hidden {
    visibility: hidden !important;
}

#cont_right.blog .blog-page {
    margin-bottom: 2em;
}
#cont_right.blog .blog-page .status {
    text-align: right;
}
#cont_right.blog .blog-link {
    margin: 2em 0;
    text-align: center;
}
#cont_right.blog h3 {
    overflow: hidden;
}
#cont_right.blog .fL { display:inline;}
#cont_right.blog .fR { display:inline;}
#cont_right.blog .fL img, #cont_right.blog .fR img {width:320px;}
#cont_right.blog .pC {	text-align:center;}
#cont_right.blog .pC img {width:400px;}

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