@charset "utf-8";

/**
 * NetCommons2 レスポンシブ対応
 *
 * @package     jp.opensource-workshop
 * @author      nagahara@opensource-workshop.jp
 * @copyright   2015 opensource-workshop.jp
 * @license     http://www.netcommons.org/license.txt  NetCommons License
 * @project     Opensource-workshop NetCommons2 add-on module project
 * @access      public
 * @version     2.4.2.1-1
 */

/* 背景
----------------------------------------------*/
/*
body {
	background-color: #ffffff;
}
*/

/* bxSlider
----------------------------------------------*/

@media screen and (max-width:1000px) {

	.slide_simple {
		max-width: 100%;
	}

	.bxSlider li img {
	border: none; 
	}
}

/* ページトップへのスクロール
----------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:300;
}

#page-top img{
	cursor:pointer;
	opacity:0.8;
}

#page-top img:hover{
	opacity:1;
}

/* pc　768px以上 */
.wrap{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.mainbox{
	float: left;
	width: 700px;
}
.sidebox1{
	width: 240px;
	float: right;
}
.sidebox h2{
   margin:0;
   padding:10px 5px;
   font-size:12px;
   border-bottom:3px solid #d92e17;
   background:#fff;
}

.sidebox ul{
   margin:0;
   padding:0;
   list-style: none;
   border-top:1px solid #ddd;
}

.sidebox li {
   padding:0;
   font-size:12px;
   line-height:2.0;
   border-bottom: 1px dotted #999;
}

.sidebox a {
   display:block;
   padding:10px 0 10px 20px;
   color:#333;
   text-decoration:none;
}

.sidebox a.current {
   color:#d92e17;
   background:#eeefef;
}

.sidebox a:hover {
   color:#d92e17;
   background:#eeefef;
} 

/* スマホ　767px以下 */
@media only screen and (max-width: 767px) {
	.wrap {
		width: 100%;
	}
	.mainbox {
		float: none;
		width: 90%;
		height: 200px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.sidebox {
		/*　floatを解除 */
		float: none;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}
 
h2.info {
font-size: 150%;
	margin-top: 18px;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 4px #e72914;/*左線*/
}
h3.info {
	font-size: 130%;
	font-weight: bold;
}

p.info {
	font-size: 110%;
	line-height: 1.8;
	padding-top: 15px;
	padding-left: 10px;
	margin-bottom: 1em;

}
.leftbox{
	float: left;
	width: 50%;
}
.rightbox{
	width: 50%;
	float: right;
}

table.type01 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	margin-left: 40px;
}
table.type01 th {
	padding: 10px 20px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
table.type01 td {
	padding: 10px 20px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
.square_btn{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.5em 0.5em;
    text-decoration: none;
    color: #000000;
    background: #ECECEC;
    transition: .4s;
  }

.square_btn:hover {
    background: #000000;
    color: white;
}

div.cover {
   display: table;
   margin: 0px;
   padding: 0px;
   width: 100%;
}
div.cover div.box1 {
   display: table-cell;
   width: 720px;
}
div.cover div.box2 {
   display: table-cell;
}

a.btn_eng {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #d92e17;
  padding: 5px 17px 5px 17px;
  text-decoration: none;
}

a.btn_eng:hover {
  background: #000000;
  text-decoration: none;
}