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

/*----------------------------調整タグここから----------------------------*/
div.csl-height-30 {
height: 30px;
}

div.csl-height-70 {
height: 70px;
}

div.csl-padding-20 {
padding: 20px
}

div.csl-padding-15 {
    padding: 0 0 15px 0
}

div.csl-width-470px {
width: 470px;
}

div.margin-top50 {
margin-top: 50px;
}

div.csl-margin-top20 {
margin-top: 20px;
}

p.csl-line-height22 {
line-height: 22px;
}

a.position {
position: absolute;
top: -30px;
right: 0px;
}

div.width-574 {
width: 574px;
}

div.margin-top-20 {
margin-top: 20px;
}

a.text-align-center {
text-align: center;
}


li.otherwin {
cursor:pointer;
}

li.otherwinS {
	cursor: pointer;
}

a.manaulLink {
    font-size: 11px;
    color: blue;
    text-decoration: underline;
}

a.commonBtn {
	cursor: pointer;
}

a.otherwin {
	cursor: pointer;
}

a.otherwin2 {
	cursor: pointer;
}

a.otherwinF {
	cursor: pointer;
}

a.otherwinSTP {
	cursor: pointer;
}

li.otherwinM {
	cursor: pointer;
}

li.otherwinFTR {
	cursor: pointer;
}
a.otherwinFTR {
	cursor: pointer;
}
a.submitBtn {
	cursor: pointer;
}
a.submitBtn2 {
	cursor: pointer;
}
/*----------------------------調整タグここまで----------------------------*/
/*----------------------------wrapperの高さここから----------------------------*/
div.csl-height-145 {
	height: calc(100vh - 145px);
}

/*上部ナビあり - スプレッドシートあり*/
div.csl-height-245 {
/*height: calc(100vh - 245px);*/
min-height: 480px
}

/*上部ナビあり・スプレッドシートなし*/
div.csl-height-245-2 {
height: calc(100vh - 245px);
}

div.csl-height-245-3 {
height: calc(100vh - 245px);
}

/*上部ナビなし - スプレッドシートなし*/
div.csl-height-175 {
height: calc(100vh - 175px);
/*min-height: 550px;*/
}

div.csl-height-175sc {
	height: calc(100vh - 175px);
	overflow-y:scroll;
}

div.csl-height-195sc {
	height: calc(100vh - 195px);
	overflow-y: scroll;
}

div.csl-height-195 {
height: calc(100vh - 195px);
}

div.csl-height-650px {
	height: 650px;
}

@media (max-height: 725px) {
div.csl-height-245 {
height: 480px;
}

div.csl-height-175 {
height: 550px;
}
div.csl-height-175 {
height: 550px;
}

div.csl-height-245-3 {
height: 480px;
}

div.csl-height-145 {
height: 580px;
}

div.csl-height-195 {
height: 530px;
}

}

/*----------------------------wrapperの高さイレギュラー----------------------------*/

div.csl-height-245-2 {
height: calc(100vh - 245px);
}

@media (max-height: 781px){
div.csl-height-245-2 {
height: 536px;
}
}

div.csl-height-k5-1-175,
div.csl-height-k5-2-175,
div.csl-height-k5-6-175,
div.csl-height-k34-1-175,
div.csl-height-k34-2-175,
div.csl-height-k35-1-175,
div.csl-height-k35-2-175 {
    min-height: calc(100vh - 175px);
}

/*----------------------------wrapperの高さここまで----------------------------*/

/*----------------------------スプレッドJS／エディターここから----------------------------*/

/*ラッパー*/
div.csl-ss-wrapper {
position: relative;
margin-top: 20px;
}

div.csl-ss-wrapperk2-4 {
	position: relative;
	margin-top: 20px;
	margin-left:110px;
}

/*エディター*/
div#csl-editor {
width: 100%;
background: #f0f0f0;
}

/*高さ調整数値（スプレッドJS／エディターの高さ以外の要素の合計高さ）*/
/*k-2-4調整*/
div.height-472 {
height: calc(100vh - 472px);
width:600px;
}

/*k-2-5高さ調整*/
div.height-412 {
height: calc(100vh - 412px);
}

/*k-8-1調整*/
div.height-435 {
height: calc(100vh - 435px);
}

/*k-8-2調整*/
div.height-436 {
height: calc(100vh - 436px);
}

/*k-9-1調整*/
div.height-634 {
height: calc(100vh - 634px);
}

div.height-670 {
    height: calc(100vh - 670px);
}

/*k-12-4-1高さ調整*/
div.height-505 {
height: calc(100vh - 505px);
}

/*k-12-5-1高さ調整*/
div.height-570 {
height: calc(100vh - 570px);
}

div.height-598 {
height: calc(100vh - 588px);
}

/*k-16-1高さ調整*/
div.height-608 {
height: calc(100vh - 608px);
}


/*ウィンドー縦【小さい時】*/

@media (max-height: 725px) {

/*k-2-4調整*/
div#csl-ss-k2-4 {
    height: 253px;
}

/*k-2-5調整*/
div#csl-ss-k2-5 {
height: 313px;
}

/*k-8-1調整*/
div#csl-ss-k81 {
height: 290px;
}

/*k-8-2調整*/
div#csl-ss-k82 {
height: 289px;
}

/*k-9-1調整*/
div#csl-ss-k91 {
height: 115px;
}

/*k-12-4-1調整*/
div#csl-ss {
height: 218px;
}

/*k-12-5-1調整*/
div.height-570 {
height: 155px;
}

/*k-13-2-1調整*/
div#csl-ss-k1321 {
height: 137px;
}

/*k-16-1調整*/
div#csl-ss-k16-1 {
height: 117px;
}
}

/*----------------------------スプレッドJS／エディターここまで----------------------------*/

/*----------------------------スプレッドJS／エディター高さイレギュラーここから----------------------------*/

/*k-17-1高さ調整*/
div.height-734 {
height: calc(100vh - 734px);
}

@media (max-height: 884px) {
/*k-17-1調整*/
div#csl-ss-k17-1 {
height: 150px;
}
}

/*----------------------------スプレッドJS／エディター高さイレギュラーここまで----------------------------*/

/*----------------------------K-1-1ここから----------------------------*/
div.csl-wrapper-k1-1 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

p.k1-1 {
text-align: center;
}

div.csl-input-k1-1 {
width: 720px;
margin: 100px auto 0px auto;
padding: 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

div.csl-input-k1-1 h3 {
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
float: left;
}

div.csl-input-k1-1 input {
width: 100%;
margin-bottom: 15px;
height: 28px;
padding-left:5px;
}

div.csl-input-k1-1 input.csl-last-k11 {
margin-bottom: 0px;
}

p.csl-bottom-k1-1 {
float: left;
margin-left: 10px;
margin-top: 3px;
}

div.csl-left-k1-1 {
width: 320px;
float: left;
margin-left:100px;
}

div.csl-right-k1-1 {
width: 170px;
float: right;
text-align:right;
}

div.csl-btn-wrapper-k1-1 {
text-align: center;
}

div.csl-hint-wrapper-k1-1 {
position: relative;
}

p.csl-hint span.csl-hint-k1-1 {
width: 720px;
left: -470px;
top: -60px;
}

p.csl-hint span.csl-hint-k1-1:after {
/*width: 10px;*/
height: 49px;
left: 372px;
top: 42px;
border-bottom: 1px solid black;
border-left: 1px solid black;
}

p.csl-hint span.csl-hint-k1-1:before {
top: 87px;
left: 370px;
}

p.csl-hint:hover span {
display: block;
}

/*----------------------------K-1-1ここまで----------------------------*/

/*----------------------------K-1-2ここから----------------------------*/

div.csl-wrapper-k1-2 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

h2.csl-title-k-1-2 {
margin-top: 20px;
}

p.csl-text-k1-2 {
text-align: center;
margin: 30px auto 0px auto;
}

p.csl-caption-k1-2 {
text-align: center;
margin: 10px auto 30px auto;
}

div.csl-input-k1-2 {
width: 470px;
margin: 0px auto 5px auto;
padding: 30px 20px 20px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

div.csl-input-k1-2 h3 {
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
float: left;
}

div.csl-input-k1-2 input {
width: 100%;
margin-bottom: 15px;
height: 28px;
padding-left:5px;
}

div.csl-left-k1-2 {
width: 430px;
margin-left:0px;
}

a.csl-btnk1-2 {
width: 185px;
}

a.csl-maine-line-k1-2 {
background-position: 155px center;
}

a.csl-maine-line-k1-2:hover {
background-position: 155px center;
}

/*----------------------------K-1-2ここまで----------------------------*/

/*----------------------------K-1-3ここから----------------------------*/

p.csl-text-k1-3 {
text-align: center;
margin: 80px auto 0px auto;
}

a.csl-btnk1-3 {
width: 185px;
margin-top: 100px;
}

/*----------------------------K-1-3ここまで----------------------------*/

/*----------------------------K-2-1ここから----------------------------*/

div.csl-wrapper-k2-1 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

p.k2-1 {
text-align: center;
}
h2.csl-kiyaku{
font-size:16px;
font-weight:bold;
margin:20px 0 10px 0;
}
div.csl-kiyaku-k2-1 {
height:calc(100vh - 470px);
min-height:300px;
width:880px;
overflow:scroll;
font-size:90%;
margin:20px auto;
padding:10px;
border:1px solid #a05096;
background:#f5edf4;
}

div.csl-kiyaku-k2-1 h3 {
margin-top:20px;
clear:both;
color: #505050;
font-weight:bold;
}
div.csl-kiyaku-k2-1 dl {
/*margin-bottom:30px;*/
overflow:hidden;
color: #505050;
}
div.csl-kiyaku-k2-1 dt {
float:left;
width:80px;
padding-left:10px;
color: #505050;
font-weight:bold;
}
div.csl-kiyaku-k2-1 dd {
float:left;
width:700px;
margin-left:20px;
}
div.csl-btn-wrapper-k2-1 {
text-align: center;
}
div.csl-btn-wrapper-k2-1 span {
font-size:85%;
color: #505050;
margin-right:20px;
}
/*----------------------------K-2-1ここまで----------------------------*/

/*----------------------------K-2-2ここから----------------------------*/

div.csl-wrapper-k2-2 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

p.k2-2 {
text-align: center;
}

div.csl-input-k2-2 {
width: 720px;
margin: 40px auto 0px auto;
padding: 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

div.csl-input-k2-2 h3 {
width:180px;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
display:inline-block;
}

div.csl-input-k2-2 input {
width: 50%;
width:300px;
margin-bottom: 15px;
height: 28px;
padding-left:5px;
}

div.csl-input-k2-2 input.csl-last-k2-2 {
margin-bottom: 0px;
}


span.csl-bottom-k2-2 {
/*float: left;*/
margin-left: 10px;
margin-top: 3px;
color: #505050;
font-size:80%;
width:200px;
}

div.csl-btn-wrapper-k2-2 {
text-align: center;
}

/*----------------------------K-2-2ここまで----------------------------*/
/*----------------------------K-2-3ここから----------------------------*/

div.csl-wrapper-k2-3 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

p.k2-3 {
text-align: center;
}

div.csl-input-k2-3 {
width: 720px;
margin: 40px auto 0px auto;
padding: 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

div.csl-input-k2-3 h3 {
width:180px;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
display:inline-block;
}

div.csl-input-k2-3 input {
width:450px;
margin-bottom: 15px;
height: 28px;
padding-left:5px;
}

div.csl-input-k2-3 input.csl-last-k2-3 {
margin-bottom: 0px;
}

span.csl-bottom-k2-3 {
/*float: left;*/
margin-left: 10px;
margin-top: 3px;
color: #505050;
font-size:80%;
width:200px;
}

div.csl-btn-wrapper-k2-3 {
text-align: center;
}
/*----------------------------K-2-3ここまで----------------------------*/

/*----------------------------K-2-4ここから----------------------------*/

div.csl-wrapper-k2-4 {
width: 880px;
margin: 0px auto;
}

p.csl-text-k2-4 {
text-align: center;
margin-top: -10px;
}

a.csl-btn-k2-4 {
	position: relative;
	left:130px;
	margin-right: 10px;
	margin-top: 10px;
}

div.csl-btn-wrapper-k2-4 {
text-align: center;
padding-bottom: 20px;
}

/*----------------------------K-2-4ここから----------------------------*/

/*----------------------------K-3-1ここから----------------------------*/

div.csl-wrapper-k3-1 {
width: 880px;
margin: 20px auto 0px auto;
}

div.csl-top-k3-1-left {
float: left;
}

h2.csl-h2-k3-1 {
margin-bottom: 10px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
}

div.csl-top-k3-1-right {
float: right;
position:relative;
top:10px;
}

div.csl-download-k3-1 {
	height: 62px;
	width: 180px;
	line-height: 62px;
	padding-left: 60px;
	border: 1px solid #a05096;
	background: #ecdcea;
	background-image: url(./../csl-img/k-09/download_icon.png);
	background-repeat: no-repeat;
	background-position: 12px 8px;
}

div.csl-download-k3-1:hover {
opacity: 0.9;
}

div.csl-download-k3-1 h3 {
font-size: 11px;
color: #a05096;
}

a.csl-btn-k3-1 {
float: right;
margin: 5px 0px 10px 0px;
}

div.csl-tab-k3-1 {
	position: relative;
	top: 40px;
}
table.csl-table-k3-1 {
font-size: 14px;
width: 100%;
color: #505050;
}

table.csl-table-k3-1 th {
border: none;
color: #ffffff;
height: 30px;
font-weight: normal;
padding-left: 20px;
background-color: #a05096;
text-align: left;
}

table.csl-table-k3-1 td {
border-bottom: none;
padding: 5px 0px 5px 20px;
line-height: 20px;
}
 
table.csl-table-k3-1 thead tr {
background-color: #a05096;
text-align: left;
}
 
table.csl-table-k3-1 tbody tr {
background-color: #ffffff;
}
 
table.csl-table-k3-1 tbody tr:nth-child(even) {
 background-color: #ecdcea;
}

table.csl-table-k3-1 a {
color: #505050;
}

div.csl-comment-k3-1 {
	position: relative;
	top: -20px;
	left: 5px;
}

div.csl-search-k3-1 {
	width: 820px;
	height: 150px;
	position: relative;
	top: 50px;
	left: 5px;
}

div.csl-search-k3-1-1 {
	width: 225px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 15px;
}

div.csl-search-k3-1-2 {
	width: 200px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 220px;
}

div.csl-search-k3-1-3 {
	width: 180px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 420px;
}

div.csl-search-k3-1-4 {
	width: 200px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 580px;
}

div.csl-search-k3-1-5 {
	width: 225px;
	height: 40px;
	position: absolute;
	top: 60px;
	left: 15px;
}

div.csl-search-k3-1-6 {
	width: 200px;
	height: 40px;
	position: absolute;
	top: 60px;
	left: 220px;
}

div.csl-search-k3-1-7 {
	width: 200px;
	height: 40px;
	position: absolute;
	top: 85px;
	left: 350px;
}

div.table {
    display: table;
    width: 100%;
    margin-top: 70px;
    table-layout: fixed;
}

div.table-row {
    display: table-row;
}


div.table-cell{
    display: table-cell;
    vertical-align: middle;
}

.cell1{
    width:43px;
}

.cell2 {
    width: 50px;
}

.cell3 {
    width: 43px;
}

.cell4 {
    width: 50px;
}

.cell-comment {
    width: 50%;
    font-size: 11px;
    color: #505050;
}

.td {
    display: table-cell;
    padding:2px 0 10px 7px;
    vertical-align: middle;
}

.table-nested {
    display: table;
    width: 880px;
}



/*----------------------------K-3-1ここまで----------------------------*/

/*----------------------------K-4-1ここから----------------------------*/

div.csl-main-area {
padding: 40px;
background: #eee6ed;
border: 1px solid #99508f;
width: 620px;
height: 272px;
margin: 0px auto;
}

div.csl-main-area ul {
text-align: center;
font-size: 0px;
}

div.csl-main-area li {
display: inline-block;
width: 120px;
height: 120px;
vertical-align: top;
}

div.csl-main-area li a {
width: 120px;
height: 120px;
border-radius: 120px;
border: 3px solid #a05096;
background: #fff;
display: block;
font-size: 14px;
}

div.csl-info{
margin-top:40px;
}
div.csl-box-info {
margin: 0px 20px 20px 20px;
width: auto;
/*background: #f5edf4;*/
border-top: 1px solid #a05096;
border-bottom: 1px solid #a05096;
padding: 20px 20px 10px 20px;
}
.csl-info h3 {
margin:10px 20px 8px 25px;
}

ul.csl-info-ul li {
list-style:none;
margin-bottom:0.5em;
font-size:14px;
}
.csl-info-date {
margin-right: 0.5em;
color:#a05096;
}
.csl-info-title {
margin-right: 1em;
color:#a05096;
}
.csl-info-detail {
background: green;
color: white;
font-size: 80%;
padding: 2px 6px;
border-radius: 3px;
float: right;
}
.info-open {
position:relative;
left:740px;
top:-20px;
width:60px;
font-size:12px;
background:green;
background:#a05096;
color:white;
padding:4px 8px;
border-radius: 5px;
display:inline-block;
text-align:center;
}
.info-close{
position:relative;
left:740px;
bottom:20px;
width:60px;
font-size:12px;
background:green;
background:#a05096;
color:white;
padding:4px;
border-radius: 5px;
padding:4px 8px;
display:inline-block;
text-align:center;
}
article{
width:90%;
}
/*----------------------------K-4-1ここまで----------------------------*/

/*----------------------------K-5-1ここから----------------------------*/

div.csl-wrapper-k5-1 {
width: 880px;
margin: 20px auto 0px auto;
}

h2.csl-h2-k5-1 {
margin-bottom: 10px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
}

div.csl-left-k5-1 {
float: left;
}

div.csl-left-k5-2 {
    width: 100%;
    float: left;
    padding: 0px 0px 40px 0px;
}

div.csl-right-k5-1 {
	float: right;
}

div.csl-download-k5-1 {
	height: 62px;
	width: 180px;
	line-height: 62px;
	padding-left: 60px;
	border: 1px solid #a05096;
	background: #ecdcea;
	background-image: url(./../csl-img/k-09/download_icon.png);
	background-repeat: no-repeat;
	background-position: 12px 8px;
	float: right;
	margin-top: 0px;
	margin-left: auto;
}

div.csl-download-k5-1:hover {
opacity: 0.9;
}

div.csl-download-k5-1 h3 {
font-size: 12px;
color: #a05096;
}

a.csl-btn-k5-1 {
	float: right;
	margin: 5px 0px 15px 0px;
}

div.csl-download-k5-1-2 {
	height: 62px;
	width: 180px;
	line-height: 62px;
	padding-left: 60px;
	border: 1px solid #a05096;
	background: #ecdcea;
	background-image: url(./../csl-img/k-09/download_icon.png);
	background-repeat: no-repeat;
	background-position: 12px 8px;
	float: left;
	margin-top: 0px;
}

div.csl-download-k5-1-2:hover {
	opacity: 0.9;
}

div.csl-download-k5-1-2 h3 {
	font-size: 11px;
	color: #a05096;
}

p.csl-text-k5-1 {
    font-size: 14px;
    line-height: 24px;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: break-word;
    padding: 10px 23px;
    background-color: #f5edf4;
    border: 1px solid #a05096;
}

p.csl-text-k5-2 {
    font-size: 13px;
    line-height: 23px;
    text-align: right;
}

p.csl-text-k5-3 {
    height: 84px;
    line-height: 84px;
    font-size: 13px;
    display: inline-block;
    margin-left: 20px;
}

/*テーブル最上段*/
table.csl-table-k5-1 {
    font-size: 14px;
    width: 100%;
    color: #505050;
}
 
table.csl-table-k5-1 th {
border: none;
color: #ffffff;
height: 30px;
font-weight: normal;
padding-left: 20px;
}

table.csl-table-k5-1 th.a {
width: 40%;
}

table.csl-table-k5-1 th.d, table.csl-table-k5-1 th.e {
    width: 20%;
}

table.csl-table-k5-1 th.b, table.csl-table-k5-1 th.c, table.csl-table-k5-1 th.f, table.csl-table-k5-1 th.g {
    width: 30%;
}

table.csl-table-k5-1 td {
border-bottom: none;
padding: 5px 0px 5px 20px;
line-height: 20px;
}
 
table.csl-table-k5-1 thead tr {
background-color: #a05096;
text-align: left;
}
 
table.csl-table-k5-1 tbody tr {
background-color: #ffffff;
}
 
table.csl-table-k5-1 tbody tr:nth-child(even) {
 background-color: #ecdcea;
}

table.csl-table-k5-1 a {
color: #505050;
}

/*テーブル中段*/
table.csl-table-k5-1-b {
font-size: 14px;
width: 100%;
color: #505050;
margin-top: 40px;
}
 
table.csl-table-k5-1-b th {
border: none;
color: #ffffff;
height: 30px;
font-weight: normal;
padding-left: 20px;
width: 100%;
}

table.csl-table-k5-1-b td {
border-bottom: none;
padding: 5px 0px 5px 20px;
line-height: 20px;
}
 
table.csl-table-k5-1-b thead tr {
background-color: #a05096;
text-align: left;
}
 
table.csl-table-k5-1-b tbody tr {
background-color: #ffffff;
}
 
table.csl-table-k5-1-b tbody tr:nth-child(even) {
 background-color: #ecdcea;
}

table.csl-table-k5-1-b a {
color: #505050;
}

/*テーブル最下段*/
table.csl-table-k5-1-c {
font-size: 14px;
width: 100%;
color: #505050;
margin-top: 40px;
}
 
table.csl-table-k5-1-c th {
border: none;
color: #ffffff;
height: 30px;
font-weight: normal;
padding-left: 20px;
width: 100%;
}

table.csl-table-k5-1-c td {
border-bottom: none;
padding: 5px 0px 5px 20px;
line-height: 20px;
}
 
table.csl-table-k5-1-c thead tr {
background-color: #a05096;
text-align: left;
}
 
table.csl-table-k5-1-c tbody tr {
background-color: #ffffff;
}
 
table.csl-table-k5-1-c tbody tr:nth-child(even) {
 background-color: #ecdcea;
}

table.csl-table-k5-1-c a {
color: #505050;
}


/*----------------------------K-5-1ここから----------------------------*/

/*----------------------------K-5-2ここから----------------------------*/

div.csl-wrapper-k5-2 {
width: 880px;
margin: 20px auto 0px auto;
}

dl.csl-dl-k5-2 {
font-size: 13px;
color: #505050;
height: 23px;
border-bottom: 1px solid #b6b6b6;
line-height: 13px;
margin-bottom: 10px;
}

dl.csl-dl-k5-2 dt {
float: left;
}

dl.csl-dl-k5-2 dt:last-of-type {
margin-left: 10px;
}

dl.csl-dl-k5-2 dd {
float: left;
}

h2.csl-h2-k5-2 {
margin-bottom: 10px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
float: left;
}

dl.csl-dl2-k5-2 {
font-size: 14px;
color: #505050;
float: right;
margin-top: 5px;
}

dl.csl-dl2-k5-2 dt {
float: left;
}

dl.csl-dl2-k5-2 dt:last-of-type {
margin-left: 14px;
}

dl.csl-dl2-k5-2 dd {
float: left;
margin-left: 2px;
}

table.csl-table-k5-2 {
font-size: 14px;
width: 100%;
color: #505050;
}
 
table.csl-table-k5-2 th {
border: none;
color: #ffffff;
height: 30px;
font-weight: normal;
padding-left: 20px;
}

table.csl-table-k5-2 th.a {
    width: 10%;
}

table.csl-table-k5-2 th.b, table.csl-table-k5-2 th.m {
    width: 5%;
}

table.csl-table-k5-2 th.c {
     width: 20%;
}

table.csl-table-k5-2 th.d {
    width: 30%;
}

table.csl-table-k5-2 th.e, table.csl-table-k5-2 th.f, table.csl-table-k5-2 th.g, table.csl-table-k5-2 th.h, table.csl-table-k5-2 th.k, table.csl-table-k5-2 th.n, table.csl-table-k5-2 th.q {
    width: 15%;
}

table.csl-table-k5-2 th.i {
    width: 45%;
}

table.csl-table-k5-2 th.j, table.csl-table-k5-2 th.p {
    width: 25%;
}

table.csl-table-k5-2 th.o {
    width: 40%;
}

table.csl-table-k5-2 td {
border-bottom: none;
padding: 5px 0px 5px 20px;
line-height: 20px;
}
 
table.csl-table-k5-2 thead tr {
background-color: #a05096;
text-align: left;
}
 
table.csl-table-k5-2 tbody tr {
background-color: #ffffff;
}
 
table.csl-table-k5-2 tbody tr:nth-child(even) {
 background-color: #ecdcea;
}

table.csl-table-k5-2 a {
color: #505050;
}

div.csl-download-k5-2 {
height: 62px;
width: 180px;
line-height: 62px;
padding-left: 60px;
border: 1px solid #a05096;
background: #ecdcea;
background-image: url(./../csl-img/k-09/download_icon.png);
background-repeat: no-repeat;
background-position: 12px 8px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}

div.csl-download-k5-2-right {
margin-left: 20px;
}

div.csl-download-k5-2:hover {
opacity: 0.9;
}

div.csl-download-k5-2 h3 {
font-size: 12px;
color: #a05096;
}

/*----------------------------K-5-2ここまで----------------------------*/

/*----------------------------K-5-3ここから----------------------------*/

h2.csl-h2-k5-3 {
margin-bottom: 10px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
}

table.csl-table-k5-3 {
font-size: 14px;
/*width: 100%;*/
/*テー修正*/
width: 50%;
color: #505050;
}
 
table.csl-table-k5-3 th {
border: none;
color: #ffffff;
height: 30px;
font-weight: normal;
padding-left: 20px;
width: 50%;
}

table.csl-table-k5-3 td {
border-bottom: none;
padding: 5px 0px 5px 20px;
line-height: 20px;
}

table.csl-table-k5-3 thead tr {
background-color: #a05096;
/*text-align: left;*/
text-align: center;
}
 
table.csl-table-k5-3 tbody tr {
background-color: #ffffff;
}
 
table.csl-table-k5-3 tbody tr:nth-child(even) {
 background-color: #ecdcea;
}

/*table.csl-table-k5-3 a {
color: #505050;
}*/

table.csl-table-k5-3 th.a {
    width: 20%;
}

table.csl-table-k5-3 th.b {
    width: 20%;
}
/*----------------------------K-5-3ここまで----------------------------*/

/*----------------------------K-5-5ここから----------------------------*/

div.csl-input-k5-5 {
width: 510px;
margin: 50px auto 20px auto;
padding: 30px 20px 20px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

div.csl-input-k5-5 h3 {
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
}

input.csl-input-k5-5 {
width: 100%;
margin-bottom: 15px;
height: 28px;
padding-left:5px;
}

h3.csl-h3-k5-5 {
width: 100%;
}

label.csl-label-k5-5 {
font-size: 14px;
color: #505050;
margin-right: 15px;
}

h3.csl-h3-k5-5-last {
margin-top: 20px;
}

label.csl-label-k5-5-b {
display: block;
font-size: 14px;
color: #505050;
margin-right: 15px;
}

p.csl-caption-k5-5 {
margin-top: 5px;
margin-bottom: 15px;
}

div.csl-input-k5-5 input#csl-label-k5-5-no:checked ~ div.csl-on-k5-5 {
display: none;
}

button.csl-btn2 {
	width: 130px;
	height: 30px;
	border: 1px solid #a05096;
	font-size: 15px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
	margin: 15px 15px 0px 0px;
	color: #a05096;
	background: none;
}

a.csl-btn2-k5-5 {
display: block;
margin: 0 auto;
}

/*----------------------------K-5-5ここまで----------------------------*/

/*----------------------------K-5-6ここから----------------------------*/

div.csl-wrapper-k5-6 {
width: 880px;
margin: 20px auto 0px auto;
}

dl.csl-dl-k5-6 {
font-size: 13px;
color: #505050;
height: 23px;
border-bottom: 1px solid #b6b6b6;
line-height: 13px;
margin-bottom: 10px;
}

dl.csl-dl-k5-6 dt {
float: left;
}

dl.csl-dl-k5-6 dt:last-of-type {
margin-left: 10px;
}

dl.csl-dl-k5-6 dd {
float: left;
}

dl.csl-dl-k5-6 dd.csl-dd-k5-1 {
margin-left: 5px;
}

h2.csl-h2-k5-6 {
margin-bottom: 10px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
float: left;
}

dl.csl-dl2-k5-6 {
font-size: 14px;
color: #505050;
float: right;
margin-top: 5px;
}

dl.csl-dl2-k5-6 dt {
float: left;
}

dl.csl-dl2-k5-6 dt:last-of-type {
margin-left: 14px;
}

dl.csl-dl2-k5-6 dd {
float: left;
margin-left: 2px;
}

table.csl-table-k5-6 {
font-size: 14px;
width: 100%;
color: #505050;
}
 
table.csl-table-k5-6 th {
border: none;
color: #ffffff;
height: 30px;
font-weight: normal;
padding-left: 20px;
}

table.csl-table-k5-6 th.a {
width: 10%;
}

table.csl-table-k5-6 th.b {
width: 10%;
}

table.csl-table-k5-6 th.c {
width: 25%;
}

table.csl-table-k5-6 th.d {
width: 25%;
}
    table.csl-table-k5-6 th.e {
        width: 25%;
    }

div.csl-download-k5-6 {
height: 62px;
width: 180px;
line-height: 62px;
padding-left: 60px;
border: 1px solid #a05096;
background: #ecdcea;
background-image: url(./../csl-img/k-09/download_icon.png);
background-repeat: no-repeat;
background-position: 12px 8px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}

div.csl-download-k5-6-right {
margin-left: 20px;
}

div.csl-download-k5-6:hover {
opacity: 0.9;
}

div.csl-download-k5-6 h3 {
font-size: 12px;
color: #a05096;
}

div.csl-info{
margin-top:40px;
}
div.csl-box-info {
margin: 0px 20px 20px 20px;
width: auto;
/*background: #f5edf4;*/
border-top: 1px solid #a05096;
border-bottom: 1px solid #a05096;
padding: 20px 20px 10px 20px;
}
.csl-info h3 {
margin:10px 20px 8px 25px;
}

ul.csl-info-ul li {
list-style:none;
margin-bottom:0.5em;
font-size:14px;
}
.csl-info-date {
	margin-right: 0.5em;
	/*font-weight: bold;*/
	color:#a05096;
}
.csl-info-title {
	margin-right: 1em;
	color:#a05096;
	/*font-weight: bold;*/
}
.csl-info-detail {
	background: green;
	color: white;
	font-size: 80%;
	padding: 2px 6px;
	border-radius: 3px;
	float: right;
}
.info-open{
	position:relative;
	left:740px;
	top:-20px;
	width:60px;
	font-size:12px;
	background:green;
	background:#a05096;
	color:white;
	padding:4px 8px;
	border-radius: 5px;
	display:inline-block;
	text-align:center;
}
.info-close{
	position:relative;
	left:740px;
	bottom:20px;
	width:60px;
	font-size:12px;
	background:green;
	background:#a05096;
	color:white;
	padding:4px;
	border-radius: 5px;
	padding:4px 8px;
	display:inline-block;
	text-align:center;
}
article{
	width:90%;
}
/*----------------------------K-5-9ここから----------------------------*/

div.csl-wrapper-k5-9 {
width: 980px;
margin: 20px auto 0px auto;
}

div.csl-input-k5-9 {
width: 780px;
margin: 10px auto 20px auto;
padding: 30px 0px 285px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

input.csl-input-k5-9-input-txt {
	width: 150px;
	margin-bottom: 15px;
	height: 28px;
	padding-left: 5px;
	display: inline-block;
}

input.csl-input-k5-9-input-txt-2 {
	width: 300px;
	margin-bottom: 15px;
	height: 28px;
	padding-left: 5px;
	display: inline-block;
}

input.csl-input-k5-9-input-txt-3 {
    width: 335px;
    margin-bottom: 15px;
    height: 28px;
    padding-left: 5px;
    display: inline-block;
}

p.csl-p-k5-9 {
display: inline-block;
}

p.csl-caption-k5-9 {
display: inline-block;
margin-left: 10px;
}

div.csl-input-k5-9-1 {
	width: 225px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 15px;
}

div.csl-input-k5-9-2 {
	width: 225px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 200px;
}

div.csl-input-k5-9-3 {
	width: 400px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 400px;
}

div.csl-input-k5-9-4 {
	width: 225px;
	height: 40px;
	position: absolute;
	top: 80px;
	left: 15px;
}

div.csl-input-k5-9-5 {
	width: 225px;
	height: 40px;
	position: absolute;
	top: 80px;
	left: 200px;
}

div.csl-input-k5-9-6 {
	width: 225px;
	height: 40px;
	position: absolute;
	top: 145px;
	left: 15px;
}

div.csl-input-k5-9-7 {
	width: 225px;
	height: 40px;
	position: absolute;
	top: 145px;
	left: 200px;
}

div.csl-input-k5-9-8 {
	width: 100%;
	height: 40px;
	position: absolute;
	top: 245px;
	text-align: center;
}

div.csl-input-k5-9-9 {
    width: 225px;
    height: 40px;
    position: absolute;
    top: 80px;
    left: 400px;
}

div.csl-input-k5-9-10 {
    width: 225px;
    height: 40px;
    position: absolute;
    top: 80px;
    left: 585px;
}

div.csl-input-k5-9-11 {
    width: 225px;
    height: 40px;
    position: absolute;
    top: 173px;
    left: 370px;
}

div.csl-btn-wrapper-k5-9 {
	text-align: center;

}

p.csl-p-input-k13-5 {
display: inline-block;
margin-left: -15px;
}

p.csl-p-input-k13-5 label {
margin-right: 20px;
}

input.csl-maine-line {
background-image: url(./../csl-img/common/main_line.png);
background-repeat: no-repeat;
background-position: 103px center;
}

input.csl-maine-line:hover {
background-image: url(./../csl-img/common/main_line.png);
background-repeat: no-repeat;
background-position: 103px center;
}

h3.csl-h3-k5-9 {
font-size: 14px;
font-weight: normal;
margin-top: 30px;
}

div.csl-download-k5-9 {
height: 62px;
width: 180px;
line-height: 62px;
padding-left: 60px;
border: 1px solid #a05096;
background: #ecdcea;
background-image: url(./../csl-img/k-09/download_icon.png);
background-repeat: no-repeat;
background-position: 12px 8px;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
}

div.csl-download-k5-9-right {
margin-left: 20px;
}

div.csl-download-k5-9:hover {
opacity: 0.9;
}

div.csl-download-k5-9 h3 {
font-size: 12px;
color: #a05096;
}

table.csl-table-k5-9 {
font-size: 14px;
width: 100%;
color: #505050;
}
 
table.csl-table-k5-9 th {
border: none;
color: #ffffff;
height: 31px;
font-weight: normal;
padding-left: 20px;
}

table.csl-table-k5-9 th.a {
width: 6%;
}

table.csl-table-k5-9 th.b {
width: 8%;
}

table.csl-table-k5-9 th.c {
width: 10%;
}

table.csl-table-k5-9 th.d {
width: 18%;
}

table.csl-table-k5-9 th.e {
width: 8%;
}

table.csl-table-k5-9 th.f {
width: 11%;
}

table.csl-table-k5-9 td {
border-bottom: none;
padding: 5px 0px 5px 20px;
line-height: 20px;
}
 
table.csl-table-k5-9 thead tr {
background-color: #a05096;
text-align: left;
}
 
table.csl-table-k5-9 tbody tr {
background-color: #ffffff;
}
 
table.csl-table-k5-9 tbody tr:nth-child(even) {
 background-color: #ecdcea;
}

table.csl-table-k5-9 a {
color: #505050;
}

/*----------------------------K-5-9ここまで----------------------------*/
/*----------------------------K-5-10ここから----------------------------*/

div.csl-wrapper-k5-10 {
width: 880px;
margin: 20px auto 0px auto;
}

h2.csl-h2-k5-10 {
margin-bottom: 10px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
}

div.csl-left-k5-10 {
float: left;
}

table.csl-table-k5-10 {
font-size: 14px;
width: 100%;
color: #505050;
}
 
table.csl-table-k5-10 th {
border: none;
color: #ffffff;
height: 30px;
font-weight: normal;
padding-left: 20px;
}

table.csl-table-k5-10 td.a {
width: 38%;
}

table.csl-table-k5-10 td.b {
width: 2%;
}

table.csl-table-k5-10 td.c {
width: 60%;
}

table.csl-table-k5-10 td {
border-bottom: none;
padding: 5px 0px 5px 20px;
line-height: 20px;
}

table.csl-table-k5-10 tbody tr {
background-color: #ecdcea;
}
 
table.csl-table-k5-10 tbody tr:nth-child(even) {
background-color: #ffffff;
}

table.csl-table-k5-10 a {
color: #505050;
}

/*----------------------------K-5-10ここまで----------------------------*/

/*----------------------------K-5-13ここから----------------------------*/

div.csl-wrapper-k5-13 {
width: 880px;
margin: 20px auto 0px auto;
}

div.csl-input-k5-13 {
width: 100%;
margin: 30px auto 20px auto;
padding: 30px 20px 20px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

div.csl-input-k5-13 h3 {
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
display: inline-block;
margin-right: 30px;
}

input.csl-input-k5-13 {
width: 200px;
margin-bottom: 15px;
height: 28px;
padding-left:5px;
display: inline-block;
}

p.csl-p-k5-13 {
display: inline-block;
}

p.csl-caption-k5-13 {
display: inline-block;
margin-left: 10px;
}

p.csl-p-input-k13-5 {
display: inline-block;
margin-left: -15px;
}

p.csl-p-input-k13-5 label {
margin-right: 20px;
}

input.csl-btn2 {
width: 130px;
height: 30px;
border: 1px solid #a05096;
font-size: 15px;
display: inline-block;
line-height: 30px;
text-align: center;
border-radius: 30px;
margin: 15px 15px 0px 0px;
color: #a05096;
background: #fff;

}

input.csl-btn2:hover {
background: #fff799;
opacity: 1;
}

input.csl-maine-line {
background-image: url(./../csl-img/common/main_line.png);
background-repeat: no-repeat;
background-position: 103px center;
}

input.csl-maine-line:hover {
background-image: url(./../csl-img/common/main_line.png);
background-repeat: no-repeat;
background-position: 103px center;
}

h3.csl-h3-k5-13 {
font-size: 14px;
font-weight: normal;
margin-top: 30px;
}

div.csl-download-k5-13 {
height: 62px;
width: 180px;
line-height: 62px;
padding-left: 60px;
border: 1px solid #a05096;
background: #ecdcea;
background-image: url(./../csl-img/k-09/download_icon.png);
background-repeat: no-repeat;
background-position: 12px 8px;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
}

div.csl-download-k5-13-right {
margin-left: 20px;
}

div.csl-download-k5-13:hover {
opacity: 0.9;
}

div.csl-download-k5-13 h3 {
font-size: 12px;
color: #a05096;
}

table.csl-table-k5-13 {
font-size: 14px;
width: 100%;
color: #505050;
}
 
table.csl-table-k5-13 th {
border: none;
color: #ffffff;
height: 30px;
font-weight: normal;
padding-left: 20px;
}

table.csl-table-k5-13 th.a {
width: 15%;
}

table.csl-table-k5-13 th.b {
width: 55%;
}

table.csl-table-k5-13 th.c {
width: 15%;
}

table.csl-table-k5-13 th.d {
width: 15%;
}

table.csl-table-k5-13 td {
border-bottom: none;
padding: 5px 0px 5px 20px;
line-height: 20px;
}
 
table.csl-table-k5-13 thead tr {
background-color: #a05096;
text-align: left;
}
 
table.csl-table-k5-13 tbody tr {
background-color: #ffffff;
}
 
table.csl-table-k5-13 tbody tr:nth-child(even) {
 background-color: #ecdcea;
}

table.csl-table-k5-13 a {
color: #505050;
}

/*----------------------------K-5-13ここまで----------------------------*/

/*----------------------------K-5-15ここから----------------------------*/
div.csl-wrapper-k5-15 {
width: 880px;
margin: 20px auto 0px auto;
}

h2.csl-h2-k5-15 {
margin-bottom: 10px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
}

div.csl-input-k5-15 {
width: 510px;
margin: 50px auto 20px auto;
padding: 20px 20px 20px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

label.csl-label-k5-15 {
font-size: 14px;
color: #505050;
margin-right: 15px;
}

h3.csl-h3-k5-15-last {
margin-top: 20px;
}

label.csl-label-k5-15-b {
display: block;
font-size: 14px;
color: #505050;
margin-right: 15px;
}

p.csl-caption-k5-15 {
margin-top: 5px;
margin-bottom: 15px;
}

div.csl-download-k5-15 {
height: 62px;
width: 180px;
line-height: 62px;
padding-left: 60px;
border: 1px solid #a05096;
background: #ecdcea;
background-image: url(./../csl-img/k-09/download_icon.png);
background-repeat: no-repeat;
background-position: 12px 8px;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
}

div.csl-download-k5-15 h3 {
font-size: 12px;
color: #a05096;
}

/*----------------------------K-5-15ここまで----------------------------*/

/*----------------------------K-5-16ここから----------------------------*/

table.csl-table-k5-16 {
    font-size: 14px;
    width: 100%;
    color: #505050;
}

    table.csl-table-k5-16 th {
        border: none;
        color: #ffffff;
        height: 31px;
        font-weight: normal;
        padding-left: 15px;
    }

        table.csl-table-k5-16 th.a {
            width: 8%;
        }

        table.csl-table-k5-16 th.b {
            width: 12%;
        }

        table.csl-table-k5-16 th.c {
            width: 14%;
        }

        table.csl-table-k5-16 th.d, table.csl-table-k5-16 th.f {
            width: 21%;
        }

        table.csl-table-k5-16 th.e {
            width: 7%;
        }

        table.csl-table-k5-16 th.g {
            width: 9%;
        }

    table.csl-table-k5-16 td {
        border-bottom: none;
        padding: 5px 0px 5px 15px;
        line-height: 20px;
    }

    table.csl-table-k5-16 thead tr {
        background-color: #a05096;
        text-align: left;
    }

    table.csl-table-k5-16 tbody tr {
        background-color: #ffffff;
    }

        table.csl-table-k5-16 tbody tr:nth-child(even) {
            background-color: #ecdcea;
        }

    table.csl-table-k5-16 a {
        color: #505050;
    }

/*----------------------------K-5-16ここまで----------------------------*/

/*----------------------------K-5-17ここから----------------------------*/

div.csl-wrapper-k5-17 {
    width: 880px;
    margin: 20px auto 0px auto;
}

div.csl-left-k5-17 {
    float: left;
}

h2.csl-h2-k5-17 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

h2.csl-h2-k5-17 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

div.csl-input-k5-17 {
    width: 100%;
    margin: 10px auto 20px auto;
    padding: 20px 19px 20px 19px;
    border: 1px solid #a05096;
    background: #f5edf4;
    position: relative;
}

div.csl-input-k5-17-1 {
    width: 225px;
    height: 40px;
    position: absolute;
    top: 15px;
    left: 15px;
}

textarea.csl-textarea-k5-17 {
    font-size: 14px;
    width: 100%;
    height: 200px;
    padding-left: 5px;
    display: inline-block;
    resize: none;
}

/*----------------------------K-5-17ここまで----------------------------*/

/*----------------------------K-7-1ここから----------------------------*/

p.csl-text-k71 {
width: 620px;
margin: 0px auto;
margin-top: 30px;
margin-bottom: 30px;
}

div.csl-btn-k71 {
width: 620px;
margin: 0px auto;
padding: 20px 40px 40px 40px;
background: #f5edf4;
border: 1px solid #a05096;
}

div.wrapper-k71 {
width: 620px;
position: relative;
margin: 0px auto;
}

div.csl-btn-k71 ul {
margin-right: -22px;
overflow: hidden;
_zoom: 1;
text-align: center;
letter-spacing: -.4em;
}

div.csl-btn-k71 li {
width: 120px;
height: 120px;
font-size: 14px;
display: inline-block;
margin-top: 20px;
margin-right: 20px;
line-height: 18px;
overflow: hidden;
letter-spacing: normal;
vertical-align: top;
}

div.csl-btn-k71 li a {
border: 3px solid #a05096;
border-radius: 120px;
color: #a05096;
display: block;
height: 100%;
background: #ffffff;
}

div.csl-btn-k71 li a.csl-one-line {
padding-top: 50px;
}

div.csl-btn-k71 li a.csl-two-line {
padding-top: 40px;
}

div.csl-btn-k71 li a.csl-three-line {
padding-top: 35px;
}

div.csl-btn-k71 li a:hover {
background: #fff799;
opacity: 1;
}

a.csl-btn-k71 {
position: absolute;
top: -30px;
right: 0px;
}


/*----------------------------K-7-1ここまで----------------------------*/

/*----------------------------K-7-2ここから----------------------------*/

p.csl-text-k72 {
width: 480px;
margin: 0px auto;
margin-top: 30px;
margin-bottom: 30px;
}

div.csl-btn-k72 {
width: 480px;
border: 1px solid black;
margin: 0px auto;
overflow: hidden;
padding: 20px 40px 40px 40px;
text-align: center;
background: #f5edf4;
border: 1px solid #a05096;
}

div.csl-btn-k72 ul {
text-align: center;
margin-right: -22px;
letter-spacing: -.4em;
_zoom: 1;
vertical-align: top;
}

div.csl-btn-k72 li {
width: 120px;
height: 120px;
display: inline-block;
letter-spacing: normal;
margin-top: 20px;
margin-right: 20px;
overflow: hidden;
}

div.csl-btn-k72 li a {
border: 3px solid #a05096;
border-radius: 120px;
color: #a05096;
display: block;
height: 100%;
background: #ffffff;
font-size: 14px;
}

div.csl-btn-k72 li a.csl-one-line {
padding-top: 50px;
}

div.csl-btn-k72 li a.csl-two-line {
padding-top: 40px;
}

div.csl-btn-k72 li a:hover {
background: #fff799;
opacity: 1;
}

/*----------------------------K-7-2ここまで----------------------------*/

/*----------------------------K-8-1ここから----------------------------*/

div.csl-wrapper-k81 {
width: 880px;
margin: 0px auto;
}

p.csl-p-k81 {
width: 437px;
margin: 0px auto;
}

div.csl-btn-wrapper-k81 {
text-align: center;
padding-bottom: 20px;
}

p.csl-hint span.csl-hint-k81 {
width: 495px;
left: -600px;
top: -95px;
}

p.csl-hint span.csl-hint-k81:after {
width: 65px;
height: 62px;
left: -60px;
top: 50%;
border-top: 1px solid black;
border-left: 1px solid black;
}

p.csl-hint span.csl-hint-k81:before {
top: 123px;
left: -63px;
}


/*----------------------------K-8-1ここまで----------------------------*/

/*----------------------------K-8-2ここから----------------------------*/

div.csl-wrapper-k82 {
width: 880px;
margin: 0px auto;
}

p.csl-p-k82 {
text-align: center;
}

div.csl-btn-wrapper-k82 {
text-align: center;
padding-bottom: 20px;
}

/*----------------------------K-8-3ここまで----------------------------*/

/*----------------------------K-9-1ここから----------------------------*/
/*コース情報ナビ Ver.3*/
div.csl-course-navi-map {
border: 1px solid #b6b6b6;
width: 246px;
height: 221px;
background-image: url(./../csl-img/k-09/course_navi_back_image.jpg);
font-size:0;
}

div.csl-course-area1 {
width: 228px;
height: 54px;
margin: 17px auto 0px auto;
}

div.csl-course-area2 {
width: 67px;
height: 70px;
float: left;
margin: 20px 0px 0px 23px;
}

div.csl-course-area3 {
width: 67px;
height: 70px;
float: left;
margin: 20px 0px 0px 5px;
}

div.csl-course-area4 {
width: 80px;
height: 17px;
margin: 9px 0px 0px 6px;
}

div.csl-course-area5 {
width: 237px;
height: 17px;
margin: 9px auto 0px auto;
}

div.csl-course-area1:hover,
div.csl-course-area2:hover,
div.csl-course-area3:hover,
div.csl-course-area4:hover,
div.csl-course-area5:hover {
border: 4px solid #fff799;
}

div.csl-course-navi-map a {
font-size: 14px;
font-weight: normal;
color: #ffffff;
background: #a9a7c7;
opacity: 0.8;
display: block;
height: 100%;
text-align: center;
}

div.csl-course-navi-map a.csl-now {
background: #c7000b;
}

div.csl-course-area1:hover a,
div.csl-course-area2:hover a,
div.csl-course-area3:hover a,
div.csl-course-area4:hover a,
div.csl-course-area5:hover a {
opacity: 0;
}

div.csl-course-navi-map a.csl-height54 {
line-height: 54px;
}

div.csl-course-navi-map a.csl-height70 {
line-height: 70px;
}

div.csl-course-navi-map a.csl-height17 {
line-height: 17px;
}


/*コース情報ナビ Ver.2*/
div.csl-course2-navi-map {
border: 1px solid #b6b6b6;
width: 246px;
height: 137px;
background-image: url(./../csl-img/k-09/course2_navi_back_image.jpg);
font-size:0;
}

div.csl-course2-area1 {
width: 90px;
height: 68px;
margin: 22px 0px 0px 31px;
float: left;
}

div.csl-course2-area2 {
width: 20px;
height: 68px;
float: right;
margin: 22px 9px 0px 0px;
}

div.csl-course2-area3 {
width: 107px;
height: 14px;
margin: 3px 0px 0px 5px;
}

div.csl-course2-area4 {
width: 234px;
height: 17px;
margin: 5px auto 0px auto;
}

div.csl-course2-area1:hover,
div.csl-course2-area2:hover,
div.csl-course2-area3:hover,
div.csl-course2-area4:hover {
border: 4px solid #fff799;
}

div.csl-course2-navi-map a {
font-size: 14px;
font-weight: normal;
color: #ffffff;
background: #a9a7c7;
opacity: 0.8;
display: block;
height: 100%;
text-align: center;
}

div.csl-course2-navi-map a.csl-now {
background: #c7000b;
}

div.csl-course2-area1:hover a,
div.csl-course2-area2:hover a,
div.csl-course2-area3:hover a,
div.csl-course2-area4:hover a {
opacity: 0;
}

div.csl-course2-navi-map a.csl-height68 {
line-height: 68px;
}

div.csl-course2-navi-map a.csl-height14 {
line-height: 14px;
}

div.csl-course2-navi-map a.csl-height17 {
line-height: 17px;
}
/*コース情報ナビここまで*/


div.download {
padding: 10px 10px 10px 60px;
border: 1px solid #a05096;
background: #ecdcea;
background-image: url(./../csl-img/k-09/download_icon.png);
background-repeat: no-repeat;
background-position: 12px 8px;
margin-left: 40px;
float: right;
}

div.download:hover {
opacity: 0.9;
}

div.download h3 {
font-size: 12px;
color: #a05096;
}

div.download p {
font-size: 12px;
}

div.download p:before {
content: "・";
}

p.k91 {
margin-bottom: 5px;
}

div.csl-radio-k91 {
margin-top: 20px;
position: relative;
display: block;
}

input.csl-k91-zip {
position: relative;
left: 13px;
z-index: 1;
}

label.csl-k91-zip {
display: inline-block;
width: 240px;
height: 32px;
border-radius: 32px;
border: 1px solid #a05096;
font-size: 10px;
line-height: 32px;
color: #a05096;
padding-left: 57px;
position: relative;
left: -16px;
background-image: url(../csl-img/k-09/zip_off.png);
background-repeat: no-repeat;
background-position: 30px 3px;
}

input.csl-k91-zip:checked + label.csl-k91-zip {
background-color: #a05096;
color: #ffffff;
background-image: url(../csl-img/k-09/zip_on.png);
}


input.csl-k91-html {
	position: relative;
	left: 13px;
	z-index: 1;
}

label.csl-k91-html {
	display: inline-block;
	width: 240px;
	height: 32px;
	border-radius: 32px;
	border: 1px solid #a05096;
	font-size: 10px;
	line-height: 32px;
	color: #a05096;
	padding-left: 57px;
	position: relative;
	left: -16px;
	background-image: url(../csl-img/k-09/html_off.png);
	background-repeat: no-repeat;
	background-position: 30px 3px;
}

input.csl-k91-html:checked + label.csl-k91-html {
	background-color: #a05096;
	color: #ffffff;
	background-image: url(../csl-img/k-09/html_on.png);
}
input.csl-k91-xls {
position: relative;
left: 13px;
z-index: 1;
}

label.csl-k91-xls {
display: inline-block;
width: 240px;
height: 32px;
border-radius: 16px;
border: 1px solid #a05096;
font-size: 10px;
line-height: 32px;
color: #a05096;
padding-left: 57px;
position: relative;
left: -16px;
background-image: url(./../csl-img/k-09/xls_off.png);
background-repeat: no-repeat;
background-position: 30px 3px;
}

label.csl-k91-xls img {
position: relative;
top: -7px;
left: 10px
}

p.csl-k91-2 {
margin-top: 20px;
}

input.csl-k91-xls:checked + label.csl-k91-xls {
background-color: #a05096;
color: #ffffff;
background-image: url(../csl-img/k-09/xls_on.png);
}

a.csl-btn-k91 {
width: 270px;
}


div.csl-upload-k91 {
position: relative;
margin-top: 20px;
}

input.csl-file-k91 {
display: inline-block;
vertical-align: top;
margin-right: 20px;
width:350px;
height:25px;
}

a.csl-btn-k91-2 {
margin-top: 0px;
}


p.csl-check {
font-size: 13px;
margin-bottom: 10px;
background: #a05096;
padding: 5px 10px;
color: #ffffff;
vertical-align: middle;
}

p.csl-check span {
font-size: 10px;

}

/*----------------------------K-9-1ここまで----------------------------*/

/*----------------------------K-9-2ここから----------------------------*/
div.csl-k92-file {
width: 720px;
margin: 20px auto 40px;
padding: 20px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}
div.csl-k92-file dl dt {
float:left;
width:7.2em;
}
div.csl-k92-file dl dd {
color:#a05096;
margin-left:1em;
}
/*----------------------------K-9-2ここまで----------------------------*/

/*----------------------------K-11-1ここから----------------------------*/

div.csl-wrapper-k111 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

p.k111 {
text-align: center;
}

div.csl-input-k111 {
width: 720px;
margin: 40px auto 0px auto;
padding: 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

div.csl-input-k111 h3 {
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
float: left;
}

div.csl-input-k111 input {
width: 100%;
margin-bottom: 15px;
height: 28px;
}

div.csl-input-k111 input.csl-last-k111 {
margin-bottom: 0px;
}

p.csl-bottom-k111 {
float: left;
margin-left: 10px;
margin-top: 3px;
}

div.csl-left-k111 {
width: 320px;
float: left;
}

div.csl-right-k111 {
width: 320px;
float: right;
}

div.csl-btn-wrapper-k111 {
text-align: center;
}

div.csl-hint-wrapper-k111 {
position: relative;
}

p.csl-hint span.csl-hint-k111 {
width: 720px;
left: -555px;
top: -70px;
}

p.csl-hint span.csl-hint-k111:after {
width: 10px;
height: 194px;
left: 360px;
top: 55px;
border-bottom: 1px solid black;
border-left: 1px solid black;
}

p.csl-hint span.csl-hint-k111:before {
top: 247px;
left: 370px;
}

p.csl-hint:hover span {
display: block;
}

/*----------------------------K-11-1ここまで----------------------------*/

/*----------------------------K-11-1-2ここから----------------------------*/

p.csl-chord-k1112 {
font-size: 14px;
padding-left: 10px;
text-align: left;
width: 100%;
height: 28px;
background: #ffffff;
line-height: 28px;
border: 1px solid #898989;
margin-bottom: 15px;
}

p.csl-last-k1112 {
margin-bottom: 0px;
}

p.csl-back-k1112 {
background: #fff799;
}

/*----------------------------K-11-1-2ここまで----------------------------*/
/*----------------------------K-11-2-1ここから----------------------------*/

div.csl-wrapper-k11-2-1 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

p.k11-2-1 {
text-align: center;
}

p.csl-hint span.csl-hint-k11-2-1 {
width: 880px;
left: -785px;
top: -76px;
}

p.csl-hint span.csl-hint-k11-2-1:after {
height: 53px;
left: 220px;
top: 55px;
border-left: 1px solid black;
}

p.csl-hint span.csl-hint-k11-2-1:before {
top: 103px;
left: 218px;
}

p.k11-2-1-b {
text-align: center;
margin-top: 60px;
}

form.csl-form-k11-2-1 {
margin: 20px 0px 60px 0px;
text-align: center;
}

div.csl-div-k11-2-1 {
display: inline-block;
}

form.csl-form-k11-2-1 img {
float: left;
margin-right: 20px;
}

form.csl-form-k11-2-1 input {
display: none;
}

label.radio-on-k11-2-1,
label.radio-off-k11-2-1 {
display: block;
width: 87px;
height: 87px;
border-radius: 87px;
border: 3px solid #a05096;
text-align: center;
line-height: 87px;
font-size: 20px;
float: left;
color: #a05096;
}

label.radio-off-k11-2-1 {
margin-left: 15px;
}

label.radio-on-k11-2-1:hover,
label.radio-off-k11-2-1:hover {
cursor: pointer;
}

form #on:checked + label.radio-on-k11-2-1 {
background: #a05096;
color: #fff;/* 文字色*/
cursor: default;
}

form #off:checked + label.radio-off-k11-2-1 {
background: #a05096;
color: #fff;/* 文字色*/
cursor: default;
}

a.csl-btn2-k11-2-1 {
display: block;
margin: 0px auto;
}

/*----------------------------K-11-2-1ここまで----------------------------*/

/*----------------------------K-11-2-2ここから----------------------------*/

form.csl-form-k11-2-2 {
margin: 40px 0px 20px 0px;
}

label.radio-off-k11-2-2 {
margin-left: 0px;
}

div.csl-btn-k11-2-2 {
text-align: center;
}

/*----------------------------K-11-2-2ここまで----------------------------*/

/*----------------------------K-11-3-1ここから----------------------------*/

div.csl-wrapper-k11-3-1 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

form.csl-form-k11-3-1 {
text-align: center;
margin: 20px 0px;
}

div.csl-form-k11-3-1 {
display: inline-block;
padding: 30px 20px 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

div.csl-form-k11-3-1 img {
display: block;
float: left;
}

div.csl-form-k11-3-1 h3 {
font-size: 14px;
font-weight: normal;
margin-bottom: 20px;
display: inline-block;
}

div.csl-form-k11-3-1 h3:last-of-type {
margin-bottom: 0px;
}

div.csl-input-k11-3-1 {
float: left;
margin-top: 6px;
margin-left: 30px;
}

div.csl-input-k11-3-1 input {
width: 170px;
height: 28px;
padding-left: 5px;
display: inline-block;
margin-left: 10px;
}

div.csl-form-k11-3-1 p.csl-caption {
display: inline-block;
margin-left: 3px;
}

/*----------------------------K-11-3-1ここまで----------------------------*/

/*----------------------------K-11-3-2ここから----------------------------*/

p.csl-chord-k11-3-2 {
font-size: 14px;
padding-left: 10px;
text-align: left;
width: 170px;
height: 28px;
background: #ffffff;
line-height: 28px;
border: 1px solid #898989;
margin-left: 10px;
display: inline-block;
}

p.csl-chord-k11-3-2-yellow {
background: #fff799;
}

div.csl-btn-k11-3-2 {
text-align: center;
}

/*----------------------------K-11-3-2ここまで----------------------------*/

/*----------------------------K-11-4-1ここまで----------------------------*/

div.csl-wrapper-k11-4-1 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

p.csl-p-k11-4-1 {
text-align: center;
}

div.csl-file-k11-4-1 {
width: 523px;
margin: 0px auto;
}

div.csl-radio-k11-4-1 {
margin-top: 20px;
position: relative;
display: block;
}

p.csl-p-k11-4-1-b {
margin-bottom: 5px;
}

form.csl-form-k11-4-1 {
margin: 40px 0px 60px 0px;
}

input.csl-k11-4-1-company {
position: relative;
left: 13px;
z-index: 1;
}

label.csl-k11-4-1-company {
display: inline-block;
width: 240px;
height: 32px;
border-radius: 32px;
border: 1px solid #a05096;
font-size: 14px;
line-height: 32px;
color: #a05096;
padding-left: 57px;
position: relative;
left: -16px;
background-image: url(../csl-img/k-11/company_off.png);
background-repeat: no-repeat;
background-position: 30px 3px;
}

input.csl-k11-4-1-company:checked + label.csl-k11-4-1-company {
background-color: #a05096;
color: #ffffff;
background-image: url(../csl-img/k-11/company_on.png);
}

input.csl-k11-4-1-education {
position: relative;
left: 13px;
z-index: 1;
}

label.csl-k11-4-1-education {
display: inline-block;
width: 240px;
height: 32px;
border-radius: 16px;
border: 1px solid #a05096;
font-size: 14px;
line-height: 32px;
color: #a05096;
padding-left: 57px;
position: relative;
left: -16px;
background-image: url(../csl-img/k-11/school_off.png);
background-repeat: no-repeat;
background-position: 30px 3px;
}

label.csl-k11-4-1-education img {
position: relative;
top: -7px;
left: 10px
}

input.csl-k11-4-1-education:checked + label.csl-k11-4-1-education {
background-color: #a05096;
color: #ffffff;
background-image: url(../csl-img/k-11/school_on.png);
}

a.csl-btn2-k11-4-1 {
display: block;
margin: 0px auto;
}

/*----------------------------K-11-4-1ここまで----------------------------*/

/*----------------------------K-11-4-2ここから----------------------------*/

p.csl-p-k11-4-2-b {
text-align: center;
margin-bottom: 5px;
}

div.csl-radio-k11-4-2 {
margin-top: 20px;
position: relative;
text-align: center;
}

p.csl-p-k11-4-1-b {
margin-bottom: 5px;
}

label.csl-k11-4-2-company {
display: inline-block;
width: 240px;
height: 32px;
border-radius: 32px;
border: 1px solid #a05096;
font-size: 14px;
line-height: 32px;
color: #a05096;
padding-left: 57px;
position: relative;
left: -16px;
background-image: url(../csl-img/k-11/company_off.png);
background-repeat: no-repeat;
background-position: 30px 3px;
text-align: left;
}

input.csl-k11-4-1-company:checked + label.csl-k11-4-2-company {
background-color: #a05096;
color: #ffffff;
background-image: url(../csl-img/k-11/company_on.png);
}

label.csl-k11-4-2-education {
display: inline-block;
width: 240px;
height: 32px;
border-radius: 16px;
border: 1px solid #a05096;
font-size: 14px;
line-height: 32px;
color: #a05096;
padding-left: 57px;
position: relative;
left: -16px;
background-image: url(../csl-img/k-11/school_off.png);
background-repeat: no-repeat;
background-position: 30px 3px;
text-align: left;
}

input.csl-k11-4-1-education:checked + label.csl-k11-4-2-education {
background-color: #a05096;
color: #ffffff;
background-image: url(../csl-img/k-11/school_on.png);
}

div.csl-div-btn-k11-4-2 {
text-align: center;
}

/*----------------------------K-11-4-2ここまで----------------------------*/

/*----------------------------K-12-1-1ここまで----------------------------*/

form.csl-form-k12-1-1 {
margin: 20px 0px 0px 0px;
}

form.csl-form-k12-1-1 img.csl-img-k12-1-1 {
float: left;
margin: 10px 15px 20px 0px;
}

form.csl-form-k12-1-1 input {
display: none;
}

label.radio-on-k12-1-1,
label.radio-off-k12-1-1 {
display: block;
width: 87px;
height: 87px;
border-radius: 87px;
border: 3px solid #a05096;
text-align: center;
line-height: 87px;
font-size: 20px;
float: left;
color: #a05096;
margin-top: 10px;
}

label.radio-off-k12-1-1 {
margin-left: 15px;
}

label.radio-on-k12-1-1:hover,
label.radio-off-k12-1-1:hover {
cursor: pointer;
}

form #on:checked + label.radio-on-k12-1-1 {
background: #a05096;
color: #fff;/* 文字色*/
cursor: default;
}

form #off:checked + label.radio-off-k12-1-1 {
background: #a05096;
color: #fff;/* 文字色*/
cursor: default;
}

label.radio-yes-k12-1-1,
label.radio-no-k12-1-1 {
display: block;
width: 87px;
height: 87px;
border-radius: 87px;
border: 3px solid #a05096;
text-align: center;
line-height: 87px;
font-size: 15px;
float: left;
color: #a05096;
margin-top: 10px;
}

label.radio-no-k12-1-1 {
margin-left: 15px;
}

label.radio-yes-k12-1-1:hover,
label.radio-no-k12-1-1:hover {
cursor: pointer;
}

form #yes:checked + label.radio-yes-k12-1-1 {
background: #a05096;
color: #fff;/* 文字色*/
cursor: default;
}

form #no:checked + label.radio-no-k12-1-1 {
background: #a05096;
color: #fff;/* 文字色*/
cursor: default;
}

div.csl-logo-img-k12-1-1 {
display: none;
}

form #on:checked ~ div.csl-logo-img-k12-1-1 {
display: block;
}

form input.csl-file-k12-1-1 {
margin-top: 10px;
display: block;
}

div.csl-logo-yes-k12-1-1 {
display: none;
margin-bottom: 20px;
}

div.csl-logo-no-k12-1-1 {
display: none;
margin-bottom: 20px;
}

form.csl-form-k12-1-1 input.csl-text-k12-1-1 {
display: block;
width: 300px;
margin-top: 10px;
height: 28px;
padding-left: 5px;
}

form #yes:checked ~ div.csl-logo-yes-k12-1-1 {
display: block;
}

form #no:checked ~ div.csl-logo-no-k12-1-1 {
display: block;
}

/*----------------------------K-12-1-1ここまで----------------------------*/

/*----------------------------K-12-2-1ここまで----------------------------*/

div.csl-div-k12-1-2 {
width: 400px;
margin: 40px auto;
padding: 30px 20px 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
text-align: center;
}

div.csl-wrapper-k12-1-2 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

div.csl-btn-k12-1-2 {
text-align: center;
}

/*----------------------------K-12-1-1ここまで----------------------------*/


/*----------------------------K-12-4-1ここから----------------------------*/

label.csl-top-navi-btn-lable {
display: block;
background: #4c4c4c;
background: -moz-linear-gradient(left, #000000 0%, #4c4c4c 100%);
background: -webkit-gradient(linear, left center, right center, from(#000000), to(#4c4c4c));
background: -webkit-linear-gradient(left, #000000 0%, #4c4c4c 100%);
background: -o-linear-gradient(left, #000000 0%, #4c4c4c 100%);
background: linear-gradient(to right, #000000 0%, #4c4c4c 100%);
color: #fff;
width: 20px;
display: inline-block;
margin: 0;
text-align: center;
position: absolute;
top: 0;
bottom: 0;
left: 286px;
right: 0;
}

label.csl-top-navi-btn-lable:hover {
cursor: pointer;
}

/*labelの三角*/
label.csl-top-navi-btn-lable:before {
content: "";
position: absolute;
top: 50%;
left: 2px;
margin-top: -7px;
border: 7px solid transparent;
border-right: 7px solid #fff;
opacity: 0.9;
}

/*labelの縦ライン*/
label.csl-top-navi-btn-lable:after {
content: "";
position: absolute;
width: 3px;
left: 0;
height: 100%;
border-right: 1px solid white;
opacity: 0.7;
}

/*labelの上ドット*/
img.csl-dot-top {
width: 13px;
margin: 0;
position: absolute;
top: 2px;
left: 6px;
}

/*labelの下ドット*/
img.csl-dot-bottom {
width: 13px;
margin: 0;
position: absolute;
bottom: 2px;
left: 6px;
}

div.csl-content-wrapper input#top-navi-btn:checked ~ label.csl-top-navi-btn-lable {
background: #000000;
background: -moz-linear-gradient(left, #4c4c4c 0%, #000000 100%);
background: -webkit-gradient(linear, left center, right center, from(#4c4c4c), to(#000000));
background: -webkit-linear-gradient(left, #4c4c4c 0%, #000000 100%);
background: -o-linear-gradient(left, #4c4c4c 0%, #000000 100%);
background: linear-gradient(to right, #4c4c4c 0%, #000000 100%);
}

div.csl-content-wrapper input#top-navi-btn:checked ~ label.csl-top-navi-btn-lable:before {
content: "";
position: absolute;
top: 50%;
left: 4px;
margin-top: -7px;
border: 7px solid transparent;
border-left: 7px solid #fff;
}

div.csl-content-wrapper input#top-navi-btn:checked ~ label.csl-top-navi-btn-lable:after {
width: 16px;
}

div.csl-content-wrapper input#top-navi-btn:checked ~ label.csl-top-navi-btn-lable img.csl-dot-top {
position: absolute;
top: 2px;
left: 2px;
}

div.csl-content-wrapper input#top-navi-btn:checked ~ label.csl-top-navi-btn-lable img.csl-dot-bottom {
position: absolute;
bottom: 2px;
left: 2px;
}

div.csl-content-wrapper input#top-navi-btn:checked ~ div.csl-top-navi {
display:none;
}

div.csl-content-wrapper input#top-navi-btn:checked ~ label.csl-top-navi-btn-lable {
left: 0px;
}

div.csl-top-navi {
float: left;
display: block;
width: 286px;
height: 480px;
padding: 20px;
}

div.csl-top-navi h2 {
font-size: 13px;
font-weight: normal;
margin-bottom: 3px;
}

div.csl-navi-map {
border: 1px solid #b6b6b6;
width: 246px;
height: 419px;
background-image: url(../csl-img/k-12/navi_back_image.jpg);
font-size:0;
}

div.csl-area1 {
width: 45px;
height: 16px;
float: left;
position:relative;
}

div.csl-area2 {
width: 41px;
height: 16px;
float: left;
margin-left: 108px;
}

div.csl-area3 {
width: 116px;
height: 15px;
float: left;
margin-top: 3px;
margin-left: 0px;
}

div.csl-area4 {
width: 30px;
height: 15px;
float: left;
margin-top: 3px;
margin-left: 33px;
}

div.csl-area5 {
width: 30px;
height: 15px;
float: left;
margin-top: 3px;
margin-left: 31px;
}

div.csl-area6 {
width: 246px;
height: 108px;
float: left;
margin-top: 4px;
}

div.csl-area7 {
width: 64px;
height: 14px;
float: left;
margin-top: 2px;
margin-left: 91px;
}

div.csl-area8 {
width: 85px;
height: 17px;
float: left;
margin-top: 25px;
margin-left: 85px;
}

div.csl-area9 {
width: 62px;
height: 13px;
float: left;
margin-top: 2px;
margin-left: 94px;
}

div.csl-area10 {
width: 188px;
height: 44px;
float: left;
margin-top: 12px;
margin-left: 29px;
}

div.csl-area11 {
width: 188px;
height: 39px;
float: left;
margin-top: 8px;
margin-left: 29px;
}

div.csl-area12 {
width: 121px;
height: 35px;
float: left;
margin-top: 15px;
}

div.csl-area13 {
width: 121px;
height: 35px;
float: left;
margin-top: 15px;
margin-left: 2px;
}

div.csl-area14 {
width: 94px;
height: 16px;
float: left;
margin-top: 27px;
margin-left: 151px;
position: relative;
}

div.csl-area1:hover,
div.csl-area2:hover,
div.csl-area3:hover,
div.csl-area4:hover,
div.csl-area5:hover,
div.csl-area6:hover,
div.csl-area7:hover,
div.csl-area8:hover,
div.csl-area9:hover,
div.csl-area10:hover,
div.csl-area11:hover,
div.csl-area12:hover,
div.csl-area13:hover,
div.csl-area14:hover {
border: 4px solid #fff799;
}

div.csl-navi-map a {
font-size: 14px;
font-weight: normal;
color: #ffffff;
background: #a9a7c7;
opacity: 0.8;
display: block;
height: 100%;
text-align: center;
}

div.csl-navi-map a.csl-now {
background: #c7000b;
}

div.csl-area1:hover a,
div.csl-area2:hover a,
div.csl-area3:hover a,
div.csl-area4:hover a,
div.csl-area5:hover a,
div.csl-area6:hover a,
div.csl-area7:hover a,
div.csl-area8:hover a,
div.csl-area9:hover a,
div.csl-area10:hover a,
div.csl-area11:hover a,
div.csl-area12:hover a,
div.csl-area13:hover a,
div.csl-area14:hover a {
opacity: 0;
}

div.csl-navi-map a.csl-height16 {
line-height: 16px;
}

div.csl-navi-map a.csl-height15 {
line-height: 15px;
}

div.csl-navi-map a.csl-height108 {
line-height: 108px;
}

div.csl-navi-map a.csl-height14 {
line-height: 14px;
}

div.csl-navi-map a.csl-height17 {
line-height: 17px;
}

div.csl-navi-map a.csl-height13 {
line-height: 13px;
}

div.csl-navi-map a.csl-height44 {
line-height: 44px;
}

div.csl-navi-map a.csl-height39 {
line-height: 39px;
}

div.csl-navi-map a.csl-height35 {
line-height: 35px;
}

div.csl-config {
width: 614px;
padding: 20px;
float: right;
}

div.csl-content-wrapper input#top-navi-btn:checked ~ div.csl-config {
width: 900px;
}

ul.csl-float {
float: left;
}

div.csl-config h2 {
display: inline-block;
margin-left: 5px;
padding: 0px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
}

div.csl-error {
	/*border: 2px dotted red;*/
	font-size: 14px;
	padding: 10px 15px;
	margin: 0px 0px 20px 0px;
	color: red;
	/*background: #ffe5e5;*/
}

a.csl-right {
float: right;
}

a.csl-float-right {
float: right;
}

div.csl-config img {
margin-top: 10px;
margin-right: 15px;
float: left;
}

div.csl-ss-wrapper p.csl-hint:hover span {
display: block;
}

/*吹き出しのbody*/
p.csl-hint span {
font-size: 13px;
text-align: left;
position: absolute;
top: -125px;
left: -480px;
color: #505050;
width: 575px;
padding: 12px;
border-radius: 5px;
background: #fff799;
display: none;
opacity: 0.9;
}

p.csl-hint span:after {	
content: "";	
width: 0px;
height: 40px;
border-left: 1px solid black;
position: absolute;
top: 112px;
left: 288px;
}

p.csl-hint span:before {	
content: " ";	
width: 3px;
height: 3px;
border-radius: 3px;
background: black;
border: 1px solid black;
position: absolute;
top: 152px;
left: 286px;
}

/*吹き出しのbody*/
div.csl-content-wrapper input#top-navi-btn:checked ~ div.csl-config p.csl-hint span {
width: 860px;
left: -765px;
top: -105px;
}

div.csl-content-wrapper input#top-navi-btn:checked ~ div.csl-config p.csl-hint span:after {
left: 226px;
top: 93px;
}

div.csl-content-wrapper input#top-navi-btn:checked ~ div.csl-config p.csl-hint span:before {
left: 224px;
top: 133px;
}

div.csl-content-wrapper.csl-height-145-scroll {
    height: calc(100vh - 145px);
    overflow-y: auto;
}

div.csl-btn-wrapper.csl-btn-sub {
    margin-bottom: 20px;
}


/*----------------------------K-12-4-1ここまで----------------------------*/

/*----------------------------K-12-4-2ここから----------------------------*/

div.csl-confirmation-top {
width: 100%;
padding: 20px;
margin-bottom: 10px;
}

div.csl-confirmation-top h2 {
display: inline-block;
margin-left: 5px;
padding: 0px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
}

div.csl-confirmation-top p.csl-read {
font-size: 13px;
margin-top: 11px;
}

div.csl-confirmation-middle {
border-top: 1px solid #898989;
border-bottom: 1px solid #898989;
width: 880px;
margin: 0px auto;
padding: 10px 0px;
}

div.csl-confirmation-bottom {
width: 100%;
text-align: center;
padding: 20px 0px;
margin-top: 20px;
}

div.csl-confirmation-bottom a
{
margin-top: 0px;
}

/*----------------------------K-12-4-2ここまで----------------------------*/

/*----------------------------K-12-4-3ここから----------------------------*/

div.csl-confirmation-middle p {
text-align: center;
font-weight: bold;
margin: 20px 0px;
}

div.height-35 {
height: 35px;
}

/*----------------------------K-12-4-3ここまで----------------------------*/

/*----------------------------K-12-5-2ここから----------------------------*/

div.csl-content-wrapper section.sectionBlock {
border: none;
}

/*----------------------------K-12-5-2ここまで----------------------------*/

/*----------------------------K-13-2-1ここから----------------------------*/

h2.title2 {
display: inline-block;
margin-left: 5px;
padding: 0px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
}

ul.csl-radio-img {
width: 574px;
margin-top: 10px;
}

ul.csl-radio-img li {
float:left;
margin-right: 20px;
width: 178px;
font-size: 14px;
}

ul.csl-radio-img li.csl-last {
margin-right: 0px;
}

div.csl-radio-btn {
width: 178px;
position: relative;
float: left;
margin-right: 20px;
margin-top: 7px;
}

div.end {
margin-right: 0px;
}

input.k1321 {
float: left;
position: absolute;
top: 8px;
left: 10px;
z-index: 1;
}

label.csl-label-k1321 {
cursor: pointer;
display: block;
width: 178px;
height: 32px;
border: 1px solid #a05096;
border-radius: 32px;
font-size: 14px;
line-height: 32px;
padding-left: 30px;
float: left;
}

.check_box:checked + .csl-label-k1321 {
  background-color: #a05096;
  color: #ffffff;
}

div.csl-radio-btn img {
margin-right: 5px;
position: relative;
top: -7px;
}

/*吹き出しのbody*/
p.csl-hint span.k1321 {
font-size: 13px;
text-align: left;
position: absolute;
top: -107px;
left: -785px;
color: #505050;
width: 880px;
padding: 12px;
border-radius: 5px;
background: #fff799;
z-index: 2;
display: none;
opacity: 0.9;
}

p.csl-hint span.k1321:after {	
content: "";	
width: 0px;
height: 40px;
border-left: 1px solid black;
position: absolute;
top: 93px;
left: 220px;
}

p.csl-hint span.k1321:before {	
content: " ";	
width: 3px;
height: 3px;
border-radius: 3px;
background: black;
border: 1px solid black;
position: absolute;
top: 133px;
left: 218px;
}

p.csl-hint:hover span.k1321 {
display: block;
}

/*----------------------------K-13-2-1ここまで----------------------------*/

/*----------------------------K-13-2-2ここから----------------------------*/

@media (min-width: 769px){
body.category h1 {
line-height: normal;
}

body.category .sectionBlock {
border-top: none;
}

body.category .sectionBlock .sectionBlockInner .listBox li a .listTextArea .title h3 {
font-size: 16px;

}

body.categoryList2 {
background: #ffffff
}

}

/*----------------------------K-13-2-2ここまで----------------------------*/

/*----------------------------K-14-1ここから----------------------------*/

/*コース情報ナビ Ver.3*/
div.csl-foam-navi-map {
border: 1px solid #b6b6b6;
width: 246px;
height: 419px;
background-image: url(./../csl-img/k-14/foam_navi_back_image.jpg);
font-size:0;
}

div.csl-foam-area1 {
width: 232px;
height: 332px;
margin: 6px auto 0px auto;
}

div.csl-foam-area2 {
width: 70px;
height: 66px;
float: left;
margin: 9px 0px 0px 95px;
}

div.csl-foam-area1:hover,
div.csl-foam-area2:hover {
border: 4px solid #fff799;
}

div.csl-foam-navi-map a {
font-size: 14px;
font-weight: normal;
color: #ffffff;
background: #a9a7c7;
opacity: 0.8;
display: block;
height: 100%;
text-align: center;
}

div.csl-foam-navi-map a.csl-now {
background: #c7000b;
}

div.csl-foam-area1:hover a,
div.csl-foam-area2:hover a {
opacity: 0;
}

div.csl-foam-navi-map a.csl-height332 {
line-height: 332px;
}

div.csl-foam-navi-map a.csl-height66 {
line-height: 66px;
}




/*コース情報ナビ Ver.2*/
div.csl-foam2-navi-map {
border: 1px solid #b6b6b6;
width: 246px;
height: 305px;
background-image: url(./../csl-img/k-14/foam2_navi_back_image.jpg);
font-size:0;
}

div.csl-foam2-area1 {
width: 232px;
height: 216px;
margin: 6px auto 0px auto;
}

div.csl-foam2-area2 {
width: 45px;
height: 60px;
margin: 17px 0px 0px 145px;
}

div.csl-foam2-area1:hover,
div.csl-foam2-area2:hover {
border: 4px solid #fff799;
}

div.csl-foam2-navi-map a {
font-size: 14px;
font-weight: normal;
color: #ffffff;
background: #a9a7c7;
opacity: 0.8;
display: block;
height: 100%;
text-align: center;
}

div.csl-foam2-navi-map a.csl-now {
background: #c7000b;
}

div.csl-foam2-area1:hover a,
div.csl-foam2-area2:hover a {
opacity: 0;
}

div.csl-foam2-navi-map a.csl-height216 {
line-height: 216px;
}

div.csl-foam2-navi-map a.csl-height60 {
line-height: 60px;
}





div.csl-k141 {
height: calc(100vh - 245px);
}

@media (max-height: 725px) {
div.csl-k141 {
min-height: 480px;
}
}

div.csl-wrapper-k141 {
margin-top: 20px;
}

div.csl-switch input#sample1off:checked ~ a.csl-btn2 {
border: 1px solid #dcdddd;
color: #dcdddd;
}

div.csl-switch input#sample1off:checked ~ a.csl-btn2:hover {
background: #ffffff;
}

a.csl-k141-a {
margin-top: 20px;
position: relative;
top: 88px;
left: -257px;
}

div.csl-switch input#sample1off:checked ~ a.csl-k141-a {
display: none;
}

a.csl-k141-b {
margin-top: 20px;
position: relative;
top: 88px;
left: -257px;
display: none;
}

div.csl-switch input#sample1off:checked ~ a.csl-k141-b {
display: block;
}

div.csl-switch input#sample1off:checked ~ a.csl-k141-b:after {
content: "";
display: block;
width: 150px;
height: 5px;
border-top: 1px solid #dcdddd;
border-bottom: 1px solid #dcdddd;
position: relative;
top: -20px;
left: -10px;
}

a.csl-k141-2 {
margin-top: 70px;
}

/*----------------------------K-14-1ここまで----------------------------*/

/*----------------------------K-16-1ここから----------------------------*/

div.csl-wrapper-k16-1 {
height: 30px;
}

p.csl-text-k16-1 {
text-align: center;
margin-top: -10px;
}

div.csl-file-k16-1 {
width: 523px;
margin: 0px auto;
}

p.csl-check-k16-1 {
font-size: 13px;
margin-top: 20px;
margin-bottom: 10px;
background: #a05096;
padding: 5px 10px;
color: #ffffff;
vertical-align: middle;
}

p.csl-check-k16-1 span {
font-size: 10px;
}

/*----------------------------K-16-1ここまで----------------------------*/

/*----------------------------K-16-2ここから----------------------------*/

div.csl-wrapper-k16-2 {
width: 880px;
margin: 0px auto;
}

p.csl-text-k16-2 {
text-align: center;
margin-top: 0px;
}

div.csl-input-k16-2 {
width: 470px;
margin: 30px auto 5px auto;
padding: 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

div.csl-input-k16-2 h3 {
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
float: left;
}

div.csl-input-k16-2 input {
width: 100%;
margin-bottom: 15px;
height: 28px;
}

div.csl-input-k16-2 p.csl-last-k16-2 {
margin-bottom: 0px;
}

p.csl-chord-k16-2 {
font-size: 14px;
padding-left: 10px;
text-align: left;
width: 100%;
height: 28px;
background: #ffffff;
line-height: 28px;
border: 1px solid #898989;
margin-bottom: 15px;
}

div.csl-btn-wrapper-k16-2 {
text-align: center;
padding-bottom: 20px;
}

/*----------------------------K-16-2ここまで----------------------------*/


/*----------------------------K-17-1ここから----------------------------*/

div.csl-input-k17-1 {
    width: 470px;
    margin: 0px auto 5px auto;
    padding: 30px 20px 20px 20px;
    border: 1px solid #a05096;
    background: #f5edf4;
    position: relative;
}

div.csl-input-k17-2 {
    width: 470px;
    height: 400px;
    margin: 0px auto 5px auto;
    padding: 30px 20px 20px 20px;
    border: 1px solid #a05096;
    background: #f5edf4;
    position: relative;
}

div.csl-input-k17-3 {
    width: 470px;
    height: 446px;
    margin: 0px auto 5px auto;
    padding: 30px 20px 20px 20px;
    border: 1px solid #a05096;
    background: #f5edf4;
    position: relative;
}

div.csl-left-k17-1 {
    width: 430px;
    margin-left: 0px;
}

h3.csl-h3-k17-1-a {
    display: inline-block;
    margin-right: 10px;
}

input.csl-text-k17-1-a {
    width: 328px;
    height: 28px;
    padding-left: 5px;
    display: inline-block;
}

div.csl-input-k17-1 h3 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}

div.csl-input-k17-1 label {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}

div.csl-input-k17-2 h3 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}

div.csl-input-k17-3 h3 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}


h3.csl-h3-k17-1-b {
    display: inline-block;
    margin-right: 38px;
}

input.csl-text-k17-1-b {
    width: 328px;
    height: 28px;
    padding-left: 5px;
    display: inline-block;
}

p.csl-caption-k17-1 {
    margin-top: 5px;
    margin-bottom: 15px;
}

p.csl-bottom-k17-1 {
    margin-left: 10px;
    margin-top: 3px;
}

p.csl-k17-1 {
    width: 470px;
    margin: 10px auto 5px auto;
}

div.csl-radio-k17-1 input {
    display: inline;
}

div.csl-radio-k17-1 label {
    display: inline;
}

h3.csl-h3-k17-1 {
    margin-top: 15px;
    margin-bottom: 0px;
    float: left;
}

h3.csl-h3-k17-1_title {
    margin-top: -10px;
    margin-bottom: 0px;
    margin-left: 150px;
}


p.csl-radio-k17-1 {
    margin-top: 15px;
    margin-left: 30px;
    font-size: 14px;
    float: left;
}

p.csl-radio-k17-2 {
    margin-top: 15px;
    margin-left: 50px;
    font-size: 14px;
    float: left;
}

p.csl-select-k17-1 {
    margin-top: 15px;
    margin-left: 30px;
    font-size: 14px;
    float: left;
}


input.csl-radio-k17-1-second {
    margin-left: 15px;
}

a.csl-btn-k17-1 {
    display: inline-block; /*修正*/
    text-align: center;
    width: 120px;
    margin: 10px auto 5px auto;
    background: #fff;
}

div.csl-pager-k17-1 {
    position: relative;
}

a.csl-btn2-k17-1 {
    position: absolute;
    top: -14px;
    right: -15px;
}

/*reset btn*/
input.csl-btn-k17-1 {
    background: #ffffff;
    width: 130px;
    height: 30px;
    border: 1px solid #a05096;
    font-size: 15px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;
    margin: 15px 15px 0px 0px;
    color: #a05096;
}

    input.csl-btn-k17-1:hover {
        background: #fff799;
        opacity: 1;
    }

/*----------------------------K-17-1ここまで----------------------------*/


/*----------------------------K-19-1-1ここから----------------------------*/

div.csl-tracking-chord {
width: 470px;
margin: 50px auto;
padding: 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

div.csl-tracking-chord2 {
width: 470px;
margin: 120px auto 50px auto;
padding: 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
}

div.csl-tracking-chord h3 {
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
}

div.csl-tracking-chord2 h3 {
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
}

div.csl-tracking-chord input {
width: 100%;
margin-bottom: 10px;
height: 28px;
}

div.csl-tracking-chord2 input {
width: 100%;
margin-bottom: 10px;
height: 28px;
}

/*吹き出しのbody*/
p.csl-hint2 span.hint2 {
font-size: 13px;
text-align: left;
position: absolute;
top: -70px;
left: -373px;
color: #505050;
width: 470px;
padding: 12px;
border-radius: 5px;
background: #fff799;
display: none;
opacity: 0.9;
}

p.csl-hint2 span.hint2:after {	
content: "";	
width: 0px;
height: 40px;
border-left: 1px solid black;
position: absolute;
top: 57px;
left: 235px;
}

p.csl-hint2 span.hint2:before {	
content: " ";	
width: 3px;
height: 3px;
border-radius: 3px;
background: black;
border: 1px solid black;
position: absolute;
top: 97px;
left: 233px;
}

div.csl-tracking-chord2 p.csl-hint2:hover span.hint2 {
display: block;
}

/*----------------------------K-19-1-1ここまで----------------------------*/

/*----------------------------K-19-1-2ここから----------------------------*/

p.csl-chord {
font-size: 20px;
text-align: center;
width: 100%;
height: 50px;
background: #ffffff;
line-height: 50px;
border: 1px solid #898989;
}

/*----------------------------K-19-1-2ここまで----------------------------*/

/*----------------------------K-20-1ここから----------------------------*/

div.csl-wrapper-k20-1 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

div.csl-error-k20-1 {
margin-top: 20px;
}

h2.csl-title-k20-1 {
margin-top: 20px;
}

p.csl-text-k20-1 {
text-align: center;
margin: 80px auto 20px auto;
}

p.csl-bottom-k20-1 {
float: left;
margin-left: 10px;
margin-top: 3px;
}

div.csl-btn-wrapper-k20-1 {
text-align: center;
}

/*----------------------------K-20-1ここまで----------------------------*/

/*----------------------------K-20-2ここから----------------------------*/

a.csl-btn2-k20-2 {
width: 185px;
margin-top: 80px;
}

a.csl-maine-line-k20-2 {
background-position: 155px center;
}

a.csl-maine-line-k20-2:hover {
background-position: 155px center;
}

/*----------------------------K-20-2ここまで----------------------------*/


/*----------------------------K-28-1-1ここから----------------------------*/
div.csl-navi-map-ver2 {
border: 1px solid #b6b6b6;
width: 246px;
height: 332px;
background-image: url(../csl-img/k-28/navi_back_image_ver2.jpg);
font-size:0;
}

div.csl-area1-ver2 {
width: 246px;
height: 103px;
}

div.csl-area2-ver2 {
width: 106px;
height: 14px;
/*margin-left: 108px;*/
margin-top: 7px;
}

div.csl-area3-ver2 {
width: 46px;
height: 34px;
/*float: left;*/
margin-top: 3px;
margin-left: 5px;
}

div.csl-area4-ver2 {
width: 46px;
height: 60px;
/*float: left;*/
margin-top: 10px;
margin-left: 5px;
}

div.csl-area5-ver2 {
width: 46px;
height: 34px;
/*float: left;*/
margin-top: 4px;
margin-left: 5px;
}

div.csl-area6-ver2 {
width: 183px;
height: 91px;
/*float: left;*/
/*margin-top: 4px;*/
position: absolute;
top: 170px;
left: 78px;
}

div.csl-area7-ver2 {
width: 90px;
height: 45px;
/*float: left;*/
position: absolute;
top: 264px;
left: 77px;
}

div.csl-area8-ver2 {
width: 91px;
height: 45px;
/*float: left;*/
position: absolute;
top: 264px;
left: 170px;
}

div.csl-area9-ver2 {
width: 25px;
height: 12px;
position: absolute;
top: 317px;
left: 236px;
}

div.csl-area10-ver2 {
    width: 40px;
    height: 15px;
    position: absolute;
    top: 357px;
    left: 223px;
}

div.csl-area1-ver2:hover,
div.csl-area2-ver2:hover,
div.csl-area3-ver2:hover,
div.csl-area4-ver2:hover,
div.csl-area5-ver2:hover,
div.csl-area6-ver2:hover,
div.csl-area7-ver2:hover,
div.csl-area8-ver2:hover,
div.csl-area9-ver2:hover,
div.csl-area10-ver2:hover {
    border: 4px solid #fff799;
}

div.csl-navi-map-ver2 a {
font-size: 14px;
font-weight: normal;
color: #ffffff;
background: #a9a7c7;
opacity: 0.8;
display: block;
height: 100%;
text-align: center;
}

div.csl-navi-map-ver2 a.csl-now {
background: #c7000b;
}

div.csl-area1-ver2:hover a,
div.csl-area2-ver2:hover a,
div.csl-area3-ver2:hover a,
div.csl-area4-ver2:hover a,
div.csl-area5-ver2:hover a,
div.csl-area6-ver2:hover a,
div.csl-area7-ver2:hover a,
div.csl-area8-ver2:hover a {
opacity: 0;
}

div.csl-navi-map-ver2 a.csl-height103 {
line-height: 103px;
}

div.csl-navi-map-ver2 a.csl-height14 {
line-height: 14px;
}

div.csl-navi-map-ver2 a.csl-height34 {
line-height: 34px;
}

div.csl-navi-map-ver2 a.csl-height60 {
line-height: 60px;
}

div.csl-navi-map-ver2 a.csl-height91 {
line-height: 91px;
}

div.csl-navi-map-ver2 a.csl-height45 {
line-height: 45px;
}

div.csl-navi-map-ver2 a.csl-height12 {
line-height: 12px;
}

form.csl-form-k28-1-1 {
width: 400px;
margin: 30px auto 0px auto;
padding: 20px 20px;
background: #f5edf4;
border: 1px solid #a05096;
text-align: center;
}

form.csl-form-k28-1-1 label  {
margin-right: 50px;
color: #505050;
font-size: 14px;
}

form.csl-form-k28-1-1 label:last-of-type {
margin-right: 0px;
}

    form.csl-form-k28-1-1 div.csl-k28-1-1-blue {
        margin: 20px auto 10px auto;
        width: 237px;
        height: 237px;
        background-image: url(../csl-img/k-28/blue.jpg);
        display: none;
    }

    form.csl-form-k28-1-1 div.csl-k28-1-1-yellow {
        margin: 20px auto 10px auto;
        width: 237px;
        height: 237px;
        background-image: url(../csl-img/k-28/yellow.jpg);
        display: none;
    }

    form.csl-form-k28-1-1 div.csl-k28-1-1-green {
        margin: 20px auto 10px auto;
        width: 237px;
        height: 237px;
        background-image: url(../csl-img/k-28/green.jpg);
        display: none;
    }

form.csl-form-k28-1-1 input#csl-k28-1-1-blue:checked ~ div.csl-k28-1-1-blue {
display: block;
}

form.csl-form-k28-1-1 input#csl-k28-1-1-yellow:checked ~ div.csl-k28-1-1-yellow {
display: block;
}

form.csl-form-k28-1-1 input#csl-k28-1-1-green:checked ~ div.csl-k28-1-1-green {
display: block;
}

a.csl-btn-k28-1-1 {
display: block;
margin: 20px auto;
}

/*----------------------------K-28-1-1ここまで----------------------------*/

/*----------------------------K-28-1-2ここから----------------------------*/

div.csl-wrapper-k28-1-2 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

p.csl-p-k28-1-2 {
text-align: center;
}

div.csl-div-k28-1-2 {
width: 400px;
margin: 40px auto 0px auto;
padding: 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
text-align: center;
}

div.csl-k28-1-2-blue {
    margin: 20px auto 10px auto;
    width: 237px;
    height: 237px;
    background-image: url(../csl-img/k-28/blue.jpg);
}

div.csl-k28-1-2-yellow {
    margin: 20px auto 10px auto;
    width: 237px;
    height: 237px;
    background-image: url(../csl-img/k-28/yellow.jpg);
}

div.csl-k28-1-2-green {
    margin: 20px auto 10px auto;
    width: 237px;
    height: 237px;
    background-image: url(../csl-img/k-28/green.jpg);
}

div.csl-btn-wrapper-k28-1-2 {
text-align: center;
}

/*----------------------------K-28-1-2ここまで----------------------------*/

/*----------------------------K-28-2-1ここから----------------------------*/

form.csl-form-k28-2-1 {
width: 500px;
margin: 30px auto 0px auto;
padding: 20px 20px;
background: #f5edf4;
border: 1px solid #a05096;
text-align: center;
}

p.csl-p-k28-2-1 {
margin-bottom: 20px;
}

form.csl-form-k28-2-1 label  {
margin-right: 50px;
font-size: 14px;
color: #505050;
}
  
form.csl-form-k28-2-1 label:last-of-type {
margin-right: 0px;
}

div.csl-lineup01-k28-2-1 {
    width: 182px;
    height: 288px;
    background-image: url(../csl-img/k-28/line_up_01.jpg);
    margin: 20px auto 40px auto;
    display: none;
}

div.csl-lineup02-k28-2-1 {
    width: 182px;
    height: 288px;
    background-image: url(../csl-img/k-28/line_up_02.jpg);
    margin: 20px auto 40px auto;
    display: none;
}

form.csl-form-k28-2-1 input#csl-k28-2-1-up:checked ~ div.csl-lineup01-k28-2-1 {
display: block;
}
  
form.csl-form-k28-2-1 input#csl-k28-2-1-down:checked ~ div.csl-lineup02-k28-2-1 {
display: block;
}

div.csl-div-input-k28-2-1 {
text-align: right;
}

p.csl-p-aline-k28-2-1 {
display: inline-block;
}

input.input-text-k28-2-1 {
width: 200px;
margin-right: 75px;
margin-bottom: 10px;
padding-left: 5px;
}

input.input-text-k28-2-1:last-of-type {
margin-bottom: 40px;
}

div.csl-lineup03-k28-2-1 {
    width: 182px;
    height: 183px;
    background-image: url(../csl-img/k-28/line_up_03.jpg);
    margin: 20px auto 20px auto;
    display: none;
}

div.csl-lineup04-k28-2-1 {
    width: 182px;
    height: 136px;
    background-image: url(../csl-img/k-28/line_up_04.jpg);
    margin: 20px auto 20px auto;
    display: none;
}

form.csl-form-k28-2-1 input#csl-k28-2-1-all:checked ~ div.csl-lineup03-k28-2-1 {
display: block;
}

form.csl-form-k28-2-1 input#csl-k28-2-1-just:checked ~ div.csl-lineup04-k28-2-1 {
display: block;
}

/*----------------------------K-28-2-1ここまで----------------------------*/

/*----------------------------K-28-2-2ここから----------------------------*/

p.csl-p-k28-2-2 {
text-align: center;
}

div.csl-wrapper-k28-2-2 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

div.csl-div-k28-2-2 {
width: 400px;
margin: 40px auto 0px auto;
padding: 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
position: relative;
text-align: center;
}

div.csl-lineup01-k28-2-2 {
    width: 182px;
    height: 288px;
    background-image: url(../csl-img/k-28/line_up_01.jpg);
    margin: 20px auto 40px auto;
}

div.csl-lineup02-k28-2-2 {
    width: 182px;
    height: 288px;
    background-image: url(../csl-img/k-28/line_up_02.jpg);
    margin: 20px auto 40px auto;
}

div.csl-div-input-k28-2-2 {
text-align: right;
}

p.csl-p-aline-k28-2-2 {
display: inline-block;
}

p.csl-input-k28-2-2 {
font-size: 14px;
padding-left: 10px;
text-align: left;
width: 200px;
height: 28px;
background: #ffffff;
line-height: 28px;
border: 1px solid #898989;
margin-bottom: 10px;
margin-right: 20px;
display: inline-block;
}

p.csl-input-k28-2-2:last-of-type {
margin-bottom: 30px;
}

div.csl-lineup03-k28-2-2 {
    width: 182px;
    height: 183px;
    background-image: url(../csl-img/k-28/line_up_03.jpg);
    margin: 20px auto 20px auto;
}

div.csl-lineup04-k28-2-2 {
    width: 182px;
    height: 136px;
    background-image: url(../csl-img/k-28/line_up_04.jpg);
    margin: 20px auto 20px auto;
}

div.csl-btn-wrapper-k28-2-2 {
text-align: center;
}

/*----------------------------K-28-2-2ここから----------------------------*/

/*----------------------------K-28-3-1ここから----------------------------*/

div.csl-div-k28-3-1 {
width: 100%;
margin: 30px auto 0px auto;
padding: 20px 20px;
background: #f5edf4;
border: 1px solid #a05096;
text-align: center;
font-size: 0px;
}

p.csl-p-k28-31 {
text-align: center;
}

div.csl-top-img-wrapper-k28-3-1 {
text-align: left;
}

div.csl-top-img-k28-3-1 {
width: 32%;
display: inline-block;
margin-top: 20px;
margin-right: 2%;
}

div.csl-top-img-k28-3-1:nth-child(3),
div.csl-top-img-k28-3-1:nth-child(6) {
margin-right: 0%;
}

label.csl-label-k28-3-1 {
color: #505050;
font-size: 14px;
margin-left: 4px;
}

label.csl-label-img-k28-3-1 img {
width: 100%;
margin-top: 0px;
display: block;
}

p.csl-p-2-k28-31 {
margin-top: 50px;
margin-bottom: 20px;
}

label.csl-label-original-k28-3-1 {
font-size: 14px;
color: #505050;
margin-left: 5px;
}

input.csl-input-file-k28-3-1 {
margin-left: 15px;
margin-top: 15px;
display: none;
}

input#original-top-image:checked ~ input.csl-input-file-k28-3-1 {
display: inline-block;
}

label.csl-label-link-k28-3-1 {
margin-right: 20px;
}

input.csl-input-link-k28-3-1 {
width: 323px;
margin-left: 15px;
padding-left: 5px;
display: none;
}

input#link-on:checked ~ input.csl-input-link-k28-3-1 {
display: inline-block;
}

a.csl-btn-k28-3-1 {
display: block;
margin: 20px auto 0px auto;
}

/*----------------------------K-28-3-1ここまで----------------------------*/

/*----------------------------K-28-3-2ここから----------------------------*/

div.csl-wrapper-k28-3-2 {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}

p.csl-p-k28-3-2 {
text-align: center;
}

div.csl-div-k28-3-2 {
width: 500px;
margin: 40px auto 0px auto;
padding: 30px 20px;
border: 1px solid #a05096;
background: #f5edf4;
text-align: center;
}

div.csl-div-k28-3-2 img {
width: 100%;
margin-top: 20px;
}

p.csl-p2-k28-3-2 {
margin-top: 20px;
display: inline-block;
}

p.csl-input-k28-3-2 {
margin-top: 20px;
font-size: 14px;
padding-left: 10px;
width: 300px;
height: 28px;
background: #ffffff;
line-height: 28px;
border: 1px solid #898989;
text-align: left;
display: inline-block;
}

div.csl-btn-wrapper-k28-3-2 {
text-align: center;
}


/*k-12-8-1調整*/
div.height-742 {
    height: calc(100vh - 742px)
}

/*----------------------------K-28-3-2ここから----------------------------*/

div.csl-wrapper-k28-3-2 {
    padding: 0px 20px 20px 20px;
    margin-top: 0px;
}

p.csl-p-k28-3-2 {
    text-align: center;
}

div.csl-div-k28-3-2 {
    width: 500px;
    margin: 40px auto 0px auto;
    padding: 30px 20px;
    border: 1px solid #a05096;
    background: #f5edf4;
    text-align: center;
}

    div.csl-div-k28-3-2 img {
        width: 100%;
        margin-top: 20px;
    }

p.csl-p2-k28-3-2 {
    margin-top: 20px;
    display: inline-block;
}

p.csl-input-k28-3-2 {
    margin-top: 20px;
    font-size: 14px;
    padding-left: 10px;
    width: 300px;
    height: 28px;
    background: #ffffff;
    line-height: 28px;
    border: 1px solid #898989;
    text-align: left;
    display: inline-block;
}

div.csl-btn-wrapper-k28-3-2 {
    text-align: center;
}

/*----------------------------K-28-3-2ここまで----------------------------*/

/*----------------------------K-34-1ここから----------------------------*/

div.csl-wrapper-k34-1 {
    width: 980px;
    margin: 20px auto 0px auto;
}

h2.csl-h2-k34-1 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

div.csl-input-k34-1 {
    width: 100%;
    margin: 10px auto 20px auto;
    padding: 30px 0px 220px;
    border: 1px solid #a05096;
    background: #f5edf4;
    position: relative;
}

div.csl-input-k34-1-1 {
    width: 120px;
    height: 40px;
    position: absolute;
    top: 15px;
    left: 15px;
}

div.csl-input-k34-1-2 {
    width: 300px;
    height: 40px;
    position: absolute;
    top: 15px;
    left: 155px;
}

div.csl-input-k34-1-3 {
    width: 150px;
    height: 40px;
    position: absolute;
    top: 15px;
    left: 475px;
}

div.csl-input-k34-1-4 {
    width: 300px;
    height: 40px;
    position: absolute;
    top: 15px;
    left: 645px;
}

div.csl-input-k34-1-5 {
    width: 200px;
    height: 40px;
    position: absolute;
    top: 80px;
    left: 15px;
}

div.csl-input-k34-1-6 {
    width: 350px;
    height: 40px;
    position: absolute;
    top: 80px;
    left: 250px;
}

div.csl-input-k34-1-7 {
    width: 225px;
    height: 40px;
    position: absolute;
    top: 80px;
    left: 645px;
}

div.csl-input-k34-1-8 {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 180px;
    text-align: center;
}

input.csl-input-k34-1-input-txt {
    width: 120px;
    margin-bottom: 15px;
    height: 28px;
    padding-left: 5px;
    display: inline-block;
}

input.csl-input-k34-1-input-txt-2 {
    width: 300px;
    margin-bottom: 15px;
    height: 28px;
    padding-left: 5px;
    display: inline-block;
}

input.csl-input-k34-1-input-txt-3 {
    width: 150px;
    margin-bottom: 15px;
    height: 28px;
    padding-left: 5px;
    display: inline-block;
}

input.csl-input-k34-1-input-txt-4 {
    width: 200px;
    margin-bottom: 10px;
    height: 28px;
    padding-left: 5px;
    display: inline-block;
}

input.csl-input-k34-1-input-txt-5 {
    width: 350px;
    margin-bottom: 15px;
    height: 28px;
    padding-left: 5px;
    display: inline-block;
}

p.csl-text-k34-1 {
    font-size: 14px;
    line-height: 18px;
}

table.csl-table-k34-1 {
    font-size: 14px;
    width: 100%;
    color: #505050;
}

table.csl-table-k34-1 th {
    border: none;
    color: #ffffff;
    height: 31px;
    font-weight: normal;
    padding-left: 20px;
}

    table.csl-table-k34-1 th.a {
        width: 10%;
    }

    table.csl-table-k34-1 th.b {
        width: 20%;
    }

    table.csl-table-k34-1 th.c {
        width: 14%;
    }

    table.csl-table-k34-1 th.d {
        width: 25%;
    }

    table.csl-table-k34-1 th.e {
        width: 18%;
    }

    table.csl-table-k34-1 th.f {
        width: 13%;
    }

table.csl-table-k34-1 td {
    border-bottom: none;
    padding: 5px 0px 5px 20px;
    line-height: 20px;
}

table.csl-table-k34-1 thead tr {
    background-color: #a05096;
    text-align: left;
}

table.csl-table-k34-1 tbody tr {
    background-color: #ffffff;
}

    table.csl-table-k34-1 tbody tr:nth-child(even) {
        background-color: #ecdcea;
    }

table.csl-table-k34-1 a {
    color: #505050;
}

p.csl-radio-k34-1 {
    font-size: 14px;
    float: left;
    line-height: 28px;
}

/*----------------------------K-34-1ここまで----------------------------*/

/*----------------------------K-34-2ここから----------------------------*/

div.csl-wrapper-k34-2 {
    width: 880px;
    margin: 20px auto 0px auto;
}

dl.csl-dl-k34-2 {
    font-size: 13px;
    color: #505050;
    height: 23px;
    border-bottom: 1px solid #b6b6b6;
    line-height: 13px;
    margin-bottom: 10px;
}

    dl.csl-dl-k34-2 dt {
        float: left;
    }

        dl.csl-dl-k34-2 dt:last-of-type {
            margin-left: 10px;
        }

    dl.csl-dl-k34-2 dd {
        float: left;
    }

h2.csl-h2-k34-2 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    float: left;
}

dl.csl-dl2-k34-2 {
    font-size: 14px;
    color: #505050;
    float: right;
    margin-top: 5px;
}

    dl.csl-dl2-k34-2 dt {
        float: left;
    }

        dl.csl-dl2-k34-2 dt:last-of-type {
            margin-left: 14px;
        }

    dl.csl-dl2-k34-2 dd {
        float: left;
        margin-left: 2px;
    }

table.csl-table-k34-2 {
    font-size: 14px;
    width: 100%;
    color: #505050;
}

    table.csl-table-k34-2 th {
        border: none;
        color: #ffffff;
        height: 30px;
        font-weight: normal;
        padding-left: 20px;
    }

        table.csl-table-k34-2 th.a {
            width: 20%;
        }

        table.csl-table-k34-2 th.b {
            width: 80%;
        }

    table.csl-table-k34-2 td {
        border-bottom: none;
        padding: 5px 0px 5px 20px;
        line-height: 20px;
    }

    table.csl-table-k34-2 thead tr {
        background-color: #a05096;
        text-align: left;
    }

    table.csl-table-k34-2 tbody tr {
        background-color: #ffffff;
    }

        table.csl-table-k34-2 tbody tr:nth-child(even) {
            background-color: #ecdcea;
        }

/*----------------------------K-34-2ここまで----------------------------*/

/*----------------------------K-35-1ここから----------------------------*/

div.csl-wrapper-k35-1 {
    width: 880px;
    margin: 20px auto 20px auto;
}

div.csl-left-k35-1-1 {
    float: left;
}

div.csl-left-k35-1-2 {
    width: 100%;
    float: left;
    padding: 0px 0px 60px 0px;
}

h2.csl-h2-k35-1 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

p.csl-text-k35-1-1 {
    font-size: 14px;
    line-height: 24px;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: break-word;
    padding: 10px 23px;
    background-color: #f5edf4;
    border: 1px solid #a05096;
}

p.csl-text-k35-1-2 {
    font-size: 13px;
    line-height: 23px;
    text-align: right;
}


div.csl-file-k35-1 {
    width: 523px;
    margin: 40px auto 0px;
}

input.csl-file-k35-1 {
    vertical-align: middle;
    margin-right: 20px;
    width: 350px;
    height: 30px;
}

dl.csl-dl2-k35-1 {
    font-size: 14px;
    color: #505050;
    float: right;
    margin: 5px 0px 10px;
}

    dl.csl-dl2-k35-1 dt {
        float: left;
    }

        dl.csl-dl2-k35-1 dt:last-of-type {
            margin-left: 14px;
        }

    dl.csl-dl2-k35-1 dd {
        float: left;
        margin-left: 2px;
    }

input.csl-button-k35-1 {
    margin: 0px;
    cursor: pointer;
}

table.csl-table-k35-1 {
    font-size: 14px;
    width: 100%;
    color: #505050;
}

    table.csl-table-k35-1 th {
        border: none;
        color: #ffffff;
        height: 30px;
        font-weight: normal;
        padding-left: 20px;
    }

        table.csl-table-k35-1 th.a {
            width: 55%;
        }

        table.csl-table-k35-1 th.b {
            width: 23%;
        }

        table.csl-table-k35-1 th.c {
            width: 22%;
        }

    table.csl-table-k35-1 td {
        border-bottom: none;
        padding: 5px 0px 5px 20px;
        line-height: 20px;
        word-break: break-all;
    }

    table.csl-table-k35-1 thead tr {
        background-color: #a05096;
        text-align: left;
    }

    table.csl-table-k35-1 tbody tr {
        background-color: #ffffff;
    }

        table.csl-table-k35-1 tbody tr:nth-child(even) {
            background-color: #ecdcea;
        }

/*----------------------------K-35-1ここまで----------------------------*/

/*----------------------------K-35-2ここから----------------------------*/

div.csl-wrapper-k35-2 {
    width: 880px;
    margin: 20px auto 0px auto;
}

h2.csl-h2-k35-2 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    float: left;
}

dl.csl-dl2-k35-2 {
    font-size: 14px;
    color: #505050;
    float: right;
    margin-top: 5px;
}

    dl.csl-dl2-k35-2 dt {
        float: left;
    }

        dl.csl-dl2-k35-2 dt:last-of-type {
            margin-left: 14px;
        }

    dl.csl-dl2-k35-2 dd {
        float: left;
        margin-left: 2px;
    }

table.csl-table-k35-2 {
    font-size: 14px;
    width: 100%;
    color: #505050;
}

    table.csl-table-k35-2 th {
        border: none;
        color: #ffffff;
        height: 30px;
        font-weight: normal;
        padding-left: 20px;
    }

        table.csl-table-k35-2 th.a {
            width: 45%;
        }

        table.csl-table-k35-2 th.b {
            width: 30%;
        }

        table.csl-table-k35-2 th.c {
            width: 25%;
        }

    table.csl-table-k35-2 td {
        border-bottom: none;
        padding: 5px 0px 5px 20px;
        line-height: 20px;
    }

    table.csl-table-k35-2 thead tr {
        background-color: #a05096;
        text-align: left;
    }

    table.csl-table-k35-2 tbody tr {
        background-color: #ffffff;
    }

        table.csl-table-k35-2 tbody tr:nth-child(even) {
            background-color: #ecdcea;
        }

/*----------------------------K-35-2ここまで----------------------------*/

table.csl-table-dl-1 {
    font-size: 14px;
    width: 100%;
    color: #505050;
}

    table.csl-table-dl-1 th {
        border: none;
        color: #ffffff;
        height: 30px;
        font-weight: normal;
        padding-left: 20px;
    }

        table.csl-table-dl-1 th.a, table.csl-table-dl-1 th.e {
            width: 5%;
        }

        table.csl-table-dl-1 th.b {
            width: 10%;
        }

        table.csl-table-dl-1 th.c {
            width: 20%;
        }

        table.csl-table-dl-1 th.d {
            width: 30%;
        }

    table.csl-table-dl-1 td {
        border-bottom: none;
        padding: 5px 0px 5px 20px;
        line-height: 20px;
    }

    table.csl-table-dl-1 thead tr {
        background-color: #a05096;
        text-align: left;
    }

    table.csl-table-dl-1 tbody tr {
        background-color: #ffffff;
    }

        table.csl-table-dl-1 tbody tr:nth-child(even) {
            background-color: #ecdcea;
        }

    table.csl-table-dl-1 a {
        color: #505050;
    }



table.csl-table-dl-2 {
    font-size: 14px;
    width: 50%;
    color: #505050;
}

    table.csl-table-dl-2 td.h {
        border: solid 1px #ffffff;
        color: #ffffff;
        height: 30px;
        font-weight: normal;
        padding-left: 20px;
    }

    table.csl-table-dl-2 td.e {
        width: 5%;
    }

    table.csl-table-dl-2 td.b {
        width: 10%;
    }

    table.csl-table-dl-2 td.c {
        width: 20%;
    }

    table.csl-table-dl-2 td.d {
        width: 30%;
    }

    table.csl-table-dl-2 td {
        border-bottom: none;
        padding: 5px 0px 5px 20px;
        line-height: 20px;
    }

        table.csl-table-dl-2 td.h {
            background-color: #a05096;
            text-align: left;
        }

        table.csl-table-dl-2 td.b {
            background-color: #ffffff;
        }

    table.csl-table-dl-2 tr:nth-child(even) {
        background-color: #ecdcea;
    }

    table.csl-table-dl-2 a {
        color: #505050;
    }

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    background: #FFF;
    border: solid 3px #a05096; /*線*/
    border-radius: 10px; /*角の丸み*/
}

    .box2 p {
        margin: 0;
        padding: 0;
    }

a.csl-xx-xx-right {
    margin-left: 10px;
}
/*----------------------------guideここから----------------------------*/

.box-h3-w {
	width: 100%;
	padding: 7px 0 5px 0;
	font-size: 17px;
	color: #333333;
	border-bottom: 1px solid #a05096;
}

	.box-h3-w h3 {
		margin-left: 25px;
		position: relative;
	}

		.box-h3-w h3:before {
			position: absolute;
			content: "";
			width: 12px;
			height: 12px;
			background: #a05096;
			top: 5px;
			left: -18px;
			z-index: 1
		}

/*ご利用ガイド*/
.guide-txt-reserve {
	line-height: 160%;
}

.list-txt-guide {
	overflow: hidden;
	margin-bottom: 30px;
	padding: 0px 20px 10px 20px;
	font-size: 14px;
}

.txt-guide {
	width: 50%;
	float: left;
	line-height: 200%;
}

	.txt-guide a:hover {
		text-decoration: underline solid #000;
	}

.box-guide-bg {
	margin: 0 0 30px 0;
	/*padding:25px 20px 20px 30px;*/
	padding: 20px 15px 30px 20px;
	/*background-color:#FFFFFF;*/
	overflow: hidden;
	border-bottom: 1px solid #a05096;
}

.box-guide-detail {
	/*overflow:hidden;*/
	float: none;
	clear: both;
	margin: 10px 0 0 0;
	font-size: 14px;
}

.box-guide-detail-kaisetu {
	padding: 0px 0px 0 0px;
	background: #FFFFFF;
	min-height: 270px;
}

dl.txt-step dt {
	margin: 0 0 0 -10px;
	padding: 0em;
	width: 100px;
	font-size: 17px;
	font-weight: bold;
}

dl.txt-step dd {
	margin: -1.5em 0em 0.5em 0em;
	padding: 0em;
	position: relative;
	left: 100px;
	top: 0em;
	z-index: 10;
	width: 800px;
	font-size: 17px;
	font-weight: bold;
}

dl.txt-num dt {
	margin: 0em;
	padding: 0em;
	width: 45px;
}

dl.txt-num dd {
	margin: -1.5em 0em 0.5em 45px;
	padding: 0em;
	position: relative;
	/*left:45px;*/
	top: 0em;
	z-index: 10;
	width: 400px;
}

dl.txt-num-long dt {
	margin: 0em;
	padding: 0em;
	width: 45px;
}

dl.txt-num-long dd {
	margin: -1.5em 0em 0.5em 0em;
	padding: 0em;
	position: relative;
	left: 45px;
	top: 0em;
	z-index: 10;
	width: 800px;
}

.box-attent-list {
	float: none;
	clear: both;
	/*width:925px;*/
	background-color: #FFFFFF;
	border: 1px #F9CC46 solid;
	margin: 10px 0 20px 0;
}

	.box-attent-list p.tit {
		text-align: center;
		background-color: #F9CC47;
	}

	.box-attent-list .inner {
		padding: 10px 20px 10px 15px;
	}

.box-guide-list {
	float: none;
	clear: both;
	/*width:925px;*/
	background-color: #FFFFFF;
	border: 1px #ABDC30 solid;
	margin: 10px 0 20px 0;
}

	.box-guide-list p.tit {
		text-align: center;
		background-color: #ABDC31;
	}

	.box-guide-list .inner {
		padding: 10px 20px 10px 15px;
	}

.flo-lef {
	float: left;
}

.flo-rig {
	float: right;
}

.bold {
	font-weight: bold;
}

.red {
	color: #FF1122;
}
/*----------------------------guideここから----------------------------*/
/*--------------------------請求明細データダウンロード-----------------*/
div.csl-download-k30-1 {
	height: 62px;
	width: 180px;
	line-height: 62px;
	padding-left: 60px;
	border: 1px solid #a05096;
	background: #ecdcea;
	background-image: url(./../csl-img/k-09/download_icon.png);
	background-repeat: no-repeat;
	background-position: 12px 8px;
	float: left;
	margin-top: 50px;
	margin-bottom: 100px;
}

div.csl-download-k30-1-right {
	margin-left: 150px;
}

div.csl-download-k30-2-right {
	margin-left: 200px;
}

div.csl-download-k30-1:hover {
	opacity: 0.9;
}

div.csl-download-k30-1 h3 {
	font-size: 12px;
	color: #a05096;
}

div.csl-input-k30-select-1 {
	position: relative;
	top: 30px;
	width: 350px;
	margin-left: 300px;
}

div.csl-btn-wrapper-k30-1 {
	text-align: center;
}

div.csl-btn-wrapper-k30-2 {
	position: absolute;
	top: 350px;
	bottom: 0;
	left:380px;
	margin: auto;
}

div.csl-input-k30-select-2 {
	position: relative;
	top: 10px;
	width: 200px;
	margin-left: 500px;
}

div.csl-input-k30-select-3 {
	position: relative;
	top: 10px;
	width: 150px;
	margin-left: 300px;
}

div.csl-ss-wrapper-k30-1 {
	position: relative;
	margin-top: 0px;
}

p.csl-text-k30-1 {
	text-align: center;
	margin-top: -18px;
}

div.csl-upload-k30 {
	position: relative;
	margin-top: 15px;
}
p.csl-check-k30-1 {
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 10px;
	background: #a05096;
	padding: 5px 10px;
	color: #ffffff;
	vertical-align: middle;
}

	p.csl-check-k30-1 span {
		font-size: 10px;
	}

div.csl-wrapper-k30 {
	width: 880px;
	margin: 0px auto;
}

div.csl-top-k30-1-right {
	float: right;
}

a.csl-document-k5-1 {
    height: 62px;
    width: 195px;
    line-height: 62px;
    padding-left: 60px;
    border: 1px solid #a05096;
    background: #f0fff0;
    background-image: url(./../csl-img/k-05/document_icon.png);
    background-repeat: no-repeat;
    background-position: 12px 8px;
    float: left;
    margin: 10px 0px;
    font-size: 12px;
    color: #a05096;
    font-weight: bold;
}

div.csl-download-k5-2_check {
    height: 62px;
    width: 180px;
    line-height: 62px;
    padding-left: 60px;
    border: 1px solid #a05096;
    background: #f0fff0;
    background-image: url(./../csl-img/k-09/download_icon.png);
    background-repeat: no-repeat;
    background-position: 12px 8px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.csl-download-k5-2_check:hover {
	opacity: 0.9;
}

div.csl-download-k5-2_check h3 {
	font-size: 12px;
	color: #a05096;
}

/* ログイン誘導 */
div.first_login_info {
	width: 720px;
	margin: 10px auto 0px auto;
	padding: 30px 20px;
	border: 1px solid #000080;
	background: #e0ffff;
	position: relative;
}
	/*
	div.first_login_info h3 {
		font-size: 15px;
		color: red;
		font-weight: bold;
		margin-bottom: 10px;
	}
*/
	div.h3fontred h3 {
		font-size: 15px;
		color: red;
		font-weight: bold;
		margin-bottom: 10px;
	}

div.h3fontblack h3 {
	font-size: 15px;
	color: black;
	font-weight: bold;
	margin-bottom: 10px;
}

	div.first_login_info h2 {
		font-size: 13px;
		font-weight: normal;
		margin-bottom: 10px;
	}

	div.first_login_info a {
		color: blue;
		text-decoration: underline;
		font-weight: bold;
	}



/* ログイン誘導 */



div.csl-search-k0-1 {
	width: 820px;
	height: 150px;
	position: relative;
	top: 50px;
	left: 5px;
}

div.csl-search-k0-1-1 {
	width: 225px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 15px;
}

div.csl-search-k0-1-2 {
	width: 200px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 220px;
}

div.csl-search-k0-1-3 {
	width: 180px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 420px;
}

div.csl-search-k0-1-4 {
	width: 200px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 580px;
}

div.csl-search-k0-1-5 {
	width: 225px;
	height: 40px;
	position: absolute;
	top: 60px;
	left: 15px;
}
div.csl-search-k0-1-6 {
	width: 200px;
	height: 40px;
	position: absolute;
	top: 60px;
	left: 220px;
}

div.csl-search-k0-1-8 {
	width: 180px;
	height: 40px;
	position: absolute;
	top: 60px;
	left: 420px;
}

div.csl-search-k0-1-9 {
	width: 200px;
	height: 40px;
	position: absolute;
	top: 60px;
	left: 580px;
}



div.csl-search-k0-1-7 {
	width: 200px;
	height: 40px;
	position: absolute;
	top: 100px;
	left: 250px;
}

div.csl-search-k0-1-10 {
	width: 200px;
	height: 40px;
	position: absolute;
	top: 100px;
	left: 500px;
}

input.csl-text-readonly {
    border: 1px solid #898989;
    color: #898989;
    box-shadow: none;
    font-size: 14px;
    padding-left: 10px;
    text-align: left;
    width: 100%;
    height: 28px;
    background: #ffffff;
    line-height: 28px;
    margin-bottom: 15px;
}