body {
}

ul li {
	list-style:none;
}

.wrapper {
	width:100%;
	max-width:1200px;
	margin:auto;
}

a {
	text-decoration: none !important;
}

/***** user登録（新規） *****/
table.form-group {
}

table.form-group th ,
table.form-group td {
	border:#CCC 1px solid;
	padding:5px;
}

.form-control {
	box-shadow: none !important;
}

/***** header *****/

.header {
	width:100%;
	padding:1% 0;
	border:1px solid #3dbbb7;
}

ul.top_lavel{
	width:100%;
}

ul.top_lavel li {
	width:25%;
	display: table-cell;
    vertical-align: middle;
	padding-left: 2%;
}

ul.top_lavel li.logo {
	width:20%;
	display: table-cell;
    vertical-align: middle;
	padding: 0;
}

ul.top_lavel li.logo img {
	width:70%;
}

ul.top_lavel li.logout {
	width:20%;
	display: table-cell;
    vertical-align: middle;
}

/***** layout *****/

table.contents {
	width:100%;
}

	table.contents td.menu {
		width:16%;
		vertical-align:top;
	}
	
	table.contents td.contents {
		width:80%;
		padding:2%;
		vertical-align:top;
		border: 1px solid #3dbbb7;
	}

/***** menu *****/

ul.nav li {
	border:1px solid #CCC;
}

/***** contents *****/

h3 {
	color:#3dbbb7 !important;
	border-bottom:2px solid #3dbbb7;
}

.content_box {
	padding-bottom:2%;
}

.kiji {
	padding:2% 0;
	border-bottom:1px dotted #3dbbb7;
}

table.clm0 {
	width:100%;
}

	table.clm0 th {
		padding:1%;
		background-color:#3dbbb7;
		color:#fff;
		border:1px solid #CCC;
		text-align:center;
	}

	table.clm0 td {
		padding:1%;
		border:1px solid #CCC;
		text-align:center;
		max-width: 200px;
	}

table.clm2 {
	width:100%;
}

	table.clm2 th {
		width:30%;
		padding:2%;
		background-color:#3dbbb7;
		color:#fff;
		border:1px solid #CCC;
	}

	table.clm2 td {
		width:70%;
		padding:2%;
		border:1px solid #CCC;
	}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline-offset: 0 !important;
}

.btn {
	display: inline-block;
	max-width: 180px;
	text-align: left;
	border: 2px solid #3dbbb7 !important;
	font-size: 16px;
	color: #3dbbb7;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 35px !important;
	border-radius: 4px;
	transition: .4s;
	background-color: #fff;
	position:relative;
}

.btn_100 {
	display: inline-block;
	max-width: 250px;
	text-align: center;
	border: 2px solid #3dbbb7 !important;
	font-size: 16px;
	color: #3dbbb7;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 100px !important;
	border-radius: 4px;
	transition: .4s;
	background-color: #fff;
	position:relative;
}

.btn a ,
.btn_100 a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn:hover ,
.btn_100:hover {
	background-color: #3dbbb7;
	border-color: #9F9;
	color: #FFF !important;
}

.submit_btn {
	text-align:center;
	padding:2%;
}

input {
	width:80%;
}

.content_big_title {
	background-color: #3dbbb7;
    color: #fff;
    font-size: 25px;
    padding: 2%;
}

/***** 開閉メニュー *****/

.cp_menu {
	max-width: 360px;
	margin: 0 auto;
	padding: 0;
}
.cp_menu a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #000000;
	line-height: 1;
}
.cp_menu label {
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 12px;
	line-height: 1;
	color: #ffffff;
	background: #3dbbb7;
	cursor: pointer;
}
.cp_menu label a {
	color:#fff;
}
.cp_menu label::before {
	position: absolute;
	content: '▼';
	color: #ffffff;
	right: 0.5em;
	top: 25%;
}
.cp_menu input {
	display: none;
}
.cp_menu ul {
	margin: 0;
	padding: 0;
	background: #f4f4f4;
	list-style: none;
}
.cp_menu li {
	overflow-y: hidden;
	max-height: 0;
	transition: all 0.5s;
}
/*リストが増えたらULごとに追加してください*/
#cp_menu_bar1:checked ~ #link1 li,
#cp_menu_bar2:checked ~ #link2 li,
#cp_menu_bar3:checked ~ #link3 li,
#cp_menu_bar4:checked ~ #link4 li,
#cp_menu_bar5:checked ~ #link5 li,
#cp_menu_bar6:checked ~ #link6 li,
#cp_menu_bar7:checked ~ #link7 li,
#cp_menu_bar8:checked ~ #link8 li,
#cp_menu_bar9:checked ~ #link9 li {
	max-height: 46px;
	opacity: 1;
}

textarea {
	white-space: pre-wrap;
	width: 80%;
    height: 30vh;
}

input[type=checkbox] {
	height: 24px;
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}