@charset "UTF-8";
/* CSS Document */
html	{font-size: 62.5%;}
body	{	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; font-size: 1.2rem;background-color: #f7f7f7;}

section section h1	{
	margin: 0 !important;
}
a {
    color: #2980b9;
    text-decoration: none
}

a:focus, a:hover {
    color: #186292;
    text-decoration: none
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline: none;
	border: 1px solid #cccccc;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

label input {
   margin: 0 !important;
   padding: 0 !important;
}

.checkbox-inline, .radio-inline {
    display: inline-block;
    margin-right: 0;
    padding: 5px;
    margin-bottom: 0;
	font-size: 1.6rem;
    font-weight: 400;
    cursor: pointer;
}

.checkbox-inline.split-3, .radio-inline.split-3 {
	/*width: 28%;*/
	width: 30%;
}

.input {
    height: 30px;
	margin-right: 5px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.checkbox-inline input, .radio-inline input {
	height: 1.0em;
    line-height: 1.0;
	/*margin-right: 5px !important;*/
	vertical-align: -2px;
}




select.input {
    height: 30px;
    line-height: 30px
}

select[multiple].input, textarea.input {
    height: auto
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
/*    background-color: #fff;
*/    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label, .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    input[type=date].input, input[type=time].input, input[type=datetime-local].input,
    input[type=month].input {
        line-height: 30px
    }



.clearfix:after, .clearfix:before {
    display: table;
    content: " "
}

.clearfix:after, .clearfix:after {
    clear: both
}

.default	{margin: 0; padding: 0; list-style-type: none;}

/* Width */
.w-min	{width: 1%; white-space:nowrap;}
.w-max	{width: 100%;}
.w-10	{width: 10px;}
.w-25	{width: 25px;}
.w-50	{width: 50px;}
.w-75	{width: 75px;}
.w-100	{width: 100px;}
.w-125	{width: 125px;}
.w-150	{width: 150px;}
.w-175	{width: 175px;}
.w-200	{width: 200px;}
.w-250	{width: 250px;}
.w-300	{width: 300px;}
.w-400	{width: 400px;}
.w-500	{width: 500px;}
.w-600	{width: 600px;}
.w-700	{width: 700px;}
.w-800	{width: 800px;}
.w-900	{width: 900px;}
.w-1000	{width: 1000px;}

.fs-small	{font-size: 1.0rem;}
.fs-regular	{font-size: 1.2rem;}
.fs-large	{font-size: 1.4rem;}
.fs-xlarge	{font-size: 1.6rem;}

/* Image */
img.thum-sm	{max-width: 50%;}

/* Float & Align */
.row	{display: table; table-layout: fixed;}
.clearfix>.right	{float: right;}
.clearfix>.left	{float: left;}
.clearfix>img.right	{margin-left: 0.5em;}
.clearfix>img.left	{margin-right: 0.5em;}
.row .right, .row .left	{display: table-cell;vertical-align: middle;}
.right .fa-plus-circle	{padding: 0 0 0 0.25em;}
.text-right	{text-align: right;}
.text-center	{text-align: center;}
.text-left	{text-align: left;}

/* Table */
.table	{
	width: 100%;
	}

.table th, .table td	{
	padding: 0.5em;
	border-bottom: 1px solid #cccccc;
	}

.table-striped tbody tr:nth-child(even) td	{
	background-color: #f9f9f9;
	}

.table th.text-left	{
	width: 1%;
	padding: 0.5em 0.5em 0.5em 0;
	background-color: #f7f7f7;
	text-align: left;
	white-space: nowrap;
	}

.table th.text-left b	{
	position: relative;
	display: block;
	line-height: 1.0;
	padding: 7px;
	background-color: #e7e7e7;
	}

.table th.text-left b:after	{
	content: "\f04b";
	position: absolute;
	top: 6px;
	right: -10px;
	display: block;
	color: #e7e7e7;
	font-family: fontAwesome;
	font-size: 14px;
	}






/* Tab */
.tabs {
/*	height: 100%;
	min-height: 100%;
*/}

.tabs ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.tabs ul li {
	display: table-cell;
	width: 25%;
	padding: 7px 0;
	color: #333333;
	background-color:#ddd;
	cursor:pointer;
	border-left: 2px solid #ffffff;
	text-align: center;
}

.tabs ul li.active {
	background-color:#ffffff;
	font-weight: bold;
	cursor:default;
}

#tabs-content {
	position:relative;
	top:-1px;
	border-top: 1px #ddd solid;
	/*height: 100%;
	min-height: 100%;*/
	display: block
}

.item-nav	{
	padding-bottom: 2px;
	border-top: 1px solid #5b5b5b;
}

.list-lnline	{
	display: table;
	table-layout: fixed;
	width: 100%;
	}

.list-lnline	{
	padding-top: 0;
	}

.list-lnline li	{
	display: table-cell;
	text-align: center;
	}

.list-lnline li a	{
	display: block;
	margin: 2px 0 0 2px;
	padding: 7px;
	}

.list-lnline li:nth-child(3n) a	{
	margin-right: 2px;
	}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}









/* Panel */
.panel	{
	margin-bottom: 10px;
	background-color: transparent;
	border: 1px solid transparent;
	}

.panel-header	{
	display: table;
	width: 100%;
	}

.panel-header .right	{
	width: 100px;
	background-color: #ecf0f1;
	}

.panel-header .btn-group	{
	margin: 10px 0 0 10px;
	}

	.panel-header .btn-group .btn	{
		margin-bottom: 5px;
		}

.panel-header b	{
	display: block;
	margin: 5px 5px 10px 10px;
	color: #444444;
	font-size: 14px;
	line-height: 1.4;
	}

.item-button	{
	display: block;
	float: left;
	width: 33px;
	height: 33px;
	line-height: 33px;
	margin: 5px 0 5px 10px;
	color: #666666;
	background-color: #f7f7f7;
	border: 1px solid transparent;
	border-color: #bdc3c7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	}

.item-button.card	{
	color: #ffffff;
	background-color: #34495e;
	border-color: #2c3e50;
	}

.item-button.trash	{
	color: #ffffff;
	background-color: #95a5a6;
	border-color: #95a5a6;
	}

.item-button.clear	{
	width: 100%;
	height: 33px;
	margin: 0 auto 10px;
	color: #ffffff;
	background-color: #95a5a6;
	text-align: center;
	}

.item-button.all	{
	width: 100%;
	height: 33px;
	margin: 0 auto 10px;
	color: #ffffff;
	background-color: #34495e;
	text-align: center;
	}

/*.item-button:hover	{
	background-color: #ffffff;
	border-color: #7f8c8d;
	}

*/.item-button.card:hover	{
	background-color: #2c3e50;
	border-color: #2c3e50;
	}

.item-button.trash:hover	{
	background-color: #7f8c8d;
	border-color: #7f8c8d;
	}

.item-button.clear:hover	{
	background-color: #7f8c8d;
	border-color: #7f8c8d;
	}

.item-button i	{
	margin: 0 5px;
	font-size: 1.6rem;
	line-height: 33px;
	}

	.item-button.open i, .item-button.clear i	{
		margin-left: 0 !important;
		}

.item-button span	{
	display: none;
	}
.panel-content	{
	border-top: 1px solid transparent;
	padding: 0.75em 0.75em;
	}

.panel-default, .panel-content	{
	background-color: #ffffff;
	border-color: #cccccc
	}

	.panel-content p	{
		margin: 0;
		padding: 0;
		line-height: 1.8;
	}

	.panel-content ol	{
		padding-left: 0;
	}

	.panel-content ol li	{
		list-style-position: inside;
		margin-bottom: 0;
		padding: 5px;
		border-bottom: 1px solid #cccccc;
	}

	.panel-content .left	{
		flaot: none;
		width: 100% !important;
	}

	.panel-content img.left	{
		flaot: left;
		width: 25% !important;
	}


	.panel-content ol li:first-child	{
		padding-top: 0;
	}

	.panel-content .detail	{
		margin-top: 5px;
		padding: 10px;
		font-size: 12px;
	}

	.panel-content .ttl-formation	{
		display: block;
		padding-top: 10px;
		border-top: 1px solid #cccccc;
		color: #09720d;
	}

	.panel-content .remark p	{

		width: 95%;
		font-size: 10px;
	}

	.panel-header .date	{
		margin: 5px 10px;
		color: #666666;
		font-size: 10px;
	}

.panel-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 100px;
  }

.move_area {
    width: 100%;
    padding-bottom: 250px;
  }

.panel-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 300px;
  }




/* Pager */
.pager	{
	margin: 10px 0;
	}

.pager ul	{
	display: table;
	}

.pager.pager-primary ul	{
	width: 60%;
	margin: 0 auto;
	}

.pager .row.w-max li	{
	display: table-cell;
	height: 33px;
	line-height: 33px;
	}

.pager-primary li	{
	width: 50%;
	}

.pager-primary li a	{
	display: block;
	border: 1px solid #cccccc;
	}

.pager-primary li:first-child a	{
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	}

.pager-primary li:last-child a	{
	border-left: none;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	}


/* Button */
.btn	{
	display: inline-block;
	padding-top: 0.5em;
	padding-right: 1.0em !important;
	padding-bottom: 0.5em;
	padding-left: 1.0em !important;
	border: 1px solid transparent;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	text-decoration: none !important;
	}

.btn-sm	{
	padding-top: 0.15em;
	padding-right: 0.5em !important;
	padding-bottom: 0.15em;
	padding-left: 0.5em !important;
	font-size: 1.0rem;
	}


input[type=button]	{
    padding: 6px 12px;

	}

.btn-group>.btn {
    margin-right: 5px
}

.btn-group {
	color: #666666;
	font-size: 10px;
}

.btn-group span {
    padding: 0 5px;
}

.box .btn-group {
    padding:  3px 0 4px;
}

.btn-group>.btn:last-child {
    margin-right: 0
}

.btn-mute	{
	color: #444444;
	background-color: #eeeeee;
    border-color: #bbbbbb
	}

.btn-primary	{
	color: #ffffff;
	background-color: #337ab7;
    border-color: #2e6da4
	}

.btn-danger	{
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a
	}

.bg-primary	{
	color: #ffffff;
	background-color: #337ab7 !important;
	}

.bg-dark	{
	color: #f9f9f9;
	background-color: #383838 !important;
	}

	.item-nav.bg-dark	{
		background-color: #202020 !important;
		}

.bg-mute	{
	color: #444444;
	background-color: #eeeeee !important;
	}

	.item-search.bg-mute	{
		background-color: #d7d7d7 !important;
		}

.btn-club	{
	color: #ffffff;
	}

	.btn-club.sapporo	{
	background-color: #b8193f;
    border-color: #b8193f
	}

		.btn-club.hachinohe	{
	background-color: #0f692d;
    border-color: #0f692d
	}

	.btn-club.morioka	{
	background-color: #e60012;
    border-color: #e60012
	}

	.btn-club.sendai	{
	color: #444444;
	background-color: #fcc800;
    border-color: #fcc800
	}

	.btn-club.akita	{
	background-color: #005bac;
    border-color: #005bac
	}

	.btn-club.yamagata	{
	background-color: #004098;
    border-color: #004098
	}

	.btn-club.fukushima	{
	background-color: #e60012;
    border-color: #e60012
	}

	.btn-club.kashima	{
	background-color: #b8193f;
    border-color: #b8193f
	}

	.btn-club.mito	{
	background-color: #005ca2;
    border-color: #005ca2
	}

	.btn-club.tochigisc	{
	color: #444444;
	background-color: #fff100;
    border-color: #fff100
	}

	.btn-club.tochigic	{
	background-color: #000080;
    border-color: #000080
	}

	.btn-club.gunma	{
	background-color: #003f73;
    border-color: #003f73
	}

	.btn-club.urawa	{
	background-color: #e6002d;
    border-color: #e6002d
	}

	.btn-club.omiya	{
	background-color: #ed6c00;
    border-color: #ed6c00
	}

	.btn-club.chiba	{
	color: #444444;
	background-color: #ffe100;
    border-color: #ffe100
	}

	.btn-club.kashiwa	{
	color: #444444;
	background-color: #fff100;
    border-color: #fff100
	}

	.btn-club.ftokyo	{
	background-color: #004098;
    border-color: #004098
	}

	.btn-club.tokyov	{
	background-color: #00744b;
    border-color: #00744b
	}

	.btn-club.fcmachida	{
	background-color: #191970;
    border-color: #191970;
	}

	.btn-club.kawasakif	{
	background-color: #38a1db;
    border-color: #38a1db
	}

	.btn-club.yokohamafm	{
	background-color: #004098;
    border-color: #004098
	}

	.btn-club.yokohamafc	{
	background-color: #00a0e9;
    border-color: #00a0e9
	}

	.btn-club.ysyokohama	{
	background-color: #00a0e9;
    border-color: #00a0e9
	}

	.btn-club.shonan	{
	background-color: #6fba2c;
    border-color: #6fba2c
	}

	.btn-club.sagamihara	{
	background-color: #228e41;
    border-color: #228e41
	}

	.btn-club.kofu	{
	background-color: #005bac;
    border-color: #005bac
	}

	.btn-club.matsumoto	{
	background-color: #003e1f;
    border-color: #003e1f
	}

	.btn-club.nagano	{
	background-color: #eb6100;
    border-color: #eb6100
	}

	.btn-club.niigata	{
	background-color: #ea5504;
    border-color: #ea5504
	}

	.btn-club.toyama	{
	background-color: #003894;
    border-color: #003894
	}

	.btn-club.kanazawa	{
	background-color: #d80c1e;
    border-color: #d80c1e
	}

	.btn-club.shimizu	{
	background-color: #f39800;
    border-color: #f39800
	}

	.btn-club.iwata	{
	background-color: #6c9bd2;
    border-color: #6c9bd2
	}

	.btn-club.fujieda	{
	background-color: #89357c;
    border-color: #89357c
	}

	.btn-club.nagoya	{
	background-color: #d80c18;
    border-color: #d80c18
	}

	.btn-club.gifu	{
	background-color: #00633d;
    border-color: #00633d
	}

	.btn-club.kyoto	{
	background-color: #920783;
    border-color: #920783
	}

	.btn-club.gosaka	{
	background-color: #004ea2;
    border-color: #004ea2
	}

	.btn-club.cosaka	{
	background-color: #e62e8b;
    border-color: #e62e8b
	}

	.btn-club.kobe	{
	background-color: #a9002e;
    border-color: #a9002e
	}

	.btn-club.okayama	{
	background-color: #a9002e;
    border-color: #a9002e
	}

	.btn-club.tottori	{
	background-color: #66cc33;
    border-color: #66cc33
	}

	.btn-club.hiroshima	{
	background-color: #51318f;
    border-color: #51318f
	}

	.btn-club.yamaguchi	{
	background-color: #eb5e00;
    border-color: #eb5e00
	}

	.btn-club.sanuki	{
	background-color: #66aadd;
    border-color: #66aadd
	}

	.btn-club.tokushima	{
	background-color: #0b318f;
    border-color: #0b318f
	}

	.btn-club.ehime	{
	background-color: #f39800;
    border-color: #f39800
	}

	.btn-club.imabari	{
	background-color: #414fa3;
    border-color: #414fa3;
	}


	.btn-club.fukuoka	{
	background-color: #003c83;
    border-color: #003c83
	}

	.btn-club.kitakyushu	{
	color: #444444;
	background-color: #ffff00;
    border-color: #ffff00
	}

	.btn-club.tosu	{
	background-color: #0076c0;
    border-color: #0076c0
	}

	.btn-club.nagasaki	{
	background-color: #005bac;
    border-color: #005bac
	}

	.btn-club.kumamoto	{
	background-color: #b61a14;
    border-color: #b61a14
	}

	.btn-club.oita	{
	background-color: #0b318f;
    border-color: #0b318f
	}

	.btn-club.ryukyu	{
	background-color: #701d3b;
    border-color: #701d3b
	}

	   .btn-club.kagoshima    {
    background-color: #16335c;
    border-color: #16335c
    }

        .btn-club.numazu    {
    background-color: #023894;
    border-color: #023894
    }

    .btn-club.iwaki    {
    background-color: #8b0000;
    border-color: #8b0000
    }

    .btn-club.fcosaka    {
    color: #444444;
    background-color: #87ceeb;
    border-color: #87ceeb
    }

    .btn-club.miyazaki    {
    color: #444444;
    background-color: #ff7fbf;
    border-color: #ff7fbf
    }

    .btn-club.nara    {
    background-color: #191970;
    border-color: #191970
    }

    .btn-club.kochi    {
    background-color: #b94047;
    border-color: #b94047
    }


.btn-club:hover	{
	color: #ffffff;
	}
.btn-club.sendai:hover, .btn-club.tochigi:hover, .btn-club.kashiwa:hover, .btn-club.chiba:hover, .btn-club.kitakyushu:hover{
	color: #444444;
	}
.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}


/* Title */
.ttl-heavy	{
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	color: #ffffff;
	background-color: #5b5b5b;
	font-size: 1.4rem;
}

	.ttl-heavy strong	{
		display: inline-block;
		margin-right: 10px;
		padding: 5px;
		line-height: 1.0;
		color: #ffffff;
		background-color: #e74c3c;
		position: relative;
	}
	.ttl-heavy strong:after	{
	content: "\f0da";
	position: absolute;
	top: 5px;
	right: -5px;
	display: block;
	color: #e74c3c;
	font-family: fontAwesome;
	}

.ttl-medium	{
	padding: 0.5em;
	color: #444444;
	background-color: #e7e7e7;
	font-size: 1.4rem;
}

.ttl-regular	{
	padding: 0.5em;
	border-bottom: 1px solid #e7e7e7;
	font-size: 1.4rem;
}

/* Emblem */
.emb	{
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../img/bg-all.png);
	background-repeat: no-repeat;
	}

.emb-s	{
	width: 33px;
	height: 33px;
	line-height: 33px;
	background-size: 330px 330px;
	}

	.emb-sapporo	{
		background-position: 0px 0px;
		}

	.emb-morioka	{
	background-position: -33px 0px;
	}

	.emb-sendai	{
	background-position: -66px 0px;
	}

	.emb-akita	{
	background-position: -99px 0px;
	}

	.emb-yamagata	{
	background-position: -132px 0px;
	}

	.emb-fukushima	{
	background-position: -165px 0px;
	}

	.emb-kashima	{
	background-position: -198px 0px;
	}

	.emb-mito	{
	background-position: -231px 0px;
	}

	.emb-tochigi	{
	background-position: -264px 0px;
	}

	.emb-gunma	{
	background-position: -297px 0px;
	}

	.emb-urawa	{
	background-position: 0px  -33px;
	}

	.emb-omiya	{
	background-position: -33px  -33px;
	}

	.emb-chiba	{
	background-position:  -66px  -33px;
	}

	.emb-kashiwa	{
	background-position: -99px  -33px;
	}

	.emb-ftokyo	{
	background-position: -132px  -33px;
	}

	.emb-tokyov	{
	background-position: -165px -33px;
	}

	.emb-machida	{
	background-position: -198px -33px;
	}

	.emb-kawasakif	{
	background-position: -231px -33px;
	}

	.emb-yokohamafm	{
	background-position: -264px -33px;
	}

	.emb-yokohamafc	{
	background-position: -297px -33px;
	}

	.emb-ysyokohama	{
	background-position: 0px  -66px;
	}

	.emb-shonan	{
	background-position: -33px  -66px;
	}

	.emb-sagamihara	{
	background-position:  -66px  -66px;
	}

	.emb-kofu	{
	background-position: -99px  -66px;
	}

	.emb-matsumoto	{
	background-position: -132px  -66px;
	}

	.emb-nagano	{
	background-position: -165px -66px;
	}

	.emb-niigata	{
	background-position: -198px -66px;
	}

	.emb-toyama	{
	background-position: -231px -66px;
	}

	.emb-kanazawa	{
	background-position: -264px -66px;
	}

	.emb-shimizu	{
	background-position: -297px -66px;
	}

	.emb-iwata	{
	background-position: 0px  -99px;
	}

	.emb-fujieda	{
	background-position: -33px  -99px;
	}

	.emb-nagoya	{
	background-position:  -66px  -99px;
	}

	.emb-gifu	{
	background-position: -99px  -99px;
	}

	.emb-kyoto	{
	background-position: -132px  -99px;
	}

	.emb-gosaka	{
	background-position: -165px -99px;
	}

	.emb-cosaka	{
	background-position: -198px -99px;
	}

	.emb-kobe	{
	background-position: -231px -99px;
	}

	.emb-okayama	{
	background-position: -264px -99px;
	}

	.emb-tottori	{
	background-position: -297px -99px;
	}

	.emb-hiroshima	{
	background-position: 0px  -132px;
	}

	.emb-yamaguchi	{
	background-position: -33px  -132px;
	}

	.emb-sanuki	{
	background-position:  -66px  -132px;
	}

	.emb-tokushima	{
	background-position: -99px  -132px;
	}

	.emb-ehime	{
	background-position: -132px  -132px;
	}

	.emb-fukuoka	{
	background-position: -165px -132px;
	}

	.emb-kitakyushu	{
	background-position: -198px -132px;
	}

	.emb-tosu	{
	background-position: -231px -132px;
	}

	.emb-nagasaki	{
	background-position: -264px -132px;
	}

	.emb-kumamoto	{
	background-position: -297px -132px;
	}

	.emb-oita	{
	background-position: 0px  -165px;
	}

	.emb-ryukyu	{
	background-position: -33px  -165px;
	}

		.emb-iwaki	{
	background-position: -66px  -165px;
	}

		.emb-imabari	{
	background-position: -99px  -165px;
	}


/* Formation */
.formation	{
	width: 95%;
	margin: 10px auto 5px;
	table-layout: fixed;
	}
.formation:nth-of-type(2)	{
	margin-top: 15px;
	}
.formation th, .formation td	{
	height: 20px;
	padding: 0;
	color: #ffffff;
	background-color: #138a14;
	font-size: 1.0rem;
	text-align: center;
	}

.formation thead td	{
	padding: 5px;
	color: #444444;
	background-color: #cff1d0;
	border-bottom: 1px solid #333333;
	font-size: 1.2rem;
	text-align: left;
	}

.formation>tbody>tr:nth-of-type(odd) td {
    background-color: #09720d
}




/* Layout */
header	{
	margin-bottom: 15px;
	}

.header-content	{
	position: relative;
	height: 44px;
	background-color: #383838;
	}

.header-content h1	{
	position: absolute;
	top: 0;
	left: 0;
	width: 132px;
	margin: 12px 0 0 10px;
	padding: 0;
	}

.header-content h1 a, .header-content h1 span	{
	display: block;
	height: 21px;
	line-height: 21px;
	z-index: 10;
	text-indent: -999em;
	background: transparent url(../img/bg-all.png) no-repeat 0px -309px;
	background-size: 330px 330px;
	}

.header-content h1 a:hover	{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}

/*.data, .main, box	{
	margin-bottom: 15px;
	}
*/
.search h1.default, .data h1.default, .main h1.default, .box h1.default	{
	margin-bottom: 10px;
	}

/*.main ul.default, .box ul.default	{
	border-top: 1px solid #cccccc;
	}
*/
.container	{
	padding-right: 10px;
	padding-left: 10px;
	}

.login	{width: 90%; margin: 0px auto;}
.login form	{padding: 50px;}
.login form .btn-block	{margin-top: 10px;}
.login form .input	{margin-bottom: 10px;border: 1px solid #cccccc; display: block; padding-right: 0; padding-left: 0; text-indent: 10px; width:99.5%; font-size:1.6rem;}
.login form .btn	{font-size: 1.6rem;}
.login form div	{margin-top: 10px; font-size: text-align: center;}



#box .ttl-heavy	{
	position: relative;
}

.box .ttl-heavy a, #box .ttl-heavy a	{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 7.0rem;
	height: 40px;
	line-height: 40px;
	color: #ffffff;
	background-color: #888888;
	text-align: center;
	font-weight: normal;
}

	.box .ttl-heavy a:hover, #box .ttl-heavy a:hover	{
		color: #ffffff;
		background-color: #777777;
	}

	.box .ttl-heavy a i, #box .ttl-heavy a i	{
		margin-right: 5px;
	}

.item-search	{
	padding: 10px;
	margin-bottom: 10px;
	background-color: #d7d7d7
	}

	.main .item-search	{
		}

	.item-search .left p	{
		margin: 0 10px 0 0;
		}

	.search .item-search input	{
		font-size: 14px;
		}

.main li, .box li	{
/*	margin-bottom: 10px;
*/	}

.search section	{
	margin-bottom: 15px;
	}

	.search section .form-inline + .form-inline	{
	margin-top: 5px;
	}

	.search section h1.ttl-search	{
	line-height: 1.0;
	margin-bottom: 5px !important;
	padding-bottom: 0;
	font-size: 1.4rem;
	border-bottom: 3px solid #d7d7d7;
	}

	.search section h1.ttl-search span	{
	display: block;
	width: 9.0rem;
	height: 3.0rem;
	line-height: 3.0rem;
	color: #333333;
	background-color: #d7d7d7;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 1.2rem;
	text-align: center;
	}

	.search section h1.ttl-regular em	{
	display: block;
	float: right;
	width: 70px;
	height: 20px;
	line-height: 20px;
	margin: 0 5px 0 0;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	}

	.search section h1.ttl-regular	{
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	}

	.search section h1.ttl-regular span	{
	display: block;
	float: left;
	width: 100px;
	}

	.search section h1.ttl-search em:hover	{
	background-color: #ffffff;
	}

.data #tabs-content #panel-2 li	{
	padding: 0.25em 0;
	border-bottom: 1px solid #cccccc;
}

.main nav .right-lg	{
	margin-top: 1px;
	padding: 5px;
	background-color: #e9e9e9;
	border: 1px solid #dddddd;
	}

.main nav .right input	{
	margin-left: 5px;
	}

.main ul.default li, .box ul.default li	{
	position: relative;
	width: auto;
	}

.item	{
	position: absolute;
	right: 1px;
	top: 0;
	width: 80px;
	height: 65px;
	background-color: #eeeeee;
	}



.item-button	{
	display: block;
	float: left;
	width: 33px;
	height: 33px;
	line-height: 33px;
	margin: 5px 0 5px 10px;
	color: #666666;
	background-color: #f7f7f7;
	border: 1px solid transparent;
	border-color: #bdc3c7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	}

.item-button.card	{
	color: #ffffff;
	background-color: #34495e;
	border-color: #2c3e50;
	}

.item-button.trash	{
	color: #ffffff;
	background-color: #95a5a6;
	border-color: #95a5a6;
	}

.item-button.clear	{
	width: 100%;
	height: 33px;
	margin: 0 auto 10px;
	color: #ffffff;
	background-color: #95a5a6;
	text-align: center;
	}

.item-button:hover	{
	background-color: #ffffff;
	border-color: #7f8c8d;
	}

.item-button.card:hover	{
	background-color: #2c3e50;
	border-color: #2c3e50;
	}

.item-button.trash:hover	{
	background-color: #7f8c8d;
	border-color: #7f8c8d;
	}

.item-button.clear:hover	{
	background-color: #7f8c8d;
	border-color: #7f8c8d;
	}

.item-button i	{
	margin: 0 5px !important;
	font-size: 1.6rem;
	line-height: 33px;
	}

	.item-button.cleari	{
		margin-left: 0;
		}

.item-button span	{
	display: none;
	}




.item-button.more	{
	display: block;
	width: 100%;
	margin: 0;
	padding: 1.0em 0;
	color: #34495e;
	background-color: #ecf0f1;
	border: : 1px solid #bdc3c7;
	text-align: center;
	}

ul.default li .item-open a, ul.default li .item-close a, ul.default li .item-open a, ul.default li .item-close a	{
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 60px;
	height: 22px;
	line-height: 22px;
	color: #34495e;
	background-color: #ecf0f1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	cursor: pointer;
	}

ul.default li .item-card a, ul.default li .item-clear a	{
	display: block;
	position: absolute;
	top: 36px;
	right: 10px;
	width: 60px;
	height: 22px;
	line-height: 22px;
	color: #ffffff;
	background-color: #95a5a6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	}

ul.default li .item-open a	{
	color: #ffffff;
	background-color: #34495e;
	}

ul.default li .item-card a	{
	color: #ffffff;
	background-color: #e74c3c;
	}

ul.default li .item-open a, ul.default li .item-close a, ul.default li .item-clear a, ul.default li .item-card a	{
	cursor: pointer;
	}

/*	.main ul.default li .item a:before	{
		content:"";
		position:absolute;
		top:0;
		right:-15px;
		width:0;
		height:0;
		border-top:solid 10px transparent;
		border-right:solid 6px transparent;
		border-bottom:solid 10px transparent;
		border-left:solid 12px #cccccc;
		z-index:10;
	}
*/


ul.default li .item-open a i, ul.default li .item-close a i, ul.default li .item-card a i, ul.default li .item-clear a i	{
	margin: 0 5px 0 5px;
	}

.main ul.default li .item a:hover	{
	background-color: #23527c;
	border-bottom: none;
	}

.main ul.default li:hover .panel	{
	border-color: #b7b7b7;
	}

/*.list-article	{
	border-top: 1px solid #cccccc;
	}

.list-article li	{
	position: relative;
	width: auto;
	padding: 0.5em;
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	}

.list-article .block-lg, .list-article li .block-lg .btn	{
	margin-bottom: 5px;
	}

.list-article .content	{
padding-right: 33px;	}

.list-article .item a	{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 33px;
	height: 33px;
	line-height: 33px;
	background-color: #e9e9e9;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	text-align: center;
	}
*/

/* Toggle */
.btn-toggle {
	position: absolute;
	right: 90px;
	width: 44px;
	height: 44px;
	color: #f9f9f9;
	/*background-color: #505050;*/
	font-size: 2.0rem;
	line-height: 44px;
	text-align: center;
	cursor:pointer;
}

.btn-login {
	position: absolute;
	right: 0;
	width: 90px;
	height: 44px;
	line-height: 1.0;
	text-align: center;
	cursor:pointer;
}

.btn-login input.btn {
	width: 80px;
	height: 30px;
	line-height: 30px;
	margin-top: 7px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1.2rem;
}


.nav-toggle {
	display: none;
	position: absolute;
	top: 44px;
	width: 100%;
	color: #aaaaaa;
	overflow: hidden;
	z-index: 100;
}

.nav-toggle li {
	position: relative;
}

.nav-toggle a {
	display: block;
	color: #999;
	background-color: #232323;
	text-decoration: none;
	padding: 5px 20px;
	border-bottom: 1px solid #555;
	height: 44px;
	line-height: 44px;
	font-size: 1.6rem;
}

.nav-toggle a:after {
	display: block;
	float: right;
	content: "\f054";
	font-family: FontAwesome;
	font-size: 1.0rem;
}

/*.nav-toggle a:active {
	background-color: #232323;
}
*/
/* Helper Classes */
.show {
  display: block !important;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.invisible {
  visibility: hidden;
}


	#box .box	{
		margin-top: 10px;
		}


	.box .spec .left	{
		font-size: 16px;
		line-height: 34px;
		}

	.box .spec .right	{
		width: 50%;
		}

.ctrl.clearfix	{
	margin-bottom: 5px;
	}
.ctrl.clearfix .left	{
	float: left;
	width: 60%;
	font-size: 12px;
	}
.ctrl.clearfix .left span	{
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.0;
	color: #e74c3c;
	}
.ctrl.clearfix .right	{
	float: right;
	width: 40%;
	font-size: 12px;
	text-align: right;
	}

	.main .ctrl.clearfix .left, .main .ctrl.clearfix .right	{
		width: 50%;
		}

.ctrl.clearfix .left b, .ctrl.clearfix .left a	{
	margin-right: 10px;
	}

.ctrl.clearfix b i, .ctrl.clearfix a i	{
	margin-right: 5px;
	vertical-align: 2px;
	}

.text-danger	{
	color: #d9534f;
}


.search section .form-inline label.split-3 .emb	{
width: 20px;
height: 20px;
vertical-align: middle;
background-image: url(../img/bg-all.png);
background-repeat: no-repeat;
background-size: 200px;
text-indent: -999em;
}

.search section .form-inline label.split-3 .emb.sapporo	{
background-position: 0px 0px;
}

.search section .form-inline label.split-3 .emb.morioka	{
background-position: -20px 0px;
}

.search section .form-inline label.split-3 .emb.sendai	{
background-position: -40px 0px;
}

.search section .form-inline label.split-3 .emb.akita	{
background-position: -60px 0px;
}

.search section .form-inline label.split-3 .emb.yamagata	{
background-position: -80px 0px;
}

.search section .form-inline label.split-3 .emb.fukushima	{
background-position: -100px 0px;
}

.search section .form-inline label.split-3 .emb.kashima	{
background-position: -120px 0px;
}

.search section .form-inline label.split-3 .emb.mito	{
background-position: -140px 0px;
}

.search section .form-inline label.split-3 .emb.tochigi	{
background-position: -160px 0px;
}

.search section .form-inline label.split-3 .emb.gunma	{
background-position: -180px 0px;
}

.search section .form-inline label.split-3 .emb.urawa	{
background-position: 0px -20px;
}

.search section .form-inline label.split-3 .emb.omiya	{
background-position: -20px -20px;
}

.search section .form-inline label.split-3 .emb.chiba	{
background-position: -40px -20px;
}

.search section .form-inline label.split-3 .emb.kashiwa	{
background-position: -60px -20px;
}

.search section .form-inline label.split-3 .emb.ftokyo	{
background-position: -80px -20px;
}

.search section .form-inline label.split-3 .emb.tokyov	{
background-position: -100px -20px;
}

.search section .form-inline label.split-3 .emb.fcmachida	{
background-position: -120px -20px;
}

.search section .form-inline label.split-3 .emb.kawasakif	{
background-position: -140px -20px;
}

.search section .form-inline label.split-3 .emb.yokohamafm	{
background-position: -160px -20px;
}

.search section .form-inline label.split-3 .emb.yokohamafc	{
background-position: -180px -20px;
}

.search section .form-inline label.split-3 .emb.yokohamafscc	{
background-position: 0px -40px;
}

.search section .form-inline label.split-3 .emb.shonan	{
background-position: -20px -40px;
}

.search section .form-inline label.split-3 .emb.sagamihara	{
background-position: -40px -40px;
}

.search section .form-inline label.split-3 .emb.kofu	{
background-position: -60px -40px;
}

.search section .form-inline label.split-3 .emb.matsumoto	{
background-position: -80px -40px;
}

.search section .form-inline label.split-3 .emb.nagano	{
background-position: -100px -40px;
}

.search section .form-inline label.split-3 .emb.niigata	{
background-position: -120px -40px;
}

.search section .form-inline label.split-3 .emb.toyama	{
background-position: -140px -40px;
}

.search section .form-inline label.split-3 .emb.kanazawa	{
background-position: -160px -40px;
}

.search section .form-inline label.split-3 .emb.shimizu	{
background-position: -180px -40px;
}

.search section .form-inline label.split-3 .emb.iwata	{
background-position: 0px -60px;
}

.search section .form-inline label.split-3 .emb.fujieda	{
background-position: -20px -60px;
}

.search section .form-inline label.split-3 .emb.nagoya	{
background-position: -40px -60px;
}

.search section .form-inline label.split-3 .emb.gifu	{
background-position: -60px -60px;
}

.search section .form-inline label.split-3 .emb.kyoto	{
background-position: -80px -60px;
}

.search section .form-inline label.split-3 .emb.gosaka	{
background-position: -100px -60px;
}

.search section .form-inline label.split-3 .emb.cosaka	{
background-position: -120px -60px;
}

.search section .form-inline label.split-3 .emb.kobe	{
background-position: -140px -60px;
}

.search section .form-inline label.split-3 .emb.okayama	{
background-position: -160px -60px;
}

.search section .form-inline label.split-3 .emb.tottori	{
background-position: -180px -60px;
}

.search section .form-inline label.split-3 .emb.hiroshima	{
background-position: 0px -80px;
}

.search section .form-inline label.split-3 .emb.yamaguchi	{
background-position: -20px -80px;
}

.search section .form-inline label.split-3 .emb.sanuki	{
background-position: -40px -80px;
}

.search section .form-inline label.split-3 .emb.tokushima	{
background-position: -60px -80px;
}

.search section .form-inline label.split-3 .emb.ehime	{
background-position: -80px -80px;
}

.search section .form-inline label.split-3 .emb.fukuoka	{
background-position: -100px -80px;
}

.search section .form-inline label.split-3 .emb.kitakyushu	{
background-position: -120px -80px;
}

.search section .form-inline label.split-3 .emb.tosu	{
background-position: -140px -80px;
}

.search section .form-inline label.split-3 .emb.nagasaki	{
background-position: -160px -80px;
}

.search section .form-inline label.split-3 .emb.kumamoto	{
background-position: -180px -80px;
}

.search section .form-inline label.split-3 .emb.oita	{
background-position: 0px -100px;
}

.search section .form-inline label.split-3 .emb.ryukyu	{
background-position: -20px -100px;
}

.search section .form-inline label.split-3 .emb.iwaki	{
background-position: -40px -100px;
}
.search section .form-inline label.split-3 .emb.imabari	{
background-position: -60px -100px;
}


.search section .form-inline label	{
padding-left: 0;
}



@media only screen and (min-width: 769px) {
/* Float & Align */
/*.row	{ table-layout: auto; width: 100%;}
*/
.search	{
	float: left !important;
	width: 30% !important;
	}
.main, .box	{
	float: left !important;
	width: 35% !important;
	}
	#box .row	{
		margin-left: 1%;
	}

	#box .row .box .row	{
		margin-left: 0
	}

	#box .box	{
		float: left !important;
		width: 30% !important;
		margin: 10px 1% 0 0;
		}

	#box .box .container	{
		padding: 0;
		}

/*.row	{display: block; table-layout: auto;}
.row .right, .row .left	{display: block;vertical-align: middle;}
*/
.right-lg	{float: right;}
.left-lg	{float: left;}

.search h1, .data h1, main h1, .box h1	{
	margin: 0 10px;
	}

.main .container	{
	padding: 0;
	}

	.search section select, .search section label, .search section input	{
	font-size: 12px;
	}

	.search section select.form-control.input	{
    height: 24px;
	margin-right: 5px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
	}

	.search section select.form-control.input	{
	margin-right: 0;
    padding: 2px 0;
	font-size: 11px;
	}


	.search section label input	{
	vertical-align: 0px;
	}


.inline-lxl	{display: inline}

.item-nav	{
	padding-bottom: 0;
	border-top: 1px solid #5b5b5b;
}

.list-lnline	{
	display: inline;
	table-layout: auto;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0px;
	}

.list-lnline li	{
	display: inline-block;
	margin: 1px 0 1px 1px !important;
	padding: 0 !important;
	text-align: center;
	}

.list-lnline li a	{
	display: block;
	margin: 0 !important;
	padding: 0.25 0.75em;
	font-size: 1.4rem;
	}

.item-nav.bg-dark a:hover	{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
	color: #ffffff !important;
	background-color: #0b0b0b !important;
}

.item-search.bg-mute a:hover	{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
	background-color: #ffffff !important;
}

.item-nav .list-lnline li a	{
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
}

.item-search .list-lnline li a	{
	font-size: 1.2rem;
}

.list-lnline li:nth-child(3n) a	{
	margin-right: 0;
	}


.ttl-heavy	{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}



.btn	{
	padding-top: 0.25em;
	padding-right: 0.75em !important;
	padding-bottom: 0.25em;
	padding-left: 0.75em !important;
	cursor: pointer;
	}

.btn-toggle {
	display: none;
}

.btn-login {
	right: 0;
	width: 100px;
	z-index: 100;
}
    .nav-toggle {
        display: block !important;
        position: absolute;
        top: 0;
        right: 100px;
        width: 60%;
        height: 42px;
        overflow: visible;
        z-index: 0;
        text-align: right;
    }

    .nav-toggle li {
        display: inline;
        position: static;
    }

    .nav-toggle a {
        display:  inline-block;
        width: 130px;
        padding: 0;
        color: #eeeeee;
        background-color: #232323;
        border-bottom: none;
        text-align: center;
        font-size: 1.4rem;
        text-decoration: none;
    }


.nav-toggle a:hover {
	color: #ffffff;
}


.nav-toggle a:after {
	display: none;
}

.nav-toggle a:before {
	padding-right: 0.5em;
	content: "\f054";
	font-family: FontAwesome;
	font-size: 1.0rem;
	vertical-align: 1px;
}

.nav-toggle a:hover:before {
	margin-left: 0.25em;
	padding-right: 0.25em;
}

/*.nav-toggle a:active {
	background-color: #232323;
}
*/
img.thum-sm	{max-width: 100%;}

	#box .ttl-heavy	{
		margin: 0 10px;
	}


.panel-header .right	{
	width: 70px;
	background-color: #ecf0f1;
	}

/*.item-button	{
	display: block;
	float: left;
	width: 60px;
	height: 20px;
	line-height: 20px;
	margin: 5px 0 0 5px;
	color: #666666;
	background-color: #f7f7f7;
	border: 1px solid transparent;
	border-color: #bdc3c7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	cursor: pointer;
	}

*/
.item-button	{
	display: block;
	float: left;
	width: 60px;
	height: 30px;
	line-height: 30px;
	margin: 5px 0 0 5px;
	padding: 0 !important;
	color: #666666;
	background-color: #f7f7f7;
	border: 1px solid transparent;
	border-color: #bdc3c7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	cursor: pointer;
	}

.item-button.open, .item-button.close	{
	margin-top: 0;
	}

.item-button.card	{
	color: #ffffff;
	background-color: #34495e;
	border-color: #2c3e50;
	}

.item-button.trash	{
	color: #ffffff;
	background-color: #95a5a6;
	border-color: #95a5a6;
	}

.item-button.clear	{
	/*float: right;
	width: 110px;*/
	height: 30px;
	margin: 0 auto 10px;
	color: #ffffff;
	background-color: #95a5a6;
	text-align: center !important;
	}

.item-button.all	{
	width: 100%;
	height: 30px;
	margin: 0 auto 10px -2px;
	color: #ffffff;
	background-color: #34495e;
	border-color: #2c3e50;
	text-align: center !important;
	}

.item-button i	{
	padding: 0 !important;
	font-size: inherit;
	line-height: 30px;
	}

	.item-button.clear i	{
		margin-left: 0;
		}

	.item-button.open i	{
		margin-left: 5px !important;
		}

.item-button span	{
	display: inline;
	}


.main .container	{
	padding: 0;
	}



.box .ttl-heavy, #box .ttl-heavy	{
	position: relative;
}

body {
  overflow: hidden;
}
body#box {
  overflow: scroll;
}
.frame {
  height: 0;
  overflow-y: scroll;
  overflow-x: auto;
}
.main .frame {
  padding-right: 1px;
}



::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #4b4b4b;
}
::-webkit-scrollbar-thumb:window-inactive {
    background-color: #b7b7b7;
}


.main .ctrl.clearfix .left	{
	width: 75%;
	}
.main .ctrl.clearfix .right	{
	width: 25%;
	}

.item-button.more	{
	float: none;
	width: 90%;
	margin: 0 auto 10px;
	}

.login	{width: 400px; margin: 100px auto;}
.login form	{padding: 50px;background-color: #eeeeee; border-radius: 5px; font-size: 1.2rem;box-shadow:rgba(170, 170, 170, 0.65098) 0px 3px 0px 0px;
-webkit-box-shadow:rgba(170, 170, 170, 0.65098) 0px 3px 0px 0px;
-moz-box-shadow:rgba(170, 170, 170, 0.65098) 0px 3px 0px 0px;}
.login form .btn-block	{margin-top: 10px;}
.login form .input	{margin-bottom: 10px;border: 1px solid #cccccc; display: block; padding-right: 0; padding-left: 0; text-indent: 10px; width:99.5%;}
.login form div	{margin-top: 10px; text-align: center;}





}







@media print {
.search	{
	float: left !important;
	width: 30% !important;
	}
.main, .box	{
	float: left !important;
	width: 35% !important;
	}
	#box .row	{
		margin-left: 1%;
	}

	#box .row .box .row	{
		margin-left: 0
	}

	#box .box	{
		float: left !important;
		width: 32% !important;
		margin: 10px 1% 0 0;
		}

	#box .box .container	{
		padding: 0;
		}

/*.row	{display: block; table-layout: auto;}
.row .right, .row .left	{display: block;vertical-align: middle;}
*/
.right-lg	{float: right;}
.left-lg	{float: left;}

.search h1, .data h1, main h1, .box h1	{
	margin: 0 10px;
	}

.main .container	{
	padding: 0;
	}

	.search section select, .search section label, .search section input	{
	font-size: 12px;
	}

	.search section select.form-control.input	{
    height: 24px;
	margin-right: 5px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
	}


	.search section label input	{
	vertical-align: 0px;
	}


.inline-lxl	{display: inline}

.item-nav	{
	padding-bottom: 0;
	border-top: 1px solid #5b5b5b;
}

.list-lnline	{
	display: inline;
	table-layout: auto;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0px;
	}

.list-lnline li	{
	display: inline-block;
	margin: 1px 0 1px 1px !important;
	padding: 0 !important;
	text-align: center;
	}

.list-lnline li a	{
	display: block;
	margin: 0 !important;
	padding: 0.25 0.75em;
	font-size: 1.4rem;
	}

.item-nav.bg-dark a:hover	{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
	color: #ffffff !important;
	background-color: #0b0b0b !important;
}

.item-search.bg-mute a:hover	{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
	background-color: #ffffff !important;
}

.item-nav .list-lnline li a	{
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
}

.item-search .list-lnline li a	{
	font-size: 1.2rem;
}

.list-lnline li:nth-child(3n) a	{
	margin-right: 0;
	}


.ttl-heavy	{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}



.btn	{
	padding-top: 0.25em;
	padding-right: 0.75em !important;
	padding-bottom: 0.25em;
	padding-left: 0.75em !important;
	cursor: pointer;
	}

.btn-toggle {
	display: none;
}

.nav-toggle {
	display: block !important;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 42px;
	overflow: visible;
	z-index: 100;
	text-align: right;
}

.nav-toggle li {
	display: inline;
	position: static;
}

.nav-toggle a {
	display:  inline-block;
	margin-right: 1.0em;
	padding: 0;
	color: #eeeeee;
	background-color: transparent;
	border-bottom: none;
	font-size: 1.4rem;
	text-decoration: none;
}

.nav-toggle a:hover {
	color: #ffffff;
}


.nav-toggle a:after {
	display: none;
}

.nav-toggle a:before {
	padding-right: 0.5em;
	content: "\f054";
	font-family: FontAwesome;
	font-size: 1.0rem;
	vertical-align: 1px;
}

.nav-toggle a:hover:before {
	margin-left: 0.25em;
	padding-right: 0.25em;
}

/*.nav-toggle a:active {
	background-color: #232323;
}
*/
img.thum-sm	{max-width: 100%;}

	#box .ttl-heavy	{
		margin: 0 10px;
	}


.panel-header .right	{
	width: 70px;
	background-color: #ecf0f1;
	}

.item-button	{
	display: block;
	float: left;
	width: 60px;
	height: 20px;
	line-height: 20px;
	margin: 5px 0 0 5px;
	color: #666666;
	background-color: #f7f7f7;
	border: 1px solid transparent;
	border-color: #bdc3c7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	cursor: pointer;
	}

.item-button.open, .item-button.close	{
	margin-top: 0;
	}

.item-button.card	{
	color: #ffffff;
	background-color: #34495e;
	border-color: #2c3e50;
	}

.item-button.trash	{
	color: #ffffff;
	background-color: #95a5a6;
	border-color: #95a5a6;
	}

.item-button.clear	{
	/*float: right;
	width: 110px;*/
	height: 20px;
	margin: 0 auto 10px;
	color: #ffffff;
	background-color: #95a5a6;
	text-align: center !important;
	}

.item-button i	{
	padding: 0 !important;
	font-size: inherit;
	line-height: 20px;
	}

	.item-button.clear i	{
		margin-left: 0;
		}

	.item-button.open i	{
		margin-left: 5px !important;
		}

.item-button span	{
	display: inline;
	}


.main .container	{
	padding: 0;
	}



.box .ttl-heavy, #box .ttl-heavy	{
	position: relative;
}

body {
  overflow: hidden;
}
.frame {
  height: 0;
  overflow-y: scroll;
  overflow-x: auto;
}



::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #4b4b4b;
}
::-webkit-scrollbar-thumb:window-inactive {
    background-color: #b7b7b7;
}



}