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

/*----------------------------------------------------
	リセット
----------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}

table {
	border-collapse: collapse; border-spacing: 0;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: ''; 
}

object, embed {
	vertical-align: top;
}

hr, legend {
	display: none; 
}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
}

img, abbr, acronym, fieldset { 	
	border: 0;
	margin:0;
	padding:0;
}

img{
	border:none;
}

li { 
	list-style-type: none; 
}

html, body, .container, .leftSideBar, .content, .rightSideBar {
	height: 100%;
}

/*------------------------------------
	基本
------------------------------------*/
body {
	width:100%;
	height:100%;
	font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #444;
	padding:0;
	margin:0;
	background-color:#fff;
	font-size:94%;
	line-height:160%;
}

.cont-warp{
	float:left;
	width:100%;
	height:auto;
	box-shadow:0 5px 5px rgba(0,0,0,0.25);
}

.cont-box{
	position:relative;
	width:100%;
	max-width:1000px;
	height:auto;
	margin:0 auto;
}

.orange-warp{
	float:left;
	width:100%;
	height:auto;
}

.bg-gray{
	background-color:#e5e5e5;
}

.bg-white{
	background-color:#fff;
}

.bg-orange{
	background:#ffa94a;
	/*
	background-color:#ffa33d;
	*/
}

.bg-black-blue{
	background-color:#024f70;
}

.bg-footer{
	background-color:#001325;
}

.bg-triangle-blue{
	background-image:url(../img/common/common/bg-blue.jpg);
	background-repeat:no-repeat;
}

.bg-triangle-orange{
	background-image:url(../img/common/common/bg-orange.jpg);
	background-repeat:no-repeat;
}

.editor_view table th.bg-green{
	background:#92e0cf;
}

.bg-l-green{
	background:#bbf9eb;
}

.bg-brown{
	background:#edcab6;
}

.bg-l-gray{
	background:#f5f5f5;
}

.c-red{
	color:#ef054c;
}

.c-d-red{
	color:#b10227;
}

.f-l{
	float:left;
}

.f-r{
	float:right;
}

.f-b{
	font-weight:bold;
}

.m-t80{
	margin:80px 0 0 0;
}

.m-t10{
	margin:10px 0 0 0;
}

.m-t-10{
	margin:-100px 0 0 0;
}

.m-r20{
	margin:0 20px 0 0;
}

.m-r2p{
	margin:0 2% 0 0;
}

.m-b10{
	margin:0 0 100px 0;
}

.txt-center{
	text-align:center;
}

.z-200{
	z-index:200;
}

.w100p{
	width:100%;
}

.fs-82{
	font-size:82%;
}

.fs-100{
	font-size:100%;
}

.fs-125{
	font-size:125%;
}

.color-bl{
	color:#048ff1;
}

/* SPメニュー */
.header-box{
	width:100%;
	height:66px;
	margin:0 auto;
	padding:0 0 0 0;
	box-sizing:border-box;
	z-index:2000;
}

.header-bb{
	width:100%;
	float:left;
	margin:0 0 10px 0;
	padding:6px 0 0 0;
	background-color:#fff;
	box-shadow:0 5px 6px rgba(0,0,0,0.3);
	z-index:2000;	
}

.ul-sp-menu{
	float:left;
	width:100%;
	padding:6px 0 15px 0;
	background-color:#efefef;
	font-size:16px;
}

.ul-sp-menu li{
	float:left;
	width:80%;
	height:auto;
	margin:0 10% 0 10%;
	padding:4px 0 3px 10px;
	border-bottom:1px solid #aaa;
	box-sizing:border-box;
	background-color:#fff;
}

.ul-sp-menu li a{
	float:left;
	display:block;
	width:100%;
	padding:16px 0 16px 20px;
	background-color:#fff;
	box-sizing:border-box;
	color:#555;
	text-decoration:none;
}

.sp-box{
	float:left;
	z-index:5000;
	width:100%;
	height:100%;
	color:white;
	position:fixed;
	left:0px;
	bottom:0px;
	display:none;
	overflow:auto;
	background-color:#efefef;
}

/* READER */
.reader{
	position:absolute;
	top:-9999px;
	left:-9999px;
}

.t_err { padding:10px 10px 10px 30px;margin-bottom:14px;color:#fff; float:left; background: #f00;width:87%; }
.t_b_text { padding:2px 15px 2px 20px; float:left;width:90%; }
.frm_err { float:left;width:95%;margin:10px 4px 4px 0px;padding:6px;color:#fff;background:#f00;font-size:95%; }
.tb_box { width:100%; float:left; margin-bottom:30px; margin-top:20px; }