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

/* reset */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
	}
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	a, a:link, a:visited, a:hover, a:active{
		color: #0c6baf;
		text-decoration: none;
	}

	input, textarea,select{
		width: 100%;
		}
	input[type="checkbox"]{
		width: auto;
	}


/* 基本設定 */
	body {
		font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		font-size: 15px;
		color: #333;
		-webkit-text-size-adjust: 100%;
		line-height:1.2;
	}
	h1 {
		font-size: 18px;
		margin: 15px 0 5px;
		padding-left: 20px;
		font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','Kozuka Mincho Pro' ,'Kozuka Mincho Std' ,'小塚明朝 Pro R' ,'小塚明朝 Std R', "メイリオ", Meiryo, serif;
		color:#333;
		}
	h2{
		border-left: 4px solid #0c6baf;
		font-size: 20px;
		padding-left: 10px;
		margin-bottom: 20px;
		border-bottom: 1px solid #ddd;
		}
	h3 {
		font-size: 18px;
		background: #0c6baf;
		color: #fff;
		padding: 7px 20px;
		border-radius: 4px;
		margin-bottom: 20px;
	}
	
	h4 {
		font-size: 17px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	h4 i{
		color: #0c6baf;
		font-size: 80%;
		padding-right: 7px;
	}
	
	.pt6{
		padding-top: 6px;
	}
	.pt10{
		padding-top:10px;
	}
	.pt20{
		padding-top:20px;
	}
	.pt40{
		padding-top:40px;
	}
	.pb10{
		padding-bottom: 10px
	}
	.pb20{
		padding-bottom: 20px
	}
	.pb40{
		padding-bottom: 40px
	}
	.mb-10{
		margin-bottom: 10px;
	}
	.mb-30{
		margin-bottom: 30px;
	}
	.mt-10{
		margin-top:10px;
	}

	.blue{
		color: #0c6baf;
	}

	.bd-gray{
		border:1px solid #999;
	}

	input, textarea{
		padding:5px;
	}


.row-eq-height {
    display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap: wrap;
}


	header#normal-header {
		border-bottom:none;
		background:#0c6baf;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 100;
		}
	.header-right{
		float:right;
		color:#333;
		}
	.header-right p.logname{
		padding-top:10px;
		padding-right:20px;
		}
	.header-right p.logname span{
		padding-right:7px;
	}

	button.logout {
		border-radius:4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius:4px; 
		border: none;
		padding: 4px 10px 2px;
		background: #afb0bd;
		display: block;
		font-size: 14px;
		color: #fff;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
			-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
			-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
			-o-box-shadow:  0px 1px 2px rgba(0,0,0,0.4);
			-ms-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
		margin-right: 10px;
		margin-top: 7px;
	}
	button.logout:hover {
		background:#9293a1;
		color: #fff;
	}

	.navbar-default {
		background-color: #dadbe6;
		padding-bottom: 5px;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		font-size: 18px;
		margin: 15px 0 5px;
		padding-left: 20px;
		font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','Kozuka Mincho Pro' ,'Kozuka Mincho Std' ,'小塚明朝 Pro R' ,'小塚明朝 Std R', "メイリオ", Meiryo, serif;
		color:#333;
	}
	.navbar-brand {
		float: left;
		height: auto;
		padding: 0;
		font-size: 18px;
		line-height: 20px;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 5px 20px;
		border-radius:4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius:4px; 
		margin-bottom: 5px;
		margin-top:7px;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
			-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
			-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
			-o-box-shadow:  0px 1px 2px rgba(0,0,0,0.4);
			-ms-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
	}

	.navbar-nav {
		float: left;
		margin: 0;
		width: 100%;
	}
	.navbar-nav > li > a {
		padding-top: 7px;
		padding-bottom: 5px;
		background: #0c6baf;
		color: #fff;
	}
	.navbar-nav > li {
		float: left;
		padding-left:20px;
		text-align: center;
	}
	.navbar-default .navbar-nav > li > a {
		color: #fff;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: #0c6baf;
		background-color: #f2f2f2;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #0c6baf;
		background-color: #f2f2f2;
	}
	@media screen and (max-width: 991px) {
		.nav > li > a {
			padding: 5px 10px;
		}
	}
	@media screen and (max-width: 767px) {
		.navbar-default .navbar-toggle .icon-bar {
			background-color: #fff;
		}
		.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
			background-color: #0c6baf;
		}
		.navbar-nav > li {
			float: none;
			width: 100%;
			margin: 0.5%;
			text-align: center;
		}
		.nav > li > a {
			padding: 5px 15px;
			margin-bottom: 5px;
		}
		.navbar-nav {
			float: left;
			margin: 0;
			width: 100%;
		}
	}


	footer{
		background:#dadbe6;
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		padding: 7px 0;
		}
	footer p{
		float:right;
		color:#333;
		padding:5px 20px;
		}
	section#contents01{
		margin-top: 130px;
		margin-bottom: 43px;
		}
	section#contents02{
		margin-top: 80px;
		margin-bottom: 43px;
		}

	.inner{
		margin-bottom: 40px;
		}
	.blue{
		color: #225688;
		}
	.black-big{
		font-size: 130%;
	}


/* カレンダー */
	.ui-widget-header {
		border: 1px solid #ddd;
		background: #0c6baf;
		color: #fff;
		font-weight: bold;
	}
table.ui-datepicker-calendar .ui-state-highlight, table.ui-datepicker-calendar .ui-widget-content .ui-state-highlight, table.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
    border: 1px solid #F2C2C2;
    background: #FBD6D6;
    color: #333;
}

table.ui-datepicker-calendar .ui-state-active, table.ui-datepicker-calendar .ui-widget-content .ui-state-active {
    border: 1px solid #06558d;
    background: #0c6baf;
    font-weight: normal;
    color: #fff;
}




/* ----------------------------------------
ログイン画面
----------------------------------------------- */


/* login */
	header#login-header {
		background:#dadbe6;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		}

	.login {
		margin:0 auto;
		text-align: center;
		width: 320px;
		}
	.login img{
		margin-bottom: 20px;
		}
	.login-form {
		background:#0c6baf;
		padding:50px 30px;
		border-radius:4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius:4px; 
		display:table;
		margin:0 auto;
		box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
			-moz-box-shadow:  0px 2px 4px rgba(0,0,0,0.5);
			-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
			-o-box-shadow:   0px 2px 4px rgba(0,0,0,0.5);
			-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
		}
	.login-form input, .login-form select{
		font-size: 20px;
		width: 100%;
		padding: 5px;
		margin: 2px 6px 16px 0;
		border:1px solid #d3d3d3;
		border-radius:3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			-ms-border-radius:3px; 
		box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset; 
			-moz-box-shadow:  1px 1px 1px 1px rgba(0,0,0,0.1) inset;
			-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;
			-o-box-shadow:  1px 1px 1px 1px rgba(0,0,0,0.1) inset;
			-ms-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1) inset;
		}

	.login-form input.transmission{
		background: #f4c55f;
		border-radius:3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			-ms-border-radius:3px; 
		border: 1px solid #e4a215;
		width: 100%;
		padding: 6px;
		font-size: 120%;
		color: #fff;
		margin-top: 40px;
		box-shadow: none;
		background: -moz-linear-gradient(top,#f4c55f 0%,#e4a215);
		background: -webkit-gradient(linear, left top, left bottom, from(#f4c55f), to(#e4a215));
		background: linear-gradient(to bottom, #f4c55f, #e4a215);
		box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
			-moz-box-shadow:  0px 1px 2px rgba(0,0,0,0.4);
			-webkit-box-shadow:  0px 1px 2px rgba(0,0,0,0.4);
			-o-box-shadow:   0px 1px 2px rgba(0,0,0,0.4);
			-ms-box-shadow:  0px 1px 2px rgba(0,0,0,0.4);
		}
	.login-form input.transmission:hover{
		background: #e4a215;
		}
	.login-form p {
		text-align: left;
		}
	.login-form .memory{
		padding-top:10px;
		color:#fff;
		}
	.login-form p.forget a{
		color:#fff;
		text-decoration:none;
		}
	.login-form .forget a:hover{
		color:#c2c1c1;
		text-decoration:none;
		}


/* ----------------------------------------
ボタン
----------------------------------------------- */
	
	button i{
		padding-right: 7px;
	}

	button.btn-orange{
		background: #f79d7d;
		background: -moz-linear-gradient(top,#f79d7d 0%,#f15a24);
		background: -webkit-gradient(linear, left top, left bottom, from(#f79d7d), to(#f15a24));
		background: linear-gradient(to bottom, #f79d7d, #f15a24);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border: 1px solid #f15a24;
	   padding: 5px 20px;
		font-size: 110%;
		color: #fff;
	}
	button:hover.btn-orange {
		background: #f15a24;
		color: #fff;
		}

	button.btn-blue{
		background: #0c6baf;
		border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius: 4px;
		border: 1px solid #0c6baf;
		padding: 2px 10px;
		color: #fff;
	}
	button:hover.btn-blue {
		background: #f2f2f2;
		color: #0c6baf;
		}

	button.btn-yellow{
		background: #f4c55f;
			background: -moz-linear-gradient(top,#f4c55f 0%,#e4a215);
			background: -webkit-gradient(linear, left top, left bottom, from(#f4c55f), to(#e4a215));
		background: linear-gradient(to bottom, #f4c55f, #e4a215);
		border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius: 4px;
		border: 1px solid #e4a215;
		padding: 5px 20px;
		font-size: 110%;
		color: #fff;
		}
	button:hover.btn-yellow {
		background: #e4a215;
		color: #fff;
		}

	button.btn-green{
		background: #53ABB7;
		background: -moz-linear-gradient(top,#53ABB7 0%,#0F7D8C);
		background: -webkit-gradient(linear, left top, left bottom, from(#53ABB7), to(#0F7D8C));
		background: linear-gradient(to bottom, #53ABB7, #0F7D8C);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border: 1px solid #0F7D8C;
	   padding: 5px 20px;
		font-size: 110%;
		color: #fff;
	}
	button:hover.btn-green {
		background: #0F7D8C;
		color: #fff;
		}

	button.btn-red{
		background: #C05B5B;
		background: -moz-linear-gradient(top,#C05B5B 0%,#AA3737);
		background: -webkit-gradient(linear, left top, left bottom, from(#C05B5B), to(#AA3737));
		background: linear-gradient(to bottom, #C05B5B, #AA3737);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border: 1px solid #AA3737;
	   padding: 5px 20px;
		font-size: 110%;
		color: #fff;
	}
	button:hover.btn-red {
		background: #AA3737;
		color: #fff;
		}

	button.btn-skyblue{
		background: #73b1da;
		background: -moz-linear-gradient(top,#73b1da 0%,#0071bc);
		background: -webkit-gradient(linear, left top, left bottom, from(#73b1da), to(#0071bc));
		background: linear-gradient(to bottom, #73b1da, #0071bc);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border: 1px solid #0071bc;
	   padding: 5px 20px;
		font-size: 110%;
		color: #fff;
	}
	button:hover.btn-skyblue {
		background: #0071bc;
		color: #fff;
		}

	button.btn-purple{
		background: #8b79a1;
		background: -moz-linear-gradient(top,#8b79a1 0%,#553c76);
		background: -webkit-gradient(linear, left top, left bottom, from(#8b79a1), to(#553c76));
		background: linear-gradient(to bottom, #8b79a1, #553c76);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border: 1px solid #553c76;
	   padding: 5px 20px;
		font-size: 110%;
		color: #fff;
	}
	button:hover.btn-purple {
		background: #553c76;
		color: #fff;
		}

	button.btn-beige{
		background: #e5d1bb;
		background: -moz-linear-gradient(top,#e5d1bb 0%,#c69c6d);
		background: -webkit-gradient(linear, left top, left bottom, from(#e5d1bb), to(#c69c6d));
		background: linear-gradient(to bottom, #e5d1bb, #c69c6d);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border: 1px solid #c69c6d;
	   padding: 5px 20px;
		font-size: 110%;
		color: #fff;
	}
	button:hover.btn-beige {
		background: #c69c6d;
		color: #fff;
		}

	button.btn-yellowgreen{
		background: #b9dc8a;
		background: -moz-linear-gradient(top,#b9dc8a 0%,#8cc63f);
		background: -webkit-gradient(linear, left top, left bottom, from(#b9dc8a), to(#8cc63f));
		background: linear-gradient(to bottom, #b9dc8a, #8cc63f);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border: 1px solid #8cc63f;
	   padding: 5px 20px;
		font-size: 110%;
		color: #fff;
	}
	button:hover.btn-yellowgreen {
		background: #8cc63f;
		color: #fff;
		}

	button.btn-redpurple{
		background: #9a77a1;
		background: -moz-linear-gradient(top,#9a77a1 0%,#703f7a);
		background: -webkit-gradient(linear, left top, left bottom, from(#9a77a1), to(#703f7a));
		background: linear-gradient(to bottom, #9a77a1, #703f7a);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border: 1px solid #703f7a;
	   padding: 5px 20px;
		font-size: 110%;
		color: #fff;
	}
	button:hover.btn-redpurple {
		background: #703f7a;
		color: #fff;
		}

	button.btn-white{
		background: #f2f2f2;
		border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius: 4px;
		border: 1px solid #0c6baf;
		padding: 2px 10px;
		color: #0c6baf;
	}
	button:hover.btn-white {
		background: #0c6baf;
		color: #fff;
		}




/* ----------------------------------------
メニューページ
----------------------------------------------- */

	a .menu01, a .menu02, a .menu05, a .menu06, a:visited .menu01, a:visited .menu02, a:visited .menu05, a:visited .menu06{
		display: block;
		border: 3px solid #e4a215;
		border-radius:4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius:4px; 
		height: 200px;
		padding: 20px 10px;
		text-align:center;
		margin-bottom: 10px;
		}

	a .menu01 h3, a .menu02 h3, a .menu03 h3, a .menu04 h3, a .menu05 h3, a .menu06 h3, a .menu07 h3, a .menu08 h3, a .menu09 h3, a .menu10 h3, a .menu11 h3, a .menu12 h3, a:visited .menu01 h3, a:visited .menu02 h3, a:visited .menu03 h3, a:visited .menu04 h3, a:visited .menu05 h3, a:visited .menu06 h3, a:visited .menu07 h3, a:visited .menu08 h3, a:visited .menu09 h3, a:visited .menu10 h3, a:visited .menu11 h3, a:visited .menu12 h3{
		color: #666;
		font-size: 22px;
		font-weight: 700;
		padding-top: 25px;
		background: none;
		padding-left: 0;
		padding-right: 0;
		margin-bottom:0;
		}

	a:hover .menu01 h3, a:hover .menu02 h3, a:hover .menu03 h3, a:hover .menu04 h3, a:hover .menu05 h3, a:hover .menu06 h3, a:hover .menu07 h3, a:hover .menu08 h3, a:hover .menu09 h3, a:hover .menu10 h3, a:hover .menu11 h3, a:hover .menu12 h3{
		color: #fff;
		}
	a:hover .menu01 img, a:hover .menu02 img, a:hover .menu03 img, a:hover .menu04 img, a:hover .menu05 img, a:hover .menu06 img, a:hover .menu07 img, a:hover .menu08 img, a:hover .menu09 img, a:hover .menu10 img, a:hover .menu11 img, a:hover .menu12 img{
		visibility: hidden;
	}

	a:active .menu01 h3, a:active .menu02 h3, a:active .menu03 h3, a:active .menu04 h3, a:active .menu05 h3, a:active .menu06 h3, a:active .menu07 h3, a:active .menu08 h3, a:active .menu09 h3, a:active .menu10 h3, a:active .menu11 h3, a:active .menu12 h3{
		color: #fff;
		}
	a:active .menu01 img, a:active .menu02 img, a:active .menu03 img, a:active .menu04 img, a:active .menu05 img, a:active .menu06 img, a:active .menu07 img, a:active .menu08 img, a:active .menu09 img, a:active .menu10 img, a:active .menu11 img, a:active .menu12 img{
		visibility: hidden;
	}

	a .menu03, a .menu04, a:visited .menu03, a:visited .menu04{
		display: block;
		border: 3px solid #e05327;
		border-radius:4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius:4px; 
		height: 200px;
		padding: 20px 10px;
		text-align:center;
		margin-bottom: 10px;
		}

	a .menu07, a:visited .menu07{
		display: block;
		border: 3px solid #006837;
		border-radius:4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius:4px; 
		padding:10px;
		text-align:center;
		margin-bottom: 10px;
		}

	a .menu08, a .menu09, a .menu10, a .menu11, a .menu12, a:visited .menu08, a:visited .menu09, a:visited .menu10, a:visited .menu11, a:visited .menu12{
		display: block;
		border: 3px solid #0c6baf;
		border-radius:4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius:4px; 
		padding:10px;
		text-align:center;
		margin-bottom: 10px;
		}

	a .menu07 .icon-wrapper,a .menu08 .icon-wrapper, a .menu09 .icon-wrapper, a .menu10 .icon-wrapper, a .menu11 .icon-wrapper, a .menu12 .icon-wrapper, a:visited .menu07 .icon-wrapper,a:visited .menu08 .icon-wrapper, a:visited .menu09 .icon-wrapper, a:visited .menu10 .icon-wrapper, a:visited .menu11 .icon-wrapper, a:visited .menu12 .icon-wrapper{
		width: 40%;
		float: left;
	}
	a .menu07 h3, a .menu08 h3, a .menu09 h3, a .menu10 h3, a .menu11 h3, a .menu12 h3, a:visited .menu07 h3, a:visited .menu08 h3, a:visited .menu09 h3, a:visited .menu10 h3, a:visited .menu11 h3, a:visited .menu12 h3{
		width: 58%;
		float: right;
		text-align: left;
	}



	a:hover .menu01, a:active .menu01{
		background:#e4a215;
		background-image: url(../img/nav_mitumori02.jpg);
		background-repeat: no-repeat;
		background-position: center 20px;
		}
	a:hover .menu02, a:active .menu02{
		background:#e4a215;
		background-image: url(../img/nav_tyuumon02.jpg);
		background-repeat: no-repeat;
		background-position: center 20px;
		}
	a:hover .menu03, a:active .menu03{
		background:#e05327;
		background-image: url(../img/nav_jyutyu02.jpg);
		background-repeat: no-repeat;
		background-position: center 20px;
		}
	a:hover .menu04, a:active .menu04{
		background:#e05327;
		background-image: url(../img/nav_kadoukikai02.jpg);
		background-repeat: no-repeat;
		background-position: center 20px;
		}
	a:hover .menu05, a:active .menu05{
		background:#e4a215;
		background-image: url(../img/nav_misyukka02.jpg);
		background-repeat: no-repeat;
		background-position: center 20px;
		}
	a:hover .menu06, a:active .menu06{
		background:#e4a215;
		background-image: url(../img/nav_kanryou02.jpg);
		background-repeat: no-repeat;
		background-position: center 20px;
		}
	a:hover .menu07, a:active .menu07{
		background:#006837;
		}
	a:hover .menu07 .icon-wrapper, a:active .menu07 .icon-wrapper{
		background-image: url(../img/nav_seisan02.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		}
	a:hover .menu08, a:active .menu08{
		background:#0c6baf;
		}
	a:hover .menu08 .icon-wrapper, a:active .menu08 .icon-wrapper{
		background-image: url(../img/nav_uriage02.jpg);
		background-repeat: no-repeat;
		background-position:  center center;
		}
	a:hover .menu09, a:active .menu09{
		background:#0c6baf;
		}
	a:hover .menu09 .icon-wrapper, a:active .menu09 .icon-wrapper{
		background-image: url(../img/nav_tokuisaki02.jpg);
		background-repeat: no-repeat;
		background-position:  center center;
		}

	a:hover .menu10, a:active .menu10{
		background:#0c6baf;
		}
	a:hover .menu10 .icon-wrapper, a:active .menu10 .icon-wrapper{
		background-image: url(../img/nav_hinban02.jpg);
		background-repeat: no-repeat;
		background-position:  center center;
		}
	a:hover .menu11, a:active .menu11{
		background:#0c6baf;
		}
	a:hover .menu11 .icon-wrapper, a:active .menu11 .icon-wrapper{
		background-image: url(../img/nav_zaiko02.jpg);
		background-repeat: no-repeat;
		background-position:  center center;
		}

	a:hover .menu12, a:active .menu12{
		background:#0c6baf;
		}
	a:hover .menu12 .icon-wrapper, a:active .menu12 .icon-wrapper{
		background-image: url(../img/nav_kihon02.jpg);
		background-repeat: no-repeat;
		background-position:  center center;
		}

	.menu-box01{
		padding-bottom: 20px;
	}



/* ----------------------------------------
見積書ページ
----------------------------------------------- */

	table.basic-table{
		width:100%;
		}

	table.basic-table th{
		border: 1px solid #999;
		background:#e9e9e9;
		text-align:center;
		padding: 5px;
		}
	table.basic-table td{
		border: 1px solid #999;
		padding: 5px;
		text-align:center;
		}

	.search-area select {
		width: auto;
	}
	
	a:hover.blue-link{
		text-decoration: underline;
	}

/* ----------------------------------------
見積書作成ページ
----------------------------------------------- */

	ul.sheet-header{
		overflow: hidden;
	}
	ul.sheet-header li{
		float: left;
		padding-right: 20px;
	}
		ul.sheet-header input, ul.sheet-header select{
		width: auto;
	}

	table.sheet-table{
		width:100%;
		}

	table.sheet-table th{
		border: 1px solid #999;
		background:#e9e9e9;
		text-align:center;
		padding: 5px;
		font-size: 90%;
		}
	table.sheet-table td{
		border: 1px solid #999;
		text-align:center;
		}
	table.sheet-table input, table.sheet-table select, table.sheet-table textarea{
		padding: 5px;
		border:none;
	}
	.total{
		font-size:150%;
		font-weight: bold;
		text-align: right;
	}
	.total input{
		width:10em;
		text-align: right;
	}
	.tax {
    text-align: right;
	}
	.tax input{
		width:10em;
		text-align: right;
	}



/* ----------------------------------------
受注一覧ページ
----------------------------------------------- */

a.red-link{
	color:#f15a24;
}
a:hover.red-link{
	color:#f15a24;
	text-decoration: underline;
}


/* ----------------------------------------
仕入計画ページ
----------------------------------------------- */

	.choice-area input[type="radio"] {
		display: none;
	}

	.choice-area label{
		border:2px solid #999;
		background: #fff;
		color:#999;
		padding:3px;
		border-radius:8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			-o-border-radius: 8px;
			-ms-border-radius:8px;
		width: 23.5%;
		margin:0.5%;
		text-align: center;
	}
	.choice-area input[type="radio"]:checked + label {
		border:2px solid #f15a24;
		background: #f15a24;
		color:#fff;
		background-image:url(../img/cheack.jpg);
		background-repeat: no-repeat;
		background-position: 20px center;
	}

	.supplier-box01, .supplier-box02, .supplier-box03, .supplier-box04{
		padding-top:40px;
	}

	table.sheet-table th.pt-pb2{
		padding-top:1px;
		padding-bottom:1px;
	}
	table.sheet-table input.pt-pb20{
			padding-top:20px;
			padding-bottom:20px;
	}

	.invisible {
	 display: none;
	}


/* ----------------------------------------
加工指示書ページ
----------------------------------------------- */

	.prescriotion-h{
		text-align: center;
		font-size: 160%;
		font-weight: bold;
		letter-spacing: 0.6em;
	}

	table.pres-table{
		width: 100%;
		font-size: 13px;
	}
	table.pres-table th {
		border: 1px solid #999;
		background: #e9e9e9;
		text-align: center;
		padding: 5px;
	}
	table.pres-table td {
		border: 1px solid #999;
		padding: 5px;
		text-align: left;
		font-size: 14px;
	}

	table.pres-table input[type="radio"], table.pres-table input[type="checkbox"]{
		width:auto;
		margin-left: 5px;
	}
	table.pres-table input[type="text"].width-auto{
		width:auto;
		margin-left: 3px;
	}
	table.pres-table td.ver-top{
		vertical-align: top;
	}

	table.pres-table td.big{
		font-size: 160%;
	}

.imgInput{
	text-align: center;
}
img.imgView{
	max-width: 100%;
	max-height: 250px;
}


/* ----------------------------------------
ラベル印刷ページ
----------------------------------------------- */
	table.label-table{
		width: 100%;
	}
	table.label-table th{
			border: 1px solid #999;
			background: #e9e9e9;
			text-align: center;
			padding: 5px;
	}
	table.label-table td{
			border: 1px solid #999;
			padding: 5px;
			text-align: left;
			font-size: 120%;
	}
	table.label-table td input{
		width: auto;
	}



/* ----------------------------------------
稼動機械登録ページ
----------------------------------------------- */

ul.jquery-ui-sortable{
	padding: 3px 0;
	}


ul.jquery-ui-sortable li {
    cursor: move;
	line-height: 1.5;
}

ul.jquery-ui-sortable a{
    display: block;
}



.kikai01{
	border: 1px solid #f15a24;
	padding:10px;
	background: #f2f2f2;
	border-radius: 0px 0px 4px 4px;
		-moz-border-radius:  0px 0px 4px 4px;
		-webkit-border-radius: 0px 0px 4px 4px;
		-o-border-radius:  0px 0px 4px 4px;
		-ms-border-radius:0px 0px 4px 4px;
	}
.kikai02{
	border: 1px solid #593E7B;
	padding:10px;
	background: #f2f2f2;
	border-radius: 0px 0px 4px 4px;
		-moz-border-radius:  0px 0px 4px 4px;
		-webkit-border-radius: 0px 0px 4px 4px;
		-o-border-radius:  0px 0px 4px 4px;
		-ms-border-radius:0px 0px 4px 4px;
	}
.kikai03{
	border: 1px solid #0F7D8C;
	padding:10px;
	background: #f2f2f2;
	border-radius: 0px 0px 4px 4px;
		-moz-border-radius:  0px 0px 4px 4px;
		-webkit-border-radius: 0px 0px 4px 4px;
		-o-border-radius:  0px 0px 4px 4px;
		-ms-border-radius:0px 0px 4px 4px;
	}
.kikai04{
	border: 1px solid #e4a215;
	padding:10px;
	background: #f2f2f2;
	border-radius: 0px 0px 4px 4px;
		-moz-border-radius:  0px 0px 4px 4px;
		-webkit-border-radius: 0px 0px 4px 4px;
		-o-border-radius:  0px 0px 4px 4px;
		-ms-border-radius:0px 0px 4px 4px;
	}
h4.kikai01-h4{
	background:#f15a24;
	text-align:center;
	font-size:120%;
	padding:7px 0 5px;
	margin-top:20px;
	margin-bottom: 0;
	color:#fff;
	border-radius: 4px 4px 0px 0px;
		-moz-border-radius:  4px 4px 0px 0px;
		-webkit-border-radius: 4px 4px 0px 0px;
		-o-border-radius:  4px 4px 0px 0px;
		-ms-border-radius: 4px 4px 0px 0px; 
	}
h4.kikai02-h4{
	background:#593E7B;
	text-align:center;
	font-size:120%;
	padding:7px 0 5px;
	margin-top:20px;
	margin-bottom: 0;
	color:#fff;
	border-radius: 4px 4px 0px 0px;
		-moz-border-radius:  4px 4px 0px 0px;
		-webkit-border-radius: 4px 4px 0px 0px;
		-o-border-radius:  4px 4px 0px 0px;
		-ms-border-radius: 4px 4px 0px 0px; 
	}
h4.kikai03-h4{
	background:#0F7D8C;
	text-align:center;
	font-size:120%;
	padding:7px 0 5px;
	margin-top:20px;
	margin-bottom: 0;
	color:#fff;
	border-radius: 4px 4px 0px 0px;
		-moz-border-radius:  4px 4px 0px 0px;
		-webkit-border-radius: 4px 4px 0px 0px;
		-o-border-radius:  4px 4px 0px 0px;
		-ms-border-radius: 4px 4px 0px 0px; 
	}
h4.kikai04-h4{
	background:#e4a215;
	text-align:center;
	font-size:120%;
	padding:7px 0 5px;
	margin-top:20px;
	margin-bottom: 0;
	color:#fff;
	border-radius: 4px 4px 0px 0px;
		-moz-border-radius:  4px 4px 0px 0px;
		-webkit-border-radius: 4px 4px 0px 0px;
		-o-border-radius:  4px 4px 0px 0px;
		-ms-border-radius: 4px 4px 0px 0px; 
	}
ul.jquery-ui-sortable .ui-state-default {
    background: #fff;
    font-weight: normal;
    padding: 7px 20px;
    margin: 7px 0;
	border-left: 5px solid #9F9F9F;
	border-top: none;
	border-right: none;
	border-bottom: none;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
		-moz-box-shadow:  0px 1px 2px rgba(0,0,0,0.4);
		-webkit-box-shadow:  0px 1px 2px rgba(0,0,0,0.4);
		-o-box-shadow:   0px 1px 2px rgba(0,0,0,0.4);
		-ms-box-shadow:  0px 1px 2px rgba(0,0,0,0.4);
}



.touroku-new{
	padding: 5px 20px;
	margin-bottom:10px;
	background: #f2f2f2;
	border: 1px solid #c3c3c9;
	border-radius:  0px 0px 4px 4px;
		-moz-border-radius:  0px 0px 4px 4px;
		-webkit-border-radius:  0px 0px 4px 4px;
		-o-border-radius:  0px 0px 4px 4px;
		-ms-border-radius: 0px 0px 4px 4px; 
	}
.touroku-new-header{
	background: #c3c3c9;
	padding: 10px 20px 7px;
	color: #fff;
	border-radius: 4px 4px 0px 0px;
		-moz-border-radius:  4px 4px 0px 0px;
		-webkit-border-radius:  4px 4px 0px 0px;
		-o-border-radius:  4px 4px 0px 0px;
		-ms-border-radius:4px 4px 0px 0px; 
	}
	
	
	
/* ----------------------------------------
未出荷リストページ
----------------------------------------------- */
	.cal-wrapper{
		padding-right: 40px;
	}

	table.cal-header{
		width: 100%;
		margin-bottom: 10px;
	}
	table.cal-header th{
		text-align: center;
		font-size: 120%;
	}
	table.cal-header td{
		vertical-align: middle;
	}
	table.cal-header td input{
		border: #0c6baf 1px solid;
		background: #fff;
		padding: 0px 5px;
		color: #0c6baf;
		border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius: 4px; 
	}
	table.cal-header td input:hover{
		border: #0c6baf 1px solid;
		background: #0c6baf;
		color: #fff;
	}

	table.calendar {
		background-color: #FFF;
		width: 100%;
		border-collapse: collapse;
	}

	table.calendar th {
		background-color: #f2f2f2;
		width: 14.2857%;
		text-align: center;
		height: 30px;
		border: 1px solid #b9b9b9;
		font-weight: normal;
		vertical-align: middle;
	}
	table.calendar th.sunday {
		color: #c1272d;
	}
	table.calendar td {
		width: 14.2857%;
		text-align: left;
		height: 20px;
		border: 1px solid #b9b9b9;
		vertical-align: top;
		padding: 5px;
		box-sizing:border-box;
	}
	table.calendar td.sunday {
		background-color: #fff;
		color: #c1272d;
	}
	table.calendar td.today {
		border:2px solid #0c6baf;
	}
	table.calendar td.plan {
		background: #fde1d9;
	}
	table.calendar td:hover {
		border:2px solid #f15a24;
		padding:4px;
	}
table.calendar td:hover.blank {
		border: 1px solid #b9b9b9;
		padding:5px;
}


/* ----------------------------------------
得意先管理
----------------------------------------------- */

.customerlist-box01 .nav-tabs {
    border-bottom: none;
}

.customerlist-box01 table.basic-table td{
	padding: 10px 5px;
	text-align: left;
}

.customerlist-box01 table.basic-table td.text-center{
	text-align: center;
}

.customerlist-box01 .nav > li > a {
    position: relative;
    display: block;
    padding: 3px 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    margin-bottom: 5px;
    margin-top: 7px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	border:1px solid #0c6baf;
}

.customerlist-box01 .nav > li > a:hover, .customerlist-box01 .nav > li > a:focus {
    background-color: #f2f2f2;
}

.customerlist-box01 .nav-tabs > li.active > a, .customerlist-box01 .nav-tabs > li.active > a:hover, .customerlist-box01 .nav-tabs > li.active > a:focus {
    color: #Fff;
    background-color: #0c6baf;
}


/* ----------------------------------------
得意先登録
----------------------------------------------- */


.custsheet-box01 table.basic-table td{
	text-align: left;
}

.custsheet-box01 table.basic-table td button.btn-white {
	font-weight: bold;
}


/* ----------------------------------------
品番登録
----------------------------------------------- */
.item-box01 p{
	padding:15px 0 0;
}
button.btn-pencil{
	background: #73b1da;
	background: -moz-linear-gradient(top,#73b1da 0%,#0071bc);
	background: -webkit-gradient(linear, left top, left bottom, from(#73b1da), to(#0071bc));
	background: linear-gradient(to bottom, #73b1da, #0071bc);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border: 1px solid #0071bc;
	color: #fff;
	margin-bottom: 5px;
		}
button:hover.btn-pencil{
	background: #0071bc;
	color: #fff;
	}
button.btn-batu{
	background: #C05B5B;
	background: -moz-linear-gradient(top,#C05B5B 0%,#AA3737);
	background: -webkit-gradient(linear, left top, left bottom, from(#C05B5B), to(#AA3737));
	background: linear-gradient(to bottom, #C05B5B, #AA3737);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border: 1px solid #AA3737;
	color: #fff;
	}
button:hover.btn-batu{
	background: #AA3737;
    color: #fff;
}
button.btn-pencil i, button.btn-batu i {
    padding-right: 0;
}




/* ----------------------------------------
在庫管理
----------------------------------------------- */

.stock-box01 label{
	float: left;
	padding-right: 20px;
}
.stock-box01 input[type="radio"]{
	width: auto;
}

.stock-box01 p{
	padding:15px 0 0;
}



/* ----------------------------------------
基本情報
----------------------------------------------- */

.info-box03 input{
	width: auto;
}

.info-box04 input{
	width: auto;
}
.info-box03 button.btn-white {
    font-weight: bold;
}

.info-box02 h4, .info-box03 h4, .info-box04 h4{
	margin-top:40px;
	margin-bottom: 10px;
}






/* ----------------------------------------
レスポンシブ：小さいPC時
----------------------------------------------- */


	@media screen and (max-width: 1199px) {
		a .menu01 h3, a .menu02 h3, a .menu03 h3, a .menu04 h3, a .menu05 h3, a .menu06 h3, a .menu07 h3, a .menu08 h3, a .menu09 h3, a .menu10 h3, a .menu11 h3, a .menu12 h3{
			font-size: 18px;
			}
		
		a .menu01, a .menu02, a .menu05, a .menu06 {
			padding: 20px 5px;
		}
		
		
		
		
		
		
	}


/* ----------------------------------------
レスポンシブ：タブレット時
----------------------------------------------- */
	@media screen and (max-width: 991px) {
		.cal-wrapper {
			padding-right: 0;
			padding-bottom: 40px;
			}
		.customerlist-box01 .nav > li > a {
			padding:3px 10px;
		}
		
		
	}



/* ----------------------------------------
レスポンシブ：スマホ時
----------------------------------------------- */
	@media screen and (max-width: 767px) {
		a .menu01 h3, a .menu02 h3, a .menu03 h3, a .menu04 h3, a .menu05 h3, a .menu06 h3, a .menu07 h3, a .menu08 h3, a .menu09 h3, a .menu10 h3, a .menu11 h3, a .menu12 h3{
			font-size: 18px;
			}
		
		section#contents02 {
		margin-top: 100px;
	}
		
		
	}