@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, 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;
}
label {
	vertical-align:middle;
}
body {
	line-height:1;
	color:#666666;
}
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;
}
.display-none {
    display: none !important;
}

/* -----------------------------------
Base
------------------------------------*/
a:link,
a:visited {
	color:#0356FF;
	text-decoration:underline;	
}
a:hover { text-decoration:none; }
body {
	background:url(../images/planetPlusBg.png);
	font-family:"ＭＳ Ｐゴシック","メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
	font-size:13px;
	line-height:1.5;
}
#header {
	background:url(../images/headerBg.png) left bottom;
	height:64px;
	padding:0;	
}
#header .headBox {
	width: 80%;
	min-width: 950px;
	max-width: 1200px;
	position: relative;
	text-align:left;
	margin:0 auto;
	padding:15px 0 0 0;
}
#header.head_large .headBox {
	width: 1200px;
	position: relative;
}
#header.head_responsive .headBox {
	width: 95%;
	max-width: 1200px;
	position: relative;
}
#header .headBox h1 { float:left; }
#header .headBox ul.gNavi {
	top: 8px;
	position: absolute;
	right: 0px;
	font-size:11px;
	color:#4c4c4c;
}
#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 a {
	padding: 30px 5px 0;
	float: left;
	display: block;
	margin-left: 4px;
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: 30px;
}
#header .headBox ul.listNavi li a:hover {
	opacity: 0.5;
}
#lNavi_001 a {
	background-image: url(../images/icon_list.png);
}

#lNavi_002 a {
	background-image: url(../images/icon_photographer.png);
}

#lNavi_003 a {
	background-image: url(../images/icon_dashboard.png);
}

#header .headBox ul.gNavi li a {
	padding: 30px 5px 0;
	float: left;
	display: block;
	margin-left: 5px;
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: 30px;
}

#header .headBox ul.gNavi li a:hover {
	opacity: 0.5;
}
#header .headBox ul.gNavi li#gNavi_001 {
	padding: 30px 10px 0;
	float:left;
	display:block;
	margin-left:5px;
	background: url(../images/icon_user.png) center 0px no-repeat;
	background-size: 30px;
}
#gNavi_002 a {
	background-image: url(../images/icon_edit.png);
}

#gNavi_003 a {
	background-image: url(../images/icon_home.png);
	background-position: center top; /* ここだけ差分 */
}

#gNavi_004 a {
	background-image: url(../images/logout.png);
}

#gNavi_005 a {
	background-position: center 3px!important;
	background-image: url(../images/icon_central.png);
}

#gNavi_006 a {
	background-position: center 3px!important;
	background-size: 25px!important;
	background-image: url(../images/icon_payment.png);
}


#header .headBox ul.gNavi li:last-child { border-right:0px solid #ccc; }
.gNavi a:link,
.gNavi a:visited,
.listNavi a:link,
.listNavi a:visited {
	color:#333;
	text-decoration:none;
}
#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: 150px;
	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_b {
   min-width:1200px;
   width:95%;
   text-align:left;
   margin:0 auto 50px auto;
   min-height:450px;
   position:relative;
}
#contents_c {
   min-width:950px;
   width:95%;
   text-align:left;
   margin:0 auto 50px auto;
   /*overflow:hidden;*/
   min-height:450px;
   position:relative;
}

#contents:after,
#contents_b:after,
#contents_c: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,
#contents_c ul.pdfBtn:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#contents h1,
#contents_c 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 .headline,
#contents_c .headline{
	width:950px;
	margin:0 auto 10px ;
}

#contents h2.h2Border,
#contents_c h2.h2Border
 {
	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;
	font-size:24px;
	color:#333;
	border-bottom:2px solid #ccc;
	font-weight:normal;
	margin-bottom:5px;
	padding-bottom:3px;
	width:1200px;
	margin:20px auto 10px;
}
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_c table.entryTable,
#contents table.evaluationTable,
#contents table.projectDetailTable
{
	border:1px solid #ccc;
	width:950px;
	border-collapse: separate;
	border-spacing: 3px;
	background:#FFF;
}
#contents table.entryTable .delivery_title,
#contents_c table.entryTable .delivery_title {
	width:176px;
	background-color: #666;
	color: #fff;
	vertical-align:middle;
	padding:7px 20px 7px 0 ;
	text-align:right;
	font-weight:normal;
}
#contents table.projectDetailTable th {
	width: 150px;
	background-color: #666;
	color: #fff;
	vertical-align: middle;
	padding: 7px 5px 7px 5px;
	text-align: right;
	font-weight: normal;
}
#contents table.entryTable th,
#contents_c table.entryTable th {
	width:160px;
	background-color: #666;
	color: #fff;
	vertical-align:middle;
	padding:7px 10px 7px 10px ;
	text-align:right;
	font-weight:normal;
}
#contents table.entryTable td,
#contents_c 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.projectDetailTable td {
	/*width:30%;*/
	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,
#contents_c table.entryTable th.short {
	width:60px!important;
}
#contents table.entryTable td.large,
#contents_c table.entryTable td.large {
	width:809px!important;
}
#contents table.projectcCopyTable th {
	background-color: #9CE674!important;
	color: #666;
}

#contents table.assessmentTable
 {
	border:1px solid #ccc;
	width:950px;
	border-collapse: separate;
	border-spacing: 3px;
	background:#FFF;
}
#contents table.assessmentTable th {
	width:176px;
	background:url(../images/thBg.png) left bottom repeat-x #9ce674;
	vertical-align:middle;
	padding:7px 20px 7px 0 ;
	text-align:center;
	font-weight:normal;
}
#contents table.assessmentTable 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.assessmentTable th.short {
	width:60px!important;
}
#contents table.assessmentTable 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,
#contents table.blankBoxTable {
	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,
#contents table.blankBoxTable th {
	background: #999;
	color: #FFF;
	width: auto;
	vertical-align:middle;
	padding:3px;
	border: none;
	text-align:center;
}
#contents table.blankTable td,
#contents table.blankBoxTable 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.rb_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.rb_blankTable th {
	background: #999;
	color: #FFF;
	width: auto;
	vertical-align:middle;
	padding:3px;
	border: none;
	text-align:center;
}
#contents table.rb_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;
}
.exc {
	background-color: #ffd3a8 !important;
}
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;
}
.diff_color { background:#f7ec79 !important;}
.btnLeft {text-align:left; margin: 20px 0 20px 0; }
.btnCenter { text-align:center;	margin: 20px 0 20px 0; }
.btnRight { text-align:right; }
.btnRight img{ padding-right:10px; }
.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;
}
.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_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;
}
.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; }
.listPhoto li {
	float:left;
	margin-right:22px;
	margin-bottom:10px;
	text-align:center;
}
.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:#FFF;
	background: #666;
	padding: 2px 5px;
}
.heading_04 {
	font-weight: bold;
	color: #333;
	font-size:16px;
	margin-bottom:5px;
	border-bottom: 1px solid #666;
	padding: 3px 3px 3px 7px;
	border-left: 6px solid #666;
	background: #FFF;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
}
.heading_05 {
	color: #FFF;
	background: #D93A49;
	padding: 2px 5px;
}
td.pad_lim{
	padding:7px 0px 7px 20px !important;
}
.pager { margin:5px 0; font-weight:bold; position: relative; height:24px;}
.pager li {	display:inline;	margin-right:5px; }
.block_alert {
	margin: 0 0 10px 0;
}

/* ボックス */
.itemBox_01 {
	width:910px;
	padding:20px;
	background: #EEE;
}
.itemBox_02 {
	background: #FFF;
	border: 1px solid #CCC;
	min-width:950px;
	margin:-1px auto 0;
}
.itemBox_02 ul {
	padding: 5px 0 0 20px;
}
.itemBox_03 {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 5px 20px 0;
	max-width:950px;
	margin:auto;
}
.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;
	white-space: nowrap;
}
.label_007 {
	color: #0404C4;
	font-weight: bold;
	white-space: nowrap;
}
.border_hidden {
	border-style: hidden;
}
.overtext_hidden {
	white-space: nowrap;
	overflow: 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;
}
#aiss_link:hover,
#project_decision_on: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;
}
.orderBtn {
    font-size:13px;
    font-weight: bold;
    text-decoration:none !important;
    color:#EDEDED !important;
    -webkit-filter: saturate(92%);
    filter: saturate(92%);
    background: -ms-linear-gradient(top, #666, #333); 
    background: -moz-linear-gradient(top,#666 0%,#333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    color:#FEE;
    border:1px solid #333;
    width: 130px !important;
    white-space: nowrap;
    padding: 5px 10px;
    box-shadow:1px 2px #BCBCBC;
}
.orderBtn_gray {
    font-size:13px;
    font-weight: bold;
    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;
    width: 157px !important;
    padding: 5px 10px;
}
.boxBtn {
    font-size:13px;
    font-weight: bold;
    text-decoration:none !important;
    color:#EDEDED !important;
    -webkit-filter: saturate(92%);
    filter: saturate(92%);
    background: -ms-linear-gradient(top, #666, #333); 
    background: -moz-linear-gradient(top,#666 0%,#333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    color:#FEE;
    border:1px solid #333;
    width: 100px !important;
    white-space: nowrap;
    padding: 5px 10px;
    box-shadow:1px 2px #BCBCBC;
}
.boxLinkBtn {
    font-weight: bold;
    font-size:13px;
    text-decoration:none !important;
    color:#EDEDED !important;
    -webkit-filter: saturate(92%);
    filter: saturate(92%);
    background: -ms-linear-gradient(top, #4596E7, #1F80E2); 
    background: -moz-linear-gradient(top,#4596E7 0%,#1F80E2);
    background: -webkit-gradient(linear, left top, left bottom, from(#4596E7), to(#1F80E2));
    color:#FEE;
    border:1px solid #1F80E2;
    width: 130px !important;
    white-space: nowrap;
    padding: 5px 10px;
    box-shadow:1px 2px #BCBCBC;
}
.switch_tab_on {
    display:inline-block;
    font-size:17px;
    font-weight:bold;
    text-align:center;
    vertical-align:top;
    text-decoration:none !important;
    -webkit-filter: saturate(92%);
    filter: saturate(92%);
    background: -ms-linear-gradient(top, #4596E7, #1F80E2); 
    background: -moz-linear-gradient(top,#4596E7 0%,#1F80E2);
    background: -webkit-gradient(linear, left top, left bottom, from(#4596E7), to(#1F80E2));
    color:#fff !important;
    width: 165px !important;
    padding:10px 0;
}
.switch_tab_off {
    display:inline-block;
    font-size:17px;
    font-weight:bold;
    text-align:center;
    vertical-align:top;
    text-decoration:none !important;
    -webkit-filter: saturate(92%);
    filter: saturate(92%);
    background: -ms-linear-gradient(top, #666, #333); 
    background: -moz-linear-gradient(top,#666 0%,#333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    color:#fff !important;
    width: 165px !important;
    padding:10px 0;
}
.switch_tab_off:hover {
    display:inline-block;
    font-size:17px;
    font-weight:bold;
    text-align:center;
    vertical-align:top;
    text-decoration:none !important;
    -webkit-filter: saturate(92%);
    filter: saturate(92%);
    background: -ms-linear-gradient(top, #999, #666); 
    background: -moz-linear-gradient(top,#999 0%,#666);
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));
    color:#fff !important;
    width: 165px !important;
    padding:10px 0;
}
.toggleBtn {
    font-size:13px;
    font-weight: bold;
    text-decoration:none !important;
    color:#EDEDED !important;
    -webkit-filter: saturate(92%);
    filter: saturate(92%);
    background: -ms-linear-gradient(top, #666, #333); 
    background: -moz-linear-gradient(top,#666 0%,#333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    color:#FEE;
    border:1px solid #333;
    width: 130px !important;
    padding: 5px 10px;
    box-shadow:1px 2px #BCBCBC;
    display: block;
    margin: 10px auto;
    text-align: center;
    cursor: pointer;
}
.generalBtn {
	display: inline-block;
	white-space: nowrap;
	font-weight: bold;
    text-align:center;
    text-decoration:none !important;
    color:#EDEDED !important;
    background-color: #666; 
    padding: 5px 10px;
}
.generalBtn.blue {
	background-color: #1F80E2;
}
.generalBtn.gray {
	background-color: #aaa;
}
.generalBtn.red {
	background-color: #EC3D3D;
}
.generalBtn.orange {
	background-color: #ff7734;
}
.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_blue {
	display: inline-block;
    text-align:center;
    text-decoration:none !important;
    color:#EDEDED !important;
    background: -ms-linear-gradient(top, #4596E7, #1F80E2); 
    background: -moz-linear-gradient(top,#4596E7 0%,#1F80E2);
    background: -webkit-gradient(linear, left top, left bottom, from(#4596E7), to(#1F80E2));
    padding: 5px 10px;
    box-shadow:1px 2px #BCBCBC;
}
.generalBtn:hover, .generalBtn_blue: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;
}
.inactiveBtn {
	display: inline-block;
    text-align:center;
    text-decoration:none !important;
    color:#666 !important;
    background: -ms-linear-gradient(top, #ccc, #999); 
    background: -moz-linear-gradient(top,#ccc 0%,#999);
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
    padding: 5px 10px;
    box-shadow:1px 2px #BCBCBC;
}
.list_btn {
    display: block;
    padding:8px 0;
    font-size:16px;
    font-weight: bold;
    text-decoration:none !important;
    color:#FFFFFF !important;
    background: linear-gradient(#004080, #003366);
    width: 330px !important;
    box-shadow:1px 2px #BCBCBC;
    position:relative;
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 1px;

}
.change_btn {
    display: block;
    padding:8px 0;
    font-size:16px;
    font-weight: bold;
    text-decoration:none !important;
    color:#FFFFFF !important;
    background: linear-gradient(#4da6ff, #4595e6);
    width: 330px !important;
    box-shadow:1px 2px #BCBCBC;
    position:relative;
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 1px;

}
.list_btn:hover, .change_btn:hover {
    opacity: 0.5;
}

/*仮登録ボタン*/
.prov_issue {
	display: flex;
	align-items: flex-end;
}

/*central_fileボタン*/
#central_file {
  width: 105px;
  font-size: 10px;
}

#central_file::file-selector-button {
  opacity: 0;
  height: 0px;
  display: block;
  text-aligh: center;
}

#central_file::before{ 
  content: "central";
}

.file_btn_gray::before{ 
  width: 80px;
  height: 15px;
  font-weight: bold;
  text-decoration:none !important;
  color:#FFFFFF !important;
  background: #aaa;
  font-size: 13px;
  border-radius: 10em;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  display: inline-block;
  padding: 2px 10px;
  margin-right: 5px;
  cursor: pointer;
}
.file_btn_gray: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;
}
/* -----------------------------------
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: flex;
    font-size: 0;
    line-height: 0;
    margin-top: 30px;
    width: 100%;
	align-items: center;
	justify-content: space-between;;
}
.loginFormBox {
	clear: both;
    display: flex;
    margin-top: 30px;
    width: 100%;
}
.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;
    text-align: center;
}
.loginImage {
	background-color: #000;
}
.loginImage img {
	object-fit: contain;
}
.loginForgot {
	font-size: 0;
    line-height: 0;
    margin-top: 9px;
}
.loginInput {
	display: flex;
	flex-direction: column;
	justify-content: center;
    float: left;
    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;
}
.loginEnter a{
	color: #fff;
	text-decoration: none;
	line-height: 4;
	display: block;
}
.inputTitle {
	width: 110px;
}
.loginError {
	font-size: 10px;
	margin-top: 16px;
	clear:both;
	float:left;
	margin: 0 0;
	padding:10px 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;
}
.loginQrc {
	font-size: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 300px;
	line-height: 2;
	font-weight: bold;
	text-align: center;
}
.loginQrc img {
	width: 300px;
}
/* -----------------------------------
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:#666;
		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:#666;
		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:#E9EFEB;
	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:#666;
	font-weight:bold;	
}
.topStaffName a:link,
.topStaffName a:visited {
	color:#666;
	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;
}


/* -------------------------------- 
リマインダー
 -------------------------------- */
.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;
}

/* -------------------------------- 
フロント Staff
-------------------------------- */
.staffDetailBox {
	background: #E9EFEB;
	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: url(../images/h01.png) no-repeat;
	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:#666;
	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;
	background: url(../images/staffCommentDetailTop.png) no-repeat left top;
	padding-top:15px;
}
.staffDetailComment {
	width:701px;
	padding:0px 15px;
	border-top: none;
	border-right: 1px solid #69B04F;
	border-left: 1px solid #69B04F;
	margin-top:3px;
	position:relative;
	background: #FFF;
}
.staffDetailComment:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.staffDetailComment dl {
	position:relative;
	top:-5px;
}
.staffDetailComment dl:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.staffDetailComment dt {
	color:#666;
	width:90px;
	float:left;
}
.staffDetailComment dd {
	width:610px;
	float:left;
}
.staffDetailCommentBottom {
	background: url(../images/staffCommentDetailBottom.png) no-repeat left bottom;
	height: 10px;
}

/* -------------------------------- 
クリエイター紹介
-------------------------------- */
.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; min-width:950px; margin:auto;}
.pageTool01 li{border: none !important; padding: 0 !important;}
.manageTop .itemSortSelect {
	position:absolute;
	top:0;
	right:0;
}
.memberCount {
	float:right;
	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; }
#tableCreator {
	border: 1px solid #ccc;
}
#tableCreator th,
#tableCreator td {
	vertical-align: middle;
	background-color: #fff;
}
#tableCreator th {
	padding: 10px 10px;
	text-align: center;
	font-size: 12px;
	border-left: 1px dotted #ccc;
	background-color: #666;
	color: #fff;
}
#tableCreator td {
	height: 50px;
	padding: 10px 10px;
	border-left: 1px dotted #ccc;
}
/*.manageTop ul:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}*/
.manageTop ul { display:flex;}
.manageTop li { display:flex; 
				align-items: center;
				padding:0 10px;
				border-left: 1px dotted #ccc;
}
.manageTop li:first-child { 
				padding-left:0;
}
.manageTop li:first-child { 
				border: none;
}
.listCreatorImage table {
	margin: 0;
	padding: 0;
	border: 0;
}
.listCreatorImage table tr td {
	border-collapse: collapse;
	vertical-align: middle;
}
.listCreatorImage {
	min-width: 55px;
}
.listCreatorImage a img {
	vertical-align: middle;
	margin: 0 0 0 0;
}
.listCreatorName {
	font-weight:bold;
	padding-right:10px;
	word-break: break-all;
	width:35%;
	max-width: 600px;
}
.listCreatorPref {
	min-width:65px;
	width: 65px;
	white-space:nowrap;
	text-align: center;
}
.listCreatorTeam {
	padding-right:10px;
	word-break: break-all;
	width:40%;
	max-width: 650px;
}
.listCreatorProjectCnt {
	width: 50px;
	min-width: 50px;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}
.listCreatorDate {
	width:70px;
	min-width: 70px;
	font-size:12px;
}
.listCreatorRate {
	width: 55px;
	min-width: 55px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.listCreatorState {
	width:65px;
	min-width: 65px;
}
.listCreatorState span{
	white-space:nowrap;
}
.listCreatorRate img {
	margin-left:5px;
	margin-bottom:0px;
}
.listCreatorToggle {
}
.listCreatorSort { margin-top:18px; }
.listWorks {
	border-top: 1px dotted #333;
	margin:10px 0px 0 20px;
}
.listWorksItem:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
ul.listWorksItem {
/*	min-width:960px;
*/	margin-right:-53px;
	display: flex;
	flex-wrap: wrap;
}
.listWorksItem li {
	float:left;
	margin-right:52px;
	margin-bottom:10px;
	text-align:center;
	width: 160px;
}
.listWorksItem li input[type=checkbox] {
	display:block;
	margin-left:45%;
}
.listBtn{
	padding:5px 10px 0 0 !important;
}

.consent_wait,
.review_wait {
	display: block;
	text-align: center;
	width: 70px;
	background: -moz-linear-gradient(top,#003569, #003569 100%,#003569 100%,#003569);
	background: -webkit-gradient(linear, left top, left bottom, from(#003569), color-stop(1,#003569), color-stop(1,#003569), to(#003569));
	background: -ms-linear-gradient(top,#003569, #003569 100%,#003569 100%,#003569);
	color: #FFF !important;
	border: 1px solid #003569;
	padding: 5px 0;
	font-size: 12px;
	text-decoration: none !important;
	font-family:"ＭＳ Ｐゴシック","メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
	vertical-align: sub;
}
.review_ok {
	display: block;
	text-align: center;
	width: 70px;
	background: -moz-linear-gradient(top,#4596E7, #4596E7 100%,#4596E7 100%,#4596E7);
	background: -webkit-gradient(linear, left top, left bottom, from(#4596E7), color-stop(1,#4596E7), color-stop(1,#4596E7), to(#4596E7));
	background: -ms-linear-gradient(top,#4596E7, #4596E7 100%,#4596E7 100%,#4596E7);
	color: #FFF !important;
	border: 1px solid #4596E7;
	padding: 5px 0;
	font-size: 12px;
	text-decoration: none !important;
	font-family:"ＭＳ Ｐゴシック","メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
	vertical-align: sub;
}
.review_wait:hover, .review_ok:hover {
	opacity: 0.5;
}
/* ステータス（退会） */
#review_withdraw, .review_ng {
	width: 70px;
	display: block;
	text-align: center;
	background: -moz-linear-gradient(top,#666666, #666666 100%,#666666 100%,#666666);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), color-stop(1,#666666), color-stop(1,#666666), to(#666666));
	background: -ms-linear-gradient(top,#666666, #666666 100%,#666666 100%,#666666);
	color: #FFF;
	border: 1px solid #666666;
	padding: 5px 0;
	font-size: 12px;
	text-decoration: none;
	font-family:"ＭＳ Ｐゴシック","メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
	vertical-align: sub;
}

/* ステータス（発注停止） */
#review_stop {
	background: -moz-linear-gradient(top,#666666, #666666 100%,#666666 100%,#666666);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), color-stop(1,#666666), color-stop(1,#666666), to(#666666));
	background: -ms-linear-gradient(top,#666666, #666666 100%,#666666 100%,#666666);
	color: #FFF;
	border: 1px solid #666666;
	padding: 5px 9px;
	font-size: 12px;
	text-decoration: none;
	font-family:"ＭＳ Ｐゴシック","メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
	vertical-align: sub;
}

/* -------------------------------- 
管理（メニュー）
-------------------------------- */
.manage_menu{
	display: flex;
	width: 100%;
	margin: 0;
} 
.manage_menu>div{
	width: 48%;
	margin: 0 1%;
}

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

/* -------------------------------- 
検索（案件）
-------------------------------- */
.projectSearchTable {
	width: 90%;
	margin: auto;
}
.projectSearchTable th,
.projectSearchTable td {
	padding-top:3px;
	padding-bottom:3px;
	vertical-align: middle;
}
.projectSearchTable th {
	width:180px;
	text-align:right;
	padding-right:10px;
}
.projectSearchTable td {
	width:395px;
}
.projectSearchTable tr.s_detail {
	display: none;
}

/* -------------------------------- 
バック 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;	
}
.listInfoTemp {
	width:75px;
	margin-top:3px;	
	padding-right:20px;
}
.listInfoImage {
	margin-top:3px;	
	padding-right:20px;
}
.listInfoTitle {
	width:470px;
	margin-top:3px;
	margin-bottom:10px;
	padding-right:20px;
	font-weight:bold;
}
li.listInfoSwitch {
	width:115px;
	margin-top:0px;
}
.listInfoDel {
	width:60px;
	margin-top:0px;
}
.listInfoEdit {
	width:60px;
	margin-top:0px;
}
.new_on {
  display        : inline-block;
  background     : #ff0000;
  color          : #ffffff;
  font-weight    : bold;
  font-size      : 12pt;
  letter-spacing : -1px;
  line-height    : 1;
  vertical-align : middle;
  margin         : 0;
  padding        : 5px;
}
.new_off {
  display        : inline-block;
  background     : #999;
  color          : #555;
  font-weight    : bold;
  font-size      : 12pt;
  letter-spacing : -1px;
  line-height    : 1;
  vertical-align : middle;
  margin         : 0;
  padding        : 5px;
}
.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;
}
.info_td {
	display: block;
	margin-left: 0 !important;
}
.info_span {
	display: inline-block;
	width: 220px;
	font-weight: bold;
}
.info_purpose {
	margin-left: 20px;
	font-weight: bold;
}

/* -------------------------------- 
バック お知らせタグ一覧
-------------------------------- */
.listTagTitle {
	width:525px;
	margin-top:2px;
	margin-bottom:10px;
	padding-right:10px;
	font-weight:bold;
	font-size:14px;
}
li.listTagColor {
	width:110px;
	margin-top:5px;
}
.listTagDel {
	width:60px;
	margin-top:2px;
}
.listTagEdit {
	width:60px;
	margin-top:2px;
}
.listTagSort { margin-top:5px; }
/* -------------------------------- 
バック 資料一覧
-------------------------------- */
.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; }

/* -------------------------------- 
バック 外部リンク一覧
-------------------------------- */
.listLinkTitle {
	width:635px;
	margin-top:2px;
	margin-bottom:10px;
	padding-right:10px;
	font-weight:bold;
	font-size:14px;
}
.listLinkTitle .linkTitle {
	width:250px;
	display: inline-block;
}
.listLinkTitle {
}
li.listLinkSwitch {
	width:110px;
	margin-top:0px;
}
.listLinkDel {
	width:60px;
	margin-top:0px;
}
.listLinkEdit {
	width:60px;
	margin-top:0px;
}
.listLinkSort { margin-top:5px; }

/* --------------------------------
バック 背景写真一覧
--------------------------------- */
.listBackground_photoImage {
	margin-top:3px;	
	padding-right:20px;
}
.listBackground_photoCredit {
	width:390px;
	margin-top:30px;
	font-weight:bold;
	font-size:15px;
}
li.listBackground_photoSize {
	width:60px;
	margin-top:30px;
}
li.listBackground_photoDate {
	width:80px;
	margin-top:30px;
}
li.listBackground_photoTime {
	width:65px;
	margin-top:30px;
}
li.listBackground_photoSwitch {
	width:110px;
	margin-top:30px;
}
.listBackground_photoDel {
	width:60px;
	margin-top:30px;
}
.listBackground_photoEdit {
	width:60px;
	margin-top:30px;
}

/* --------------------------------
バッククリエイター作品シート
 -------------------------------- */
.item_btn {
	display: block;
	margin-left: auto;
}

/* -------------------------------- 
バッククリエイター制作事例
 -------------------------------- */
.delivery_table {
	width: 100%;
}
.itemTitle, .delivery_table .delivery_title {
	text-align: left !important;
	padding: 5px 10px !important;
	font-size: 13px !important;
}
.delivery_table td {
	padding:0 !important;
}
.delivery_table .delivery_check {
	background-color: #666 !important;
	height: 50px;
}
.delivery_check input {
	width: 25px;
}
.delivery_table .delivery_img {
	margin: 0 !important;
	background:#fff !important; 
	height:198px;
	width: 140px;
	display:flex;
	align-items:center;
	justify-content: center;
}
.delivery_img img {
	display: block;
	max-width: 140px;
	max-height: 198px;
	-ms-interpolation-mode: bicubic;
}
.delivery_table .delivery_memo {
	width: 100%;
	background-color: #fff;
}
.delivery_memo .memo {
	padding: 0 20px 1rem;
	position: relative;
	display: block;
}
.delivery_table .delivery_memo_prev {
	height: 8.5rem;
	overflow: hidden;
	text-decoration: none;
	color: #333;
}
.delivery_memo .memo_deploy {
    position: absolute;
    right: 1rem;
    bottom: 0;
}

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

/* 評価用テーブル */
table.evaluationTable th {
	width:192px;
	height: 45px;
	background-color: #666;
	color: #fff;
	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 {
	width:60px!important;
	text-align:center;
}
table.evaluationTableHead .cellB {
	width:30.5px!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;
}
/* 新評価用テーブル */
table.new_evaluationTable th {
	background-color: #666;
	color: #fff;
	vertical-align:middle;
	padding:10px 0;
	text-align:center;
	border-right: 1px solid #ddd;
}
table.new_evaluationTable td {
	background:#F4F7F5 url(../images/tdBottomDot.png) no-repeat left bottom;
	vertical-align:middle;
	text-align: center;
	padding:7px 0 7px 0px;
	margin-left:5px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
table.new_evaluationTable .cellA,
table.evaluationTableHead .cellA { padding: 7px 20px; }
table.new_evaluationTable .cellB,
table.new_evaluationTable .cellE {
	width:60px!important;
	text-align:center;
}

table.new_evaluationTable .cellE {
	background: #83D13D;
	color:#FFF;
}
table.new_evaluationTableHead .cellC {
	text-align:center;
	vertical-align:middle;
}
table.new_evaluationTable .cellD { padding: 7px 20px; }
table.new_evaluationTable .cellF {
	width:210px;
	padding-left:10px;
}
.cellDate {
	font-size:11px;
	line-height:100%;
	border: 1px solid;
}
.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; }
.originalItem a:link,
.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 {
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 2.5;
    float: left;
	width:236px;
	height:40px;
	display:block;
	margin-right:1px;
    background: -ms-linear-gradient(top, #666, #333); 
    background: -moz-linear-gradient(top,#666 0%,#333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    border: 1px solid #666;
    box-sizing: border-box;
}
.countDataBox .tab li a:hover {
    background: -ms-linear-gradient(top, #4596E7, #1F80E2); 
    background: -moz-linear-gradient(top,#4596E7 0%,#1F80E2);
    background: -webkit-gradient(linear, left top, left bottom, from(#4596E7), to(#1F80E2));
    color: #fff;
    border: 1px solid #1F80E2;
}
.countDataBox .tab li.active a {
    background: -ms-linear-gradient(top, #4596E7, #1F80E2); 
    background: -moz-linear-gradient(top,#4596E7 0%,#1F80E2);
    background: -webkit-gradient(linear, left top, left bottom, from(#4596E7), to(#1F80E2));
    color: #fff;
    border: 1px solid #1F80E2;
}
.countDataBox .tab li a:hover {
}
.countDataBox .tab li:last-child {
	margin-right: 0;
}
.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 #666;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding:10px;
}
.area { display: none; }
.countValue {
	position:absolute;
	top:7px;
	right:5px;
	font-size: 13px;
	font-weight:bold;
	line-height: 2;
	color: #666;
	background: #FFF;
	padding: 0px 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:370px;
	margin-top:5px;	
}
.listProjectCal {
	width:360px;
	margin-top:3px;
	margin-bottom:3px;
	padding-right:20px;
	font-weight:bold;
}
li.listInfoSwitch {
	width:110px;
	margin-top:3px;
}
.listInfoDel {
	width:60px;
	margin-top:3px;
}
.listInfoEdit {
	width:60px;
	margin-top:3px;
}

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

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

.tel_memo {
	margin-left: 45px
}
.btn_table {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
	width: 950px;
}
.btn_table2 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.btn_table li {
	display: table-cell;
	text-align: center;
}
.btn_table li a {
	display: block;
}
.contents_history input:read-only, .contents_history textarea:read-only, .contents_history select {
	background-color: #cccccc;
	outline: none;
}
.client_page_history span {
	display: inline-block;
}
#photography_instructions {
  border-color: #8da0b6;
  background-color: #f0f0f0;
  outline: none;
}
/* -------------------------------- 
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 #666;
	margin-top: 10px;
	padding: 0px;
	height: 45px;
	position: relative;
}
.tab_a img {
	margin-right: 2px;
}
.tab_a .btnLost {
	position: absolute;
	top: 5px;
	right: 0;
}
#user_mail {
	font-size: 15px;
	font-weight: bold;
}
.category_name {
	font-size: 13px;
	font-weight: bold;
}

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

/* -------------------------------- 
調整用
 -------------------------------- */
.txtS { font-size:11px; }
.txtM { font-size:13px; }
.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; }

.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; }
 
.mr5px  { margin-right:5px; }
.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; }
.mr150px { margin-right: 150px; }
.mr160px { margin-right: 160px; }
.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; }
.ml103px { margin-left:103px; }
.ml240px { margin-left:240px; }

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

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

.mt1px { margin-top:1px; }
.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; }
.mt150px { margin-top:150px; }
.mt200px { margin-top:200px; }

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

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

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

.pt0px { padding-top:0px!important; }
.pt3px { padding-top:3px; }
.pr10px { padding-right:10px!important; }
.pr15px { padding-right:15px!important; }
.pl40px { padding-left:40px; }

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

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

.w20 { width:20px!important; }
.w30 { width:30px!important; }
.w40 { width:40px!important; }
.w50 { width:50px!important; }
.w53 { width:53px!important; }
.w55 { width:55px!important; }
.w60 { width:60px!important; }
.w65 { width:65px!important; }
.w70 { width:70px!important; }
.w73 { width:73px!important; }
.w74 { width:74px!important; }
.w75 { width:75px!important; }
.w77 { width:77px!important; }
.w78 { width:78px!important; }
.w79 { width:79px!important; }
.w80 { width:80px!important; }
.w85 { width:85px!important; }
.w90 { width:90px!important; }
.w91 { width:91px!important; }
.w92 { width:92px!important; }
.w93 { width:93px!important; }
.w94 { width:94px!important; }
.w95 { width:95px!important; }
.w100 {	width:100px!important; }
.w110 {	width:110px!important; }
.w120 {	width:120px!important; }
.w130 {	width:130px!important; }
.w135 {	width:135px!important; }
.w140 {	width:140px!important; }
.w145 {	width:145px!important; }
.w150 {	width:150px!important; }
.w160 {	width:160px!important; }
.w170 {	width:170px!important; }
.w175 {	width:175px!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; }
.w240 {	width:240px!important; }
.w245 {	width:245px!important; }
.w250 {	width:250px!important; }
.w260 {	width:260px!important; }
.w270 {	width:270px!important; }
.w280 {	width:280px!important; }
.w290 {	width:290px!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; }
.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; }
.w650 { width:650px!important; }
.w660 { width:660px!important; }
.w700 {	width:700px!important; }
.w1350 { width: 1350px!important; }

.minw100 { min-width:100px!important; }
.minw150 { min-width:150px!important; }
.minw160 { min-width:160px!important; }

/* table-style
----------------------------------------------------------- */
table th.cell-width-1,
table td.cell-width-1 {
	width: 1% !important;
	white-space: nowrap !important;
}
table th.cell-width-3,
table td.cell-width-3 {
	width: 3% !important;
	white-space: nowrap !important;
}
table th.cell-width-5,
table td.cell-width-5 {
	width: 5% !important;
	white-space: nowrap !important;
}
table th.cell-width-7,
table td.cell-width-7 {
	width: 7% !important;
	white-space: nowrap !important;
}
table th.cell-width-8,
table td.cell-width-8 {
	width: 8% !important;
	white-space: nowrap !important;
}
table th.cell-width-9,
table td.cell-width-9 {
	width: 9% !important;
	white-space: nowrap !important;
}
table th.cell-width-10,
table td.cell-width-10 {
	width: 10% !important;
	white-space: nowrap !important;
}
table th.cell-width-20,
table td.cell-width-20 {
	width: 20% !important;
	white-space: nowrap !important;
}
table th.cell-width-30,
table td.cell-width-30 {
	width: 30% !important;
}
table th.cell-width-40,
table td.cell-width-40 {
	width: 40% !important;
}
table th.cell-width-50,
table td.cell-width-50 {
	width: 50% !important;
}
table th.cell-border-none,
table td.cell-border-none {
	border: none !important;
}
table th.cell-border-right-none,
table td.cell-border-right-none {
	border-right: none !important;
}
table th.cell-border-top-none,
table td.cell-border-top-none {
	border-top: none !important;
}
table th.cell-border-left-none,
table td.cell-border-left-none {
	border-left: none !important;
}
table th.cell-border-bottom-none,
table td.cell-border-bottom-none {
	border-bottom: none !important;
}

.alMid { vertical-align:middle; }

.robo {
	font-family: 'Roboto', "ＭＳ Ｐゴシック","メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
	font-size:13px;
}

.ms {
	font-family: "ＭＳ Ｐゴシック","メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
	font-size:13px;
}

.phn1 {
	display:inline-block;margin:10px auto 8px auto;
}

.phn2 {
	display:inline-block;
	margin:2px 0 2px 2px;
}

.srt {
	margin:1px 0;
	display:inline;
	float:right;
}

.srt a{
	text-decoration: none;
	color: #fff;
}
/* 種属並び替え
----------------------------------------------------------- */
.typePriorityList li {
	width: 220px;
	padding: 5px 10px;
	background: url("/images/sort-icon.png") no-repeat #fff;
	background-position: top 5px right 10px;
	background-size: 20px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}
/* -------------------------------- 
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, 
#reminder_reserve_date_week, #plan_sales_fixed_week, #expected_order_date_week {
  width: 25px;
  height:14px;
  border: none;
  padding-right: 0px;
  margin: 0px;
  background-color: #F3F3F2;
}
/* -------------------------------- 
datepicker マウスオーバー用
 -------------------------------- */
.ui-datepicker-trigger {
	cursor:pointer;
}

.ui-datepicker-trigger {
  height: 20px;
  vertical-align: middle;
  margin-left: 3px;
}
/* -------------------------------- 
スクロールボタン
 -------------------------------- */
.page-top,
.page-bottom
{
  margin: 0 ;
  padding: 0 ;
}
 
.page-top p
{
  margin: 0 ;
  padding: 0 ;
  text-align: right;
  position: fixed;
  right: 25px;
  bottom: 75px;
}
.page-bottom p
{
  margin: 0 ;
  padding: 0 ;
  text-align: right;
  position: fixed;
  right: 25px;
  bottom: 30px;
}
.page-top a,
.page-bottom a
{
  display: block;
  text-align: center;
  color: #fff;
  position: relative;
  background-color: #bbb;
  width: 80px;
  height: 40px;
  font-size: 0px;
  text-decoration: none;
  line-height: 60px;
}
.page-top a::before {
	content: "";
	position: absolute;
	top: 19px;
	left: 30px;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 3px;
	border-color: transparent transparent #fff #fff;
	transform: rotate(135deg);	
}
.page-bottom a::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 30px;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 3px;
	border-color: transparent transparent #fff #fff;
	transform: rotate(315deg);	
}
/* --------- 非同期時のローディング画面 --------- */
#loading{
	z-index:1;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.35);
}
 
#loading .loadingMsg{
	background-image:url("/images/loading2.gif");
	background-position: center top;
	background-repeat: no-repeat;
	width: 80%;
	margin: 0;
	position: fixed;
	z-index: 2;
	text-align: center;
	height: 100px;
}

.loading_str {
	margin-top: 75px;
	background-image:url("/images/loading_str.gif");
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 80%;
	margin: 0;
	position: fixed;
	z-index: 2;
	text-align: center;
	height: 100px;
}


/* -------------------------------- 
検索マップ
 -------------------------------- */
#map{
	width: 100vw;
	height: calc(100vh - 53px);
}
#map_form {
	margin-left: 20px;
}
#search_list {
	background: #fff;
	border: 1px solid #aaa;
	padding: 10px;
	width: 300px;
	box-sizing: border-box;
	height: calc(100vh - 215px);
	overflow-y: scroll;
}
#search_result li{
	line-height: 1.8em;
}
#search_total span {
	font-weight: bold;
	font-size: 20px;
}
.map-info-detail {
	font-size: 15px;
}
.refine {
	margin-bottom: 20px;
	height: 140px;
}
.fl img {
	height: 47px;
}

.c_type_icon_map {
	width: 40px;
}
.c_type_icon {
	width: 30px;
}

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


#modal table {
    width: 100% !important;
}
#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 {
	width: 100px !important;
	text-align: center !important;
	padding:0 !important;
}
.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;
}

/* -------------------------------- 
年絞り込み表示
 -------------------------------- */
.search {
	margin-top:10px;
	margin-bottom:10px;
}
.search_year {
	display:inline-block;
	padding:10px;
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
}
.search_year:hover {
	color:#66ccff;
}
.search_year.is-active {
	color:#0356FF;
}
.is-hide {
	display:none;
}

/* -------------------------------- 
作品コメント モーダル表示（クリエイター詳細）
 -------------------------------- */
a.portfolio_edit_btn {
	text-decoration: none;
}
a.portfolio_edit_btn:hover{
	text-decoration: underline;
}

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

/* -------------------------------- 
フラッシュメッセージ
-------------------------------- */
.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;
}