@charset "Shift_JIS";

/* --- ▼ヘッダー外枠 ---------------------------------------------------------------------------------------------------- */
#p0201mainouter {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border-top-width: 4px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e60000;
	border-right-color: #e60000;
	border-bottom-color: #c2c2c2;
	border-left-color: #e60000;
}
#p0201maininner00_editmode {
	display:table;
	position: relative;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	height:50px;
	text-align:left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #c2c2c2;
}
#p0201maininner00_seikyulist {
	display:table;
	position: relative;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	height:50px;
	text-align:left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #c2c2c2;
}
#p0201maininner01 {
	display:table;
	position: relative;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	height:100px;
	text-align:left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #c2c2c2;
}
#p0201maininner02 {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align:left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#p0201maininner03 {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align:left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}





/* --- ▼ヘッダー各パーツ ---------------------------------------------------------------------------------------------------- */

/* 編集モード */
.p0201heder_editlogo{
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	width:20%;
	vertical-align: middle;
	font-size: 12px;
	line-height:120%;
	color:#888888;
}
.p0201heder_editmessage {
	display: table-cell;
	width:80%;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
	text-align:left;
	font-size: 12px;
	line-height:120%;
	color:#888888;
}

/* 請求系ページ */
.p0201heder_minilogo{
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	width:20%;
	vertical-align: middle;
	font-size: 12px;
	line-height:120%;
	color:#888888;
}
.p0201heder_blankmessage {
	display: table-cell;
	width:80%;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
	text-align:left;
	font-size: 12px;
	line-height:120%;
	color:#888888;
}

/* パンくずリスト */
.p0201heder_breadcrumbslist {
	position: absolute;
	display:block;
	width:auto;
	top: 2px;
	right: 4px;
}
.p0201heder_breadcrumbslist ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.2em;
	text-align: left;
}
.p0201heder_breadcrumbslist li {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	white-space: nowrap;
	list-style-type: none;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	line-height:120%;
	color:#888888;
}
.p0201heder_breadcrumbslist li a{
	color:#888888;
}
.p0201heder_breadcrumbslist li a:hover{
	color:#e40000;
}
.p0201heder_breadcrumbslist li img{
	vertical-align:top;
	margin-top:1px;
}



/* ロゴ */
.p0201header_logo {
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 25px;
	width:auto;
	vertical-align: middle;
	white-space: nowrap;
}
.p0201header_logo img:hover{
	opacity: 0.6;
}
@media screen and (max-device-width: 1024px) {
 .p0201header_logo img:hover { 
		opacity:1.0;
	}
}



/* キーワードサーチ */
.p0201header_keywordsearch {
	display: table-cell;
	width:auto;
	vertical-align: middle;
	white-space: nowrap;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}
.p0201header_keywordsearch input[type="text"].keyword {
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 5px 5px;
	width: 260px;
	height: 32px;
	border: 1px solid #c2c2c2;
	color: #888888;
	font-size: 12px;
	line-height:120%;
	ime-mode: active;
	border-radius: 2px;
}
.p0201header_keywordsearch img{
	margin-top:1px;
}
.ui-menu .ui-menu-item{
	color: #888888;
	font-size: 12px;
	line-height:120%;
}


/* 緊急告知枠  */
.p0201header_emergency {
	position: absolute;
	display:block;
	width:auto;
	top: 12px;
	left: 265px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	line-height:120%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c2c2c2;
	border-right-color: #c2c2c2;
	border-bottom-color: #c2c2c2;
	border-left-color: #c2c2c2;
	background-color:#fde6c1;
}
.p0201header_emergency img {
	margin-top: -2px;
}



/* サブメニュー */
.p0201header_submenu {
	display: table-cell;
	width:auto;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 12px 10px 0px 10px;
}
.p0201header_submenu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.p0201header_submenu li{
	display:inline-block;
	margin: 0px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	vertical-align: middle;
	white-space: nowrap;
	border: 0px solid #cccccc;
}
.p0201header_submenu .icon{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.p0201header_submenu .icon img {
}
.p0201header_submenu .icon img:hover{
	opacity: 0.6;
}
@media screen and (max-device-width: 1024px) {
 .p0201header_submenu .icon img:hover { 
		opacity:1.0;
	}
}










/* --- ▼タブメニュー枠 ---------------------------------------------------------------------------------------------------- */
#p0201_main_tab {
	bottom: 2px;
	background-position: 0px 1px;
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-collapse: collapse;
	border-spacing: 0;
	width: 980px;
	text-align: left;
	vertical-align: top;
}
#p0201_main_tab li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	float: left;
	display: block;
	text-align: center;
	vertical-align: top;
}


/* --- ▼週替わりテキストバナー＋実績対策用各種バナー ---------------------------------------------------------------------------------------------------- */
.p0201heder_weekly_banner {
	display:inline-block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	width:100%;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	text-align: left;
	vertical-align: middle;
	background-color:#fff8ec;
	background-color:#f6f6f6;
	background-color:#ededed;
}
.p0201heder_weekly_banner ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.2em;
	text-align: left;
}
.p0201heder_weekly_banner li {
	display:inline-table;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	list-style-type: none;
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	line-height: 120%;
	width:45%;
	white-space:nowrap;
}
.p0201heder_weekly_banner li img{
	vertical-align:top;
	margin-top:2px;
	margin-right:2px;
}



/* --- ▼ LINE導線ボタン ---------------------------------------------------------------------------------------------------- */
/* new 2018/05/30 D.Hiraiwa LINEのQRを表示する吹き出しを追加 */

/* LINEのQRを表示する吹き出しのベース */
.p0201_line_base {
	position: relative;
	position: fixed;
	bottom: 1em;
	right: 50%;
	z-index: 999;
	margin-right: -500px;
	cursor : pointer;
}
/* LINEのQRを表示する吹き出し（閉） */
.p0201_line_close {
	display: block;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
.p0201_line_base .p0201_line_close .line_button {
	margin: 0em 0em 0em 0em;
	padding: 1.1em 0em 1.1em 0em;
	text-align: center;
	width: auto;
}
.p0201_line_base .p0201_line_close .line_button img{
	width: 100%;
	height: auto;
	cursor: pointer;
}
/* LINEのQRを表示する吹き出し（開） */
.p0201_line_base .p0201_line_open {
	display: block;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	opacity: 0;
}
.p0201_line_base .p0201_line_open .line_button {
	margin: 0em 0em 0em 0em;
	padding: 1.1em 0em 1.1em 0em;
	text-align: center;
	width: auto;
}
.p0201_line_base .p0201_line_open .line_button img{
	width: 100%;
	height: auto;
}
/* QRコードの位置（開） */
.p0201_line_base .line_qr {
	width: 147px;
	height: 147px;
	position: absolute;
	bottom: 3em;
	right: 17em;
}