@charset "utf-8";

/* 共通
-------*/
body{
	background: #F5F5F5;
	color: #1C1C1C;
}
a{
	color: #0000ff;
	text-decoration: none;
}
a:hover{}
h1{
	font-size:19px;
	padding:0 0 5px 0;
}
.send_box{
	margin-top: 20px;
}
.leanModal{
	display:none;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

/* ログイン
-------*/
#login_wrapper{
	width: 100%;
}
#login_wrapper .title{
	padding: 100px 0 50px 0;
	text-align: center;
	font-size:20px;
	font-weight:bold;
}
#login_wrapper .content{
	text-align: left;
	width: 255px;
	margin: 0 auto;
}
#login_wrapper .login_btn{
	text-align: right;
	margin-top: 20px;
}

/* 管理画面
-------*/
/* 共通部分 */
#wrapper{
	width:100%;
}
#header_bar{
	height: 78px;
	background: #008fe2;
	color: #fff;
}
#header_bar a{
	color: #fff;
}
#header_bar .logo{
	background: url(../img/logo_hcs.png) no-repeat;
	background-size: contain;
	text-indent: -999em;
	position: absolute;
	height: 40px;
	width: 40px;
	margin: 20px 15px;
	display: block;
}
#header_bar .logo_title{
	position: absolute;
	top: 26px;
	left: 63px;
	font-size: 18px;
	font-weight: bold;
}
#header_bar .menu{
	float: right;
	margin: 28px 15px;
}

#main_wrapper{
	width:100%;
}
.sidebar{
	width:17%;
	float:left;
	padding-top:20px;
}
.sidebar a{
	color: #1c82e1;
}
.sidebar a:hover{text-decoration: underline;}
.sidebar ul{
	padding:0;
	margin:0;
	font-size: 12px;
	padding-left: 13px;
}
.sidebar ul li{
	list-style:none;
	margin: 3px 0;
	padding-left: 15px;
}
.sidebar .nav_service{
	color: #000;
	text-transform: uppercase;
	padding: 5px 0;
	font-weight: 700;
}
.sidebar .nav_top{
	color: #000;
	text-transform: uppercase;
	padding: 5px 0;
	font-weight: 700;
}
.sidebar .sub_nav{
	margin: 8px 0 8px 25px;
}
.sidebar .sub_nav li{
	padding: 8px 0;
}

#main_wrapper .content{
	width: 83%;
	float: right;
	color: #1C1C1C;
	background:#fff;
}
.content_box{
	padding:20px 25px;
	border-left: 1px solid #C0C0C0;
}
.bottom_margin{
	margin-bottom: 500px;
}

table{
	width:100%;
	border-collapse: collapse;
	border-spacing:2px;
	border-color:gray;
	margin-bottom: 10px;
}
table th{
	background:#dfe8f1;
	padding:10px;
	border: 1px solid #DAD4C8;
}
table td{
	border:1px solid #DAD4C8;
	padding:10px;
	background:#fff;
}
.submit_box{
	text-align: center;
	margin-bottom: 10px;
}
.submit_box input{
	padding:5px 8px;
}
.printBtn{
	float: right;
	margin-top: -35px;
}
/* パソコン サイト */
@media screen and (min-width: 769px){

}

/* タブレット サイト */
@media screen and (max-width: 768px){


}

/* スマホ サイト */
@media screen and (max-width: 640px){

	.sidebar{
		width:100%;
		padding-top:10px;
	}

	#main_wrapper .content{
		width: 100%;
	}
	.content_box {
		padding: 5px;
	}
}

/* IFRAME
-------*/
#iframe_body{
	background:#FaFaFa;
	color: #1C1C1C;
}
#iframe_header_bar{
	background: #000;
	color: #fff;
	padding: 10px;
	border: none;
}
#iframe_wrapper{
	width:100%;
}
#iframe_wrapper #header_bar{
	background: #000;
	color: #fff;
	padding: 10px;
	border: none;
}
#iframe_wrapper h1{
	font-size:13px;
	padding: 0;
}
#iframe_wrapper .content{
	text-align: left;
	padding:10px;
}