/* CSS Document */

*{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}

body{
	margin:0;
	padding:0;
	font-size:0.85em;
}

a{
	color:#0091E3;
}
z
a:hover{
	color:#DC0003;
}

ul, li, h1, h2, h3, h4, h5, h6, input, p{
	margin:0;
	padding:0;
	font-size:1em;
}

ul, li{
	list-style:none;
}

input.design, textarea.design{
	border:solid 2px #BBBBBB;
	padding:13px;
	border-radius:5px;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 3px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 3px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 3px inset;
}

input.design2{
	border:solid 2px #BBBBBB;
	padding:8px;
	border-radius:5px;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 3px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 3px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 3px inset;
}

input.design:focus, input.design2:focus, textarea.design:focus{
	border:solid 2px #4B96C4;
}

img{
	border:none;
}

/*----------------------------------------------------------------*/

/* ヘッダー */
#header{
	height:87px;
	background:url(../images/header/header_top_back.gif) repeat-x;
	position:relative;
}

#header h1{
	width:880px;
	color:#FFFFFF;
	padding-left:80px;
	background:url(../images/header/header_top.png) no-repeat;
	height:87px;
	line-height:87px;
	font-size:180%;
	float:left;
}

#header_under{
	height:67px;
	background:url(../images/header/header_under_back.gif) repeat-x;
}

#header_under h1{
	width:570px;
	color:#FFFFFF;
	padding-left:30px;
	background:url(../images/header/header_under.png) no-repeat;
	height:67px;
	line-height:67px;
	font-size:180%;
	float:left;
}

#menu_wrap{
	position:absolute;
	right:10px;
	top:10px;
	z-index:2;
}

#user{
	background:#f2f2f2;
	background:url(../images/contents/icon_user.png) no-repeat 12px 12px, linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	border:1px solid #ccc;
	border-radius:5px;
	padding:10px 10px 10px 40px;
	height:20px;
	width:150px;
	cursor:pointer;
}

#drop_menu{
	border:1px solid #ccc;
	border-top:none;
	background:#f9f9f9;
	width:160px;
	padding:0 10px 5px;
	border-radius:0 0 5px 5px;
	margin:0 10px;
}

#drop_menu li{
	border-bottom:1px dashed #CCC;
	padding:10px 5px;
	cursor:pointer;
}

#drop_menu li:last-child{
	border:none;
}


/* コンテンツ */
#contents{
	width:960px;
	margin:auto;
	padding:20px;
}

#contents.short{
	width:700px;
}

#contents h1{
	background:#efefef;
	padding:22px 20px 18px 40px;
	font-size:180%;
	border-radius:10px;
	position:relative;
	line-height:20px;
	margin:40px 0 20px
}

#contents h1:before{
	content:"";
	display:block;
	width:15px;
	height:41px;
	position:absolute;
	top:10px;
	left:10px;
	background:#8dc21f;
	border-radius:5px;
}

#contents h2{
	margin-top:20px;
	padding:4px 0 0 20px;
	font-size:180%;
	position:relative;
	line-height:20px;
}

#contents h2:before{
	content:"";
	display:block;
	width:10px;
	height:25px;
	position:absolute;
	top:0;
	left:0;
	background:#8dc21f;
	border-radius:3px;
}

#contents h3{
	padding:4px 0 0 30px;
	font-size:150%;
	position:relative;
	line-height:20px;
	margin:40px 0 10px 0;
}

#contents h3:before{
	content:"";
	display:block;
	width:12px;
	height:12px;
	position:absolute;
	top:7px;
	left:0;
	background:#CCC;
}

/* フッター */
#footer{
	border-top:solid 4px #28660C;
}

#footer.short{
	text-align:center;
	padding-top:30px;
}

#footer h6{
	width:960px;
	margin:auto;
	text-align:right;
	padding:20px 0;
}

/*----------------------------------------------------------------*/

/* ログイン画面 */

#contents .login_box{
	width:600px;
	margin:100px auto;
	padding:20px;
	background-color:#EFEFEF;
	border-radius:10px;

}

#contents .login_box .design{
	width:320px;
}

#contents .login_box .login{
	background-color:#2DA9E8;
	border:0;
	width:120px;
	height:120px;
	border-radius:10px;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}

#contents .login_box .login:hover{
	background-color:#0073A0;
}


/* アップロード画面 */

#contents #label{
	width:120px;
	height:60px;
	line-height:60px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:140%;
	border-radius:10px;
	float:left;
	margin-right:20px;
}

#contents .new{ background-color:#009DEB;}
#contents .new:before{ content: "新規";}

#contents .edit{ background-color: #779200;}
#contents .edit:before{ content: "下書き";}

#contents .fin{ background-color: #CC0003;}
#contents .fin:before{ content: "送信済";}

#contents .box_s{
	background-color:#EFEFEF;
	height:60px;
	float:left;
	line-height:60px;
	padding:0 10px 0 20px;
	border-radius:10px;
}

#contents .upload_box{
	background-image:url(../images/contents/drag_drop.gif);
	width:180px;
	height:180px;
	margin:20px 20px 0 0;
	float:left;
}

#contents .file_list{
	width:320px;
	float:left;
	margin:20px 20px 0 0;
}

#contents .file_list td, #contents #url_send td{
	border-bottom:dashed 1px #CCC;
	word-break: break-all;
}

#contents .seigen{
	width:400px;
	float:left;
	margin:20px 0 0 0;
}





#contents #url_send{
	width:510px;
	/*height:340px;*/
	height:500px;
	float:left;
	margin:20px 20px 0 0;
	border-radius:10px;
	background-color:#EFEFEF;
	padding:20px;
}

.tab{overflow:hidden;}
.tab li{background:#ccc; padding:10px 50px; float:left; margin-right:10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
cursor:pointer;}
.tab li.select{background:#F9F9F9;}
.content li{background:#F9F9F9; padding:20px; /*height:220px;*/height:375px;overflow:auto;}
.hide {display:none;}


#contents #message{
	width:350px;
	/*height:340px;*/
	height:500px;
	float:left;
	margin:20px 0 0 0;
	border-radius:10px;
	background-color:#EFEFEF;
	padding:20px;
}

#contents #url_send h2{
	margin:0 0 20px;
}

#contents #message h2{
	margin:0 0 10px;
}

#contents #finish{
	margin-top:20px;
	text-align:center;
}

#contents #finish input, #contents #uploadichiran_top input{
	width:160px;
	height:50px;
	margin:0 10px;
	border-radius:10px;
	border:0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
	text-align:left;
	padding-left:40px;
	cursor:pointer;
}

#contents #sign input{
	width:130px;
	height:30px;
	margin:0 0 5px;
	border-radius:10px;
	border:0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
	text-align:left;
	padding-left:40px;
	cursor:pointer;
}

#contents #finish input.button_upload, #contents #uploadichiran_top input.button_upload{
	background:#009DEB url(../images/contents/button_upload.png) no-repeat left 10px center;
}

#contents #finish input.button_upload:hover, #contents #uploadichiran_top input.button_upload:hover{
	background-color:#0076A5;
}

#contents #finish input.button_save{
	background:#999999 url(../images/contents/button_save.png) no-repeat left 10px center;
}

#contents #finish input.button_save:hover{
	background-color:#5E5E5E;
}

#contents #finish input.button_back{
	background:#EAA700 url(../images/contents/button_back.png) no-repeat left 10px center;
}

#contents #finish input.button_back:hover{
	background-color:#FF7F00;
}

#contents #sign input.button_sign{
	background:#009DEB url(../images/contents/button_save.png) no-repeat left 10px center;
}

#contents #sign input.button_sign:hover{
	background-color:#FF7F00;
}

/*----------------------------------------------------------------*/

/* アップロードファイル一覧 */

#uploadichiran_top{
	margin:0 20px;
}

#uploadichiran_top input{
	width:auto !important;
	padding-right:10px !important;
}

.red{
	color:#db0000;
}

#ichiran_main{
	background:#efefef;
	padding:10px;
	margin:20px 0 -20px;
	position:relative;
}

.kensuu{
	position:absolute;
	left:20px;
	top:20px;
	float: right;
}

#ichiran_choose{
	border-spacing:10px;
	text-align:center;
	margin:0 auto;
}

#ichiran_choose td{
	cursor:pointer;
}

.number{
	border:1px solid #999;
	background: rgb(255,255,255); /* Old browsers */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	border-radius:5px;
	padding:8px;
	width:22px;
}

.number a, #drop_menu a{
	text-decoration:none;
	color:inherit;
}

.on{
	border-color:#d8d8d8;
	background:#efefef;
}

#ichiran_table{
	background:#cccccc;
	border-spacing:1px;
	margin:20px 20px;
	width:900px;
}

#ichiran_table td, #ichiran_table th{
	padding:10px;
	background:#FFF;
	white-space:nowrap;
	vertical-align:top;
}

#ichiran_table td:last-child, #ichiran_table th:last-child{
	white-space:normal;
}

#ichiran_table th{
	background: rgb(242,242,242); /* Old browsers */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	text-align:left;
}

.brue, .gray, .download, .orange, .b_gray{
	height:60px;
	margin:0 10px;
	border-radius:5px;
	border:0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
	text-align:left;
	padding:0 30px;
	cursor:pointer;
	line-height:30px;
	background:#2da9e8;
	text-align:center;
}

.brue:hover, .download:hover{
	background-color:#0073A0;
	color:#ffffff;
}

.orange{
	background-color:#ff9700;
}

.orange:hover{
	background-color:#bf6d00;
}

.b_gray{
	background:#AAA;
}

.b_gray:hover{
	background-color:#666;
}

.gray{
	width:150px;
	text-align:center;
	border:1px solid #CCC;
	color:#333;
	background: rgb(242,242,242); /* Old browsers */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	height:40px
}

.download{
	background:#2da9e8 url(../images/contents/icon_down.png) no-repeat left 20px center;
	width:200px;
	text-align:center;
	height:30px;
	text-decoration: none;
}

.ikkatsu{
	width:250px;
	background:#a75a00 url(../images/contents/icon_file.png) no-repeat left 18px center;
	padding-left:52px;
}

.ikkatsu:hover{
	background-color:#5e2f00;
}


.uploadmemo td{
	vertical-align:top;
}

.uploadmemo h2{
	margin-right:40px;
}

.line{
	height:10px;
	background:#efefef;
	margin:30px 0 ;
	border-radius:3px;
}

#ichiran_table.download_table td:last-child,#ichiran_table.download_table th:last-child{
	text-align:center;
	padding:5px;
}

#ichiran_table.download_table td:last-child{
	text-align:center;
	padding:5px;
}

#ichiran_table.login_kanri td:first-child{
	width:20px;
	text-align:center;
	vertical-align:middle;
}

#touroku{
	border-spacing:0 10px;
	width:100%;
	margin-top:30px;
}

#touroku td, #touroku th{
	background:#EFEFEF;
	padding:5px 10px;
	height:40px;
	text-align:left;
	font-size:120%;
}

#touroku th{
	border-radius:10px 0 0 10px;
}

#touroku td{
	border-radius:0 10px 10px 0;
}

#touroku input[type="text"]{
	width:95%;
}

#touroku input[type="radio"], #touroku label{
	margin-right:10px;
}

.sanshou{
	width:100px;
	display:inline-block;
	line-height:39px;
}


#flow{
	margin:0 auto;
}

#flow td:nth-child(2n+1){
	border:1px solid #AAA;
	color:#777;
	padding:10px;
	background:#FAFAFA;
	min-width:100px;
	text-align:center;
}

#flow td.flow_on{
	background:#ff7c00;
	color:#FFF;
	border-color:#ff7c00;
}

#flow td:nth-child(2n){
	width:40px;
	background:url(../images/contents/yajirushi.png) no-repeat 9px 9px;
}

/* 並び替え */

.narabi thead{
	cursor:pointer;
}

.kb{
	text-align:right;
}

.byte{
	text-align:right;
}

.gb:after {
	/*content: " ギガバイト";*/
}

.mb:after {
	/*content: " メガバイト";*/
}


.kb:after {
	/*content: " キロバイト";*/
}

.byte:after {
	/*content: " バイト";*/
}

.kaisuu{
	text-align:right;
}

.kaisuu:after {
	content: "回";
}

/* ヘルプ */

#helptitle{
	font-size:200%;
	margin-bottom:30px;
}

#helpichiran{
	margin-bottom:60px;
}

#helpichiran li{
	display:table;
	height:34px;
	margin:15px
}

#helpichiran li a{
	background:url(../images/contents/icon_q.png) no-repeat 0 0;
	background-size:40px auto;
	display:table-cell;
	vertical-align:middle;
	padding-left:50px;
	color:inherit;
}

#help{
	border-top:4px solid #8dc21f;
	margin-top:50px;
}

#help p{
	background:url(../images/contents/icon_q.png) no-repeat 0 0;
	display:table;
	height:65px;
	border-bottom:3px dashed #CCC;
	width:100%;
	margin-top:40px;
}

#help p span{
	display:table-cell;
	padding:5px 0 10px 80px;
	vertical-align:middle;
	font-weight:bold;
	font-size:150%;
}

#help div{
	background:url(../images/contents/icon_a.png) no-repeat 0 0;
	display:table;
	height:95px;
	border-bottom:4px solid #8dc21f;
	width:100%;
	margin-top:20px;
}

#help div span{
	display:table-cell;
	padding:5px 0 40px 80px;
	vertical-align:middle;
}






/*ここから下は消さないように*/
input.error, select.error, textarea.error {
    background-color: #FFDDDD;
}

/*　システム設定   */
#contents #system_settei{
	width:1000px;
	height:800px;
	float:left;
	margin:20px 20px 0 0;
	border-radius:10px;
	background-color:#EFEFEF;
	padding:20px;
}

.settei li{background:#F9F9F9; padding:20px; height:700px;overflow:auto;}