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

/* -----------------------------------
Reset
------------------------------------*/

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
body {
	background: #FFF;
	color:#666666;
	font-family:"Noto Sans JP","メイリオ","Meiryo","HiraginoSans-W1","ヒラギノ角ゴシック W1","Osaka",sans-serif;
	font-size:13px;
	line-height:1.8em;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section { display:block; }
ul { list-style:none; }
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
th,td { white-space: normal; word-break:break-all }
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
	vertical-align:middle;
}

/* -----------------------------------
Base
------------------------------------*/
a:link,
a:visited {
	color:#0356FF;
	text-decoration:underline;	
}
a:hover { text-decoration:none; }

#header {
	background:url(../images/headerBg.png) left bottom;
	height:64px;
	padding:0;	
}
#header .headBox {
   width:950px;
   position: relative;
	text-align:left;
	margin:0 auto;
	padding:15px 0 0 0;
}
#header.head_large .headBox {
	width: 1200px;
	position: relative;
}
#header .headBox h1 { float:left; }
#header .headBox h1 span{ 
	position: absolute;
	top: 20px;
	left:140px;
	font-size: 16px;
}
#header .headBox ul.gNavi {
	float:right;
	font-size:11px;
	color:#4c4c4c;
	margin-top: -3px;
}
#header .headBox ul.gNavi li {
	float:left;
	display:block;
	padding:0px 10px 0 10px;
	margin: 0;
}
#header .headBox ul.gNavi li.headAgreement {
	padding:0px 10px 0 19px;
	float:left;
	display:block;
	margin-left:5px;
	background:url(../images/headPdfIcon.png) left center no-repeat;
}
#header .headBox ul.listNavi li#lNavi_001 a:link,
#header .headBox ul.listNavi li#lNavi_001 a:visited {
	padding: 30px 10px 0;
	float:left;
	display:block;
	margin-left:5px;
	background:url(../images/icon_list.png) center 3px no-repeat;
}
#header .headBox ul.listNavi li#lNavi_001 a:hover {
	background:url(../images/icon_list.png) center -42px no-repeat;
}
#header .headBox ul.listNavi li#lNavi_002 a:link,
#header .headBox ul.listNavi li#lNavi_002 a:visited {
	padding: 30px 10px 0;
	float:left;
	display:block;
	margin-left:5px;
	background:url(../images/icon_photographer.png) center 3px no-repeat;
}
#header .headBox ul.listNavi li#lNavi_002 a:hover {
	background:url(../images/icon_photographer.png) center -45px no-repeat;
}
#header .headBox ul.gNavi li#gNavi_001 {
	padding:25px 10px 0 22px;
	float:left;
	display:block;
	text-align: center;
	margin-left:5px;
	background:url(../images/icon_user.png) center top no-repeat;
}
#header .headBox ul.gNavi li#gNavi_002 a:link,
#header .headBox ul.gNavi li#gNavi_002 a:visited {
	padding:25px 0 0;
	float:left;
	display:block;
	margin-left:5px;
	background:url(../images/icon_edit.png) center top no-repeat;
}
#header .headBox ul.gNavi li#gNavi_002 a:hover {
	background:url(../images/icon_edit.png) center -50px no-repeat;
}
#header .headBox ul.gNavi li#gNavi_003 a:link,
#header .headBox ul.gNavi li#gNavi_003 a:visited {
	padding:25px 0 0;
	float:left;
	display:block;
	margin-left:5px;
	background:url(../images/icon_home.png) center top no-repeat;
}
#header .headBox ul.gNavi li#gNavi_003 a:hover {
	background:url(../images/icon_home.png) center -44px no-repeat;
}
#header .headBox ul.gNavi li#gNavi_005 {
	padding:25px 10px 0 22px;
	float:left;
	display:block;
	margin-left:5px;
	background:url(../images/icon_terms.png) center top no-repeat;
}

#header .headBox ul.gNavi li.logout a:link,
#header .headBox ul.gNavi li.logout a:visited {
	padding:25px 0 0;
	float:left;
	display:block;
	margin-left:5px;
	background:url(../images/logout.png) center top no-repeat;
}
#header .headBox ul.gNavi li.logout a:hover {
	background:url(../images/logout.png) center -50px no-repeat;
}
#header .headBox ul.gNavi li:last-child { border-right:0px solid #ccc; }
.gNavi {
	display: flex;
	justify-content: flex-end;
	line-height: 1;
	font-size: 10px;
}
.gNavi a:link,
.gNavi a:visited,
.listNavi a:link,
.listNavi a:visited {
	color:#333;
	text-decoration:none;
	text-align: center;
	margin-left: 20px;
}
.gNavi span {
	font-size: 20px;
}
#header .headBox ul.gNavi a:hover {
	color:#999;
	text-decoration:none;
}
#gNavi_001 {
}
#gNavi_002 {
}
#gNavi_003 {
}
#gNavi_004 {
}

#header .headBox ul.listNavi {
	position: absolute;
	top: 8px;
	left: 240px;
	font-size:11px;
	color:#4c4c4c;
}
#header .headBox ul.listNavi li {
	float:left;
	display:block;
	padding:0px 10px 0 10px;
	margin: 0;
}

#contents {
   width:950px;
   text-align:left;
   margin:0 auto 50px auto;
   /*overflow:hidden;*/
   min-height:450px;
   position:relative;
}

.contents_big {
	min-width: 950px;
	width: 95% !important;
}
.table_big {
	width: -webkit-fill-available !important;
}
.h2_big {
	margin: 20px auto 5px auto !important;
}
.search_big {
	width: 950px;
	margin: 10px auto !important;
}

#contents_b {
   width:1200px;
   text-align:left;
   margin:0 auto 50px auto;
   min-height:450px;
   position:relative;
}
#contents:after,
#contents_b:after {
	content: "";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
#footer {
	background:#ececec url(../images/footerTobBg.png) repeat-x left top;
	padding:15px 0px;
	overflow:hidden;
	min-height:40px;
}
#footer .footBox {
   width:950px;
	text-align:center;
	margin:0 auto;

}
.banner {
	overflow:hidden;
	margin-left:12px;
}
.banner li {
	float:left;
	width:301px;
	margin-right:10px;
	margin-bottom:10px;
	display:block;
}
.banner li:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* -----------------------------------
共通パーツ
------------------------------------*/
#contents ul.pdfBtn,
#contents_b ul.pdfBtn { float:right; }
#contents ul.pdfBtn li,
#contents_b ul.pdfBtn li {
	float:left;
	display:block;
	padding:0px;
	margin-left:3px;
}
#contents ul.pdfBtn:after,
#contents_b ul.pdfBtn:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#contents h1 {
	clear:both;
	width:950px;
	font-size:24px;
	color:#333;
    margin-top:20px;
	font-weight:normal;
	margin-bottom:10px;
}
#contents_b h1 {
	clear:both;
	width:1200px;
	font-size:24px;
	color:#333;
    margin-top:20px;
	font-weight:normal;
	margin-bottom:10px;
}
#contents h2.h2Border {
	clear:both;
	width:950px;
	font-size:24px;
	color:#333;
	border-bottom: 2px solid #ccc;
	margin-top:20px;
	font-weight:normal;
	margin-bottom:5px;
	padding-bottom:3px;
}
#contents_b h2.h2Border {
	clear:both;
	width:1200px;
	font-size:24px;
	color:#333;
	border-bottom: 2px solid #ccc;
	margin-top:20px;
	font-weight:normal;
	margin-bottom:5px;
	padding-bottom:3px;
}
#contents h3.h3Border {
	clear:both;
	font-size: 20px;
	font-weight: normal;
	padding: 0.25em 0.5em;
	color: #494949;
	background: transparent;
	border-left: solid 5px #7db4e6;
	border-bottom: solid 2px #ccc;
	line-height: initial;
}
h2 img {
	margin-top:20px;
	margin-bottom:5px;
}
h2 img.evaluation {
	margin-top:5px;
	margin-bottom:0px;
	float:right;
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
}
.termsOfUse {
	height:120px;
	width:918px;
	margin:5px 0;
	padding:15px;
	border:1px solid #ccc;
	overflow:auto;
	background:#fff;
}
.termsOfUse h3 {
	font-size:12px;
	margin-bottom:1em;
}
.noteOfCaution {
	font-size:11px;
}
.noteOfCaution_02 {
	font-size:12px;
	font-weight:bold;
}
.noteOfCaution_03 {
	font-weight:bold;
}
.noteOfCaution_04 {
	font-size:15px;
	font-weight:bold;
}
#contents table.entryTable,
#contents table.evaluationTable
 {
	border:1px solid #ccc;
	width:950px;
	border-collapse: separate;
	border-spacing: 3px;
	background:#FFF;
}
#contents table.entryTable th {
	width:176px;
	background-color: #666;
	color: #fff;
	vertical-align:middle;
	padding:7px 10px 7px 10px ;
	text-align:right;
	font-weight:normal;
}
#contents table.entryTable td {
	/*width:700px;*/
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	vertical-align:middle;
	padding:7px 20px 7px 20px;
	text-align:left;
	margin-left:5px;
}
#contents table.entryTable th.short {
	width:60px!important;
}
#contents table.entryTable td.large {
	width:809px!important;
}

#contents_b table.entryTable,
#contents_b table.evaluationTable {
	border:1px solid #ccc;
	width:1198px;
	border-collapse: separate;
	border-spacing: 3px;
	background:#FFF;
}
#contents_b table.entryTable th {
	width:192px;
	background:url(../images/thBg.png) left bottom repeat-x #9ce674;
	vertical-align:middle;
	padding:7px 20px 7px 0 ;
	text-align:right;
	font-weight:normal;
}
#contents_b table.entryTable td {
	/* width:1006px; */
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	vertical-align:middle;
	padding:7px 20px 7px 20px;
	text-align:left;
	margin-left:5px;
}
#contents_b table.entryTable th.short {
	width:90px!important;
}
#contents_b table.entryTable td.large {
	width:430px!important;
}
#contents table.headTable_001 {
	border:1px solid #ccc;
	width:948px;
	border-collapse: separate;
	border-spacing: 3px;
	background:#FFF;
}
#contents table.headTable_001 th {
	background-color: #666;
	color: #fff;
	vertical-align:middle;
	padding:7px 20px 7px 20px;
	text-align:center;
	font-weight:normal;
}
#contents table.headTable_001 td {
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	vertical-align:middle;
	padding:7px 7px 7px 7px;
	text-align:left;
	margin-left:5px;
}
#contents_b table.headTable_001 {
	border:1px solid #ccc;
	width:1198px;
	border-collapse: separate;
	border-spacing: 3px;
	background:#FFF;
}
#contents_b table.headTable_001 th {
	background:url(../images/thBg.png) left bottom repeat-x #9ce674;
	vertical-align:middle;
	padding:7px 20px 7px 20px;
	text-align:center;
	font-weight:normal;
}
#contents_b table.headTable_001 td {
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	vertical-align:middle;
	padding:7px 20px 7px 20px;
	text-align:left;
	margin-left:5px;
}
table.addTable {
	border:1px solid #ccc;
	width:948px;
	border-collapse: separate;
	border-spacing: 3px;
	background:#FFF;
}
table.addTable th {
	width:50px;
	height: 50px;
	background: none;
	vertical-align:middle;
	text-align: center;
	padding: 0;
}
table.addTable th img {
	vertical-align: middle;
}
table.addTable td {
	width:888px;
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	vertical-align:middle;
	padding:7px 20px 7px 20px;
	text-align:left;
	margin-left:5px;
}
table.timeTable {
	border:1px solid #ccc;
	width:948px;
	border-collapse: separate;
	border-spacing: 3px;
	background:#FFF;
}
table.timeTable th {
	width:157px;
	background: #E4E6E3 url(none);
	vertical-align:middle;
	padding: 7px 0;
	text-align: center;
}
table.timeTable td {
	width:788px;
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	vertical-align:middle;
	padding:7px 20px 7px 20px;
	text-align:left;
	margin-left:5px;
}
#contents table.blankTable {
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	border:none;
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
	background:#FFF;
}
#contents table.blankTable th {
	background: #888;
	color: #FFF;
	width: auto;
	vertical-align:middle;
	padding:3px;
	border: none;
	text-align:center;
}
#contents table.blankTable td {	
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	width: auto;
	background: none;
	vertical-align:middle;
	padding:3px ;
	border: none;
	text-align:left;
}
#contents table.rf_blankTable {
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	border:none;
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
	background:#FFF;
}
#contents table.rf_blankTable th {
	background: #888;
	color: #FFF;
	width: auto;
	vertical-align:middle;
	padding:3px;
	border: none;
	text-align:center;
}
#contents table.rf_blankTable td {	
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	width: auto;
	background: none;
	vertical-align:middle;
	padding:3px ;
	border: none;
	text-align:left;
}
table.itemTable {
	background: none;
	border:none;
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}
table.itemTable th {
	background: none;
	width: auto;
	vertical-align:middle;
	padding:3px;
	border: none;
	text-align:center;
}
table.itemTable td {	
	background:none;
	width: auto;
	background: none;
	vertical-align:middle;
	padding:3px ;
	border: none;
	text-align:left;
}
.cell_narrow th {
	padding: 7px 5px!important;
}
.cell_narrow td {
	padding: 5px 5px!important;
}
input[type="radio"] {
margin-top:-3px;
}

td input[type="text"],
td input[type="password"] {
	height:24px;
	border:1px solid #ccc;
}
select {
	height:24px;

	border:1px solid #ccc;
}
.red { color:red; }
.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.btnCenter { text-align:center;	margin: 20px 0 20px 0; }
.btnRight { text-align:right; }
.formListBlock_01 {	margin-bottom:10px; }
.checkBoxList { list-style:none; }
.checkBoxList li {
	list-style:none;
	display:inline-block;
	width:220px;
	vertical-align:top;
}
.checkBoxList180 {
	list-style:none;
	margin-bottom:3px;
}
.checkBoxList180 li {
	list-style:none;
	display:inline-block;
	width:180px;
	vertical-align:top;
}
.checkBoxList_02 {
	list-style:none;
	margin-bottom:3px;
}
.checkBoxList_02 li {
list-style:none;
	display:inline-block;
	width:160px;
	vertical-align:top;
}
.checkBoxListBlock { list-style:none; }
.check_image_adjust {
	margin-top: -35px;
	margin-left: 5px;
}
.dlBoxList_01:after,
.dlBoxList_02:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.dlBoxList_01 dt{
	display:block;
	float:left;
	width:160px;
	clear:both;
}
.dlBoxList_01 dd,
.dlBoxList_02 dd { zoom:100%; }
.dlBoxList_01 dd,
.dlBoxList_02 dd {
	margin-bottom:2px;
	float:left;
	display:block;	
}
dl.dlBoxList_01 dd:after,
dl.dlBoxList_02 dd:after  {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.dlBoxList_02 dt {
	display:block;
	float:left;
	width:80px;
	clear:both;
}
.dlBoxList_02 dd { width:600px; }
.qq-upload-button {	width:145px; }
.qq-upload-list {
	margin:20px 0 20px 1em;
	border-top:1px dotted #ccc;
	padding-top:10px;
}
.link_001 {
	padding:0px 0 2px 11px;
	background:url(../images/listIcon01.png) left center no-repeat;
}
.linkDelete { font-size:11px; }
.listHorizontal { height:205px; }
.listHorizontal li { display:inline; }
.listPhoto:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
ul.listPhoto { margin-right:-40px; display: flex; flex-wrap: wrap;}
.listPhoto li {
	float:left;
	margin-right:22px;
	margin-bottom:10px;
	text-align:center;
	width: 160px;
}
.listPhoto p {
	word-break: break-all;
}
.listPhoto li input[type=checkbox] { display:block; }

/* 見出し */
.heading_01 {
	border-bottom: 1px dotted #CCC;
	margin-bottom:5px;
}
.heading_02 {
	font-weight: bold;
	color: #333;
	font-size:16px;
	margin-bottom:5px;
	border-bottom: 1px dotted #CCC;
}
.heading_03 {
	color:#eee;
	background: #666;
	padding: 2px 5px;
}
.heading_04 {
	font-weight: bold;
	color: #333;
	font-size:16px;
	margin-bottom:5px;
	border-bottom: 1px solid #333;
	padding: 3px 3px 3px 7px;
	border-left: 6px solid #333;
	background: #FFF;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}
.pager { margin:5px 0; font-weight:bold; position: relative; }
.pager li {	display:inline;	margin-right:5px; }
.block_alert {
	margin: 0 0 10px 0;
}
.name_card a{
    padding:4px 15px;
    font-size:15px;
    font-weight: bold;
    text-decoration:none !important;
    color:#FFFFFF !important;
    -webkit-filter: saturate(92%);
    filter: saturate(92%);
    background: -ms-linear-gradient(top, #FF5F5F, #EC3D3D); 
    background: -moz-linear-gradient(top,#FF5F5F 0%,#EC3D3D);
    background: -webkit-gradient(linear, left top, left bottom, from(#FF5F5F), to(#EC3D3D));
    color:#FEE;
    border:1px solid #FF0000;
    border-radius:11px;
    box-shadow:1px 2px #BCBCBC;
    position:relative;
    text-align: center;
}

/* ボックス */
.itemBox_01 {
	width:910px;
	padding:20px;
	background: #EEE;
}
.itemBox_02 {
	background: #FFF;
	padding: 5px 40px 30px;
	border: 1px solid #CCC;
	margin-top:-1px;
	position: relative;
}
.itemBox_03 {
	background: #FFF;
	border: 1px solid #CCC;
	padding:20px 0 10px;
}
.borderBox_01 {
	margin:10px 0 20px;
	border-top:1px dotted #ccc;
	padding-top:10px;
}
.withdraw {
	background: #e0e0e0;
}
.relBox {
	position: relative;
}

/* ラベル */
.label_001 {
	position:absolute;
	top:-20px;
	left:0px;
	color: #FFF;
	background: #007700;
	padding: 1px 5px 1px;
	font-size:12px;
}
.label_002 {
	color: #F90;
	font-weight: bold;
}
.label_003 {
	color: #999;
}
.label_004 {
	color: #FFF;
	background: #666;
	padding: 5px;
}
.label_005 {
	color: #C00;
	font-weight: bold;
}
.label_006 {
	color: #007700;
	font-weight: bold;
}
.label_007 {
	color: #666;
	padding: 5px 15px 5px 5px;
	font-weight: bold;
	width: 85px;
	text-align: right;
}

/* アップロードアイコン　*/
.qq-ypload-success {
	font-size: 20px;
	font-weight: bold;
	height: 30px;
}
.qq-upload-file {
}
.ic_jpg:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background:url(../images/icon_jpg.png) no-repeat;
	background-size: contain;
	vertical-align: middle;	
	margin-right: 5px;
}
.ic_psd:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background:url(../images/icon_psd.png) no-repeat;
	background-size: contain;
	vertical-align: middle;	
	margin-right: 5px;
}
.ic_pdf:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background:url(../images/icon_pdf.png) no-repeat;
	background-size: contain;
	vertical-align: middle;	
	margin-right: 5px;
}
.ic_pdf_l:before{
	content: '';
	display: inline-block;
	width: 70px;
	height: 70px;
	background:url(../images/icon_pdf.png) no-repeat;
	background-size: contain;
	vertical-align: middle;	
	margin-right: 5px;
}
.ic_bmp:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background:url(../images/icon_bmp.png) no-repeat;
	background-size: contain;
	vertical-align: middle;	
	margin-right: 5px;
}
.ic_gif:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background:url(../images/icon_gif.png) no-repeat;
	background-size: contain;
	vertical-align: middle;	
	margin-right: 5px;
}
.ic_png:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background:url(../images/icon_png.png) no-repeat;
	background-size: contain;
	vertical-align: middle;	
	margin-right: 5px;
}
.ic_xls:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background:url(../images/icon_xls.png) no-repeat;
	background-size: contain;
	vertical-align: middle;	
	margin-right: 5px;
}
.ic_xlsx:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background:url(../images/icon_xlsx.png) no-repeat;
	background-size: contain;
	vertical-align: middle;	
	margin-right: 5px;
}
.ic_doc:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background:url(../images/icon_dox.png) no-repeat;
	background-size: contain;
	vertical-align: middle;	
	margin-right: 5px;
}
.ic_docx:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background:url(../images/icon_docx.png) no-repeat;
	background-size: contain;
	vertical-align: middle;	
	margin-right: 5px;
}

.border_hidden {
	border-style: hidden;
}

/* -----------------------------------
Button
------------------------------------*/
.upWorksBtn { width:253px; }
.blueBtn{
    background: -ms-linear-gradient(top, #4596E7, #1F80E2) !important; 
    background: -moz-linear-gradient(top,#4596E7 0%,#1F80E2) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#4596E7), to(#1F80E2)) !important;
    color:#FEE;
    border:1px solid #1F80E2 !important;
}
.defaultBtn_grey:hover {
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
.defaultBtn_grey {
    font-size:14px;
    text-decoration:none !important;
    color:#EDEDED !important;
    -webkit-filter: saturate(92%);
    filter: saturate(92%);
    background: -ms-linear-gradient(top, #A4A4A4, #848484); 
    background: -moz-linear-gradient(top,#A4A4A4 0%,#848484);
    background: -webkit-gradient(linear, left top, left bottom, from(#A4A4A4), to(#848484));
    color:#FEE;
    border:1px solid #A4A4A4;
    padding: 5px 10px;
    width:150px;
    border-radius:11px;
}
.generalBtn {
	display: inline-block;
	white-space: nowrap;
	/*font-weight: bold;*/
	text-align:center;
	text-decoration:none !important;
	color:black !important;
	background-color: #FFF; 
	padding: 5px 10px;
	border: 2px solid #666;
	border-radius: 11px;
}
/* 無効状態 */
.generalBtn.disabled {
	opacity: 0.4;
	background: #ccc;       /* グレー化 */
	color: #666;
	cursor: not-allowed!important;
	pointer-events: auto;   /* クリック・ホバー完全無効 */
	box-shadow: none;
}
/* 念のためhoverも殺す */
.generalBtn.disabled:hover {
	background: #ccc;
	color: #666;
}
.generalBtn.blue {
	background-color: #7fbfff;
	color:#FFF !important;
	border-color: #1F80E2 !important;
}
.generalBtn.gray {
	background-color: #aaa;
	color:#FFF !important;
	border-color: #666 !important;
}
.generalBtn.red {
	background-color: #ff7f7f;
	color:#FFF !important;
	border-color: #EC3D3D !important;
}
.generalBtn.orange {
	background-color: #ffbf7f;
	color:#FFF !important;
	border-color: #ff7734 !important;
}
.generalBtn.large {
	display: inline-block;
    font-size:22px;
    text-decoration:none !important;
    {*color:#EDEDED !important;*}
    -webkit-filter: saturate(92%);
    filter: saturate(92%);
    padding: 10px 10px;
}
.generalBtn:hover {
    cursor:pointer;
    filter: brightness(0.7);        /* ie lt 8 */
    -ms-filter: "brightness(0.7)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
.orangeBtn {
	display: inline-block;
    text-align:center;
    text-decoration:none !important;
    color:#EDEDED !important;
    background: -ms-linear-gradient(top, #fcb478, #ff7734); 
    background: -moz-linear-gradient(top,#fcb478 0%,#ff7734);
    background: -webkit-gradient(linear, left top, left bottom, from(#fcb478), to(#ff7734));
    padding: 5px 10px;
    box-shadow:1px 2px #BCBCBC;
}
.inputBtn {
	border-radius: 6px;
}

/* -----------------------------------
Form Parts
------------------------------------*/
.textarea_01 { width:600px;	height:170px; }
.textarea_02 { width:600px;	height:300px; }
.textarea_03 { width:400px;	height:170px; }

/* -----------------------------------
LOGIN
------------------------------------*/
.loginForm {
	display: inline;
	float: left;
	font-size: 0;
	height: 339px;
	line-height: 0;
	padding-left: 30px;
	padding-top: 81px;
	width: 511px;
	background-color: #aaa;
}
.loginBox {
	margin-left: auto;
    margin-right: auto;
    width: 900px;
}
.loginBoxInner {
	clear: both;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-top: 30px;
    width: 100%;
}
.loginFormBox {
	clear: both;
    display: flex;
    margin-top: 30px;
    width: 100%;
}
.loginForgot a{
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}
.loginLogo {
    font-size: 0;
    height: 76px;
    line-height: 0;
    width: 460px;
	margin-top:10px;
}
.loginIntro {
	font-size: 0;
    line-height: 0;
    margin-top: 30px;
    color: #fff;
}
.loginImage {
	background-color: #000;
}
.loginImage img {
	object-fit: contain;
}
.loginInput {
	display: inline;
    float: left;
    margin-top: 7px;
    width: 350px;
}
.loginInput p {
	clear: both;
    display: flex;
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
    width: 100%;
    color: #fff;
}
.loginInput img {
	display: inline;
    float: left;
    margin: 0;
    padding: 0;
}
.loginInput input {
    display: inline;
    height: 18px;
    margin: 0;
    padding: 2px;
    width: 181px;
}
.loginPass { margin-top: 11px; }
.loginEnter {
	display: block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    width: 80px;
    height: 80px;
    background-color: #000;
    text-align: center;
    border-radius: 50px;
}
.loginEnter a{
	color: #fff;
	text-decoration: none;
	line-height: 4;
	display: block;
}
.inputTitle {
	width: 110px;
}
.loginError {
	font-size: 12px;
	clear: both;
	margin: 0;
	padding: 7px 0;
	color:#FF0000;
}
.loginFooter {
	clear: both;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
}
.loginFooterCopyright {
	display: inline;
    float: left;
    font-size: 14px;
    line-height: 0;
    margin-top: 14px;
}
.loginFooterLogo {
	float: right;
    font-size: 0;
    line-height: 0;
    margin-top: 12px;
}
.loginBtn {

}
/* -----------------------------------
TOP
------------------------------------*/
.topLeft {
	float:left;
	width:605px;
	overflow:hidden;
	margin-top:15px;
}
.topright {
	float:right;
	width:330px;
	overflow:hidden;
	margin-top:15px;
}
h2.toph2 {
	margin:0px!important;
	padding:0px!important;
}
h2.toph2 img {
	margin:0px!important;
	padding:0px!important;
}
.topLeftBox {
	width:573px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px 15px;
	margin: -5px 0px 20px 0px;
	text-align:left;
	background:#fff;
}
.topLeftBox a:link,
.topLeftBox a:visited {
	color:#333;
	text-decoration:none;
}
.topLeftBox a:hover {
	color:#999;
	text-decoration:none;
}
.topLinkLogo  {	margin-bottom:5px; }
.topLinkLogo li {
	float:left;
	display:block;
}
.topLeftBox dl.info { width:573px; }
.topLeftBox dl.info dt {
		width:460px;
		float:left;
		padding:5px 0  5px 10px;
		background:url(../images/listIcon01.png) left center no-repeat;
}
.topLeftBox dl.info dd {
		width:83px;
		border-bottom:1px dotted #ccc;
		color:#333;
		padding:5px 0  5px 490px;
		text-align:right;
}
.topLeftBox dl.info dd.borderNone { border-bottom:0px dotted #ccc; }
.topLeftBox dl.pdf { width:573px; }
.topLeftBox dl.pdf dt {
		width:435px;
		float:left;
		padding:8px 0  8px 38px;
		background:url(../images/pdfIcon.png) left center no-repeat;
}
.topLeftBox dl.pdf dd {
		width:83px;
		color:#333;
		padding:7px 0  7px 490px;
		text-align:right;	
}
.topLeftBox ul.faq { width:580px; }
.topLeftBox ul.faq li {
		width:535px;
		float:left;
		padding:8px 0  8px 42px;
		background:url(../images/qIcon.png) left center no-repeat;
		border-bottom:1px dotted #ccc;
}
.topLeftBox ul.faq li.borderNone { border-bottom:0px dotted #ccc; }
.topright .staffBox {
	background:#eee;
	width:310px;
	padding:10px 10px 15px 10px;
	overflow:hidden;
	margin-bottom:20px;
}
.topStaffImg {
	float:left;
	width:71px;
	/*height:93px;*/
	overflow:hidden;
	margin-left:0px;
	margin-right:10px;
}
.topStaffProf {
	width:210px;
	overflow:hidden;
	float:left;
	display:block;
}
.topStaffProf li {
	padding: 0px;
	font-size:12px;
	line-height:16px;
}
.mac .topStaffProf li {
	font-size:11px;
}
.topStaffName {
	color:#333;
	font-weight:bold;	
}
.topStaffName a:link,
.topStaffName a:visited {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.topStaffName a:hover {	text-decoration:underline; }

.borderB1D {
	border-bottom:1px dotted #cccccc;
	overflow:hidden;
	padding-bottom:16px;
	margin-bottom:16px;
	width:300px;
	margin-left:5px;
}
.topLinkBox{
	width:297px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px 15px 5px 15px;
	margin: -5px 0px 20px 0px;
	text-align:left;
	background:#ffffff;	
	
}
.topLink li{
	width:250px;
	float:left;
	padding:2px 0  2px 11px;
	background:url(../images/listIcon01.png) left center no-repeat;
	
}
.topLinkLogo  { margin-bottom:5px; }
.topLinkLogo li {
	float:left;
	display:block;
	padding:0 0px;
}
.topLinkLogo li.fR {
	float:right;
	display:block;
}

/* -------------------------------- 
案件一覧
 -------------------------------- */
.project_search {
	display: flex;
	align-items: center;
}

/* -------------------------------- 
通知用お知らせ一覧表（案件一覧ページ）
 -------------------------------- */
#notice_list {
	height: 10.3em;
	overflow-y: auto;
	overflow-wrap: break-word;
	padding: 0.1em 1.5em;
	margin: 1em auto;
	font-size: 100%;
	color: #090f44;
	background: #FFF;
	border: solid 2px #0095d9;
	border-radius: 10px;
	max-width: 950px;
}
#notice_list::-webkit-scrollbar {
	width: 15px;
}
#notice_list::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #F1F1F1;
}
#notice_list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #A8A8A8;
}

.notice_dl {
	line-height: 1.1em;
}

.notice_div {
	margin: 10px 0;
	border-bottom: dotted 2px #B3B3B3;
}
.notice_div_content {
	display: flex;
	justify-content: flex-start;
	align-items: center;  
	margin: 8px 20px;
}

.notice_dt {
	width:12%;
}
.notice_dd {
	width:80%;
}
.notice_icon_dd {
	width:8%;
	height: 20px;
}
.notice_dd a {
	color: #090f44;
	text-decoration: none;
}
.notice_dd a:hover {
	text-decoration: underline;
}
.notice_dd span {
	color: #090f44;
	text-decoration: none;
}
.notice_icon_new {
	width: 40px;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	font-size: 10px;
	border-radius: 3px;
	font-weight: bold;
	text-align: center;
	margin: 0 5px;
	text-transform: uppercase;
	color: #FFF;
	background: #ffb347;
	border: 2px solid #ffb347;
}

/* -------------------------------- 
リマインダー
 -------------------------------- */
.passForm {
	margin: 25px auto 0px auto;
	width:310px;
}
.passForm dt {
	width:100px;
	float:left;
	display:inline-block;
	line-height:20px;
	margin-bottom:10px;
}	
.passForm dd {
	width:200px;
	float:left;
	display:inline-block;
	line-height:20px;
	margin-bottom:10px;
}
.passForm:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* -------------------------------- 
Faq
 -------------------------------- */
.pageFaq dl:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.pageFaq .itemBox_02 { position:relative; }
.pageFaq dt {
	clear: both;
	display: block;
	text-indent:-9999px;
	width:37px;
	font-size:24px;
	font-weight:bold;
	float:left;
}
.pageFaq dd {
	float:left;
	width:860px;
	margin-bottom:10px;
}
.faqQ dt { background:url(../images/qIcon.png) left center no-repeat; }
.faqQ dd {
	font-weight:bold;
	font-size:16px;
	margin-top:5px;
}
.faqA dt { background:url(../images/aIcon.png) left center no-repeat; }
.faqA dd { margin-top:10px; }
.pageFaq .date {
	position:absolute;
	right:10px;
	top:5px;
	color:#999;
}

/* -------------------------------- 
フロント 資料一覧
-------------------------------- */
.pageDocument .itemBox_02 {
	padding: 0px 20px 0;
	margin-top: -2px;
	height: 45px;
}
.documentLists {
	display: flex;
	margin-top: 5px;
}
.documentLists dt {
    width: 10em;
    padding: 0.5em 1em 0.5em 0;
    margin: 0;
}
.documentLists dd {
    padding: 0.5em 0;
    margin: 0 !important;
}
.documentLists .pdf-icon{
    padding: 1em 2.7em;
    margin: 5px;
	background:url(../images/pdfIcon.png) left center no-repeat;
}

/* -------------------------------- 
フロント お知らせ
-------------------------------- */
#temp_item {
}
/* -------------------------------- 
フロント Staff
-------------------------------- */
.staffDetailBox {
	background: #eee;
	padding:15px 26px 15px;
	margin-bottom:10px;
}
.staffDetailBox:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.hStaffName {
	width:883px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	background-color: #666;
	line-height:30px;
	padding-left:13px;
	margin-bottom:20px;
}
.staffDetailInnerLeft { float:left; }
.staffDetailInnerRight {
	float:left;
	margin-left:22px;
}
table.tbStaffData {
	width:740px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin-bottom:10px;
}
.tbStaffData th {
	color:#333;
	padding:3px;
	text-align:left;
	font-weight: normal;
	white-space: nowrap;
	width:70px;
	border-bottom: 1px dotted #333;
}
.tbStaffData td {
	text-align:left;
	width:360px;
	border-bottom: 1px dotted #333;
}
.staffDetailCommentWrap {
	padding-left:7px;
	z-index:100;
	padding-top:15px;
}
.staffDetailComment {
	width:701px;
	padding:15px;
	background: #FFF;
	border: 1px solid;
}
.staffDetailComment:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.staffDetailComment dl:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.staffDetailComment dt {
	color:#333;
	width:90px;
	float:left;
}
.staffDetailComment dd {
	width:610px;
	float:left;
}
/* -------------------------------- 
クリエイター紹介
-------------------------------- */
.dlLimit {
	margin-top:20px;
	margin-bottom:20px;
	font-size: 16px;
	font-weight: bold;
	background: #FFFCDA;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #CCC;
	text-align:center;
}
.alertBox01 {
	background: #E9EFEB;
	padding: 20px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}

/* -------------------------------- 
管理トップ
-------------------------------- */
.pageTool01 { position:relative; }
.manageTop .itemSortSelect {
	position:absolute;
	top:0;
	right:0;
}
.memberCount {
	position: absolute;
	top: 0;
	right: 0;
	font-size:20px;
	font-weight:bold;
	text-align:right;
}
.memberCount a:link,
.memberCount a:visited {
	color:#333;
	text-decoration:underline;
}
.memberCount a:hover { text-decoration:none; }
.btnSearch {
	text-align:center;
	margin: 10px 0 0 0;
}
.manageTop { position:relative; }
.manageTop ul:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.manageTop li { float:left; }
.listCreatorImage {	width:50px; height:57px; }
.listCreatorImage table {
	margin: 0;
	padding: 0;
	border: 0;
}
.listCreatorImage table tr td {
	border-collapse: collapse;
	vertical-align: middle;
}
.listCreatorImage a img {
	vertical-align: middle;
	margin: 0 0 0 0;
}
.listCreatorName {
	width:230px;
	font-weight:bold;
	margin-top:12px;
	padding-right:10px;
	word-break: break-all;
}
.listCreatorPref {
	width:60px;
	margin-top:12px;
}
li.listCreatorTeam {
	width:270px;
	margin-top:12px;
	padding-right:10px;
	word-break: break-all;
}
li.listCreatorDate {
	width:50px;
	margin-top:16px;
	font-size:12px;
	text-align:right;
}
.listCreatorRate {
	width:40px;
	margin-top:13px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
}
.listCreatorState {
	width:75px;
	margin-top:12px;
	text-align:right;
}
.listCreatorRate img {
	margin-left:5px;
	margin-bottom:0px;
}
.listCreatorToggle {
	width:110px;
	margin-top:12px;
	text-align:right;
}
.listCreatorSort { margin-top:18px; }
.listWorks {
	border-top: 1px dotted #333;
	margin-top:10px;
}
.listWorksItem:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
ul.listWorksItem {
	width:960px;
	margin-right:-53px;
	padding-top: 10px;
}
.listWorksItem li {
	float:left;
	margin-right:52px;
	margin-bottom:10px;
	text-align:center;
}
.listWorksItem li input[type=checkbox] {
	display:block;
	margin-left:65px;
}

/* -------------------------------- 
検索
-------------------------------- */
.searchTable th,
.searchTable td {
	padding-top:3px;
	padding-bottom:3px;
	vertical-align: middle;
}
.searchTable th {
	width:160px;
	text-align:right;
	padding-right:10px;
}

/* -------------------------------- 
バック Staff
-------------------------------- */
.pageStaffList { position:relative; }
.pageStaffList ul:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.pageStaffList li { float:left; }
.listStaffImage { width:50px; min-height:57px; }
.listStaffName {
	width:175px;
	font-weight:bold;
	margin-top:14px;
	padding-right:10px;
}
.listStaffComment {
	width:400px;
	margin-top:14px;
	padding-right:10px;
}
li.listStaffSwitch {
	width:110px;
	margin-top:12px;
}
.listStaffDel {
	width:60px;
	margin-top:12px;
}
.listStaffEdit {
	width:60px;
	margin-top:12px;
}
.listStaffSort {
	margin-top:18px;
}
.createBtn {
	position:absolute;
	right:0px;
	top:-55px;
}
.createBtn_002 {
	position:absolute;
	right:0px;
	top:4px;
}

/* -------------------------------- 
バック お知らせ一覧
-------------------------------- */
.listInfoDate {
	width:95px;
	margin-top:3px;	
}
.listInfoTitle {
	width:500px;
	margin-top:3px;
	margin-bottom:10px;
	padding-right:20px;
	font-weight:bold;
}
.listInfoNew {
	width:60px;
	margin-top:0px;
}
li.listInfoSwitch {
	width:110px;
	margin-top:0px;
}
.listInfoDel {
	width:60px;
	margin-top:0px;
}
.listInfoEdit {
	width:60px;
	margin-top:0px;
}

.new_alert::before {
  display        : inline-block;       /* インラインボックス定義  */
  content        : "NEW";              /* 表示する文字            */
  background     : #ff0000;            /* 背景色                  */
  color          : #ffffff;            /* 文字色                  */
  font-weight    : bold;               /* 太字                    */
  font-size      : 11pt;               /* ベースの文字サイズ      */
  letter-spacing : -1px;               /* 文字間隔詰め            */
  line-height    : 1;                  /* 1行の高さ               */
  vertical-align : middle;                /* 基準の高さ位置          */
  margin         : 0;                  /* 外余白なし              */
  padding        : 2px;                /* 反転時の内余白          */
  transform      : scale(0.6)          /* 文字サイズ変更          */
                   translateX(-30%);    /* 横位置調整              */
                                       /* ブリンクのアニメ指定    */
  animation      : newAnime .7s infinite alternate;
}
@keyframes newAnime {
   0% { color      : #ff0000;          /* ブリンク時の文字色      */
        background : #ffffff;          /* ブリンク時の背景色      */
      }
 100% { color      : #ffffff;          /* ブリンク時の文字色      */
        background : #ff0000;          /* ブリンク時の背景色      */
      }
}
.info_tag {
	padding: 2px 15px;
}
.icon_jpg {
	background:url(../images/jpgIcon.png) left center no-repeat;
	height: 35px;
}
.icon_png {
	background:url(../images/pngIcon.png) left center no-repeat;
	height: 35px;
}
.icon_psd {
	background:url(../images/psdIcon.png) left center no-repeat;
	height: 35px;
}
.icon_pdf {
	background:url(../images/pdfIcon.png) left center no-repeat;
	height: 35px;
}
.icon_doc,
.icon_docx,
.icon_docm {
	background:url(../images/wordIcon.png) left center no-repeat;
	height: 35px;
}
.icon_xls,
.icon_xlsx,
.icon_xlsm {
	background:url(../images/excelIcon.png) left center no-repeat;
	height: 35px;
}
.icon_ppt,
.icon_pptx,
.icon_pptm {
	background:url(../images/pptIcon.png) left center no-repeat;
	height: 35px;
}

/* -------------------------------- 
バック 資料一覧
-------------------------------- */
.listDataTitle {
	width:450px;
	margin-top:0px;
	background: url(../images/pdfIcon.png) no-repeat;
	padding-left:30px;
	font-weight:bold;
	font-size:14px;
}
li.listDataSize {
	width:70px;
	margin-top:0px;
}
li.listDataDate {
	width:90px;
	margin-top:0px;
}
li.listDataTime {
	width:65px;
	margin-top:0px;
}
li.listDataSwitch {
	width:110px;
	margin-top:0px;
}
.listDataDel {
	width:60px;
	margin-top:0px;
}
.listDataSort {
	margin-top:5px;
}

/* -------------------------------- 
バック Faq一覧
-------------------------------- */
.listFaqTitle {
	width:635px;
	margin-top:2px;
	margin-bottom:10px;
	padding-right:10px;
	font-weight:bold;
	font-size:14px;
}
li.listFaqSwitch {
	width:110px;
	margin-top:0px;
}
.listFaqDel {
	width:60px;
	margin-top:0px;
}
.listFaqEdit {
	width:60px;
	margin-top:0px;
}
.listFaqSort { margin-top:5px; }

/* -------------------------------- 
バッククリエイター評価
 -------------------------------- */
.creatorPoint {
	background: #69B04F;
	width: 100%;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	padding: 7px 0;
}

/* 評価用テーブル */
table.evaluationTable th {
	width:192px;
	background:url(../images/thBg.png) left bottom repeat-x #9ce674;
	vertical-align:middle;
	padding:7px 20px 7px 0 ;
	text-align:right;
	font-weight:normal;
}
table.evaluationTable td {
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	vertical-align:middle;
	padding:7px 0 7px 0px;
	text-align:left;
	margin-left:5px;
}
table.evaluationTableHead {
	width:948px;
	border-collapse: separate;
	border-spacing: 3px;
}
table.evaluationTable .cellA,
table.evaluationTableHead .cellA { padding: 7px 20px; }
table.evaluationTable .cellB,
table.evaluationTable .cellE,
table.evaluationTableHead .cellB {
	width:60px!important;
	text-align:center;
}
table.evaluationTable .cellB {
	background: #B4CF96;
	color:#FFF;
}
table.evaluationTable .cellE {
	background: #83D13D;
	color:#FFF;
}
table.evaluationTableHead .cellC {
	text-align:center;
	vertical-align:middle;
}
table.evaluationTable .cellD { padding: 7px 20px; }
table.evaluationTable .cellF {
	width:210px;
	padding-left:10px;
}
.cellDate {
	font-size:11px;
	line-height:100%;
}
.cell_w_210 {
	width: 210px!important;
}
.cell_w_180 {
	width: 180px!important;
}
.cell_w_120 {
	width: 120px!important;
}
.cell_color_001 {
	color: #FFF!important;
	background: #F90!important;
}
td.creatorMemo {
	height:40px!important;
	width:690px;
	overflow:hidden;
}
.cell_0 {
	padding: 0!important;
}
.defeatedForm {
	float:left;
	width:60px;
	margin-top:10px;
}
.defeatedList {
	background: none repeat scroll 0 0 #EEEEEE;
    padding: 20px;
}
.defeatedList dt { width:80px; float:left }
.defeatedList dd { margin-bottom:5px; }
.creatorMemo .open,
.creatorMemo .open a:link {
	color:#0356FF;
	cursor:pointer;
	text-decoration:none;
}

/* -------------------------------- 
バック集計
 -------------------------------- */
.countDataBox .tab,
.countDataBox .tab li {
    float: left;
}
.countDataBox .tab li,
.countDataBox .tab li a {
    float: left;
	width:236px;
	height:40px;
	display:block;
}
.countDataBox .tab li { position:relative; }
.countDataBox .tab li a:link,
.countDataBox .tab li a:visited { text-decoration:none; }
.graphArea {
	clear: both;
	overflow: hidden;
	width: 928px;
	height:820px;
	background: #FFF;
	border-top: 7px solid #249910;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding:10px;
}
.area { display: none; }
#tabP1 {
	background: url(../images/tabP1.png) no-repeat left top;
	margin-right:2px;
}
#tabP1 a:hover { background: url(../images/tabP1.png) no-repeat left bottom; }
#tabP2 {
	background: url(../images/tabP2.png) no-repeat left top;
	margin-right:2px;
}
#tabP2 a:hover { background: url(../images/tabP2.png) no-repeat left bottom; }
#tabP3 {
	background: url(../images/tabP3.png) no-repeat left top;
	margin-right:2px;
}
#tabP3 a:hover { background: url(../images/tabP3.png) no-repeat left bottom; }
#tabP4 {
	background: url(../images/tabP4.png) no-repeat left top;
}
#tabP4 a:hover { background: url(../images/tabP4.png) no-repeat left bottom; }
.countValue {
	position:absolute;
	top:7px;
	right:5px;
	font-weight:bold;
	color: #063;
	background: #FFF;
	padding: 3px 4px;
}
.tab li.active { background-position: 0px bottom!important; }

/* -------------------------------- 
案件種類一覧
-------------------------------- */
.pageProjectCatList { position:relative; }
.pageProjectCatList ul:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.pageProjectCatList li { float:left; }
.listProjectTitle {
	width:200px;
	margin-top:3px;	
}
.listProjectCal {
	width:530px;
	margin-top:3px;
	margin-bottom:10px;
	padding-right:20px;
	font-weight:bold;
}
li.listInfoSwitch {
	width:110px;
	margin-top:0px;
}
.listInfoDel {
	width:60px;
	margin-top:0px;
}
.listInfoEdit {
	width:60px;
	margin-top:0px;
}

/* -------------------------------- 
撮影案件一覧
 -------------------------------- */
.projectSearchBox {
	position: relative;
	background: #FFF;
	border: 1px solid #CCC;
	padding:20px 0 10px;
}
.outpuCsv {
	position:absolute;
	top:0;
	right:0;
}
.rightBtn {
	position: absolute;
	right: 0;
	top: 0;
}

/* -------------------------------- 
撮影案件詳細
 -------------------------------- */
.statusBox {
	position: relative;
}

/* -------------------------------- 
custom-form
 -------------------------------- */
/* .cFormBlock { font: 1em/21px arial,sans-serif; } */
.cFormBlock:after{ content: "."; display:block; height:0; clear:both; visibility:hidden; }
.cFormBlock{ *zoom:1; }
.cFormBlock .checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.cFormBlock .radio {
	width: 19px;
	height: 17px;
	padding: 0 5px 0 0;
	background: url(../images/radiobtn.png) no-repeat;
	display: block;
	float: left;
	margin-top: 3px;
	*zoom: 1;
}
.FormRadio span.cFormLabel {
	display: block;
	margin-right: 10px;
	margin-top: 3px;
	float: left;
}
.tab_a {
	border-bottom: 2px solid #269910;
	margin-top: 10px;
	padding: 0px;
	height: 45px;
	position: relative;
}
.tab_a img {
	margin-right: 2px;
}
.tab_a .btnLost {
	position: absolute;
	top: 5px;
	right: 0;
}
/* -------------------------------- 
datepicker 曜日用
 -------------------------------- */
#shooting_from_date_week, #shooting_to_date_week, 
#reported_from_date_week, #reported_to_date_week, 
#shooting_spare_date_week, #delivery_receipt_week, 
#client-shooting_from_date_week, #client-shooting_to_date_week {
	width: 25px;
	height:14px;
	border: none;
	padding-right: 0px;
	margin: 0px;
	background-color: #F3F3F2;
}
/* -------------------------------- 
datepicker マウスオーバー用
 -------------------------------- */
.ui-datepicker-trigger {
	cursor:pointer;
}

/* -------------------------------- 
請求書確認発行
 -------------------------------- */
.btnManual {
	position: absolute;
	top: 5px;
	right: 0;
}

/* -------------------------------- 
お知らせ詳細
 -------------------------------- */

h2.detail_title {
	font-size: 25px;
	margin-top: 20px;
	line-height: 1;
	font-weight: normal;
}
.detail_data {
	height: 60px;
	line-height: 2.5;
}
#temp_item a {
	display: inline-block;
	line-height: 2.8;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}
.eye_catch img {
	max-width: 100%;
	object-fit: contain;
}
.detail_text {
	font-size: 16px;
}

/* -------------------------------- 
規約一覧
 -------------------------------- */
.btnCell {
	width: 160px!important;
	padding: 7px 0px 7px 0px!important;
}

/* -------------------------------- 
調整用
 -------------------------------- */
.txtSS { font-size: 10px; }
.txtS { font-size:11px; }
.txtL { font-size:14px; }
.txtLL { font-size:16px; }
.txtXL {font-size: 23px;}
.txtBold { font-weight:bold; }
.txtRight { text-align:right!important; }
.txtCenter { text-align:center!important; }
.txtLeft { text-align:left!important; }
.txtMid { text-align: center!important; vertical-align: bottom!important; display: table-cell; }
.txtMid img { vertical-align: middle!important; text-align: center!important; }
.txtLine_01 {
	border-bottom: 2px solid #C00;
}
.txtNowrap{ white-space: nowrap; }

.txt18px { font-size:18px; }
.txt20px { font-size:20px; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix { min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.tar { text-align:right; }

.mr2px  { margin-right:2px; }
.mr10px { margin-right:10px; }
.mr15px { margin-right:15px; }
.mr20px { margin-right:20px; }
.mr25px { margin-right:25px; }
.mr30px { margin-right:30px; }
.mr35px { margin-right:35px; }
.mr40px { margin-right: 40px; }
.mr200px { margin-right: 200px; }

.ml4px { margin-left:4px; }
.ml5px { margin-left:5px; }
.ml10px { margin-left:10px; }
.ml15px { margin-left:15px; }
.ml20px { margin-left:20px; }
.ml25px { margin-left:25px; }
.ml30px { margin-left:30px; }
.ml35px { margin-left:35px; }
.ml50px { margin-left:50px; }
.ml90px { margin-left:90px; }
.ml240px { margin-left:240px; }

.mlm10px { margin-left:-10px; }
.mlWorksCheck { margin-left:65px; }

.mlauto { margin-left: auto; }

.mt20l215 {
	margin-top:20px;
	margin-left:215px;
}
.cap01 {
	margin-left:260px;
	margin-top:10px;
	margin-bottom:10px;
}

.m0px { margin:0px; }

.mt3px { margin-top:3px; }
.mt5px { margin-top:5px; }
.mt10px { margin-top:10px; }
.mt15px { margin-top:15px; }
.mt20px { margin-top:20px; }
.mt25px { margin-top:25px; }
.mt30px { margin-top:30px; }
.mt35px { margin-top:35px; }
.mt40px { margin-top:40px; }
.mt50px { margin-top:50px; }
.mt60px { margin-top:60px; }
.mt70px { margin-top:70px; }
.mt80px { margin-top:80px; }
.mt90px { margin-top:90px; }
.mt200px { margin-top:200px; }

.mt_m10px { margin-top: -10px; }
.mt_m20px { margin-top: -20px; }

.mb5px { margin-bottom:5px; }
.mb8px { margin-bottom:8px; }
.mb10px { margin-bottom:10px; }
.mb11px { margin-bottom:11px; }
.mb15px { margin-bottom:15px; }
.mb20px { margin-bottom:20px; }
.mb25px { margin-bottom:25px; }
.mb30px { margin-bottom:30px; }
.mb35px { margin-bottom:35px; }
.mb40px { margin-bottom:40px; }

.mtb5px { margin-top:5px; margin-bottom:5px; }
.mtb10px { margin-top:10px;	margin-bottom:10px; }

.p10px { padding:10px; }

.pt0px { padding-top:0px; }
.pt3px { padding-top:3px; }
.pt10px { padding-top:10px; }
.pt20px { padding-top:20px; }

.pb0px { padding-bottom:0px; }

.pl40px { padding-left:40px; }

.fr { float:right; }
.fl { float:left; }

.indexList li {
	line-height:1.4;
	display:block;
	margin-bottom:15px;
}

.w30 { width:30px!important; }
.w40 { width:40px!important; }
.w50 { width:50px!important; }
.w55 { width:55px!important; }
.w60 { width:60px!important; }
.w65 { width:65px!important; }
.w70 { width:70px!important; }
.w80 { width:80px!important; }
.w90 { width:92px!important; }
.w92 { width:92px!important; }
.w100 {	width:100px!important; }
.w110 {	width:110px!important; }
.w120 {	width:120px!important; }
.w130 {	width:130px!important; }
.w140 {	width:140px!important; }
.w150 {	width:150px!important; }
.w160 {	width:160px!important; }
.w170 {	width:170px!important; }
.w180 {	width:180px!important; }
.w190 {	width:190px!important; }
.w200 {	width:200px!important; }
.w210 {	width:210px!important; }
.w220 {	width:220px!important; }
.w230 {	width:230px!important; }
.w235 {	width:235px!important; }
.w240 {	width:240px!important; }
.w245 {	width:245px!important; }
.w255 {	width:255px!important; }
.w300 {	width:300px!important; }
.w310 {	width:310px!important; }
.w320 {	width:320px!important; }
.w330 {	width:330px!important; }
.w330 {	width:330px!important; }
.w350 {	width:350px!important; }
.w370 {	width:370px!important; }
.w400 {	width:400px!important; }
.w433 {	width:433px!important; }
.w450 {	width:450px!important; }
.w458 {	width:458px!important; }
.w480 {	width:480px!important; }
.w490 {	width:490px!important; }
.w500 {	width:500px!important; }
.w530 {	width:530px!important; }
.w550 {	width:550px!important; }
.w570 {	width:570px!important; }
.w580 {	width:580px!important; }
.w590 {	width:590px!important; }
.w600 {	width:600px!important; }
.w610 { width:610px!important; }
.w620 { width:620px!important; }
.w630 { width:630px!important; }
.w640 { width:640px!important; }
.w650 { width:650px!important; }
.w660 { width:660px!important; }
.w1350 { width: 1350px!important; }

.w10pct { width: 10% !important; }
.w20pct { width: 20% !important; }
.w30pct { width: 30% !important; }
.w40pct { width: 40% !important; }
.w50pct { width: 50% !important; }
.w60pct { width: 60% !important; }
.w70pct { width: 70% !important; }
.w80pct { width: 80% !important; }
.w90pct { width: 90% !important; }
.w100pct { width: 100% !important; }

.h10px { height: 10px; important; }
.h20px { height: 20px; important; }
.h21px { height: 21px; important; }
.h30px { height: 30px; important; }
.h40px { height: 40px; important; }
.h50px { height: 50px; important; }
.h60px { height: 60px; important; }
.h70px { height: 70px; important; }
.h80px { height: 80px; important; }
.h90px { height: 90px; important; }
.h100px { height: 100px; important; }
.h110px { height: 110px; important; }
.h120px { height: 120px; important; }
.h130px { height: 130px; important; }

.alMid { vertical-align:middle; }


/* アイコン一時置き場　*/
@charset "UTF-8";
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot");
  src: url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff") format("woff"), url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg"); }
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

/* -------------------------------- 
モーダル関連
 -------------------------------- */


#modal table,
#comment_modal table,
#face_modal table,
#namecard_modal table
 {
    width: 100% !important;
}
#modal,
#comment_modal,
#face_modal,
#namecard_modal,
#contact_modal {
    display: none;
    height: 100vh;
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
	background: #fff;
    left: 50%;
    padding: 20px 40px;
    position: absolute;
    top: 45%;
    transform: translate(-50%,-50%);
    width: 80%;
    max-height: 80vh;
    overflow-y: auto;
    min-width: 500px;
}
.modal_title {
	font-size: 20px;
	border-bottom: 1px solid #ddd;
	border-left: solid 5px #666;
	color: #666;
	padding-left:5px;
	margin-bottom: 10px;
}
#modal table {
	width: 100%;
}
#modal table th {
}
.close_btn {
	font-size: 15px;
	position: absolute;
	top:12px;
	right: 12px;
	width: 1.4em;
	height: 1.4em;
	border: 0.1em solid #666;
}
.close_btn::before {
	position: absolute;
	top: 0.2em;
	left: 0.6em;
	width: 0.2em;
	height: 1em;
	content: "";
	background-color: #666;
	transform: rotate(45deg);
}
.close_btn::after {
	position: absolute;
	top: 0.6em;
	left: 0.2em;
	width: 1em;
	height: 0.2em;
	content: "";
	background-color: #666;
	transform: rotate(225deg);
}
#modal .upload_memo {
	display: block;
	margin-top: 0.5rem;
}

/* -------------------------------- 
作品コメント
 -------------------------------- */
a.portfolio_edit_btn {
	text-decoration: none;
}
a.portfolio_edit_btn:hover{
	text-decoration: underline;
}

/* -------------------------------- 
登録情報
 -------------------------------- */
.profile_title {
	display: block;
	cursor:pointer;
}
.profile_title span {
	float: right;
}
.profile_title span.cation {
	font-size: 14px;
	width: 350px;
	padding-top: 10px;
}
#contents table.profile_table {
	margin: 0 auto 30px auto;
	width: 80%;
	font-size: 16px;
}
#contents table.profile_table tr {
	border-bottom: 2px dashed #CCCCCC;
	height: 45px;
	font-size: 16px;
	text-align: left;
}
#contents table.profile_table th {
	vertical-align: middle;
	width: 38%;
	padding: 5px 4% 5px 4%;
	color: #7db4e6;
	border-bottom: 2px dashed #7db4e6;
}
#contents table.profile_table td {
	vertical-align: middle;
	padding: 5px 4% 5px 4%;
}
.profile_sns_box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.profile_sns_box dt {
	width: 35%;
	text-align-last:justify;
}
.profile_sns_box dd {
	width: 65%;
}
.profile_video_box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.profile_video_box dt {
	width: 28%;
	text-align-last:justify;
}
.profile_video_box dd {
	width: 72%;
}

#contents table.profile_image_table {
	margin: 0 auto 30px auto;
	width: 80%;
}
#contents table.profile_image_table th {
	width: 30%;
	text-align: center;
}
#contents table.profile_image_table td {
	font-size: 14px;
	padding-left: 30px;
}
#contents table.profile_namecard_table {
	margin: 0 auto 30px auto;
	width: 80%;
}
#contents table.profile_namecard_table th {
	width: 30%;
	text-align: center;
}
#contents table.profile_namecard_table td {
	font-size: 14px;
	padding-left: 30px;
}
.profile_change_btn {
	text-align: right !important;
	margin: 20px 0 10px 0 !important;
}
.profile_close_btn {
	text-align: center !important;
}
.profile_content {
	width: 90% !important;
	margin: 20px auto;
}
#withdraw_content {
    margin: 0 auto;
    width: 85%;
    font-size: 16px;
}
.profile_caution_note {
	margin: 40px 0;
}

.profile_icon_arrow {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: 1;
	position: relative;
	width: 1.3em;
	height: 1.3em;
	border: 0.13em solid #666;
	background: #fff;
	border-radius: 50%;
	box-sizing: content-box;
}

.profile_icon_arrow::before {
	content: '';
	width: 9px;
	height: 9px;
	border: 0;
	border-bottom: solid 2px #333;
	border-right: solid 2px #333;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	left: 8px;
	bottom: 3px;
	margin: auto;
}
/*
.icon_bottom::before {
	#transform: rotate(90deg);
	#top: 3px;
}
*/
.icon_top::before {
	transform: rotate(-135deg);
	top: 8px;
}

/* -------------------------------- 
フラッシュメッセージ
-------------------------------- */
.flash_message {
	padding: 30px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	position: fixed;
	top: 5px;
	right: 0;
	left: 0;
	margin: auto;
	width: 300px;
	z-index:10000;
}
.flash_message_true {
	background: #E1F9EA;
}
.flash_message_true span {
	color: #13662C;
}
.flash_message_false {
	background: #FBE3E2;
}
.flash_message_false span {
	color: #A74844;
}

/* -------------------------------- 
エラー時
-------------------------------- */
.input_error {
	background-color: #FFCCCC !important;
}