/* CSS Document */

.path_out{
	clear:both;
}

header .box_head {
  top: 0;
  width: 100%;
  z-index:100;
  background:#fff;
}

header a{
vertical-align:middle;
text-decoration:underline;
}

header.fixed .box_head {
  position: fixed;
  top: 0;
  box-shadow: 0 1px 3px 0px #333;
}



header .box_head1 a{
line-height:20px;
min-height:20px;
}

/* box_head1ここから */
.box_head1{
	width:920px;
	margin:0px auto;
	color:#FFF;
	display:table;
    padding: 10px 0 10px 10px;
  table-layout: fixed;
}

.box_head1 .logo img{
vertical-align: bottom;
}


.box_head1 h1{
	font-size:0.8rem;
	display:table-cell;
    color: #585858;
    font-weight: normal;
}

.box_head1 .link_info{
	text-align:right;
	display:table-cell;
}

.box_head1 .link_info > span{
    color: #909090;
    font-size: 0.8rem;
}

.box_head1 .link_info a {
  padding-left:25px;
  min-height:20px;
  border-radius: 3px;
  padding-right: 8px;
}

.box_head1 .link_info a:hover {
  opacity: 0.8;
}


.box_head1 a.login{
  background:url(/images/login.png) no-repeat 6px;
  background-color: #3c88de;
}

.box_head1 a.logout{
  background:url(/images/logout.png) no-repeat 6px;
  margin-left:4px;
  background-color: #555;
}

.box_head1 a.knmid_login{
  background:url(/images/login.png) no-repeat 6px;
  margin-left:4px;
  background-color: #3c88de;
}

.box_head1 a.mypage{
  background:url(/images/mypage.png) no-repeat 6px;
  margin-left:4px;
  background-color: #bf086e;
}
/* box_head1ここまで */


/* box_head2ここから */
.box_head2{
	clear:both;
	color:#FFF;
	border-bottom: 1px #666 solid;
	padding:5px 0;
}
.box_head2 .box_ctn{
display:table;
}

.box_head2 .box_ctn div{
display:table-cell;
}

.box_head2 table td, .box_head2 table{
	padding:0;
	margin:0;
}

.box_head2 input.txtbox{
-webkit-appearance: none;
border-radius: 0;
border:1px #666 solid;
background:#FFF;
margin:0;
height:30px;
width:200px;
padding:0 5px;
}

.box_head2 select{
/*-webkit-appearance:none;
-moz-appearance:none;
appearance:none;*/
border-radius: 0;
border:1px #666 solid;
background:#666;
color:#DDD;
margin:0;
height:32px;
width:100px;
}

.box_head2 input.btn_search{
-webkit-appearance: none;
border-radius: 0;
border:1px #666 solid;
background-color:#666;
background-image:url(/images/btn_search.png);
background-repeat:no-repeat;
background-position:center;
background-size: 26px;
color:#DDD;
margin:0 10px 0 0;
height:32px;
width:32px;
vertical-align:bottom;
}

.box_head2 .link_detail{
	margin-left:15px;
}
.box_head2 .link_detail a{
color:#888;
font-size:0.8em;
}

.box_head2 table{
	padding:4px 0 0 0;
}

/* box_head2ここまで */

.box_head_tabmenu{
	background: -webkit-gradient(linear, left top, right bottom, from(#999), color-stop(0.25, #999), color-stop(0.25, #B7B7B7), color-stop(0.5, #B7B7B7), color-stop(0.5, #999), color-stop(0.75, #999), color-stop(0.75, #B7B7B7), to(#B7B7B7));
	background: -moz-linear-gradient(-45deg, #999 25%, #B7B7B7 25%, #B7B7B7 50%, #999 50%, #999 75%, #B7B7B7 75%, #B7B7B7);
	background: linear-gradient(-45deg, #999 25%, #B7B7B7 25%, #B7B7B7 50%, #999 50%, #999 75%, #B7B7B7 75%, #B7B7B7);
	background-size: 4px 4px;
	padding-top:5px;
	border-bottom:solid #000 3px;
}

.dp_table{
	display:inline-block;
}

.dp_td{
	display:table-cell;
	text-align:center;
}
/* 
.box_head_tabmenu div{
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}


.box_head_tabmenu .link1_nolink{
  background:#000;
  padding:5px 0;
  border-top:#269BFF solid 3px;
  text-align:center;
  color:#FFF;
  width:412px;
}


.box_head_tabmenu .link1{
  width:415px;
  background:none;
}


.box_head_tabmenu .link1 a{
  border-top:#269BFF solid 3px;
  display:block;
  color:#000;
  padding:5px 0;
  background:#D9D9D2;
}

.box_head_tabmenu .link2_nolink{
  background:#000;
  padding:5px 0;
  text-align:center;
  color:#FFF;
  border-top:#996600 solid 3px;
}

.box_head_tabmenu .link2{
  text-align:center;
}

.box_head_tabmenu .link2 a{
  border-top:#996600 solid 3px;
  display:block;
  color:#000;
  padding:5px 0;
  background:#D9D9D2;
}


.box_head_tabmenu .link3_nolink{
  background:#000;
  padding:5px 0;
  border-top:#666 solid 3px;
  text-align:center;
  color:#FFF;
  width:97px;
}


.box_head_tabmenu .link3{
  width:100px;
}

.box_head_tabmenu .link3 a{
  display:block;
  background:#D9D9D2;
  padding:5px 0;
  border-top:#666 solid 3px;
  color:#000;
}

.box_head_tabmenu .link4{
  width:50px;
}

.box_head_tabmenu .link4 a{
  display:block;
  background:#D9D9D2;
  padding:5px 0;
  border-top:#67a952 solid 3px;
  color:#000;
}

.box_head_tabmenu .link4 a img{
    vertical-align: bottom;
    width: 14px;
}





.box_head_tabmenu a:hover{
  background:#FFF;
}

.box_head_tabmenu [class*="mgn"] a{
  display:block;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.box_head_tabmenu a{
  vertical-align: bottom;
  display:block;
}

.box_head_tabmenu [class*="mgn"] a:hover{
  border-top-width: 7px;
  padding: 1px 0 5px 0;
}

.box_head_tabmenu [class*="_nolink"]:hover{
  border-top-width: 7px;
  padding: 1px 0 5px 0;
}

.box_head_tabmenu [class*="_nolink"] a:hover{
  background:none;
  border: none;
  padding: 0;
}
 */

.mgn{
	margin:0 0 3px 5px;
}

.mgn2{
	margin:0 5px 3px 0;
}


header a{
	color:#FFF;
}


.header_back {
clear:both;
background: #000;
}

.header_back.fixed {
padding-top: 107px;
}

.box_ctn{
	width: 930px;
	margin: 0 auto;
}

#pu_contents .icn_riaj .link4 {
display : block;
padding: 10px 0 ;
}

.link4 a {
  background:#A8D5FF;
  color: #2696FF;
  text-align: center;
  padding: 12px;
}

#artform {
  position: relative
}

.suggest, .psn_suggest {
	display: none;
	max-width: 350px;
	min-width: 210px;
	border:1px solid #000;
	position: absolute;
	background: #fff;
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index: 100;
}

.psn_suggest {
  z-index: 50;
  font-size: 0.8rem;
  left: auto;
}
#artform .psn_suggest {
  left: 120px;
}

.suggest li, .psn_suggest li {
	display: block;
	color: #000;
	margin: 0px;
	padding: 4px;
}
.suggest li.select, .psn_suggest li.select {
	background-color: #ccc;
	cursor: pointer;
}

/* --- crslis.ttで使用 --- */

.cl_box0 {
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}

.cl_box1 {
  margin:0px 0px 15px 0px;
  padding:15px;
  background:#5ba5ff;
  color:#FFF;
}

.cl_t1 {
  margin:0px;
  padding:0px;
  font-size:1.2em;
  font-weight:bold;
  line-height:100%;
}

.cl_t2 {
  margin:0px;
  padding:0px;
  font-size:0.75em;
  line-height:100%;
}

.cl_box2 {
  margin:10px 0px 5px 0px;
  padding:10px;
  background:#FFF;
  color:#000;
}

.cl_box2 .cl_name {
  color:#000;
  width:100%;
  display:table-cell;
  font-weight:bold;
  font-size:1em;
  vertical-align:top;
}

.cl_box2 .cl_ymd {
  color:#5ba5ff;
  width:15em;
  display:table-cell;
  white-space:nowrap;
  font-size:0.75em;
  text-align:right;
  vertical-align:middle;
  padding-left:2em;
}

.cl_btn {
  display:inline-block;
  width:16em;
}

.cl_info_mds{
}

.cl_box_text{
}












header {
  background: #fff;
}

.box_headk img {
  width: 130px;
  vertical-align: bottom;
}


.box_head div.logo img {
  width: 214px;
}



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

.box_head1 > div.logo {
width: 220px;
  text-align: center;
}


form.srcfrm > div.tbl {
border: 1px #3591f0 solid;
border-radius: 6px;
box-shadow: 0px 0px 0px 1px #eef2f9;
}

form.srcfrm > div.tbl:hover {
box-shadow: 0px 0px 0px 1px #b8ccef;
}


form.srcfrm input.txtbox{
-webkit-appearance: none;
border-radius: 0;
border:0px #3591f0 solid;
margin:0;
height:30px;
padding:0 5px;
background: transparent;
font-size: 0.75rem;
color: #888;
width: 100%;
max-width: 440px;
min-width: 250px;
}



form.srcfrm input.txtbox:focus,
form.srcfrm input.btn_search:focus{
outline: 0px;
}


form.srcfrm input.btn_search{
-webkit-appearance: none;
border: 0px #3591f0 solid;
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill%3D%22%233591F0%22%20d%3D%22M24.792%2C25.191l-5.962-5.962c1.02-1.354%2C1.558-2.958%2C1.558-4.647c0-4.275-3.48-7.753-7.758-7.753%20c-4.274%2C0-7.752%2C3.478-7.752%2C7.753s3.478%2C7.753%2C7.752%2C7.753c2.021%2C0%2C3.923-0.77%2C5.377-2.172l5.906%2C5.904%20c0.117%2C0.117%2C0.273%2C0.182%2C0.439%2C0.182s0.322-0.064%2C0.439-0.182C25.033%2C25.826%2C25.033%2C25.433%2C24.792%2C25.191z%20M12.63%2C21.095%20c-3.59%2C0-6.51-2.922-6.51-6.513c0-3.59%2C2.92-6.511%2C6.51-6.511c3.592%2C0%2C6.516%2C2.92%2C6.516%2C6.511%20C19.146%2C18.173%2C16.222%2C21.095%2C12.63%2C21.095z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-color: transparent;
  background-repeat:no-repeat;
background-position: center;
background-size: 26px;
  cursor: pointer;
color:#DDD;
height:30px;
width:30px;
vertical-align:bottom;
}

form.srcfrm input.btn_search:hover,
form.srcfrm input.btn_search:focus{
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23113556%22%20d%3D%22M24.792%2C25.191l-5.962-5.962c1.02-1.354%2C1.558-2.958%2C1.558-4.647c0-4.275-3.48-7.753-7.758-7.753%20c-4.274%2C0-7.752%2C3.478-7.752%2C7.753s3.478%2C7.753%2C7.752%2C7.753c2.021%2C0%2C3.923-0.77%2C5.377-2.172l5.906%2C5.904%20c0.117%2C0.117%2C0.273%2C0.182%2C0.439%2C0.182s0.322-0.064%2C0.439-0.182C25.033%2C25.826%2C25.033%2C25.433%2C24.792%2C25.191z%20M12.63%2C21.095%20c-3.59%2C0-6.51-2.922-6.51-6.513c0-3.59%2C2.92-6.511%2C6.51-6.511c3.592%2C0%2C6.516%2C2.92%2C6.516%2C6.511%20C19.146%2C18.173%2C16.222%2C21.095%2C12.63%2C21.095z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.box_head1 .link_info > span {
display: block;
}




.box_head_tabmenu {
  background: transparent;
  padding-top: 0;
  position: relative;
  border-bottom: solid #279bff 4px;
  overflow: hidden;
  z-index: 0;
}

.box_head_tabmenu::before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 4px;
    transition: all 0.2s ease;
    background: #f8fbf0;
    z-index: -1;
}

.box_head_tabmenu.tb1 {border-color: #449eee;}
.box_head_tabmenu.tb2 {border-color: #c8a330;}
.box_head_tabmenu.tb3 {border-color: #949187;}
.box_head_tabmenu.tb4 {border-color: #2ea844;}


/* 
.box_head_tabmenu::after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -4px;
    z-index: 3;
    transition: all 0.2s ease;
    background: #279bff;
}


 */



.box_head_tabmenu .tabmenuwid {
  width: 920px;
  padding-left: 10px;
  margin: auto;
  font-size: 0;
}

.box_head_tabmenu .dp_table {
  width: auto;
  margin: 0 auto 0 0;
  border-collapse: collapse;
}

.box_head_tabmenu .dp_td {
  background: #fff;
  padding: 0;
  width: 100px;
  border: 3px solid #fff;
  border-width: 0 4px;
  padding-bottom: 4px;
}

.box_head_tabmenu .dp_td .mgn {
  margin: 0;
}
.box_head_tabmenu .dp_td .mgn2 {
  margin: 0;
}


.box_head_tabmenu .dp_td a {
  display: block;
  background: #f8fbf0;
  padding: 8px 0 7px;
  border-top: 0px solid transparent;
  overflow: hidden;
  position: relative;
  z-index: 2;
  transition: all 0.2s ease;
  font-size: 0.95rem;
}

.box_head_tabmenu .dp_td a::after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 0;
  z-index: -2;
  transition: all 0.2s ease;
  background: #333;
}



/* 

.box_head_tabmenu .link1 a::before {
  content: " ";
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M35.806%2C25.158c0.264-2.296%2C0.397-5.533%2C0.397-6.729c0-3.627-1.219-6.973-3.266-9.655%20c0.181-0.479%2C0.102-1.036-0.263-1.443c-3.16-3.537-7.688-5.564-12.425-5.564c-4.736%2C0-9.265%2C2.027-12.426%2C5.564%20C7.46%2C7.738%2C7.381%2C8.295%2C7.561%2C8.774c-2.046%2C2.682-3.265%2C6.028-3.265%2C9.655c0%2C1.197%2C0.134%2C4.434%2C0.398%2C6.729%20c-0.424%2C0.949-0.624%2C2.019-0.526%2C3.134c0.168%2C1.917%2C1.168%2C3.556%2C2.603%2C4.579c0.855%2C1.812%2C2.046%2C2.93%2C3.269%2C2.822l2.702-0.236%20c2.088-0.183%2C3.475-3.848%2C3.095-8.186c-0.38-4.339-2.381-7.714-4.47-7.532l-2.701%2C0.237c-1.223%2C0.108-2.201%2C1.418-2.729%2C3.349%20c-0.148-1.928-0.223-4.042-0.223-4.897c0-3.286%2C1.097-6.319%2C2.942-8.757C9.117%2C9.746%2C9.604%2C9.594%2C9.938%2C9.22%20c2.623-2.935%2C6.381-4.618%2C10.311-4.618s7.688%2C1.684%2C10.311%2C4.618c0.28%2C0.313%2C0.669%2C0.473%2C1.058%2C0.473%20c0.075%2C0%2C0.15-0.008%2C0.226-0.02c1.845%2C2.437%2C2.941%2C5.47%2C2.941%2C8.756c0%2C0.855-0.074%2C2.97-0.223%2C4.897%20c-0.528-1.931-1.506-3.241-2.729-3.349l-2.701-0.237c-2.089-0.182-4.09%2C3.193-4.47%2C7.532c-0.38%2C4.338%2C1.007%2C8.003%2C3.095%2C8.186%20l2.702%2C0.236c1.223%2C0.107%2C2.414-1.011%2C3.27-2.822c1.435-1.023%2C2.435-2.662%2C2.603-4.579C36.428%2C27.177%2C36.229%2C26.107%2C35.806%2C25.158z%20M11.551%2C21.858c1.528-0.134%2C2.991%2C2.329%2C3.269%2C5.501c0.277%2C3.173-0.735%2C5.853-2.263%2C5.986c-1.526%2C0.134-2.99-2.329-3.268-5.503%20C9.011%2C24.671%2C10.025%2C21.991%2C11.551%2C21.858z%20M31.21%2C27.843c-0.278%2C3.174-1.741%2C5.637-3.268%2C5.503%20c-1.528-0.134-2.541-2.813-2.264-5.986c0.278-3.172%2C1.741-5.635%2C3.269-5.501C30.475%2C21.991%2C31.488%2C24.671%2C31.21%2C27.843z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
}

.box_head_tabmenu .link1 a { color: #449eee;}
.box_head_tabmenu .link2 a { color: #c8a330;}
.box_head_tabmenu .link3 a { color: #949187;}
.box_head_tabmenu .link4 a { color: #2ea844;}
 */

.box_head_tabmenu a svg {
  width: 17px;
  vertical-align: middle;
}

.box_head_tabmenu a svg path {
  fill: #636363;
  transition: fill 0.2s ease;
}

.box_head_tabmenu a:hover svg path {
  fill: #fff;
}

.box_head_tabmenu .act a svg path {
  fill: #fff;
}


.box_head_tabmenu a { color: #636363; text-decoration: none;}

.box_head_tabmenu .act a { color: #fff;}

.box_head_tabmenu .link1.act { background: #449eee;}
.box_head_tabmenu .link2.act { background: #c8a330;}
.box_head_tabmenu .link3.act { background: #949187;}
.box_head_tabmenu .link4.act { background: #2ea844;}

.box_head_tabmenu .link1.act a { background: #449eee;}
.box_head_tabmenu .link2.act a { background: #c8a330;}
.box_head_tabmenu .link3.act a { background: #949187;}
.box_head_tabmenu .link4.act a { background: #2ea844;}


.box_head_tabmenu .link1 a::after {  background: #449eee;}
.box_head_tabmenu .link2 a::after {  background: #c8a330;}
.box_head_tabmenu .link3 a::after {  background: #949187;}
.box_head_tabmenu .link4 a::after {  background: #2ea844;}

.box_head_tabmenu .dp_td a:hover::after {
  bottom: 0;
  height: 100%;
}

.box_head_tabmenu .dp_td a:hover {
  color: #fff;

}






.box_head_tabmenu .link4 a img{
    vertical-align: bottom;
    width: 14px;
}


.box_head_tabmenu .linktgs {
  vertical-align: top;
  padding-top: 6px;
  padding-left: 80px;
}
.box_head_tabmenu .linktgs a {
  opacity: 0.8;
  transition: opacity 0.2s;
}


.box_head_tabmenu .linktgs a:hover {
  opacity: 0.5;
}