/* ==================== ページ全体 */
/* 全体に反映 */
body {
	background-color         : #304060; /* 背景の色 */
	font-size                : 13px;	  /* 文字サイズ */
	color                    : #ffeeee; /* 文字の色 */
	font-family              : メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;	/* フォント */
	margin                   : 5px;	      /* 上下左右からのスペース */
	-webkit-text-size-adjust : 100%;      /* 横にした時の文字サイズ自動調整 */
	-moz-text-size-adjust    : 100%;      /* Chrome,Safari */
	-ms-text-size-adjust     : 100%;      /* EgdeMobile */
	text-size-adjust         : 100%;      /* firefox */
}
/* スマホ用 */
@media screen and (max-width: 475px){ /* 475px以下の場合 */
	/* 全体に反映 */
	body {	
		background-color         : #304060; /* 背景の色 */
		font-size                : 12px;      /* 文字サイズ */
		color                    : #ffeeee; /* 文字の色 */
		font-family              : メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;	/* フォント */
		margin                   : 5px;	      /* 上下左右からのスペース */
		-webkit-text-size-adjust : 100%;      /* 横にした時の文字サイズ自動調整 */
		-moz-text-size-adjust    : 100%;      /* Chrome,Safari */
		-ms-text-size-adjust     : 100%;      /* EgdeMobile */
		text-size-adjust         : 100%;      /* firefox */
	}
}

/* ==================== リンク */
/* リンク関係 */
a:link{color:#aaaaaa;}	   /* リンクの色 */
a:visited{color:#aaaaaa;} /* クリック済みリンクの色 */
a:hover{color:#888888;}   /* カーソル選択時のリンクの色 */
a:active{color:#888888;}  /* リンクのアクティブ時の色(クリックして離すまで) */
a{text-decoration:none;}    /* リンクの下線を無し */

/* リンク(ボタン化) */
a.button {
	display       : inline-block;
	border-radius : 10px;        /* ボタン枠(角丸) */
	font-size     : 10pt;        /* 文字サイズ */
	text-align    : center;      /* 文字位置 */
	cursor        : pointer;     /* カーソル */
	padding       : 8px 28px;     /* 左右 上下からの余白 */
	margin        : 5px 0px;	 /* 左右 上下からのスペース */
	background    : #304060;   /* 背景色 */
	color         : #ffeeee;   /* 文字色 */
	line-height   : 16px;        /* 1行の高さ */
	border        : 2px solid #ffeeee; /* 枠の指定 */
}

a.button:hover {
	background    : #ffeeee;   /* 背景色 */
	color         : #304060;   /* 文字色 */
	border        : 2px solid #304060; /* 枠の指定 */
}

/* ==================== p */
p {
	line-height: 1.5; /* 1行の高さ */
}

/* ==================== スマホでは非表示 */
@media screen and (max-width: 475px){ /* 475px以下は */
	.spNone { display: none;}	      /* 非表示 */
}

/* ==================== PCでは非表示 */
@media screen and (min-width: 476px){ /* 476px以上は */
	.pcNone { display: none;}	      /* 非表示 */
}

/* ==================== #wrapper リキッドレイアウト用 */
#wrapper {
	width     : 100%;      /* 幅 */
	margin    : 0px auto; /* 上下 左右のスペース(上下寄せ、左右中央) */
	max-width : 1200px;   /* 最大サイズ */
	min-width : 800px;    /* 最小サイズ */
}
@media screen and (max-width: 475px){ /* 475px以下は */
	#wrapper {
		width     : 100%; /* 幅 */
		margin    : 0px;  /* 全方向のスペース */
		max-width : 100%; /* 最大サイズ */
		min-width : 100%; /* 最小サイズ */
	}
}

/* ==================== #page ページ外枠 */
/* 全体の外枠 */
#page {
	padding: 0px 10px;
	margin: 0px auto;
	text-align: left;
	background-color: #304060;
}

/* =================== #header 画面上部 */
/* 全体 */
#header {
	padding: 10px 0 0;
	margin: 0;
	width:100%;
}

/* ヘッダー左上のタイトルスペース */
#header #header_title {
	font-size   : 24px;         /* 文字サイズ */
	font-weight : bold;         /* 文字太さ */
	margin      : 0px 0px 5px;  /* 上 左右 下のスペース */
	padding     : 10px 0px 0px; /* 上 左右 下の余白 */
	height      : 35px;         /* 行の高さ */
}
@media screen and (max-width: 475px){ /* スマホ */
	#header #header_title {
		font-size   : 24px;             /* 文字サイズ */
		font-weight : bold;             /* 文字太さ */
		margin      : 0px 0px 5px 50px; /* 上 右 下 左のスペース */
		padding     : 0px;              /* 全方向の余白 */
		height      : 35px;             /* 行の高さ */
	}
}

/* ヘッダー左上のタイトルスペース */
#header #header_title a:link{color:#ffeeee;}    /* リンクの色 */
#header #header_title a:visited{color:#ffeeee;} /* クリック済みリンクの色 */
#header #header_title a:hover{color:#ffeeee;}   /* カーソル選択時のリンクの色 */
#header #header_title a:active{color:#ffeeee;}  /* リンクのアクティブ時の色(クリックして離すまで) */

/* ヘッダー右上の文字スペース */
#headerinfo { 
	font-size  : 12px;  /* 文字サイズ */
	text-align : right; /* 文字の位置 */
	margin     : 0px;   /* 全方向のスペース */
}

/* =================== #contents 画面中央部 #mainとサイドメニューの外枠 */
#contents{
	padding : 10px 0px 0px; /* 上 左右 下の余白 */
	margin  : 0px; 	        /* 全方向のスペース */
	/* background-color: #304060;*/
	/* background-image: url(img/backS001.png);*/
	/* background-position: top; */
	/* background-repeat: repeat-x;*/
}

/* ==================== 左メニューバー */
/* ボックス全体 */
.left_menu {
	float     : left;   /* 左側に要素を固定 */
	clear     : left;   /* floatの解除 */
	width     : 17%;    /* 全体の何パーセント */
	padding   : 0;      /* 全方向の余白 */
	margin    : 10px 0; /* 上下 左右のスペース */
	/*max-width : 200px;  /* 最大幅*/
}

/* ラベルのデザイン */
.left_menu label { /* 文字 */
	display       : block;     /* 固定 */
	margin        : 0;         /* 全方向のスペース */
	padding       : 13px 12px; /* 上下 左右の余白 */
	color         : #ffeeee; /* ラベルの色 */
	font-weight   : bold;      /* ラベルのサイズ */
	background    : #304060; /* 背景 */
	cursor        : pointer;   /* カーソルホバー時の表示 */
	transition    : all 0.5s;  /* 要素の変更箇所と時間→hover */
	border-bottom : solid 1px rgba(255, 255, 255, 0.05);
}

/* アイコンを表示 */
.left_menu label:before { /* アイコン */
	content       : '\f054';       /* 種類 */
	font-family   : 'FontAwesome'; /* 必要 */
	padding-right : 8px;           /* 右側からの余白 */
}

/* ラベルホバー時 */
.left_menu label:hover {
	color:#7fee50; /* 文字色 */
}

/* チェック部分を隠す */
.left_menu input {
	display: none; /* 非表示 */
}

/* 中身を非表示にしておく */
.left_menu .accshow {
	height     : 0;      /* 高さ */
	padding    : 0;      /* 全方向の余白 */
	overflow   : hidden; /* はみ出たものを非表示 */
	opacity    : 0;      /* 中身を透明に */
	transition : 0.5s;   /* クリック時の動きを滑らかに */
}

/* クリックで中身表示 */
.cssacc:checked + label + .accshow {
	height     : auto;      /* 高さ */
	padding    : 5px;       /* 全方向の余白 */
	color      : #ffeeee; /* 文字色 */
	background : #203050; /* 背景色 */
	opacity    : 1;         /* 中身を表示 */
}

/* クリック時の行の高さ */
.left_menu .accshow p {
	margin: 15px 10px; /* 上下 左右の余白 */
}

/* クリック時のアイコンを入れ替える */
.cssacc:checked + label:before {
	content: '\f078'; /* アイコン */
}

/* ==================== 左メニューバー スマホ用 */
/* ボックス全体 */
.left_menu_sp {
	float     : left;  /* 左側に要素を固定 */
	clear     : left;  /* floatの解除 */
	width     : 100%;  /* 全体の何パーセント */
	padding   : 0;     /* 全方向の余白 */
	margin    : 0px 0; /* 上下 左右のスペース */
	/* max-width : 300px; /* 最大幅 */
}

/* ラベルのデザイン */
.left_menu_sp label {
	display       : block;     /* 固定 */
	margin        : 0;         /* 全方向のスペース */
	padding       : 13px 12px; /* 上下 左右の余白 */
	color         : #ffeeee; /* ラベルの色 */
	font-weight   : bold;      /* ラベルのサイズ */
	background    : #304060; /* 背景 */
	cursor        : pointer;   /* カーソルホバー時の表示 */
	transition    : all 0.5s;  /* 要素の変更箇所と時間→hover */
	border-bottom : solid 1px rgba(255, 255, 255, 0.05);
}

/* アイコンを表示 */
.left_menu_sp label:before { /* アイコン */
	content       : '\f054';       /* 種類 */
	font-family   : 'FontAwesome'; /* 必要 */
	padding-right : 8px;           /* 右側からの余白 */
}

/* ラベルホバー時 */
.left_menu_sp label:hover {
	color:#7fee50; /* 文字色 */
}

/* チェック部分を隠す */
.left_menu_sp input {
	display: none; /* 非表示 */
}

/* 中身を非表示にしておく */
.left_menu_sp .accshow {
	height     : 0;      /* 高さ */
	padding    : 0;      /* 全方向の余白 */
	overflow   : hidden; /* はみ出たものを非表示 */
	opacity    : 0;      /* 中身を透明に */
	transition : 0.5s;   /* クリック時の動きを滑らかに */
}

/* クリック時の行の高さ */
.left_menu_sp .accshow p {
	margin: 15px 10px
}

/* ==================== #main ページの本文 */
#main {
	float            : right;        /* 右寄せ */
	width            : 82%;          /* 幅 */
	padding          : 0;            /* 全方向の余白 */
	margin           : 10px 0 0 0px; /* 上 右 下 左のスペース */
	background-color : #304060;    /* 背景色 */
}
@media screen and (max-width: 475px){
	#main {
		float            : right;     /* 右寄せ */
		width            : 100%;      /* 幅 */
		padding          : 0;         /* 全方向の余白 */
		margin           : 0px;       /* 上 右 下 左のスペース */
		background-color : #304060; /* 背景色 */
	}
}

#main img {
	max-width  : 100%;    /* 最大幅 */
	object-fit : contain; /* はみ出ない用に配置 */
}
@media screen and (max-width: 475px){
	#main img {
		max-width  : 100%;    /* 最大幅 */
		object-fit : contain; /* はみ出ない用に配置 */
	}
}

#main h1 {
	position      : relative;	             /* 相対位置 */
  	padding       : 0.3em 0.5em 0.3em 1.5em; /* 上 右 下 左アイコン分のスペース*/
  	line-height   : 1.4;                     /* 行高*/
  	color         : #ffdd66;               /* 文字色*/
  	border-top    : dotted 1px #66ccdd;    /* 上線 */
  	border-bottom : dotted 1px #66ccdd;    /* 下線 */
  	background    : #304060;               /* 背景色 */
}

h1:before { /* 要素の前に追加 */
	font-family : FontAwesome; /* アイコン */
	content     : "\f138";	   /* アイコンのユニコード */
	font-weight : 900;         /* 幅 */
	position    : absolute;	   /* 絶対位置 */
	font-size   : 1em;	       /* サイズ */
	left        : 0.25em;      /* アイコンの位置 左 */
	top         : 0.3em;       /* アイコンの位置 上 */
	color       : #ffdd66;   /* アイコン色 */
}

#main h2 {
	color        : #ffdd66; /* 文字色 */
	position     : relative;  /* 相対位置 */
  	padding-left : 25px;      /* 左のスペース */
}

#main h2:before { /* 要素の前に追加 */
	position      : absolute;               /* 絶対位置 */
	content       : '';                     /* 文字の追加 */
	bottom        : -3px;                   /* 下位置 */
	left          : 0;                      /* 左位置 */
	width         : 0;                      /* 幅 */
	height        : 0;                      /* 高さ */
	border        : none;                   /* 枠線無 */
	border-left   : solid 15px transparent; /* 左線 */
	border-bottom : solid 15px #66ccdd;   /* 下線 */
}

#main h2:after { /* 要素の後に追加 */
	position      : absolute;            /* 絶対位置 */
	content       : '';                  /* 文字の追加 */
	bottom        : -3px;                /* 下位置 */
	left          : 10px;                /* 左位置 */
	width         : 100%;                /* 幅 */
	border-bottom : solid 3px #66ccdd; /* 下線 */
}

#main h3 {
	position       : relative;         /* 相対位置 */
	padding-bottom : .4px;             /* 下からの余白 */
	border-bottom  : 3px solid #666; /* 下線 */
	font-size      : 16px;             /* 文字サイズ */
}

#main h3::after { /* 要素の後に追加 */
	position         : absolute;  /* 絶対位置 */
	bottom           : -3px;      /* 下位置 */
	left             : 0;         /* 左位置 */
	z-index          : 1;         /* 描写順序 */
	content          : '';        /* 文字の追加 */
	width            : 20%;       /* 幅 */
	height           : 3px;       /* 高さ */
	background-color : #66ccdd; /* 背景色 */
}

#main h4 {
	font-size     : 16px;                 /* 文字サイズ */
	border-bottom : dashed 2px #66ccdd; /* 下線 */
}

#main h5 {
	font-size : 16px;     /* 文字サイズ */
	position  : relative; /* 相対位置 */
}

#main h5:after { /* 要素の後に追加 */
	content    : "";    /* 文字の追加 */
	display    : block; /* 固定 */
	height     : 4px;   /* 高さ */
	background : linear-gradient(to right, #66ccdd, transparent); /* 背景にライン */
}

#main h5.cd {
	position     : relative;  /* 相対位置 */
	margin       : -10px 0;   /* 上下 左右の余裕 */
	font-size    : 14px;      /* 文字サイズ */
	padding-left : 1.5em;     /* 左のスペース */
	color        : #ee8833; /* 文字色 */
}

#main h5.cd:before { /* 要素の後に追加 */
	font-family : 'FontAwesome'; /* フォント */
	content     : '\f06a';       /* No */
	position    : absolute;      /* 絶対位置 */
	font-size   : 14px;          /* 文字サイズ */
	left        : 0;             /* 左位置 */
	top         : 0.2em;         /* 上位置 */
}

#main h5.pc {
	position     : relative;  /* 相対位置 */
	margin       : -10px 0;   /* 上下 左右の余裕 */
	font-size    : 14px;      /* 文字サイズ */
	padding-left : 1.5em;     /* 左のスペース */
	color        : #ee8833; /* 文字色 */
}

#main h5.pc:before { /* 要素の後に追加 */
	font-family : 'FontAwesome'; /* フォント */
	content     : '\f103';       /* No */
	position    : absolute;      /* 絶対位置 */
	font-size   : 14px;          /* 文字サイズ */
	left        : 0;             /* 左位置 */
	top         : 0.2em;         /* 上位置 */
}

/* テキストをゲームのウィンドウっぽく表示 */
#main .textgame {
	display          : inline-block;          /* 固定 */
	padding          : 4px;                   /* 枠と文字の空間 */
	margin           : 0 5px;                 /* 枠の外の空間 */
	background-color : #4e4e4e;             /* 枠の背景色 */
	border           : 1px solid #8f8f8f;   /* 枠の線の太さ・種類・色 */
	box-shadow       : 1px 2px 2px #2a2a2a; /*影をいれる*/
}

/* テキストの点滅をゲームっぽく表示 */
#main .blink_p {
	animation : blinkEffect 0.5s ease-in-out infinite alternate; /* 0.5秒 */
	display   : inline;
}

/* エフェクトの動きを設定 */
@keyframes blinkEffect {
	0% { /* 開始時 */
		opacity: 0.35;
	}
	50%{
		opacity: 0.35;
	}
	51% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

/* 文字を大きく表示 */
#main span.big {
	font-size       : 22px;      /* 文字サイズ */
	text-decoration : underline; /* 下線 */
}

/* 文字を赤く表示 */
#main span.red {
	color : #f05080;
}

/* トップに表示。強調 */
#main span.toptext {
	color     : coral;
	font-size : 16px;
}

/* 文字を緑に表示 */
#main span.green {
	color : lightgreen;
}

/* 文字を青く表示 */
#main span.blue {
	color : #01c6f6;
}

/* 文字をオレンジに表示 */
#main span.orange {
	color : #ffa01e;
}

/* 404エラー */
#main p.error404 {
	font-size : 20px;
	line-height: 1.5; /* 1行の高さ */
}

/* 画像表示 */
#main .fullscreen-image img {
	cursor       : pointer; /* マウスポインタを指定 */
	border       : none;    /* 枠線無 */
	max-width    : 95%;     /* 最大幅 */
	padding      : 0px 5px; /* 上下 左右のスペース */
	display      : block;   /* 固定 */
	margin-left  : auto;    /* 左の余白 */
	margin-right : auto;    /* 右の余白 */
}

/* 基本的なリスト */
#main ul.base {
	border        : solid 2px lightgreen; /* 枠線色 */
	border-radius : 5px;                    /* 角丸 */
	padding       : 0.5em 1em 0.5em 2.3em;  /* 上 右 下 左のスペース */
	position      : relative;               /* 相対位置 */
}

#main ul.base li {
	line-height     : 1.5;            /* 行の高さ */
	padding         : 0.5em 0;        /* 上下 左右のスペース */
	list-style-type : none!important; /* 点の非表示(強く) */
}

#main ul.base li:before { /* 要素の前に追加 */
	content     : '\f138';       /* No */
	font-family : 'FontAwesome'; /* アイコン */
	position    : absolute;      /* 絶対位置 */
	left        : 1em;           /* 左端からのアイコンまでの距離 */
	color       : lightgreen;  /* アイコン色 */
}

/* 更新履歴 */
#main ul.history {
	border        : solid 2px lightgreen; /* 枠線色 */
	border-radius : 5px;                    /* 角丸 */
	padding       : 0.5em 1em 0.5em 2.3em;  /* 上 右 下 左のスペース */
	position      : relative;               /* 相対位置 */
}

#main ul.history li {
	line-height     : 1.5;            /* 行の高さ */
	padding         : 0.5em 0;        /* 上下 左右のスペース */
	list-style-type : none!important; /* 点の非表示(強く) */
}

#main ul.history li:before { /* 要素の前に追加 */
	content     : '\f1da';       /* No */
	font-family : 'FontAwesome'; /* アイコン */
	position    : absolute;      /* 絶対位置 */
	left        : 1em;           /* 左端からのアイコンまでの距離 */
	color       : lightgreen;  /* アイコン色 */
}

/* ==================== パンくずリスト用 */
#main .breadcrumb {
	margin-left : 0;         /* 左 */
	background  : #304060; /* 背景色 */
	padding     : 6px 6px;   /* 上下 左右 */
	overflow    : hidden;    /* 要素外非表示 */
}

#main .breadcrumb li{
	display    : inline; /* 横に並ぶように */
	list-style : none;   /* 点を非表示 */
}

#main .breadcrumb li:after { /* 要素の前に追加 ">" */
	font-family : FontAwesome; /* フォント */
	content     : '\f101';     /* No */
	padding     : 0 3px;       /* 上下 左右 */
	color       : #ffeeee;   /* 色 */
}

#main .breadcrumb li:last-child:after { /* 要素の前に追加 */
	content: ''; /* 文字の追加 */
}

/* パンくずのリンク */
#main .breadcrumb li a {
	text-decoration : none;      /* 下線無 */
	color           : #ffeeee; /* 色 */
}

#main .breadcrumb li:first-child a:before { /* 要素の間に追加 家アイコン */
	font-family : FontAwesome; /* フォント */
	content     : '\f015';     /* No */
	font-weight : normal;      /* 太さ */
	font-size   : 1.1em;       /* サイズ */
	color       : #f58b04;   /* 色 */
}

#main .breadcrumb li a:hover { /* カーソルオン */
	text-decoration : none;      /* 下線無 */
	color           : #aaaaaa; /* 色 */
}
/* ==================== パンくずリスト用ここまで */

/* 更新履歴に使用 */
#main .kousin_data {
	padding: 0;
}

/* 更新履歴に使用 */
#main .kousin_title {
	padding: 0 15px;
}

/* ラベルのデザイン */
#main .kousin_titel label {
	margin     : 0;
	background : #304060;
	transition : all 0.5s;
}

/* アイコンを表示 */
#main .kousin_title label:before {
	content       : '\f138';
	font-family   : 'FontAwesome';
	padding-right : 8px;
}

/* テーブルの基本設定 */
#main table{
	border-spacing  : 0;         /* セル同士の隙間 */
	width           : 100%;      /* 幅 */
	border-collapse : collapse;  /* セル境界を共有 */
	word-break      : break-all; /* 文字の折り返し */
}

/* テーブルの列幅を均等に */
#main table.fixed{
	table-layout : fixed;
}

/* テーブル　幅50% */
#main table.w50{
	border-spacing  : 0;         /* セル同士の隙間 */
	width           : 50%;       /* 幅 */
	border-collapse : collapse;  /* セル境界を共有 */
	word-break      : break-all; /* 文字の折り返し */
	margin          : 0% auto;   /* 上下0px 左右auto */
}

/* テーブルのtr */
#main tr {
	border-bottom : #0080FF 1px solid;
}

#main tr:hover {
	border-bottom : #00ccff 1px solid;
}

/* テーブルのth */
#main th {
	border-bottom : #0080FF 1px solid;
	text-align    : center;
	background    : #203050;
	padding       : 5px 0;
}

/* テーブルのtd */
#main td {
	text-align : center;
	padding    : 5px 0;
}

/* テーブルのtd(left) */
#main td.tableleft {
	text-align : left;
	padding    : 5px 0 5px 10px;
}

/* テーブルのtd カードのQoCの移動場所で使用 */
#main table.widline td {
	text-align   : center;
	padding      : 5px 0;
	border-left  : #0080FF 1px solid;
	border-right : #0080FF 1px solid;
}

/* inputBoxの幅 */
#main input[type="tel"]{
	width : 35%;    
}

/* リストを5列にする場合 */
#main #list5 ul:after {
	content : "";
	clear   : both;
	display : block;
}

#main #list5 ul li {
	display         : block;
	float           : left;
	height          : 100%;
	list-style-type : none;   /* 点の非表示 */
	text-align      : center;
	width           : 20%;
}

/* リストを4列にする場合 */
#main #list4 ul:after {
	content : "";
	clear   : both;
	display : block;
}

#main #list4 ul li {
	display         : block;
	float           : left;
	height          : 100%;
	list-style-type : none;   /* 点の非表示 */
	text-align      : center;
	width           : 25%;
}

/* リストを3列にする場合 */
#main #list3 ul:after {
	content : "";
	clear   : both;
	display : block;
}

#main #list3 ul li {
	display         : block;
	float           : left;
	height          : 100%;
	list-style-type : none;   /* 点の非表示 */
	text-align      : center;
	width           : 33%;
}

/* リストを2列にする場合 */
#main #list2 ul:after {
	content : "";
	clear   : both;
	display : block;
}

#main #list2 ul li {
	display         : block;
	float           : left;
	height          : 100%;
	list-style-type : none;   /* 点の非表示 */
	text-align      : center;
	width           : 50%;
}
 
/* page上部に戻るボタン */
#page-top {
	position  : fixed; /* 固定 */
	bottom    : 20px;
	right     : 20px;
	font-size : 77%;
}

#page-top a {
	background      : #6666ce;
	text-decoration : none;      /* 下線無 */
	color           : #fff;
	width           : 100px;
	padding         : 30px 0;
	text-align      : center;
	display         : block;
	border-radius   : 5px;       /* 角丸 */
}

#page-top a:hover {
	text-decoration : none;      /* 下線無 */
	background      : #6f6fce;
}
 
/* page上部に戻るボタン_sp用 */
#page-top-sp {
	position  : fixed; /* 固定 */
	bottom    : 10px;
	right     : 10px;
	font-size : 77%;
}

#page-top-sp a {
	background      : #6666ce;
	text-decoration : none;      /* 下線無 */
	color           : #fff;
	width           : 100px;
	padding         : 5px 0;
	text-align      : center;
	display         : block;
	border-radius   : 5px;       /* 角丸 */
}
#page-top-sp a:hover {
	text-decoration : none;      /* 下線無 */
	background      : #6f6fce;
}