@charset "utf-8";

/*  =============================================================

　　共通モジュール設定

============================================================= */

/*  全体・コンテナー 設定
---------------------------------------------*/


/*  リンク 設定
-------------------------- */

/*  画像　設定
-------------------------- */

/*  テキスト 設定
-------------------------- */

#main p {
	margin-bottom: 1.5em;
	line-height: 1.8em;
}

#main p a,
#main td a {
	text-decoration: underline;
}

#main p a:hover,
#main td a:hover {
	text-decoration: none;
}

.red {
	color: #d50000;
}

.blue {
	color: #369;
}

/*  コンテンツ　設定
---------------------------------------------*/

/*  ボックス背景
-------------------------- */

.bgLightPink {
	border: none !important;
	background-color: #fee;
}

.bgLightBlue {
	border: none !important;
	background-color: #def;
}

/*  フォーム
-------------------------- */

input.text10 {
	width: 10%;
}

input.text20 {
	width: 20%;
}

input.text50 {
	width: 50%;
}

input.text75 {
	width: 75%;
}

input.text100 {
	width: 100%;
}

.baseTbl th span.red {
	font-size: 0.750em;
}


/*  ボタン
-------------------------- */

/*  薄いボタン */

.btnBeige a {
	display: block;
	padding: 6px 0;
	color: #666;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #f1f0ec;
	border-radius: 4px;
}

.btnBeige a:hover {
	color: #fff;
	background-color: #c00000;
}

/*  短いボタン  */

.btnShort {
	display: inline-block;
	padding-bottom: 25px;
	text-align: center;
}

.btnShort a {
	display: inline-block;
	width: 300px;
}

/*  大きいボタン  */

.btnLarge {
	text-align: center;
}

.btnLarge a {
	display: inline-block;
	width: 420px;
	padding: 20px !important;
	font-size: 1.571em !important;
}

/*  赤いボタン  */

.btnSetting {
	text-align: center;
}

.btnSetting a {
	text-align: center;
	color: #fff;
	font-size: 1.143em;
	font-weight: bold;
	text-decoration: none !important;
	padding: 12px 32px 12px 18px;
	background-color: #d50000;
	border-radius: 4px;
	box-shadow: 2px 2px #670000;
}

.btnSetting a:hover {
	text-decoration: none;
	box-shadow: 1px 1px #ae0000;
	background-color: #ae0000;
}


/*  右に白の「>」  */

.btnArrowRight a {
	position: relative;
}

.btnArrowRight a span:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*  右に赤の「>」  */

.btnArrowRightRed a {
	position: relative;
}

.btnArrowRightRed a span:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*  左に赤の「▶」  */

.btnArrowLeftTriangle a span {
	position: relative;
	padding-left: 12px;
}

.btnArrowLeftTriangle a span::before {
  content: '';
  width: 0;
  height: 0;
  border: solid 4px transparent;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
	border-left: solid 6px #c00000;
}

/*  編集するボタン  */

.btnEdit {
	text-align: center;
}

.btnEdit a {
	display: inline-block;
	position: relative;
	width: 200px;
	padding: 6px 25px 6px 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none !important;
	background: #00688d;
	border-radius: 4px;
}

.btnEdit a:hover {
	text-decoration: none;
	background-color: #004f6d;}

.btnEdit a span:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*  フォームボタン  */

div.btnForm {
	text-align: center;
}

div.btnForm input {
	display: inline-block;
	cursor: pointer;
	padding: 8px 20px;
	font-weight: bold !important;
	color: #fff;
	font-size: 1;
	text-decoration: none;
	background-color: #d50000;
	border: none;
	border-radius: 4px !important;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all  0.4s ease;
}

/* 大サイズ */
div.btnForm input.btnLargeSubmit {
	width: 50%;
	padding: 15px;
	font-size: 1.250em;
}

div.btnForm input:hover {
	background-color: #ae0000;
}

/*  フォーカス時  */

input[type="text"] {
	outline: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all  0.4s ease;
}

input[type="text"]:focus,
textarea:focus {
	outline: #c00000;
	border: 1px solid #c00000 !important;
}

/*  白背景戻るボタン  */

.boxBtnBack {
	margin-top: 50px;
	padding-top: 50px;
	text-align: center;
	border-top: 1px solid #ccc;
}

.btnBack {
	display: inline-block;
	margin: 0 5px;
}

.btnBack a {
	padding: 18px 50px;
	text-align: center;
	color: #333;
	font-size: 1.143em;
	font-weight: bold;
	text-decoration: none !important;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 2px 2px #dbdbdb;
}

.btnBack a:hover {
	text-decoration: none;
	box-shadow: 1px 1px #ccc;
	background-color: #dbdbdb;
}

/*  2こ並びボタン  */

.btnTwo p {
	display: inline-block;
	margin-right: 5px;
}


/*  アイコン
-------------------------- */

/*  タイトル
-------------------------- */

/* アイコン付き */

.ttlIcon {
	padding-left: 50px;
	font-weight: bold;
	font-size: 1.286em;
	line-height: 52px;
	background-size: 40px 40px !important;
}

/* 背景付き */
.bgTitle {
	margin-bottom: 25px;
	padding: 10px 13px;
	background-color: #f7f6f2 !important;
}

.bgTitle.ttlIcon {
	padding: 10px 13px 10px 63px;
}

/* 新着 */
.whatsnew.ttlIcon {
	background: url(../img/common/icnWhatsnew.png) 13px center no-repeat;
}

/* 検索 */
.searchResult.ttlIcon {
	background: url(../img/common/icnSearch.png) 13px center no-repeat;
}

/* 装飾なし太字タイトル */

.blankTitle {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 1.286em;
}


/* 上部バー付き基本タイトル */

.baseTitle {
	margin-bottom: 25px;
	padding: 15px;
	font-weight: bold;
	font-size: 1.429em;
	background-color: #f7f6f2;
	border-top: 4px solid #d50000;
}

.baseTitle.coTitle {
	border-top: 4px solid #0083b8 !important;
}

/* 下線付き基本タイトル */

.bdrTitle {
	padding-left: 3px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 1.286em;
	border-bottom: 2px solid #d50000;
}

.bdrTitle.coTitle {
	border-bottom: 2px solid #0083b8;
}


.icnCheck {
	margin-bottom: 25px;
	padding: 6px 0 6px 42px;
	background: url(../img/common/icnCheck.png) 8px center no-repeat;
}


/* H3サイズ */

h3..bgTitle {
	font-size: 1.429em;
}

/*  ページャー
-------------------------- */

.pager {
	text-align: center;
	margin: 2em 0 3em;
}

.pager span,
.pager a {
	display: inline-block;
	padding: 0.75em;
	line-height: 1;
	margin: 0 1px;
}

.pager a {
	color: #333;
	border: 1px solid #f1f0ec;
	background-color: #f1f0ec;
}

.pager span,
.pager a:hover {
	font-weight: bold;
	color: #fff;
	border: 1px solid #d50000;
	background-color: #d50000;
}



/*  汎用テーブル
-------------------------- */

.baseTbl {
	width: 100%;
	margin-bottom: 30px;
	border-collapse: collapse;
}


.baseTbl th,
.baseTbl td {
	vertical-align: top;
	padding: 12px;
	text-align: left;
	line-height: 1.8em;
	border: 1px solid #ccc;
}

.baseTbl th {
	width: 23%;
	font-weight: bold;
	background-color: #f7f6f2;
}

.baseTbl td {
	background-color: #fff;
}

/* theadカラー付き*/

.baseTbl.headTbl thead th {
	text-align: center;
}

/* TH_幅ワイド*/

.thWide th {
	width: 32%;
}

/* 画像サイズ調整*/

.baseTbl td span img {
	max-width: 500px;
	height: auto;
}