@charset "utf-8";
/* CSS Document */
a , a:hover, a:visited { color: #333; text-decoration: none; }
a:hover { opacity: 0.5; }
header {
  width: 1080px;
  height: 300px;
  margin: 0 auto;
  border-top: 6px solid #f6ad49;
  border-bottom: 6px solid #f6ad49;
  background-image: url(../img/headerimg.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right top;
}
header h1 {
    width: 100%;
    height: 83px;
    border-bottom: 6px solid #f6ad49;
    background-image: url(/contents/img/kkj_logo_x2.png);
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: 10px 15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
  header h1 a {
  display: block;
  width: 100%;
  height: 100%;
}
header h2 {
    width: 100%;
    height: 206px;
    /*background-image: url(../img/kikouhuudo-jyutaku-sympo_header.png);
    background-size: cover; 
    background-repeat: no-repeat;
    text-indent: 100%;*/
    white-space: nowrap;
    overflow: hidden;
}
#gheader {
    width: 1010px;
    margin: 0 auto;
    padding: 25px 0 5px;
    font-size: 90%;
}
footer { width: 1080px; margin: 0 auto; background: #ccc; }
footer div {
    text-align: center;
    padding: 3px 0;
}

.content .content_block {
    width: 100%;
    background: #ffddbc;
    margin: 35px 0 0;
    padding: 30px 45px 45px;
}
.content .content_block:first-child { background: #ffddbc; }
.content .content_block h3 {
    width: 100%;
    margin: 0 0 35px;
    padding: 5px 0 10px;
    border-bottom: 3px solid #f6ad49;
    font-size: 26px;
    /*font-weight: bolder;*/太字指定
}
.content .content_block .lead {
    padding: 0 30px 30px;
    font-size: 16px;
}
.content .content_block .inner {
    padding: 15px 30px;
    font-size: 16px;
    background: #fff;
}
.content .content_block .inner:nth-of-type(2) {
    margin: 45px 0 0;
}
.content .content_block .inner ul { list-style: none; }
.content .content_block .inner ul li {
    padding: 0 0 0 40px;
    background-image: url("../img/arrow_orange.png");
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 200%;
}
.content .content_block .inner ul li a {
    text-decoration: none;
}
.content .content_block .inner h4 {
    width: 100%;
    margin: 0 0 35px;
    /*padding: 10px 0;
    border-bottom: 3px solid #f6ad49; */
    font-size: 18px;
    font-weight: normal;
	
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}
.content .content_block .inner .twocolumn { overflow: hidden; }
.content .content_block .inner .twocolumn p:first-of-type { width: 340px; float: left; }
.content .content_block .inner .twocolumn p:last-of-type { width: 560px; float: left; line-height: 1.4; }
.content .content_block .inner .twocolumn p:last-of-type a { display: block; margin: 35px 0 0; }
#pageTop a { background-color: #f6ad49; }

/*動画配信用ページのtwocolumn設定*/
.content .content_block .inner .twocolumn02 { overflow: hidden; }
.content .content_block .inner .twocolumn02 p:first-of-type { width: 340px; float: left; }
.content .content_block .inner .twocolumn02 p:last-of-type { width: 560px; float: left; line-height: 1.4; }
.content .content_block .inner .twocolumn02 p:last-of-type a { display: block; margin: 5px 0 0; }/*35px→5pxに変更*/

/*上部メニューの記述01*/
.header-menu ul{
display: table;
margin: 0 auto;
padding: 0;
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
}
.header-menu ul li{
display: table-cell;	
min-width: 230px;
vertical-align: middle;
}

.header-menu ul li a{
display: block;
width: 100%;
padding: 10px 0;
text-decoration: none;
color: #555;
font-weight: bold;
}
.header-menu ul li.current{
background-color: #f6ad49;
}
.header-menu ul li.current a{
color: #fff;
}
.header-menu ul li:hover{
background-color: #f6ad49;
text-color: #fff;
}

h3{
	width: 100%;
	height: auto;
	padding:30px　5px　5px　5px; 
	border-bottom:solid 3px #f6ad49;
	color:#000; 
	font-size:20px !important;
	font-weight: 500;
}

.sympo_table {
  border-collapse: collapse;
  border: solid 2px orange;/*表全体を線で囲う*/
  width: 100%
}
.sympo_table th, .sympo_table td {
  border: dashed 1px orange;/**/
  /*破線 1px オレンジ*/
}
/*余白と文字装飾は省略*/
.sympo_table th {/*table内のthに対して*/
  padding: 10px;/*上下左右10pxずつ*/
	  color: #302833;/*文字色*/
  background: #fff5e5;/*背景色*/
}

.sympo_table td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下3pxで左右10px*/
}

/*動画配信用テーブルのtdのみに下線を引く*/
.sympo_table2{
	border-collapse: collapse;
    border-spacing: 0;
	width: 100%
}

.sympo_table2 th,.sympo_table2 td{
    border-bottom: dashed 1px orange;
    padding: 10px;
}

/*動画配信用テーブルの最下部のtdのみに下線を消す*/

.noborder {
  border-bottom: none !important;
}

.menu ul{
  margin:0;
  padding:0;
	width: 100%;
}
.menu ul li {
	list-style: none;
	margin:0;
	padding:0;
	font-size:14px;
	float: left;
	position: relative;
	width: 20%;/*親メニューの幅*/
	height: 50px;/*親メニューの高さ*/
	line-height: 50px;
	background: #fff;/*親メニューの背景色*/
	color: #000;/*親メニューの文字色*/
	text-align:center;
	font-weight:bold;
	border-left:3px /*dotted*/ #FFF;
}
.menu ul li a {
  color: #000;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
	background:#f6ad49;/*ホバー時の親メニューの背景色*/
	color:#333333;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
  position: absolute;
  top: 50px;/*親メニューの高さと同じにする*/
  width: 100%;
  z-index: 100;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 100%;/*サブメニューの幅*/
  height: 0;
  background:#cccccc;/*サブメニューの背景色*/
/*  list-style-image: url(../img/menu_point.png);*/
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#f8b862;/*ホバー時のサブメニューの背景色*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:50px;/*サブメニューの高さ*/
  z-index: 10;
}
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.menu ul li:first-child{
  border-left: none; /* 区切り線 */
}

.menu ul li:last-child{
  border-light: none; /* 区切り線 */
}

.menu ul li.current{
background-color: #f6ad49;
}
.menu ul li.current a{
color: #000;
}

.menu ul li a span{
 display: block;  /*これを書かないと表示されないかも。*/
 font-size: 14px;  /*文字サイズを調整*/
 text-align: center;  /*中央に寄せる*/
}


#index #jigyo_about_red{
	width:774px;
	border:solid 2px #ff0000;
	margin:0 auto;
	padding:20px;
}

/*2行目移行を字下げしたい場合のutility*/
.indent {
  text-indent: -1em;
  padding-left: 1em;
}

/*3字下げしたい場合のutility*/
.indent_25 {
  text-indent: 2.5em;
}