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



/* login */
.form-signin-heading {
	text-align:center;
	color:#999;
}





/* format */
body {
	/*background-color: #efefef;*/
	background-color: #ddd;
}

h2 { font-size: 20px;}

.navbar-default {
	background-color: #fff;
	height:70px;
}


span.glyphicon {
	color: #999;
	padding-right: 3px;
}

/* ヘッダ */

.page-header {
	/* margin: 50px 0px 30px; */
	margin: 0;
	border-bottom: none;
}

.navbar .container {
	position: relative;
}
#siteTitle {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 10px;
	color:#666;
	text-align: right;
	line-height: 1;
}
/*
#siteTitle span.mbcd{
	display: block;
	background-image: url("../img/headerTitle.png");
	width: 188px;
	height: 20px;
}*/
#siteTitle span {
	margin-top: 3px;
}

#siteTitle span.companyName {
	display: block;
}

#siteTitle .accountBox {
	margin-top: 5px;
	margin-bottom: 7px;
	font-size: 10px;
	line-height: 15px;
}
#siteTitle .accountName {
	margin-right: 1em;
}

#siteTitle .accountBox .glyphicon {
	color: #29ABE2;
	margin-right: 0.5em;
}

#siteTitle a.btn-info { /* オフィシャルサイトボタン	*/
    font-size: 9px;
    margin-right: 1em;
    background-color: #ddd;
    border: 1px solid #ddd;
    color: #333;
	line-height: 1;
	padding-top: 1px;
	padding-bottom: 1px;
}

.login #siteTitle a.btn-info {    margin-right: 0;}

#siteTitle a.btn-info:hover {
    background-color: #29ABE2;
    border-color: #29ABE2;
    color: #fff;
}

#siteTitle a.btn-info .glyphicon {
	color: #999;
}

#siteTitle a.btn-info:hover .glyphicon {
	color: #fff;
}

@media (max-width: 550px) {

	.page-header {
	margin: 20px 0px 5px;
	}
	
	.navbar-brand {
		padding-left: 10px;
	}
	.navbar-brand img{
		width: 60%;
		height: auto;
	}
	
	#siteTitle {
		margin-right:5px;
	}

	#siteTitle img {
		width: 65%;
		height: auto;
	}
	
	#siteTitle .accountBox {
		margin-top:1px;
		margin-bottom:3px;
	}

	#siteTitle .accountBox .glyphicon {
		margin-right:0.2em;
	}
	#siteTitle a.btn-info {
		font-size:75%;
		font-weight:bolder;
		/*width:50%;*/
	}	
	#siteTitle .accountBox a.btn-info { 
		display: block;
		clear: both;
		margin-right:0;
		margin-bottom:0.5em;
	}
	#siteTitle .accountBox a { 
	}
	#siteTitle .accountBox .accountName { /*font-size:75%; float:left;*/ margin-top:0;}
	#siteTitle .btn-xs { padding:2px; clear:both;}
	
	.companyName {
		font-size:75%;
	}
}


/* ナビ カラー */

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: #FFF;
	background-color: #666;
}
a {
    color: #666;
    text-decoration: none;
}

.nav { border-bottom: 1px solid #666;}



.nav-pills > li > a {
	border-radius: 4px 4px 0 0 ;
}

/* 仙台WH非表示  170914
.nav-pills > li:nth-child(7) { display: none; }*/


/* /@media (min-width: 550px)  */

@media (max-width: 550px) {
.nav-pills > li > a {
	border-radius: 4px;
}
}


/* ------------------------
パンクズ
------------------------ */
.breadcrumb {width:98%; background-color: #efefef; }
.breadcrumb li ,
.breadcrumb > .active ,
.breadcrumb a { color:#333!important; font-size: 90%!important; }

@media (max-width: 767px) {
.breadcrumb {width:94%;margin: 10px auto;}
}

/* ------------------------
コンテンツ
------------------------ */
/* /@media (min-width: 550px)  */

.page-header h1 { border-left: 5px solid #e6270f; padding-left: 15px;}


.page-header h1 span.label {font-size: 14px; margin-left: 1em;}

/* ------------------------
ダッシュボード
------------------------ */


/*
body.dashboard {
	background: url("../img/bg_body.jpg");
	background-size: cover;
}*/

/*
.dashboard .container {
	background: url("../img/title.png") center 100px no-repeat;
}
*/

.dashboard h1, .bulletinBoard h1, .error h1, .login h1 { color: #999; border: none; text-align: center; padding-top: 30px; padding-left: 0;}
.dashboard h1 span, .error h1 span, .login h1 span  {font-size: 60%; }

.dashboard h1 img,
.login h1 img  {
	max-width: 100%;
	height: auto;
}

.dashboard .row {
	margin-right: -6px;
	margin-left: 0;
}


/* ------------------------
WH ローカルナビ
------------------------ */
nav.wh_lNav {
	text-align: center;
	width: 98%;
}


nav.wh_lNav a {font-size: 90%;
}


nav.wh_lNav li > a,
nav.wh_lNav li > span {
	color: #999;
	background-color: #efefef;
	border-color: #ccc;
}

nav.wh_lNav li > a:hover,
nav.wh_lNav li > span:hover,
nav.wh_lNav li > a:focus,
.pagination > li > span:focus {
	background-color: #fff;
	border-color: #ccc;
}



nav.wh_lNav .active > a, 
nav.wh_lNav .active > span, 
nav.wh_lNav .active > a:hover, 
nav.wh_lNav .active > span:hover, 
nav.wh_lNav .active > a:focus, 
nav.wh_lNav .active > span:focus {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

nav.wh_lNav .glyphicon-signal { color: #e6270f; }
nav.wh_lNav .glyphicon-folder-close { color: #EFDA1B; }

/* ------------------------
/WH ローカルナビ
------------------------ */


/* 仙台非表示  170914
.wh_thumb:nth-child(6) {display: none;}
*/


/* 仙台非表示 
.wh_thumb:nth-child(7) h3 {font-size:14px;}*/


@media (max-width: 767px) {
.wh_thumb {
	width: 45%;
	display: inline-block;
	margin: 10px 3%;
}
.wh_thumb:nth-child(2) {margin-left: 0;margin-right: 0;}
.wh_thumb:nth-child(4) {margin-left: 0;margin-right: 0;}
.wh_thumb:nth-child(6) {margin-left: 0;margin-right: 0;}
.wh_thumb .thumbnail { margin-bottom:0;}

}

@media (min-width: 768px) and (max-width: 991px) {
.wh_thumb {
	width: 30%;
	display: inline-block;
	margin-right: 2.9%;
}
.wh_thumb:nth-child(3) {margin-right: 0;}

.wh_thumb h3 {font-size: 14px;}

}

@media (min-width: 992px) {

.wh_thumb {
	/*width: 15%;*/
	width: 12.5%;
	/*margin-left: 0.5%;*/
	margin-left: 0;
	display: inline-block;
	/* margin-top: 50px; */
}
.wh_thumb:first-child {margin-left: 0;}
/*.wh_thumb:last-child { width: 19.5%;}  */
.wh_thumb:nth-child(7) { width: 19.5%;}  
/* goodpackのみ大きく表示 */

.wh_thumb h3 { font-size: 12px;}

}


/* /@media (min-width: 992px)  */

.wh_thumb h3 {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
}

.wh_thumb .thumbnail a:hover {
	text-decoration: none;
}

.wh_thumb .thumbnail a:hover .caption {
	background-color: #999;
	color: #fff;
}

.wh_thumb .thumbnail a:hover .caption span.glyphicon {color: #fff;}


/* ------------------------
共有フォルダ
------------------------ */

.box_sharedFolder {
	width:98%;
	display: block;
}

.box_sharedFolder .title_sf {
	font-size: 20px;
	width:98%!important;
}

.box_sharedFolder .title_sf .glyphicon{
	color:#EFDA1B;
}

.box_sharedFolder .label { font-size: 50%; }

a.box_sharedFolder:hover {text-decoration: none!important; background-color: #efefef;}



.box_sharedFolder .upload_box.filelist_box {
	padding-bottom: 0;
	margin-top:40px;
}

table.table {
	margin-bottom: 0;
}

table.table td {
	text-align: left;
	font-size:70%;
	vertical-align: center!important;
}

table.table td.filename {
	font-size: 150%;
}

table.table .btns {text-align: right;}

table.table span.glyphicon-remove {color:#d9534f;}
table.table span.glyphicon-download-alt {color:#449d44;}



.btns .btn {margin: 10px auto;}
/* ------------------------
掲示板エリア（トップ）
------------------------ */
.box_bulletinBoard { padding:20px; }
.box_bulletinBoard dt { text-align: left; font-size: 120%; padding-top: 0;}
.box_bulletinBoard dd { text-align: left; font-size: 120%;}
.box_bulletinBoard dl {margin: 1em 0; padding-bottom:1em; border-bottom: 1px solid #efefef;}

.box_bulletinBoard dt .font-danger {margin-left:1em; color: #d9534f; }
.box_sharedFolder p {}

/* ------------------------
掲示板ページ
------------------------ */
.box_bulletinBoard .title_sf,
.post_box .title_sf { font-size: 200%; margin: 40px auto; }
.post { width: 80%; margin: 50px auto; padding: 50px 0; border-top: 1px solid #ccc;}
.post .postTitle { text-align: left; font-weight: bolder; font-size: 180%; line-height: 1.3;} 
.post .timeStamp { text-align: left;} 
.postSentence { text-align: left; line-height: 1.5; margin: 30px auto!important; width: 90%;}
.postImg {max-width: 90%; margin: 30px auto!important;}
.postImg img {max-width: 100%; height: auto; border-radius: 3px;}

.btns span.glyphicon-remove,
.btns span.glyphicon-plus { color:#d9534f; }
.btns span.glyphicon-pencil,
.btns span.glyphicon-edit,
.btns span.glyphicon-globe,
.btns span.glyphicon-ok { color:#449d44; }

/* ------------------------
投稿ページ
------------------------ */

.post_box {}

.post_box .form-group {
	width:100%;
	margin: 20px auto;
}

.post_box .form-group,
.post_box .form-group input {
	text-align: left!important;
	font-size: 120%;
}

.edit_title {  }
#edit_sentence {
	min-height: 10em;
 }

.post_box .title_sf .glyphicon { color:#449d44; }


.post_box .upload_box {width:100%!important; }
.post_box .upload_box form { margin-top: 10px; }


/* ------------------------
WHページ
------------------------ */

.container_box_wh { clear: both; overflow: hidden; margin: 0 auto;}

.box_wh p,
.box_sharedFolder p {
	margin:10px 0;	
}
@media (min-width: 992px) {
.box_wh {
	width:32%;
	margin-right: 1%;
	float: left;
}
.box_wh:last-child {
	margin-right: 0;
}



}





/* /@media (min-width: 767px)  */
@media (min-width: 768px) and (max-width: 991px) {
.box_wh {
	width:47%;
	margin-right: 2%;
	float: left;
}
.box_wh:nth-child(2),
.box_wh:nth-child(4) {
	margin-right: 0;
}
}

@media (max-width: 767px) {
.box_wh, .box_sharedFolder, .box_bulletinBoard  {
	width:94%;
	margin-left: auto;
	margin-right: auto;
}
.box_wh:last-child {
	margin-right: auto;
}
}
/* /@media (max-width: 767px)  */


.box_wh, .box_sharedFolder, .box_bulletinBoard  {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ccc;
	text-align: center;
	margin-bottom: 10px;
}

.box_sharedFolder, .box_bulletinBoard  { clear: both; padding-bottom: 30px;}



.box_wh .title_wh, .box_sharedFolder .title_wh { /* タイトル */
	margin:20px auto;
}

.box_wh h2, .box_sharedFolder h2  { margin-top:10px;}



/*.box_wh_inventory h2 .glyphicon { color:#8CC63F; } */
.box_wh_inventory h2 .glyphicon { color:#009245; }
.box_wh_stockcard h2 .glyphicon { color:#009245; }
.box_wh_deliverynote h2 .glyphicon { color:#e6270f; }
.box_wh_deliverynote { margin-right: 0;}

.box_sharedFolder h2 .glyphicon { color:#e6270f; }


.lastMonth .box_wh h2,
.lastMonth .small {
	color: #000;
}

.lastMonth .box_wh {
    background: #ccc;
	border:1px solid #fff;
}





.box_wh a,
.box_wh input,
.box_wh h3,
.box_sharedFolder a,
.box_sharedFolder input,
.box_sharedFolder h3 { font-size: 12px;}

.box_wh input, .box_sharedFolder input { text-align: center; margin:5px auto 0 auto; font-size: 9px;}



.box_wh h3, .box_sharedFolder h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.timeStamp {
	margin-bottom: 0;
}


/* アップロードエリア */
.box_wh .upload_box,
.box_sharedFolder .upload_box{
	border-radius: 5px;
	border: 1px solid #ccc;
	width: 90%;
	margin: 10px auto;
	padding-bottom: 14px;
	background-color: #fff;
}
/* 送信ボタン */
.btn.btn-submit {
	width: 87%;
	font-size: 12px;
	padding: 4px 12px;
	color:#333;
	background-color: #ddd;
	border-radius: 3px;
	border: 1px solid #ccc; 
	margin-top: 10px;
}



/* 承認アイコン */
.box_wh .label-warning,
.box_wh .label-success,
.box_sharedFolder .label-warning,
.box_sharedFolder .label-success  { font-size: 12px; padding: 8px 12px; vertical-align: middle;}
.box_wh .label-warning span.glyphicon,
.box_wh .label-success span.glyphicon,
.box_sharedFolder .label-warning span.glyphicon,
.box_sharedFolder .label-success span.glyphicon { color:#fff;}


.btn-gray {
	color:#fff;
	background-color: #bbb;
	border: 1px solid #aaa;
}
.btn-gray:hover {
	color:#fff;
	background-color: #ccc;
}

.btn-white {
	color:#999;
	background-color: #fff;
	border: 1px solid #ccc;
}
.btn-white:hover {
	color:#999;
	background-color: #efefef;
	border: 1px solid #ccc;
}

.label-black {
	color:#fff;
	background-color: #000;
}



/* 承認ボタン */
.btn.btn-approval {}
/* プレビューボタン */
.btn.btn-preview {
	width:80%;
	margin-top: 10px;
	padding:15px 0;
}
/* ダウンロードボタン */
.btn.btn-download {
	width:90%;
	margin-top: 10px;
	padding:15px 0;
}
/* 閲覧用のダウンロードボタン */
.btn.btn-download-free {
	width:90%;
	margin-top: 10px;
	padding:15px 0;
}

/* ------------------------
エラーページ
------------------------ */


.msg {
	width: 70%;
	margin: 50px auto;
}

.msg h1 {
	text-align: left;
	margin-bottom: 40px;
}

.msg h1 span {
	display: block;
	font-size: 40%;
	color: #000;
}

.msg p {
	font-size: 12px;
}



/* ------------------------
その他
------------------------ */
.btn_sengetsu {
	display: block;
	padding: 30px 0;
	width: 98%;
}

.btn_sengetsu a span.glyphicon {
	color:#e6270f;
	padding-right: 0.5em;
}

@media (max-width: 767px) {
	.btn_sengetsu {
		width: 94%;
		margin-right: auto;
		margin-left: auto;
	}
	.btn_sengetsu a {
		padding: 10px 0;
		width: 100%;
		text-align:center!important;
	}
}


/* ------------------------
フッター
------------------------ */


div#contents div#contents-footer {
    clear: both;
    position: relative;
    height: 30px;
}

#footer {
	padding: 20px 0;
	/*background: #fff;*/
	margin-top: 80px;
}

@media (max-width: 767px) {
	#footer {
		margin-top: 10px;
	}
}


.toPageTop {
	height: 19px;
}

.toPageTop a {
	display: block;
	background-image: url("../img/btn_topagetop_off.gif");
	width: 101px;
	height: 19px;
	text-indent: -9999px;
	float: right;
	overflow: hidden;
}
.toPageTop a:hover {
	background-image: url("../img/btn_topagetop_on.gif");
}

#footer #copyright{ 
	border-top: 1px solid #ccc;
	padding: 10px 0 20px 0;
	font-size: 10px; color: #666;
}

/* ------------------------
エラーメッセージ
------------------------ */

.error_msg.label {
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 10px 0;
	color: #D9534F;
}


.error_msg.label span.glyphicon{
	color:#D9534F;
}



/* ------------------------
テスト用 非表示
------------------------ */
/*.error_msg,
.box_wh .label-warning, 
.box_wh .label-success,*/
.btn-preview {
	display: none!important;
}