<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*--------------------------------------------------------------------*/
/* 基本設定
/*--------------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
	list-style-type:none;
}
html{
}
body{
	font-size:85%;
	color:#333333;
	text-align:center;
}
img{
	border:0;
	vertical-align:bottom;
/*	display: block;*/
}
img.roll{
	cursor:pointer;
}

/*clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }
.clearfix {
    display: inline-table;
    min-height: 1%;
    }
/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */


/*--------------------------------------------------------------------*/
/* リンク設定 及び 文字色設定
/*--------------------------------------------------------------------*/

a:visited{color:#551A8B;}
a:hover{color:#FF2200;}

.red{color:#CC0000;}
.yellow{color:#FFFF00;}
.pblue{color:#0086CD;}

.error{
	font-size:13px;
	color:#FF0000;
}
a img.opa:hover{
	opacity: 0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
input.opa:hover{
	opacity: 0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*--------------------------------------------------------------------*/
/* リンクのアイコン設定
/*--------------------------------------------------------------------*/

a.newWin{
	background:url(//pgm-images.s3.amazonaws.com/images/common/icon_newWin.gif) no-repeat right center;
	padding-right:15px;
}
a.linkArrow,
span.linkArrow{
	background:url(//pgm-images.s3.amazonaws.com/images/common/icn_triangle_right_8x9.png) no-repeat left center;
	padding-left:10px;
}
label{
cursor:pointer;
}


/*--------------------------------------------------------------------*/
/* 汎用スタイル
/*--------------------------------------------------------------------*/

/* マージン設定 */

.ma0{margin:0px !important;}
.ma5{margin:5px !important;}
.ma10{margin:10px !important;}
.ma15{margin:15px !important;}
.ma20{margin:20px !important;}
.ma25{margin:25px !important;}
.ma30{margin:30px !important;}
.ma40{margin:40px !important;}
.ma50{margin:50px !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}


/* パディング設定 */
.pa0{padding:0px !important;}
.pa5{padding:5px !important;}
.pa10{padding:10px !important;}
.pa15{padding:15px !important;}
.pa20{padding:20px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa40{padding:40px !important;}
.pa50{padding:50px !important;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}


/* フォントサイズ設定 */

.fs70{font-size:70% !important;}
.fs80{font-size:80% !important;}
.fs90{font-size:90% !important;}
.fs100{font-size:100% !important;}
.fs110{font-size:110% !important;}
.fs120{font-size:120% !important;}
.fs130{font-size:130% !important;}
.fs140{font-size:140% !important;}

.fs10{font-size:77% !important;}
.fs11{font-size:85% !important;}
.fs12{font-size:93% !important;}
.fs13{font-size:100% !important;}
.fs14{font-size:108% !important;}
.fs15{font-size:116% !important;}
.fs16{font-size:123.1% !important;}
.fs17{font-size:131% !important;}
.fs18{font-size:138.5% !important;}
.fs19{font-size:146.5% !important;}
.fs20{font-size:153.9% !important;}
.fs21{font-size:161.6% !important;}
.fs22{font-size:167% !important;}
.fs23{font-size:174% !important;}
.fs24{font-size:182% !important;}
.fs25{font-size:189% !important;}

/* 行揃えの設定 */
.txtAL{text-align:left !important;}
.txtAC{text-align:center !important;}
.txtAR{text-align:right !important;}

.vAT{vertical-align:top;}
.vAM{vertical-align:middle;}
.vAB{vertical-align:bottom;}


/*----------------------------------------------------*/
/*--------------------- フォーム ---------------------*/
/*----------------------------------------------------*/
.textform, textarea, .dropdown {
	background: -moz-linear-gradient(center top , #F0F0F0, #FFFFFF) repeat scroll 0 0 transparent;
	border: 1px solid #AAAAAA;
	border-radius: 3px 3px 3px 3px;
	font-size: 100%;
	padding: 3px;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#f0f0f0),
		to(#fff)
		);
	-webkit-border-radius: 3px;

	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#f0f0f0,
		#fff
		);
	-moz-border-radius: 3px;
}

/*--------------------------------------------------------------------*/
/* 外税対策時に追加した共通スタイル
/*--------------------------------------------------------------------*/
p.tax_note{
	padding-left:1.0em;
	text-indent:-1.0em;
	text-align:left;
	color:#DD0000;
	font-size:93%;
}


/*--------------------------------------------------------------------*/
/* #container
/*--------------------------------------------------------------------*/

#container{
	position: relative;
	margin: 0 auto;
	text-align:center;
	width: 980px;
	min-height:100%;
	_height:100%;
}

/*--------------------------------------------------------------------*/
/* ヘッダー設定
/*--------------------------------------------------------------------*/

#header{
	width:980px;
	margin:0 auto;
	text-align:left;
}

.mypgm #header{
	width:980px;
	margin:0 auto;
	padding: 10px 0 1px 0;
	border-bottom: solid 2px #3AAAE6;
	text-align:left;
}

.mypgm #header .top_line {
	width: 980px;
}

.mypgm #header h1 {
	float: left;
	padding: 8px 0 10px 10px;
}

.mypgm #header .header_right {
	float: right;
	text-align: right;
	margin-top: 25px;
}

.mypgm #header .header_right ul {
	padding: 5px 0;
	font-size: 90%;
	font-weight: normal;
	text-align: right;
	letter-spacing: -.40em;
}

.mypgm #header .header_right li {
	padding: 2px 10px;
	border-right: solid 1px #CCCCCC;
	display:inline-block;
	*display:inline;
	*zoom: 1;
	letter-spacing: normal;
}

.mypgm #header .header_right li.first {
	border-left: solid 1px #CCCCCC;
}

.mypgm #header .header_right li.help {
	font-size: 93%;
}

.mypgm #header .header_right a:link {
	 color: #666666;
	 text-decoration: none;
}

.mypgm #header .header_right a:hover {
	color: #666666;
	text-decoration: underline;
}

.mypgm #header .header_right .header_search {
	width: 225px;
}

.mypgm #header #g-navi {
	position:relative;
	background-color: #0086CD;
	width: 980px;
}

.mypgm #header #g-navi li {
	float: left;
}

/* グローバルナビにNEWマークを表示するスタイル ------------------------------------*/
/* ※NEWマーク非表示の場合は、「li.newMark」をdisplay:none; -----------------*/
/* ※複数表示の場合は「.newMark2」を複製する ---------------------------------*/

.mypgm #header #g-navi li.newMark{
	position: absolute;
    left:125px;
    top:-14px;
    width:34px;
    padding:3px 0 2px;
	background:#DD0000;
	border:2px solid #FFFFFF;
    border-radius:5px;
    font-size:9px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
}
.mypgm #header #g-navi li.newMark:after, .newMark:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.mypgm #header #g-navi li.newMark:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #DD0000;
	border-width: 4px;
	margin-left: -4px;
}
.mypgm #header #g-navi li.newMark:before {
	border-color: rgba(221, 0, 0, 0);
	border-top-color: #FFFFFF;
	border-width: 7px;
	margin-left: -7px;
}
/*1人予約プロフィール登録についての吹き出し*/
.mypgm #header #g-navi li.newMark{
	position: absolute;
    left:239px;
    top:-18px;
    width:180px;
    padding:3px 0 2px;
	background:#DD0000;
	border:2px solid #FFFFFF;
    border-radius:5px;
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
}


/*     PGMヘッダー
------------------------------------------*/

/*
header#header {
  width:950px;
  margin:0 auto 70px;
  margin:0 auto _65px;
}
*/
#siteHead {
  width:539px;
  height:47px;
  margin:12px 0 0 0;
  _margin-left:6px;
  float:left;
}

#headerRight {
  float:right;
  margin:37px 3px 0 0;
  text-align: right;
}

#headerNavigation {
  margin-bottom:6px;
  text-align:right;
}

#headerNavigation ul {
  float:right;
}

li.headerNavList {
  float:left;
  border-left:1px solid #bbb;
  padding:0 9px;
  text-align:right;
}

li.headerNavList a:link, li.headerNavList a:visited, li.headerNavList a:active, li.headerNavList a:hover {
  color:#838381;
}

li#headerListKoria {
  border-right:1px solid #bbb;
}

article#search {
  clear:both;
  float:right;
}

input#searchWindow {
  width:200px;
  height:21px;
  border:1px solid #bbb;
  margin:0 2px 0 0;
  background:url(//pgm-images.s3.amazonaws.com/images/header/bg_s.gif) no-repeat 5px 2px;
  padding:0 0 0 24px;
  _line-height:21px;
}

input#searchBtn {
  margin:0px;
  padding:0px;
  height:21px;
  width:50px;
  vertical-align:middle;
}


#globalNavigation {
	clear:both;
	width:980px;
	margin:5px 0;
	height:60px;
	background:url(//pgm-images.s3.amazonaws.com/images/header/g_navi_bg.gif) left top no-repeat;
	font-size: 93%;
}
#globalNavigation ul#gnavService {
	height:22px !important;
	height:27px;
	padding:5px 0 0 14px;
}

#globalNavigation ul#gnavService li {
  float:left;
  padding-right:6px;
}
#globalNavigation ul#gnavService li a {
  display:block;
  padding:1px 4px 0 4px;
}
#globalNavigation ul#gnavService li a img {
  vertical-align:middle;
}

#globalNavigation ul#gnavService li#navHelp {
	float:right;
}
/* 2013/10/28 誤ってアップしても11/1以前に変更が適用されないように分けましたが、11/1以降は↑の記述に統合して構いません。 */
#globalNavigation.globalNavigation_wide ul#gnavService li#navHelp {
	float:left!important;
}

#globalNavigation ul#gnavService li#navDropdown{
  float:right;
  margin-right:0;
  margin-top:-1px;
  _margin-top:0px;
}

#globalNavigation ul#gnavCourse{
	padding:2px 0 0 5px;
}
#globalNavigation #gnavCourse li{
	height:20px !important;
	height:24px;
	padding:2px 0;
	float:left;
}
#globalNavigation #gnavCourse li a{
	display:block;
	padding:3px 9px 3px 10px;
	border-right:1px solid #FFFFFF;
	line-height:0;
}
/* 2013/10/28 誤ってアップしても11/1以前に変更が適用されないように分けましたが、11/1以降は↑の記述に統合して構いません。 */
#globalNavigation.globalNavigation_wide #gnavCourse li a{
	padding:3px 15px 3px 16px!important;
}
#globalNavigation #gnavCourse li a img{
	vertical-align:baseline;
}
#globalNavigation #gnavCourse li.gnavBtn{
	height:24px;
	margin-right:2px;
	padding:0;
}
#globalNavigation #gnavCourse li.gnavBtn a{
	border:none;
	padding:0;
}
/* 2013/10/28 誤ってアップしても11/1以前に変更が適用されないように分けましたが、11/1以降は↑の記述に統合して構いません。 */
#globalNavigation.globalNavigation_wide #gnavCourse li.gnavBtn a{
	padding:0!important;
}
#globalNavigation #gnavCourse li.mobile{
	padding-left:15px;
}




ul#gnavService li .gnavTop p a, ul#gnavService li .gnavTop p a img, ul#gnavService li .gnavTop ul li a, ul#gnavService li .gnavTop ul li a img, ul#gnavCourse li .gnavBottom p a, ul#gnavCourse li .gnavBottom p a img, ul#gnavCourse li .gnavBottom ul li a, ul#gnavCourse li .gnavBottom ul li a img {
  display:inline;
}

#navCourselist {
	padding-left:20px;
}
select.cg_selected {
	height:21px;
	border:1px solid #bbb;
	_line-height:21px;
}

p.dummy_login {
	margin-top: 5px;
	padding: 10px;
	width: 750px;
	border: double 1px #CC0000;
	color: #CC0000;
	font-weight: bold;
}

/*     PGMヘッダー　ここまで
------------------------------------------*/


/*     予約遷移　簡易ヘッダー　ここから
------------------------------------------*/
.reserve_simpleheader {
	border-bottom: solid 3px #3AAAE6;
	text-align: left;
}

.reserve_simpleheader p {
	padding: 8px 0 10px 10px;
}




/*     パンくず・SNSボックス
------------------------------------------

div#breadSns{
  width:980px;
  margin:0 auto;
  padding:0;
  height:32px;
}
*/


/*--------------------------------------------------------------------*/
/* パンくずリスト
/*--------------------------------------------------------------------*/

#breadcrumb{
/*	float: left;
	width:980px; */
	width: 980px;
	margin:5px auto 20px;
	/*margin:25px auto 10px auto;*/
	text-align:left;
	font-size: 93%;
}
#breadcrumb li{
	float:left;
}

#breadcrumb li.in_page {
	font-weight: bold;
}


#contents{
	width:980px;
	margin:0 auto;
	padding-bottom:20px;
}

/*-------------------------------------------*/
/*     SNSボタン用
/* ------------------------------------------

#snsBox{
	width:400px;
	float:right;
    margin: 5px -114px 0px 0;
	vertical-align: top;
}

/*    IE用　　*/
/* ---------------------------------------------------
#snsBox{
	margin/*\**//*---     : 0 -114px 7px 0\9;
}

#snsBox ul li{
  float: left;
	padding: 0px;
	display: inline;
}

#snsBox ul li.fb{
  margin: 0px 10px 5px 0px;
}

#snsBox ul li.fb div{
  width:110px!important;
}

#snsBox ul li.gg{
  margin: 0px 10px 5px -10px;
}

#snsBox ul li.tw{
  margin: 0px 10px 5px -20px;
}

*/


/*--------------------------------------------------------------------*/
/* ページトップへ戻る
/*--------------------------------------------------------------------*/

.pageTop{
	display:block;
	width:960px;
	margin:0 auto;
	padding:10px 0;
	text-align:right;
	clear:both;
	font-size:90%;
}
.pageTop a{
	background:url(//pgm-images.s3.amazonaws.com/images/common/icon_pageTop.gif) no-repeat left 5px;
	padding-left:13px;
}


/*--------------------------------------------------------------------*/
/* フッター設定
/*--------------------------------------------------------------------*/

#footer{
	margin: 1px auto 0;
	width:980px;
}
/*
#footer div{
	width:980px;
	margin:0 auto;
	padding-top:10px;
}
*/

#footer ul.page,
#footer p.copyright{
	padding: 0 0 2px 20px;
	width: 960px !important;
	width: 980px;
	font-size:85%;
	color:#999999;
	text-align: left;
}

#footer ul.footer_navi {
	padding: 5px 20px;
	background-color: #999999;
}

#footer ul.footer_navi li {
	float: right;
	font-size: 77%;
}

#footer ul.footer_navi li.footer_navi_li_help {
	float: left;
}

#footer ul.footer_navi li.footer_navi_li {
	padding: 0 11px;
	border-right: solid 1px #FFFFFF;
}

#footer ul.footer_navi li.footer_navi_li_end {
	padding: 0 0 0 11px;
}


#footer ul.footer_navi a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer ul.footer_navi a:visited {
	color: #FFFFFF;
}
#footer ul.footer_navi a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}



/* 制作段階 フッター設定 */
#footer ul.footer_navi_mypgm {
	margin-top: 30px;
	padding: 5px 20px;
	background-color: #999999;
}

#footer ul.footer_navi_mypgm li {
	float: right;
	font-size: 77%;
}

#footer ul.footer_navi_mypgm li.footer_navi_li_help {
	float: left;
}

#footer ul.footer_navi_mypgm li.footer_navi_li {
	padding: 0 11px;
	border-right: solid 1px #FFFFFF;
}

#footer ul.footer_navi_mypgm li.footer_navi_li_end {
	padding: 0 0 0 11px;
}


#footer ul.footer_navi_mypgm a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer ul.footer_navi_mypgm a:visited {
	color: #FFFFFF;
}
#footer ul.footer_navi_mypgm a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/*----- フッターリンク -----*/

#footer_link {
	margin:30px auto 0;
	width:980px;
}

#footer_link .pagetop_btn {
	height: 17px;
}
#footer_link .pagetop_btn p {
	text-align: right;
	padding: 0 10px 0 0;
	height: 17px;
}
#footer_link .pagetop_btn img {
	vertical-align: bottom;
	line-height: 0;
}

#footer_link .area_cg {
	background-color: #D9D9D9;
}

#footer_link .area_cg a:link {
	color: #333333;
	text-decoration: underline;
}
#footer_link .area_cg a:visited {
	color: #666666;
}
#footer_link .area_cg a:hover {
	color: #CC0000;
}

#footer_link .area_cg dl.area_cg_list {
	padding: 10px 20px;
	background: url(//pgm-images.s3.amazonaws.com/images/common/bg_footer_area_top.png) left top no-repeat;
	width: 940px !important;
	width: 980px;
}

#footer_link .area_cg dl.area_cg_list dt {
	float: left;
	font-weight: bold;
	width: 180px;
	text-align: left;
}

#footer_link .area_cg dl.area_cg_list dd {
	float: left;
	width: 755px;
}

#footer_link .area_cg dl.area_cg_list dd ul.top_line li {
	float: left;
	padding-right: 20px;
}

#footer_link .area_cg dl.area_cg_list dd ul.bottom_line {
	margin-top: 2px;
	padding-left: 180px;
	font-size: 93%;
}

#footer_link .area_cg dl.area_cg_list dd ul.bottom_line li {
	float: left;
	padding-right: 5px;
}

#footer_link .link_box {
	margin-top: 1px;
	padding: 15px 20px;
	background-color: #F4F4F4;
	width: 940px !important;
	width: 980px;
}

#footer_link .link_box a:link {
	color: #333333;
	text-decoration: none;
}
#footer_link .link_box a:visited {
	color: #666666;
}
#footer_link .link_box a:hover {
	color: #CC0000;
}


#footer_link .link_box dl.f_l {
	float: left;
	text-align: left;
}
#footer_link .link_box dl.service {
	padding-right: 10px;
	width: 385px !important;
	width: 395px;
}
#footer_link .link_box dl.point {
	padding-right: 10px;
	width: 175px !important;
	width: 185px;
}

#footer_link .link_box dl.event {
	padding-right: 10px;
	width: 175px !important;
	width: 185px;
}

#footer_link .link_box dl.company {
	padding: 0;
	width: 175px;
}

#footer_link .link_box dt {
	font-weight: bold;
	padding: 2px 0;
	border-bottom: solid 1px #333333;
}
#footer_link .link_box dd {
	float: left;
	padding-top: 4px;
	width: 185px;
	font-size: 85%;
}
#footer_link .link_box dd li {
	padding: 5px 0 0 5px;
	width: 182px !important;
	width: 187px;
}

#footer_link .link_box dd.no_service {
	float: left;
	padding-top: 4px;
	width: 175px;
	font-size: 85%;
}

#footer_link .link_box dd.no_service li {
	width: 170px !important;
	width: 175px;
}

/*--------------------------------------------------------------------------------
	Font Size 設定
--------------------------------------------------------------------------------*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
version: 2.7.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires
 */
/*
Font-size Adjustment
	 77% = 10px	|	123.1% = 16px	|	167% = 22px
	 85% = 11px	|	131% =  17px	|	174% = 23px
	 93% = 12px	|	138.5% = 18px	|	182% = 24px
	100% = 13px	|	146.5% = 19px	|	189% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|
*/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */
	/* *font-size:small; */
	/* for IE Quirks Mode */
	/* *font:x-small; */
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo',  'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table, {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}



/* DatePicker用スタイル */
td a.ui-state-default{border:1px solid #c5dbec !important;}
#ui-datepicker-div a.ui-state-default { color:#2e6eb5!important; }
td a.ui-state-default { color:#2e6eb5; background-color:#ffffff !important; background-image:none !important; }
td.sunday a.ui-state-default { color:#ff0000 !important; background-color:#fff0f5 !important; background-image:none;border:1px solid #ff999b !important; }
td.saturday a.ui-state-default { color:#0000ff !important; background-color:#dfeffc !important; background-image:none; }
td.holiday a.ui-state-default { color: #ff0000 !important; background-color:#fff0f5 !important; background-image:none;border:1px solid #ff999b !important; }

td.ui-datepicker-current-day a.ui-state-default { color: #e17009 !important; background-color:#fff68f !important; background-image:none; border:1px solid #e27009 !important; }
td.ui-datepicker-today a.ui-state-default { color: #ffffff !important; background-color:#79b7e7 !important; background-image:none; border:1px solid #79b7e7 !important; }




/*--------------------------------------------------------------------------------
	新header用 スタイル (20181010-)
--------------------------------------------------------------------------------*/
/*------- g_nav_new.css 要素 ここから -------*/

/* ##### font-face ##### */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}


.com_global_materials, .com_global_materials * {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  font-feature-settings : "palt";
  box-sizing: border-box; 
}
@media all and (-ms-high-contrast: none)  {
  .com_global_materials, .com_global_materials * {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  .com_global_materials, .com_global_materials * {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

/* ##### hide header/footer for SP ##### */
header.com_global_header_sp { display: none; }
.sp { display: none; }

/* ##### overwrite bootstrap ##### */
body { position: relative; }

/* ##### switches ##### */
.u979_b, .u979_ib, .u979_i { display: none!important; }
.u899_b, .u899_ib, .u899_i { display: none!important; }
.u799_b, .u799_ib, .u799_i { display: none!important; }
.u699_b, .u699_ib, .u699_i { display: none!important; }
.u449_b, .u449_ib, .u449_i { display: none!important; }
.u374_b, .u374_ib, .u374_i { display: none!important; }
.u349_b, .u349_ib, .u349_i { display: none!important; }

.o979_b, .o899_b, .o799_b, .o699_b, .o449_b, .o374_b, .o349_b { display: block!important; }
.o979_ib, .o899_ib, .o799_ib, .o699_ib, .o449_ib, .o374_ib, .o349_ib { display: inline-block!important; }
.o979_i, .o899_i, .o799_i, .o699_i, .o449_i, .o374_i, .o349_i { display: inline!important; }

/* ##### com_global_header ##### */
.com_global_header {
  width: 100%;
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.com_global_header_heightadjuster {
  display: block;
  height: 115px;
  width: 0;
}

/* ## first row ## */
.com_global_header_sp_hamberger { display: none; }
.com_global_header_firstrow {
  width:980px;
  max-width: 980px;
  height: 60px;
  margin: 0 auto;
  position: relative;
}
.com_global_header_firstrow h1 {
  width: 118px;
  height: 34px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.com_global_header_firstrow h1 a, .com_global_header_firstrow h1 img {
  display: block;
  width: 100%;
  border: 0;
}
.com_global_header_firstrow_btns {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 0;
  text-align: center;
}
.com_global_header_firstrow_btn:link, .com_global_header_firstrow_btn:visited {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  padding: 2px 10px 0 10px;
  background: #1977b3;
  border-radius:  4px 4px 5px 5px;
  border-bottom: rgba(192,192,192,0.6) solid 2px;
  margin-left: 5px;
  text-decoration: none;
  white-space: nowrap;
}
.com_global_header_firstrow_btn:hover {
  text-decoration: none;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.com_global_header_firstrow_btn_strong:link, .com_global_header_firstrow_btn_strong:visited {
  background-color:#ff690c;
  min-width: 90px;
}
.com_global_header_firstrow_btn_stronger:link, .com_global_header_firstrow_btn_stronger:visited {
  background-color:#ff2222;
  min-width: 90px;
}
.com_global_header_firstrow_help:link, .com_global_header_firstrow_help:visited {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  padding: 4px 4px 2px 22px;
  background: url(/images/global_header/com_global_header_help.png) left center no-repeat;
  background-size: 18px;
  color: #333333;
  text-decoration: none;
  white-space: nowrap;
  vertical-align:bottom;
}
.com_global_header_firstrow_help:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}


/* ## main row ##  */
.com_global_header_mainrow {
  background:#1977b3;
}
.com_global_header_mainrow_outer {
  width:980px;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}
.com_global_header_mainrow_inner {
  width:100%;
  margin: 0 auto;
  display: table;
}
.com_global_header_mainrow_menuul {
  display: table-row;
}
.com_global_header_mainrow_menuul li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 50px;
  padding: 0;
}
.com_global_header_mainrow_menuul li a.com_global_header_mainrow_menulink {
  display: block;
  height: 22px;
  line-height: 22px;
  border-left: 1px solid #ffffff;
  color: #ffffff;
  font-size: 14px;
  padding: 0 5px;
  text-decoration: none;
}
.com_global_header_mainrow_menuul li a.com_global_header_mainrow_menulink_last {
  border-right: 1px solid #ffffff;
}
.com_global_header_mainrow_menuul li a.com_global_header_mainrow_menulink:hover {
  text-decoration: none;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.globalnavigation_dropdown_li {
  width:170px;
}
.globalnavigation_dropdown_wrapper {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 150px;
  margin: 0;
  padding: 0;
  float: right;
  overflow: hidden;
  border-radius: 4px;
  border-top: rgba(192,192,192,0.6) solid 2px;
  position: absolute;
  right: 0;
  top: 11px;
}
.globalnavigation_dropdown_wrapper:after {
  display: block;
  pointer-events: none;
  content: "";
  background: url(/images/global_header/global_headere_dropdownarrow.png) center no-repeat #ffffff;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 22px;
  height: 12px;
}
.globalnavigation_dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: -2px;
  padding-top: 2px;
  padding-left: 2px;
  width:200px;
  border:none;
  background: #ffffff;
}
.globalnavigation_dropdown::-ms-expand {
  display: none;
}
/* ## dropdown ## */
.com_globalheader_main_drop {
  position: absolute;
  background: #ffffff;
  z-index:1010;
  width:980px;
  top: 50px;
  left: 0;
  border: #1977b3 5px solid;
  border-top: none;
  padding: 10px 5px;
  text-align: left;
}
.com_globalheader_main_dropTtl {
  font-size: 28px;
  font-weight: bold;
  color: #004a7a;
  display: inline-block;
  padding: 0px 10px 5px 10px;
  vertical-align: middle;
}
.com_globalheader_main_dropBtn {
  display: inline-block;
  vertical-align: middle;
}
.com_globalheader_main_dropBtn a:link, .com_globalheader_main_dropBtn a:visited {
  display: inline-block;
  color: #ffffff;
  font-size: 12px;
  line-height: 22px;
  padding: 2px 18px 0 18px;
  background: #1977b3;
  border-radius: 4px 4px 5px 5px;
  border-bottom: rgba(192,192,192,0.6) solid 2px;
  text-decoration: none;
}
.com_globalheader_main_dropList1, .com_globalheader_main_dropList2, .com_globalheader_main_dropList3, .com_globalheader_main_dropList4 {
  width: 25%;
  float: left;
  padding: 0 7px;
}
.com_globalheader_main_dropList_inner {
  position: relative;
  margin-bottom: 7px;
}
.com_globalheader_main_dropList_name {
  float: right;
  width: 157px;
  line-height: 1.15!important;
}
.com_globalheader_main_dropList_name a {
  text-decoration: none;
  color:#1875b5;
  line-height: 1.15;
  font-size: 12px;
}
.com_globalheader_main_dropList_btn {
  position: absolute;
  bottom: 0px;
  left: 70px;
}
.com_globalheader_main_dropList_btn a:link, .com_globalheader_main_dropList_btn a:visited {
  display: inline-block;
  color: #ffffff;
  font-size: 11px;
  line-height: 16px;
  padding: 1px 18px 0px 18px;
  background: #ff690c;
  border-radius: 4px 4px 5px 5px;
  border-bottom: rgba(192,192,192,0.6) solid 2px;
  text-decoration: none;
}
.com_globalheader_main_dropList_btn a:hover {
  text-decoration: none;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.com_globalheader_main_dropList_photo {
  float: left;
}
.com_globalheader_main_drop, .gnavKantoBox {
  display: none!important;
}
.com_global_header_mainrow_menuul li:hover .com_globalheader_main_drop, .gnavKantoActive {
  display: block!important;
}
.gnavKanto {
  margin: 0 7px 10px 7px;
  border-bottom: #1977b3 1px solid;
}
.gnavKanto li {
  display: inline-block;
  height: 24px;
  line-height: 22px;
  padding: 2px 0 0 0;
  border-radius: 4px 4px 0 0;
  border: #aaaaaa 1px solid;
  border-bottom: none;
  margin: 0 1px;
}
.gnavKanto li.gnavActive {
  border:#1977b3;
  background: #1977b3;
}
.gnavKanto li a:link, .gnavKanto li a:visited {
  display: inline-block;
  padding: 0px 10px;
  color: #333333;
}
.gnavKanto li a:hover {
  text-decoration: none;
}
.gnavKanto li.gnavActive a:link, .gnavKanto li.gnavActive a:visited {
  color: #ffffff;
}

/* for touch device */
#com_global_header_touchActionGrabber {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
  z-index: 999;
}


/* ##### com_global_footer ##### */
#footer { width: 100%; text-align: left;}
#footer ul.footer_navi {
  max-width: 940px;
  margin: 0 auto;
}
#footer p.copyright {
  margin: 0 auto;
}
.com_global_footer_container {
  width: 100%;
  clear: both;
}
/* ## banner ## */
.com_global_footer_banner {
  background:#eeeeee;
  min-width: 980px;
}
.com_global_footer_banner_inner {
  width: 980px;
  margin: 0 auto;
  padding: 35px 0;
  display: none!important;
}
.com_global_footer_banner_inner a {
  display: block;
  float: left;
  margin-right: 10px;
}
.com_global_footer_banner_inner a.last {
  margin-right:0;
}

/* ## menu ## */
.com_global_footer_links {
  background:#cccccc;
}
.com_global_footer_links_inner {
  width: 980px;
  height: 250px;
  margin: 0 auto;
  padding-top: 30px;
}
.com_global_footer_links_btnarea {
  width:286px;
  float: left;
}
.com_global_footer_link_company {
  background: #ffffff;
  padding: 9px 2px 7px 14px;
  line-height: 1.5em;
}
.com_global_footer_link_facebook {
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 23px;
  height: 23px;
}
.com_global_footer_link_facebook img {
  width: 100%;
  height: 100%;
}
.com_global_footer_link_companyWlinkhead:link ,.com_global_footer_link_companyWlinkhead:visited {
  display: inline-block;
  font-size: 13px;
  color: #111111;
  margin-right: 0.5em;
  padding-left: 15px;
  background: url(/images/global_footer/global_footer_newwin.png) center left no-repeat;
  background-size: 13px 10px;
  text-decoration: none;
  white-space: nowrap;
}
.com_global_footer_links_btn:link, .com_global_footer_links_btn:visited {
  display: block;
  text-align: center;
  font-size: 15px;
  height: 32px;
  line-height: 30px;
  padding-top: 1px;
  border: 1px solid #777777;
  margin-bottom: 10px;
  color: #111111;
  font-weight: 500;
  border-radius: 4px;
  text-decoration: none;
}
.com_global_footer_links_btn:hover {
  text-decoration: none;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.com_global_footer_links_menu {
  float: right;
}
.com_global_footer_links_menu_cols {
  display: inline-block;
  margin-left: 45px;
  vertical-align: top;
  line-height: 1.4em;
}
.com_global_footer_links_menu_cols a:link, .com_global_footer_links_menu_cols a:visited {
  display: block;
  color: #111111;
  font-size: 13px;
  padding-left: 12px;
  background: url(/images/global_footer/global_footer_linkhead.png) left center no-repeat;
  text-decoration: none;
}
.com_global_footer_links_menu_cols a.com_global_footer_links_menu_ttl:link, .com_global_footer_links_menu_cols a.com_global_footer_links_menu_ttl:visited {
  font-size: 15px;
  font-weight: bold;
  margin-top: 1em;
  letter-spacing: -0.5px;
}
.com_global_footer_links_menu_cols a.com_global_footer_links_menu_ttl:first-child {
  margin-top: 0!important;
}
.com_global_footer_links_menu_cols a:hover {
  text-decoration: none;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.com_global_footer_addlink {
  background: #777777;
  height: 40px;
}
.com_global_footer_addlink_inner {
  width: 980px;
  margin: 0 auto;
  line-height: 40px;
}
.com_global_footer_addlink a:link, .com_global_footer_addlink a:visited {
  display: inline-block;
  margin-right: 2em;
  color: #ffffff;
  font-size: 13px;
  white-space: nowrap;
}
.com_global_footer_addlink a:hover {
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.com_global_footer_copyright {
  background:#1977b3;
  height: 40px;
}
.com_global_footer_copyright_inner {
  width: 980px;
  height: 40px;
  margin: 0 auto;
  line-height: 40px;
  position: relative;
}
.com_global_footer_copyright_inner img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 469px;
  max-height: 12px;
}

/*------- g_nav_new.css 要素 ここまで -------*/

/*------- g_nav_res_new.css 要素 ここから -------*/

@font-face {
    font-family: 'WebSymbolsgfeditRegular';
    src: url('/css/font/websymbols_gf-edit-webfont.eot');
    src: url('/css/font/websymbols_gf-edit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/websymbols_gf-edit-webfont.woff') format('woff'),
         url('/css/font/websymbols_gf-edit-webfont.ttf') format('truetype'),
         url('/css/font/websymbols_gf-edit-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media (max-width: 979px) {
  /* ##### switches ##### */
  .o979_b, .o979_ib, .o979_i { display: none!important; }
  .u979_b { display: block!important; }
  .u979_ib { display: inline-block!important; }
  .u979_i { display: inline!important; }
}
@media (max-width: 899px) {
  /* ##### switches ##### */
  .o899_b, .o899_ib, .o899_i { display: none!important; }
  .u899_b { display: block!important; }
  .u899_ib { display: inline-block!important; }
  .u899_i { display: inline!important; }
}
@media (max-width: 799px) {
  /* ##### switches ##### */
  .o799_b, .o799_ib, .o799_i { display: none!important; }
  .u799_b { display: block!important; }
  .u799_ib { display: inline-block!important; }
  .u799_i { display: inline!important; }
}
@media (max-width: 699px) {
  /* ##### switches ##### */
  .o699_b, .o699_ib, .o699_i { display: none!important; }
  .u699_b { display: block!important; }
  .u699_ib { display: inline-block!important; }
  .u699_i { display: inline!important; }
}
@media (max-width: 449px) {
  /* ##### switches ##### */
  .o449_b, .o449_ib, .o449_i { display: none!important; }
  .u449_b { display: block!important; }
  .u449_ib { display: inline-block!important; }
  .u449_i { display: inline!important; }
}
@media (max-width: 374px) {
  /* ##### switches ##### */
  .o374_b, .o374_ib, .o374_i { display: none!important; }
  .u374_b { display: block!important; }
  .u374_ib { display: inline-block!important; }
  .u374_i { display: inline!important; }
}
@media (max-width: 349px) {
  /* ##### switches ##### */
  .o349_b, .o349_ib, .o349_i { display: none!important; }
  .u349_b { display: block!important; }
  .u349_ib { display: inline-block!important; }
  .u349_i { display: inline!important; }
}

@media (max-width: 979px) {
  /* ##### global header ##### */
  #header{
    width: 100%;
  }
  .com_global_header_heightadjuster {
    height: 105px;
  }
  /* ## firstrow ## */
  .com_global_header_firstrow {
    width:98%;
  }
  .com_global_header_firstrow_btn:link, .com_global_header_firstrow_btn:visited {
    font-size: 13px;
  }
  /* ## main row ## */
  .com_global_header_mainrow_outer {
    width: 98%;
    height: 40px;
  }
  .com_global_header_mainrow_menuul li {
    height: 40px;
  }
  .com_global_header_mainrow_menuul li a.com_global_header_mainrow_menulink {
    font-size: 12px;
    padding: 0 3px;
  }
  .com_globalheader_main_drop {
    top: 40px;
  }
  .globalnavigation_dropdown_li {
    width: 100px;
  }
  .globalnavigation_dropdown_wrapper {
    width: 90px;
    top: 7px;
  }
  .globalnavigation_dropdown_wrapper {
    font-size: 12px;
  }
  .globalnavigation_dropdown {
    font-size: 12px;
  }
  .com_global_header_mainrow_menuul li:hover .com_globalheader_main_drop {
    display: none!important;
  }
  /* ##### global footer ##### */
  .com_global_footer_banner {
    min-width: auto;
  }
  .com_global_footer_heightadjuster {
    height: 260px;
  }
  .com_global_footer_container {
    left: 0%;
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);
  }
  .com_global_footer_banner_inner {
    width:98%;
  }
  .com_global_footer_banner_inner a {
    width: 32%;
    margin-right: 1.9%;
  }
  .com_global_footer_banner_inner a img {
    display: inline-block;
    width: 100%;
  }
  .com_global_footer_links_inner {
    width:100%;
    height: auto;
    padding-top: 0;
  }
  .com_global_footer_links_btnarea {
    width: 100%;
    float: none;
  }
  .com_global_footer_link_facebook {
    margin-right: 5px;
    margin-bottom: 0;
  }
  .com_global_footer_link_facebook, .com_global_footer_link_companyWlinkhea {
    float: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
  }
  .com_global_footer_link_company {
    text-align: center;
  }
  .com_global_footer_links_btnarea_inner, .com_global_footer_links_menu {
    display: none;
  }
  .com_global_footer_addlink_inner, .com_global_footer_copyright_inner {
    width:98%;
    text-align: center;
  }
  .com_global_footer_addlink a:link, .com_global_footer_addlink a:visited {
    font-size: 12px;
    margin: 0 1em;
  }
  .com_global_footer_copyright_inner img {
    left: 0;
    right: 0;
    max-width: 70%;
  }
  #footer_link{
    display: none;
  }
  #footer p.copyright{
    width: 100% !important;
    padding: 0 0 2px 0;
  }
  #footer ul.footer_navi{
    margin-top: 30px;
  }
}
@media (max-width: 640px) {

  /* ## hide elm for PC ## */
  header.com_global_header, div.com_global_header_heightadjuster { display: none; }

  /* ## show elm for SP ## */
  .sp { display: block;}
  #header { display: block; width: 100%; }
  header.com_global_header_sp {
    max-width: 100vw;
    margin-bottom: 1px;
    padding: 0;
    background-color: #0085CD;
    display: block;
  }
  header.com_global_header_sp h1 {
    float: left;
    padding: 10px;
  }
  header.com_global_header_sp ul.utility {
    float: right;
    letter-spacing: -0.4em;
  }
  header.com_global_header_sp ul.utility li {
    display: inline-block;
    margin-right: 0;
    padding: 10px 7px;
    letter-spacing: normal;
  }
  header.com_global_header_sp ul.utility li a {
    display: block;
    width: 100%;
    padding-top: 30px;
    font-size: 79%;
    color: #FFFFFF;
    text-decoration: none;
  }
  header.com_global_header_sp ul.utility li.menu {
    background-color: #004D76;
    border-left: 1px solid #FFFFFF;
  }
  /* ▼ 新規ユーザー登録メニュー ▼ */
  header.com_global_header_sp ul.utility li.regist a {
    background: url(/images/global_header_sp/btn_regist_header.png) no-repeat center 5px;
    -webkit-background-size: 25px 23px;
    background-size: 25px 23px;
  }
  /* ▼ ログインメニュー ▼ */
  header.com_global_header_sp ul.utility li.login a {
    background: url(/images/global_header_sp/btn_login_header.png) no-repeat center 5px;
    -webkit-background-size: 16px 23px;
    background-size: 16px 23px;
  }
  /* ▼ ログアウトメニュー ▼ */
  header.com_global_header_sp ul.utility li.logout a {
    background: url(/images/global_header_sp/btn_logout_header.png) no-repeat center 5px;
    -webkit-background-size: 16px 23px;
    background-size: 16px 23px;
  }
  /* ▼ スライドメニュー ▼ */
  header ul.utility li.menu a{
    background:#004D76 url(/images/global_header_sp/icon_menu.png) no-repeat center 7px;
    -webkit-background-size:20px 20px;
    background-size:20px 20px;
  }

  /* ##### header_d ##### */
  #com_global_header_sp_d_wrapper {
    box-sizing: border-box;
    text-align: left;
  }
  #com_global_header_sp_d_wrapper * {
    box-sizing: border-box;
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-feature-settings : "palt";
  }
  /* ## header_d / close ## */
  #com_global_header_sp_d_close {
    width: 60px;
    position: fixed;
    right: 250px;
    top: 100px;
    background: rgb(0, 77, 118) url(/images/global_header_sp/icon_close.png) center 12px no-repeat;
    background-size: 22px 22px;
    padding-top: 40px;
    padding-bottom: 8px;
    border-radius: 5px 0 0 5px;
    color: #ffffff;
    text-align: center;
    pointer-events: none;
  }
  /* ## header_d / mask ## */
  #com_global_header_sp_d_mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 999;
    display: none;
  }
  /* ## header_d / basic items ## */
  #com_global_header_sp_d_wrapper {
    position: fixed;
    top: 0;
    right: -250px;
    width: 250px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 1000;
    background: -moz-linear-gradient(left,  rgba(10,54,95,0.9) 0%, rgba(0,116,178,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(10,54,95,0.9)), color-stop(100%,rgba(0,116,178,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(10,54,95,0.9) 0%,rgba(0,116,178,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(10,54,95,0.9) 0%,rgba(0,116,178,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(10,54,95,0.9) 0%,rgba(0,116,178,0.9) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(10,54,95,0.9) 0%,rgba(0,116,178,0.9) 100%); /* W3C */

  }
  /* ## header_d / utility  ## */
  #com_global_header_sp_d_utilityMenu {
    font-size: 0;
    padding: 10px;
  }
  #com_global_header_sp_d_utilityMenu li {
    display: inline-block;
    width: 70px;
    margin-right: 10px;
    background: url(/images/global_header_sp/bg_btn_slidemenu01.png);
	border-radius: 5px;
  }
  #com_global_header_sp_d_utilityMenu li:last-child { margin-right: 0; }
  #com_global_header_sp_d_utilityMenu li a {
    display: block;
    font-size: 10px;
    text-align: center;
    color: #ffffff!important;
    text-decoration: none!important;
    width: 70px;
    height: 51px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    padding-top: 32px;
    background: center 5px no-repeat;
  }
  #com_global_header_sp_d_utilityMenu li.com_global_header_sp_d_regist a {
    background-size: 25px 23px;
    background-image: url(/images/global_header_sp/btn_regist_header.png);
  }
  #com_global_header_sp_d_utilityMenu li.com_global_header_sp_d_login a {
    background-size: 16px 23px;
    background-image: url(/images/global_header_sp/btn_login_header.png);
  }
  #com_global_header_sp_d_utilityMenu li.com_global_header_sp_d_help a {
    background-size: 23px 23px;
    background-image: url(/images/global_header_sp/btn_help.png);
  }
  /* ## header_d / menu  ## */
  #com_global_header_sp_d_menu {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #com_global_header_sp_d_menu dt {
    display: block;
    position: relative;
    width: 100%;
    height: 30px;
    margin: 5px 0 0 0;
    padding: 0px 18px 0px 40px;
    font-size: 15px;
    line-height: 31px;
    color: #333333;
    font-weight: bold;
    background: rgba(232,242,248,1) left center no-repeat;
    background-size: 35px 30px;
  }
  #com_global_header_sp_d_menu dt:first-child { margin-top: 0; }
  #com_global_header_sp_d_menu dt:after {
    position:absolute;
    top: 7px;
    right:5px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    content:'▼';
    line-height: 1;
    width:15px;
    height:15px;
    padding:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    font-size:65%;
    color:#FFFFFF;
  }
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu_open:after {
    content: '▲';
  }
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu01 { background-image: url(/images/global_header_sp/icon_slidemenu01.png); }
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu02 { background-image: url(/images/global_header_sp/icon_slidemenu02.png); }
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu04 { background-image: url(/images/global_header_sp/icon_slidemenu04.png); }
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu05 { background-image: url(/images/global_header_sp/icon_slidemenu05.png); }
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu06 { background-image: url(/images/global_header_sp/icon_slidemenu06.png); }
  /* 20210614 追加 START */
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu07 { background-image: url(/images/global_header_sp/icon_slidemenu07.png);}
  /* 20210614 追加 END */

  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu01:after{background-color:#0086cd;}
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu02:after{background-color:#6600ff;}
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu03:after{background-color:#669900;}
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu04:after{background-color:#ff9900;}
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu05:after{background-color:#ff3333;}
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu06:after{background-color:#868889;}
  /* 20210614 追加 START */
  #com_global_header_sp_d_menu dt.com_global_header_sp_d_menu07:after {background-color: #fbde66;}
  /* 20210614 追加 END */


  .com_global_header_sp_d_menu_togglebox a {
    display: block;
    width: 100%;
    padding: 13px 20px 13px 40px;
    color: #ffffff;
    font-size: 13.5px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
    position: relative;
    background: 8px center no-repeat;
    background-size:19px 18px;
    border-bottom: 1px dotted rgba(255,255,255,0.5);
  }
  .com_global_header_sp_d_menu_togglebox a:last-child { border-bottom: none; }
  .com_global_header_sp_d_menu_togglebox a:before {
    font-family: WebSymbolsgfeditRegular;
    display: block;
    font-size: 16.8px;
    left: 8px;
    position: absolute;
  }
  .com_global_header_sp_d_menu_togglebox a:after {
    color: #FFF;
    content: ')';
    font-weight: normal;
    font-family: WebSymbolsgfeditRegular;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
  }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu01a { background-image: url(/images/global_header_sp/icon_slidemenu01a.png); }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu01e { background-image: url(/images/global_header_sp/icon_slidemenu01e.png); }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu02a { background-image: url(/images/global_header_sp/icon_slidemenu02a.png); }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu02b { background-image: url(/images/global_header_sp/icon_slidemenu02b.png); }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu02c { background-image: url(/images/global_header_sp/icon_slidemenu02c.png); }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu04a { background-image: url(/images/global_header_sp/icon_slidemenu04a.png); }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu05a:before { content: "7"; color: #FF7F7F; }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu05b { background-image: url(/images/global_header_sp/icon_slidemenu05b.png); }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu05c { background-image: url(/images/global_header_sp/icon_slidemenu05c.png); }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu06a { background-image: url(/images/global_header_sp/icon_slidemenu06a.png); }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu06b { background-image: url(/images/global_header_sp/icon_slidemenu06b.png); }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu06c { background-image: url(/images/global_header_sp/icon_slidemenu06c.png); }
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu06d { background-image: url(/images/global_header_sp/icon_slidemenu06d.png); }
  /* 20210614 追加 START */
  .com_global_header_sp_d_menu_togglebox a.com_global_header_sp_d_menu07a { background-image: url(/images/global_header_sp/icon_slidemenu07a.png); }
  /* 20210614 追加 END */

  /* ## header_d / contact ## */
  #com_global_header_sp_d_contact {
    padding: 15px 5px 5px 5px;
  }
  #com_global_header_sp_d_contact a {
    display: block;
    border-radius: 5px;
    padding: 10px 20px 10px 35px;
    font-size: 14px;
    color: #333333;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 5px;
    background: 8px center no-repeat rgba(255,255,255,0.8);
    background-size: 23px 23px;
    position: relative;
    letter-spacing: -0.5px;
  }
  #com_global_header_sp_d_contact a.com_global_header_sp_d_menucontact { background-image: url(/images/global_header_sp/icon_contact.png); }
  #com_global_header_sp_d_contact a.com_global_header_sp_d_menuprivacy { background-image: url(/images/global_header_sp/icon_privacy.png); }
  #com_global_header_sp_d_contact a:after {
    color: #0085CD;
    content: ')';
    font-weight: normal;
    font-family: WebSymbolsgfeditRegular;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -9px;
  }

  /* ##### footer ##### */
  .sp { display: block;}
  footer {
    position: relative;
    min-height: 60px;
  }
  #footerLink{
      border-top:1px solid #7FC2E6;
      margin-bottom: 10px;
  }
  #footerLink ul{
      text-align:left;
  }
  #footerLink li a{
      position:relative;
      display:block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding:10px;
      border-bottom:1px dotted #0085CD;
      color:#0085CD;
      font-size:107%;
      text-decoration:none;
  }
  #footerLink li a:after{
      content:')';
      font-family:WebSymbolsgfeditRegular;
      font-size:93%;
      position:absolute;
      top:center;
      right:10px;
  }

  footer ul.socialBtn{
      padding:5px;
  }

  /* ▼ ページTOPボタンのスタイル ▼ */

  footer p.pageTop{
      width:100% !important;
      margin:0 !important;
      padding:0 !important;
  }
  footer p.pageTop a{
      position:absolute;
      top:10px;
      right:5px;
      display:block;
      border-radius:5px 5px 0 0;
      background-color:#0085CD;
      padding:5px 10px 5px 10px;
      color:#FFFFFF;
      font-size:79%;
      font-weight:bold;
      text-decoration:none;
      background-image:none !important;
  }
  footer p.pageTop a:before {
      font-family:WebSymbolsgfeditRegular;
      content: "B";
      font-size:100%;
      padding: 0 5px 0 0;
      font-weight: normal;
  }

  /* ▼ コピーライト表示部のスタイル ▼ */

  footer p.copyright{
      width:100% !important;
      padding:10px 1% 10px 13% !important;
      background:#0085CD url(/images/sp/2015/common/logo_pgm_footer.png) no-repeat 5px 50% !important;
      background-size:19px 15px;
      color:#FFFFFF !important;
      font-size:76% !important;
      text-align:right !important;
      box-sizing:border-box;
      min-height:4.0em;
  }
  footer p.select a{
      background: linear-gradient(to bottom, #5ea6e5 0%, #55a3e8 50%, #3894e9 50%, #3594e8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
      border: 1px solid #3894e9;
      border-radius: 0.5em;
      color: #ffffff;
      font-size: 86%;
      font-weight: bold;
      padding: 3px 10px;
      text-decoration: none;
      margin-left:10px;
  }
  pre{
      display:none;
      white-space: normal;
      overflow: hidden;
  }
}
/* 20210614 追加 START */
.status_color_bronze {
	color: #b1350d;
}
.status_color_silver {
	color: #8e8784;
}
.status_color_gold {
	color: #92841e;
}

/* 20210614 追加 END */
</pre></body></html>