/*チェックリスト*/
#checklist #menu_checklist_bg {
    width:980px;
    height:150px;
    background-image:url(../images/checklist/checklist_menu_bg.png);
	background-repeat: no-repeat;    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#checklist #menu_checklist{
    margin-top:-10px;  
}
#checklist #menu_checklist ul.select_button {
	margin: 0 auto;
	text-align: center;
	margin-left: -30px;
}
#checklist #menu_checklist ul.select_button li {
	display: inline-block;
	margin-left: 30px;
}
#checklist #menu_select_bg{
    clear:both;
    padding:20px;
    margin-top:10px;
    background-color:#F9DEEA;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#checklist .select_button{
    text-align:center;
}

#checklist .select_button li{
    display:inline-block;
    margin:20px 10px;
}

/*
#checklist .check_button a{
    padding:15px;
    margin:10px auto 30px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
*/

#checklist .check_button{
    text-align:center;
}

#checklist .check_button li{
    display:inline-block;
    margin:40px 10px;
}

#checklist .check_button a{
    padding:10px 50px;
    font-size:24px;
    font-weight:bold;
    text-decoration: none;    
    text-align:center;
    color:#ffffff;
}

#checklist .check_button a.reset_button{
    border:solid 5px #cccccc;
    border-radius: 7px;
    background-color:#ffffff;
/*    color:#cccccc;    */
    color:#999;
    vertical-align:middle;
}

#checklist .check_button a.reset_button:hover{
    border:solid 5px #646464;   
    cursor:pointer; 
}

#checklist .check_button a.check_button{
    border:solid 5px #ffffff;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background-color:#F08CB4;
    vertical-align:middle;
}

#checklist .check_button a.check_button:hover {
    border:solid 5px #646464;    
    cursor:pointer; 
}

#checklist .menu_select_comment {
    padding:30px 70px 0 70px;
   	font-size: 23px;
    text-align:center;
}

#checklist .menu_small_comment {
    font-size:13px;
    color:#333333;
}

/*　（ヘッダ）回答４列 */
#checklist .question_box_4 {
    width:900px;
    margin-left:20px;
    border:solid 1px #ffffff;
}

#checklist .question_box_4 tr:nth-child(-n+2) td:nth-child(-n+2){
    border-left:solid 1px #fadce8;
    border-top:solid 1px #fadce8;
}

#checklist .question_box_4 td:nth-child(3){
    background-color:#ffffff;
    color:#f08cb4;
    text-align:center;
    vertical-align:middle;
    border:solid 1px #ffffff;
    font-size:12px;
}

#checklist .question_box_4 tr:nth-child(1) td:nth-child(4){
    background-color:#f08cb4;
    color:#ffffff;
    text-align:center;
    border-bottom:solid 1px #ffffff;
    font-size:12px;
}

#checklist .question_box_4 tr:nth-child(2) td:nth-child(n+3){
    background-color:#f08cb4;
    color:#ffffff;
    text-align:center;
    border-bottom:solid 1px #ffffff;
    border-left:solid 1px #ffffff;
    font-size:11px;
}

/*　（Ｑ＆Ａ行）回答４列 */
#checklist .question_box_4 tr:nth-child(n+3) td:nth-child(1){
    width:50px;
    background-color:#f08cb4;
    border:solid 1px #ffffff;
    color:#ffffff;
    text-align:center;
    vertical-align:middle;
}

#checklist .question_box_4 tr:nth-child(n+3) td:nth-child(2){
    width:625px;     
    padding:5px 10px;
    background-color:#ffffff;
    border-top:solid 1px #999999;
    border-bottom:solid 1px #999999;
    font-size:20px;
}

#checklist .question_box_4 tr:nth-child(n+3) td:nth-child(n+3){
    width:57px;
    background-color:#f7c5d9;
    border-left:solid 1px #ffffff;
    text-align:center;
    vertical-align:middle;
}

#checklist .question_box_4 td:nth-child(n+4){
    background-color:#f08cb4;    
    border-bottom:solid 1px #ffffff;
    text-align:center;
    vertical-align:middle;
}

/*　（ヘッダ）回答３列 */
#checklist .question_box_3 {
    width:900px;
    margin-left:20px;
    border:solid 1px #ffffff;
}

#checklist .question_box_3 tr:nth-child(1) td:nth-child(-n+2){
    border-left:solid 1px #fadce8;
    border-top:solid 1px #fadce8;
}

#checklist .question_box_3 td:nth-child(3){
    background-color:#ffffff;
    padding:1em 0;
    color:#f08cb4;
    text-align:center;
    vertical-align:middle;
    border:solid 1px #ffffff;
    font-size:12px;
}

#checklist .question_box_3 tr:nth-child(1) td:nth-child(4){
    background-color:#f08cb4;
    color:#ffffff;
    text-align:center;
    border-bottom:solid 1px #ffffff;
    font-size:12px;
}

#checklist .question_box_3 tr:nth-child(1) td:nth-child(n+4){
    background-color:#f08cb4;
    color:#ffffff;
    text-align:center;
    border-bottom:solid 1px #ffffff;
    border-left:solid 1px #ffffff;
    font-size:11px;
}

/*　（Ｑ＆Ａ行）回答３列 */
#checklist .question_box_3 tr:nth-child(n+2) td:nth-child(1){
    width:50px;
    background-color:#f08cb4;
    border:solid 1px #ffffff;
    color:#ffffff;
    text-align:center;
    vertical-align:middle;
}

#checklist .question_box_3 tr:nth-child(n+2) td:nth-child(2){
    width:625px;     
    padding:5px 10px;
    background-color:#ffffff;
    border-top:solid 1px #999999;
    border-bottom:solid 1px #999999;
    font-size:20px;
}

#checklist .question_box_3 tr:nth-child(n+2) td:nth-child(n+3){
    width:57px;
    background-color:#f7c5d9;
    border-left:solid 1px #ffffff;
    text-align:center;
    vertical-align:middle;
}

#checklist .question_box_3 td:nth-child(n+4){
    background-color:#f08cb4;    
    border-bottom:solid 1px #ffffff;
    text-align:center;
    vertical-align:middle;
}

/*
.button_pdf{
    margin-top:20px;
    margin-right:20px;
    text-align:right;
}
*/

.checklist_category{
    margin:40px 0 20px 20px;
}

#check_kekka .main_contents{
    background-color:#fadce8;
}

#check_kekka .check_title{
    width:140px;
    font-size:20px;
    font-weight:600;
    color:#f08cb4;
    text-align:center;
    padding:10px 0 0 0;
    background-color:#ffffff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:solid 2px #f08cb4;
}

#check_kekka .check_menu{
    margin-top:20px;
    margin-left:20px;
}


#check_kekka .check_menu td:nth-child(2){
    width:200px;
    font-size:23px;
    font-weight:600;
    color:#f08cb4;
    padding-left:15px;
}

#check_kekka .check_menu td:nth-child(3){
    vertical-align:middle;
}

#check_kekka .check_comment{
    margin:5px 25px;
}

#check_kekka .handan_line{
    margin:3px 0 5px 0;;
    border-bottom:dashed 2px #f08cb4;
}

#check_kekka .handan_title{
    margin-left:10px;
    font-size:20px;
    vertical-align:middle;
    color:#f08cb4;
    font-weight:600;
}

.check_button{
    text-align:center;
}

.check_button li{
    display:inline-block;
    margin:40px 10px;
}

.check_button a{
    padding:10px 50px 0 50px;;
    font-size:24px;
    font-weight:bold;
    text-decoration: none;    
    text-align:center;
    color:#ffffff;
    border:solid 5px #cccccc;
    border-radius: 7px;
    background-color:#ffffff;
    color:#999;
    vertical-align:middle;
}

.check_button a:hover{
    border:solid 5px #646464;    
}

#disp_switch_01{
    visibility:hidden;
}

#check_kekka .disp_switch_02{
    visibility:hidden;
}

#check_kekka .disp_switch_03{
    visibility:hidden;
}

#check_kekka .disp_switch_04{
    visibility:hidden;
}

#check_kekka .disp_switch_05{
    visibility:hidden;
}

#check_kekka .disp_switch_06{
    visibility:hidden;
}
/* チェックリスト　教材 */
#kyozai .main_contents{
    background-color:#F9DEEA;
}

#kyozai .menu_select_comment {
    padding:20px 40px 0 10px;
   	font-size: 23px;
    text-align:center;
}

#kyozai td.menu_item{
    font-size:23px;
    vertical-align:middle;
    padding-left:5px;
}

#kyozai td.menu_item a{
    text-decoration: none;
}

#kyozai p.kugiri_line{
    margin-top:10px;
    margin-bottom:10px;
    border-bottom:dotted 3px #f08cb4;
}

/*気になること　詳細　追加*/
.mp4_wapper {
	width: 400px;
	height: 300px;
	margin: 20px auto;
}
.mp4_wapper img {
	max-width: 400px;
}
.mp4_wapper vodeo {
	max-width: 400px;
}
.kininaru_shosai_kininaru_bg {
	background-color: #D5EDF7;
	padding: 35px 20px 15px 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 23px;
	font-weight: bold;
	position: relative;
}
.kininaru_shosai_kininaru_bg .kininaru_shosai_h5 {
	position: absolute;
	top: -20px;
	left: 20px;
}
.kininaru_shosai_h6 {
	color: #17a5dd;
	border-bottom: dashed 1px #2CA6E0;
	padding: 0;
	font-size: 18px;
	line-height: 35px;
	vertical-align: bottom;
	margin: 15px 0;
}
.kininaru_shosai_h6 img {
	display: inline-block;
	margin-right: 5px;
}
ul.marulist {
	margin-top: 10px;
	padding-left: 15px;
}
ul.marulist li {
	background-image: url(../images/common/marulist.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 15px;
	vertical-align: middle;
	margin-bottom: 10px;
	color: #666;
}
.bottom_space30 {
	margin-bottom: 30px;
}
/*トレーニングINDEX追加*/
.training_index_pic img {
	width: 180px;
}

/* トレーニング（詳細） */
#training #sub_contents_bg{
    clear:both;
    border:solid 3px #82C81E;
    margin-top:10px;
    background-color:#ffffff;
    border-radius: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#training #sub_contents_bg .sub_title{
    height:85px;
    padding:10px 20px;
    background-color:#82C81E;
}

#training #sub_contents_bg .sub_title h3{
    color:#82C81E;
    font-size:24px;
    font-weight:600;
    position:relative;
    top:-57px;
    left:190px;
}

#training .contents_frame{
    margin:20px;
}
.training_shosai_pic {
	width: 300px;
	float: left;
}
.training_shosai_text {
	width: 580px;
	float: right;
}
.training_print_text {
	width: 680px;
	float: left;
	margin-top: 10px;
}
.training_print_btn {
	width: 230px;
	float: right;
	margin-top: 10px;
}
.training_print_h5 {
	border: 1px dashed #82C81E;
	fotn-size: 16px;
	color: #82C81E;
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: 20px;
	font-size: 16px;
	line-height: 1em;
}
.training_print_list {
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.training_print_list li{
	float: left;
	margin-right: 20px;
}
.training_shosai_houhou_bg {
	background-color: #E6F4D2;
	padding: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.training_shosai_houhou_h4 {
	color:#82C81E;
	font-size:22px;
}
.slidemiru {
	width: 280px;
	z-index: 100;
}
.slidemiru .text {
	color: #82C81E;
}
a.slidemiru_button {
	background-color: #82C81E;
	color: #FFF;
	width: 260px;
	height: 42px;
	font-size: 19px;
	line-height: 42px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin: 5px auto 10px 0;
	display: block;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;ox-shadow: 2px 2px 2px #999; /* CSS3 */
     -moz-box-shadow: 2px 2px 2px #999; /* Firefox用*/
     -webkit-box-shadow: 2px 2px 2px #999; /* Google Chrome, Safari用*/
}
a.slidemiru_button:hover {
	background-color: #646464;
}
.slide_wrapper {
	width: 700px;
	margin: 20px auto;
}

/* ストーリーブック */
body#story {
	min-width: 1000px;
	margin: 0 auto;
}

#story .kininaru_header {
    margin:0;
	background-image: url(../images/header/common_header_bg.png);
	background-repeat: repeat-x;
}

#story .kininaru_header .container {
	width: 980px;
    height:110px;
	margin: 0 auto;
	background-image: url(../images/header/header_container_bg.png);
	background-repeat: no-repeat;
}

#story .top_logo {
    position:relative;
    left:425px;
}

#story ul.header_button {
	overflow: hidden;
    position:relative;
}
#story ul.header_button li {
	float: left;
    margin-top:35px;
    margin-left:5px;
}

#story #menu_story_bg{
    width:980px;
    height:150px;
    background-image:url(../images/story/story_menu_bg.png);
	background-repeat: no-repeat;    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#story #menu_story{
    width:600px;
}

#story #menu_select_bg{
    clear:both;
    padding:20px 20px 30px 20px;
    margin-top:10px;
    background-color:#fde2b2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#story .contents_title{
    margin:0 auto 40px auto;
    width:940px;
    height:60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/* ストーリーブック（詳細） */
#story #sub_contents_bg{
    clear:both;
    border:solid 3px #2ca6e0;
    margin-top:10px;
    background-color:#ffffff;
    border-radius: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#story #sub_contents_bg .sub_title{
    height:85px;
    padding:10px 20px;
    background-color:#fde2b2;
}

#story #sub_contents_bg .sub_title p{
    height:300px;
    color:#2ca6e0;
    font-size:24px;
    font-weight:600;
    position:relative;
    top:-57px;
    left:190px;
}

#story #sub_contents_bg{
    clear:both;
    border:solid 3px #2ca6e0;
    margin-top:10px;
    background-color:#ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#story .contents_frame{
    margin:20px;
}

#story .contents_frame .comment{
    height:150px;
    padding:10px;
}

#story .video_frame{
    text-align:center;
}

#story .comment_title {
    margin-top:30px;
    font-size:20px;
    font-weight:600;
    color:#ffffff;
    background-color:#2ca6e0;
    padding:5px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.story_block {
    margin-bottom:30px;
}

.story_block td:nth-child(1){
    width:400px;
    text-align:center;
}

.story_block td:nth-child(2){
    width:5px;
}

.story_block td:nth-child(3){
    vertical-align:top;
}
.story_title {
    width:510px;
    border-top:dotted 2px #333333;
    border-bottom:dotted 2px #333333;
    padding:5px 15px 5px 10px;
    color:#42210b;
    font-size:28px;
    font-weight:600;
}
#story .story_comment {
    margin:15px 10px;
    color:#42210b;
    letter-spacing:2px;
}
/*ストーリーブック追加　20170425*/
.read_button li {
	margin-bottom: 10px;
	display: table;
	padding-left: 1em;
  	text-indent: -1em;
}
.read_button li p {
	display: table-cell;
	vertical-align: middle;
	padding-left: 1em;
}