@charset "utf-8";


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #263344;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 15px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #666;	/*リンクテキストの色*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
a:hover {
	color: #ffae2b;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*inner共通
---------------------------------------------------------------------------*/
#inner {
	max-width: 1000px;	/*サイトの最大幅*/
	margin: 0 auto;
	padding: 0 2%;
}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	clear: both;
	overflow: hidden;
	padding: 40px 0;	/*上下、左右に空けるボックス内の余白*/
}
/*コンテンツのh2タグの設定*/
#contents h2 {
	clear: both;
	font-size: 20px;	/*文字サイズ*/
	line-height: 1.4;	/*行間*/
	margin-bottom: 20px;
	padding: 10px 20px 5px;	/*上下、左右への余白*/
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
	border-bottom: 1px solid #dcdcdc;	/*メニュー下の線の幅、線種、色*/
	border-top: 4px solid #766038;	/*メニュー下の線の幅、線種、色*/
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
	text-shadow: 0px 2px #fff;	/*テキストの影。右へ、下へ、色。*/
}
/*コンテンツのh2タグ内のspanタグ設定（色付き文字部分）*/
#contents h2 span {
	display: block;
	color: #263344;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広げる設定*/
	padding-left: 5px;
}
/*コンテンツのh3タグの設定*/
#contents h3 {
	clear: both;
	width: 650px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 8px 30px 5px;	/*上、左右、下への余白*/
	border: 1px solid #0059B2;border-radius: 4px;	/*線の幅、線種、色*/
	background: #0059B2;		/*背景色*/
	color: #fff;
	font-size: 18px;
	line-height: 1.6;		/*行間*/
	font-weight: bold;
	/* text-align: center; */	/*文字をセンタリング*/
}
/*コンテンツのh4タグの設定*/
#contents h4 {
	clear: both;
	width: 18%;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 8px 20px 5px;	/*上、左右、下への余白*/
	border: 1px solid #0059B2;border-radius: 4px;	/*線の幅、線種、色*/
	background: #0059B2;		/*背景色*/
	color: #fff;
	font-size: 18px;
	line-height: 1.6;		/*行間*/
	font-weight: bold;
	text-align: center;	/*文字をセンタリング*/
}
/*コンテンツの段落タグ設定*/
#contents p {
	padding: 0px 20px 15px;	/*上、左右、下への余白*/
}
#contents h2 + p,
#contents h3 + p {
	margin-top: -10px;
}

/*Serviceページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#contents .list {
	position: relative;
	overflow: hidden;
	float: left;		/*左に回り込み*/
	width: 46%;			/*ボックス幅*/
	padding: 1%;		/*ボックス内の余白*/
	border: 1px solid #dcdcdc;	/*枠線の幅、線種、色*/
	margin: 0 0.8% 20px;		/*上、左右、下へのボックスの外に空けるスペース*/
	box-shadow: 0px 10px 40px rgba(0,0,0,0.2);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.2は透明度20%の事。*/
	-webkit-transition: 0.3s;	/*マウスオン時の移り変わるまでの時間設定。0.3秒。*/
	transition: 0.3s;			/*同上*/
}
#contents .list a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	padding: 1%;	/*ボックス内の余白*/
	margin: -1%;
}
/*マウスオン時の背景色*/
#contents .list:hover {
	box-shadow: none !important;	/*ボックスの影をなくす設定*/
}
/*リンクを貼った際に出る「→」マーク*/
#contents .list a::before {
	content: "→";	/*出力する文字。変更しても構いませんが機種依存文字は化けるので使わないで下さい。*/
	font-size: 12px;	/*文字サイズ*/
	display: block;
	position: absolute;
	right: 10px;	/*ボックスの右から10pxの場所に配置*/
	bottom: 10px;	/*ボックスの下から10pxの場所に配置*/
	width: 30px;	/*幅*/
	line-height: 30px;	/*高さ*/
	text-align: center;
	background: #ccc;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.2);	/*背景グラデーション。0,0,0は黒の事で、0.3は透明度30%の事。*/
	color: #fff;	/*文字色*/
	border-radius: 50%;	/*角丸のサイズ。50%にすると円になる。*/
}
/*マウスオン時の「→」マーク*/
#contents .list a:hover::before {
	background: #766038;	/*背景色*/
}
/*ボックス内右側のテキストパーツ*/
#contents .list .text {
	font-size: 13px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
	height: 8.5em;		/*高さ*/
	overflow: hidden;	/*高さを超えると非表示になる*/
}
/*ボックス内右側のテキストパーツ（商品ボックス１カラム時）*/
#contents .list.c1 .text {
	height: auto;
	overflow: auto;
}
/*ボックス内のh4タグ設定*/
#contents .list h4 {
	font-size: 16px;
	padding: 0px;
	color: #263344;	/*文字色*/
}
/*ボックス内のp(段落)タグ設定*/
#contents .list p {
	padding: 0px !important;
}
/*ボックス内の画像*/
#contents .list .img {
	float: left;	/*左に回り込み*/
	width: 125px;		/*幅*/
	height: 125px;		/*高さ*/
	margin-right: 10px;
}
/*各ボックスの設定（商品ボックス１カラム時）*/
#contents .list.c1 {
	float: none;
	width: auto;
	margin: 0 0 20px;
}
/*ボックス内のh4タグ（商品ボックス１カラム時）*/
#contents .list.c1 h4 {
	margin-bottom: 10px;
}
/*ボックス内の画像（商品ボックス１カラム時）*/
#contents .list.c1 .img {
	width: 20%;		/*幅*/
	height: auto;	/*高さ*/
}
/*mainブロック内のボックス設定*/
#contents .main .list {
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);	/*ボックスの影*/
}

/*各ボックスの設定_01*/
#contents .list_01 {
	position: relative;
	overflow: hidden;
	float: left;		/*左に回り込み*/
	width: 76%;			/*ボックス幅*/
	padding: 1%;		/*ボックス内の余白*/
	border: 1px solid #dcdcdc;	/*枠線の幅、線種、色*/
	margin: 0 40px 20px;		/*上、左右、下へのボックスの外に空けるスペース*/
	box-shadow: none;	/*ボックスの影をなくす設定*/
}
#contents .list span3.bldg2:hover {
	background: #296600;
	color: #fff;	/*文字色*/
}
#contents .list span3.bldg2::active {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

/*各ボックスの設定02*/
#contents .list02 {
	position: relative;
	overflow: hidden;
	float: left;		/*左に回り込み*/
	width: 55%;			/*ボックス幅*/
	padding: 1%;		/*ボックス内の余白*/
	border: 1px solid #0059B2;	/*枠線の幅、線種、色*/
	margin: 15px 40px 15px;		/*上、左右、下へのボックスの外に空けるスペース*/
	background: #fff;
	/* box-shadow: 0px 10px 40px rgba(0,0,0,0.2); */	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.2は透明度20%の事。*/
	/* -webkit-transition: 0.3s; */	/*マウスオン時の移り変わるまでの時間設定。0.3秒。*/
	/* transition: 0.3s; */			/*同上*/
}
#contents .list02 a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	padding: 1%;	/*ボックス内の余白*/
	margin: -1%;
}
/*マウスオン時の背景色*/
#contents .list02:hover {
	box-shadow: none !important;	/*ボックスの影をなくす設定*/
}
/*リンクを貼った際に出る「→」マーク*/
#contents .list02 a::before {
	content: "→";	/*出力する文字。変更しても構いませんが機種依存文字は化けるので使わないで下さい。*/
	font-size: 12px;	/*文字サイズ*/
	display: block;
	position: absolute;
	right: 10px;	/*ボックスの右から10pxの場所に配置*/
	bottom: 10px;	/*ボックスの下から10pxの場所に配置*/
	width: 30px;	/*幅*/
	line-height: 30px;	/*高さ*/
	text-align: center;
	background: #ccc;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.2);	/*背景グラデーション。0,0,0は黒の事で、0.3は透明度30%の事。*/
	color: #fff;	/*文字色*/
	border-radius: 50%;	/*角丸のサイズ。50%にすると円になる。*/
}
/*マウスオン時の「→」マーク*/
#contents .list02 a:hover::before {
	background: #0059B2;	/*背景色*/
}
/*ボックス内右側のテキストパーツ*/
#contents .list02 .text {
	font-size: 13px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
	height: 8.5em;		/*高さ*/
	overflow: hidden;	/*高さを超えると非表示になる*/
}
/*ボックス内右側のテキストパーツ*/
#contents .list02 .text1 {
	font-size: 13px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
	height: 4em;		/*高さ*/
	overflow: hidden;	/*高さを超えると非表示になる*/
}
/*ボックス内右側のテキストパーツ*/
#contents .list02 .text2 {
	font-size: 13px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
	height: 2em;		/*高さ*/
	overflow: hidden;	/*高さを超えると非表示になる*/
}
/*ボックス内右側のテキストパーツ（商品ボックス１カラム時）*/
#contents .list02.c1 .text {
	height: auto;
	overflow: auto;
}
/*ボックス内のh5タグ設定*/
#contents .list02 h5 {
	font-size: 22px;
	padding: 0px;
	color: #263344;	/*文字色*/
	font-weight: bold;
}
/*ボックス内のp(段落)タグ設定*/
#contents .list02 p {
	padding: 0px !important;
}
/*ボックス内の画像*/
#contents .list02 .img {
	float: left;	/*左に回り込み*/
	width: 200px;		/*幅*/
	height: auto;		/*高さ*/
	margin-right:60px;
}
/*各ボックスの設定（商品ボックス１カラム時）*/
#contents .list02.c1 {
	float: none;
	width: auto;
	margin: 0 0 20px;
}
/*ボックス内のh5タグ（商品ボックス１カラム時）*/#contents
#contents .list02.c1 h5 {
	margin-bottom: 10px;
}
/*ボックス内の画像（商品ボックス１カラム時）*/
#contents .list02.c1 .img {
	width: 20%;		/*幅*/
	height: auto;	/*高さ*/
}
/*mainブロック内のボックス設定*/
#contents .main .list02 {
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);	/*ボックスの影*/
}
#contents .list02 span3.bldg2:hover {
	background: #296600;
	color: #fff;	/*文字色*/
}
#contents .list02 span3.bldg2::active {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

/*各ボックスの設定03 Amazon書籍販売ページリンク用バナー設定*/
#contents .list03 {
	position: relative;
	overflow: hidden;
	float: left;		/* 左に回り込み */
	width: 47%;			/* ボックス幅 */
	padding: 1%;		/* ボックス内の余白 */
	border: 1px solid #0059B2; border-radius: 4px;	/* 枠線の幅、線種、色 */
	margin: auto 50px;	/* 上、左右、下へのボックスの外に空けるスペース */
	/* box-shadow: 0px 10px 40px rgba(0,0,0,0.2); */	/* ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.2は透明度20%の事。 */
	/* -webkit-transition: 0.3s; */	/* マウスオン時の移り変わるまでの時間設定。0.3秒。 */
	/* transition: 0.3s; */			/* 同上 */
}

#contents .list03 a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	padding: 1%;	/*ボックス内の余白*/
	margin: -1%;
}
/*マウスオン時の背景色*/
#contents .list03:hover {
	box-shadow: none !important;	/*ボックスの影をなくす設定*/
}
/*リンクを貼った際に出る「→」マーク*/
#contents .list03 a::before {
	content: "→";	/*出力する文字。変更しても構いませんが機種依存文字は化けるので使わないで下さい。*/
	font-size: 12px;	/*文字サイズ*/
	display: block;
	position: absolute;
	right: 10px;	/*ボックスの右から10pxの場所に配置*/
	bottom: 10px;	/*ボックスの下から10pxの場所に配置*/
	width: 30px;	/*幅*/
	line-height: 30px;	/*高さ*/
	text-align: center;
	background: #ccc;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.2);	/*背景グラデーション。0,0,0は黒の事で、0.3は透明度30%の事。*/
	color: #fff;	/*文字色*/
	border-radius: 50%;	/*角丸のサイズ。50%にすると円になる。*/
}
/*マウスオン時の「→」マーク*/
#contents .list03 a:hover::before {
	background: #0059B2;	/*背景色*/
}
/*ボックス内右側のテキストパーツ*/
#contents .list03 .text {
	font-size: 13px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
	height: auto;		/*高さ*/
	overflow: hidden;	/*高さを超えると非表示になる*/
	/* border: 1px solid #0059B2; */
}
/*ボックス内右側のテキストパーツ*/
#contents .list03 .text1 {
	font-size: 13px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
	height: 4em;		/*高さ*/
	overflow: hidden;	/*高さを超えると非表示になる*/
	border: 1px solid #0059B2;
}
/*ボックス内右側のテキストパーツ*/
#contents .list03 .text2 {
	font-size: 13px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
	height: 2em;		/*高さ*/
	overflow: hidden;	/*高さを超えると非表示になる*/
	border: 1px solid #0059B2;
}
/*ボックス内右側のテキストパーツ（商品ボックス１カラム時）*/
#contents .list03.c1 .text {
	/*height: auto;*/
	overflow: auto;
}
/*ボックス内のh5タグ設定*/
#contents .list03 h5 {
	font-size: 18px;
	padding: 0px;
	color: #0059B2;	/*文字色*/
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 2px dotted #0059B2;
	/* border: 1px solid #0059B2; */
}
/*コンテンツのh6タグの設定_Amazon販売ページリンク用バナー*/
#contents .list03 h6 {
	float: right;
	width: 30%;
	margin-top: 5px;
	margin-bottom: 10px;
	/* margin-left: 30px; */
	margin-right: 35px;
	padding: 5px 10px 5px;	/*上、左右、下への余白*/
	border: 1px solid #0059B2;border-radius: 4px;	/*線の幅、線種、色*/
	background: #fff;		/*背景色*/
	color: #005982;
	font-size: 16px;
	line-height: 1.6;		/*行間*/
	font-weight: bold;
	text-align: center;	/*文字をセンタリング*/
}
/*マウスオン時の背景色*/
#contents .list03 h6:hover {
	background: #0059B2;		/*背景色*/
	color: #fff;
}
/*コンテンツのh7タグの設定_Amazon販売ページリンク用バナー*/
#contents .list03 h7 {
	float: right;
	width: 46%;
	margin-top: 5px;
	margin-bottom: 10px;
	/* margin-left: 30px; */
	margin-right: 40px;
	padding: 5px 10px 3px;	/*上、左右、下への余白*/
	border: 1px solid #0059B2;border-radius: 4px;	/*線の幅、線種、色*/
	background: #fff;		/*背景色*/
	text-align: center;	/*文字をセンタリング*/
}
/*マウスオン時の背景色*/
#contents .list03 h7:hover {
	background: rgba(0,89,178,0.2);		/*背景色*/
}
/*コンテンツのh7タグの設定_Amazon販売ページリンク用ボタン用画像*/
#contents .list03 h7.img {
	width: 180px;		/*幅*/
	height: auto;		/*高さ*/
}
/*ボックス内のp(段落)タグ設定*/
#contents .list03 p {
	padding-bottom: 0px !important;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 16px;
}
/*ボックス内の画像*/
#contents .list03 .img {
	float: left;	/*左に回り込み*/
	width: 100px;		/*幅*/
	height: auto;		/*高さ*/
	margin-right:10px;
}
/*各ボックスの設定（商品ボックス１カラム時）*/
#contents .list03.c1 {
	float: none;
	width: auto;
	margin: 0 0 20px;
}
/*ボックス内のh5タグ（商品ボックス１カラム時）*/
#contents .list03.c1 h5 {
	margin-bottom: 10px;
}
/*ボックス内の画像（商品ボックス１カラム時）*/
#contents .list03.c1 .img {
	width: 20%;		/*幅*/
	height: auto;	/*高さ*/
}
/*mainブロック内のボックス設定*/
#contents .main .list03 {
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);	/*ボックスの影*/
}
#contents .list03 span3.bldg2:hover {
	background: #296600;
	color: #fff;	/*文字色*/
}
#contents .list03 span3.bldg2::active {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

/*タブの設定
---------------------------------------------------------------------------*/
/* タブ機能の掲載領域の設定 */
#contents .tabbox {
	width: 100%;
	margin: 0px;
	padding: 5px 5px 5px 0;
}

/* タブ機能を制御するラジオボタン(非表示にする) */
#contents .tabbox input {
	display: none;
}

/* タブ(共通装飾＋非選択状態の装飾) */
#contents .tab {
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	border-color: #263344;
	border-radius: 3px;
	padding: 5px 15px 3px;
	color: #263344;
	background-color: #fff;

	line-height: 1
}

/* タブにマウスポインタが載った際の装飾 */
#contents .tab:hover {
	background-color: #263344;
	color: white;
	cursor: pointer;
}

/* チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
input:checked + .tab {
	color: red;
	border-color: red;
	background-color: #fff;
	position: relative;
	z-index: 10;
}

/* タブの中身(共通装飾＋非選択状態の装飾) */
#contents .tabcont {
	display: none;
	border: 1px solid black;
	margin-top: 15px;
	padding: 5px; 10px
	position: relative;
	z-index: 0;
	background-color: #fff;
}

/* チェックが入っているラジオボタンに対応するタブの中身を表示する */
   #tabchk1:checked ~ #tabcont1 {
	display: block;
}
   #tabchk2:checked ~ #tabcont2 {
	display: block;
}
   #tabchk3:checked ~ #tabcont3 {
	display: block;
}

/*タブの設定01
---------------------------------------------------------------------------*/
/* タブ機能の掲載領域の装飾 */
.tabbox1 {
	margin-left: 10px;
	float: left;
	/* margin: 0px; */
	/* padding: 1em; */
	/* background-color: #f0f0f0; */
}

/* タブ機能を制御するラジオボタン(非表示にする) */
.tabbox1 input {
	display: none;
}

/* タブ(共通装飾＋非選択状態の装飾) */
.tab1 {
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	border-color: #0059B2;
	border-top-right-radius: 15px;
	padding: 10px 2.5em;
	color: #0059B2;
	background-color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.6;		/*行間*/
	margin-top: 10px;
	margin-right: 0px; /*選択タブの間隔(2個の場合は100px)*/
	margin-bottom: 20px;
	margin-left: 5px;	/*選択タブが1個の場合*/
}

/* タブにマウスポインタが載った際の装飾 */
.tab1:hover {
	background-color: #0059B2;
	color: white;
	cursor: pointer;
}

/* チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
input:checked + .tab1 {
	color: white;
	background-color: #0059B2;
	position: relative;
	z-index: 10;
}

/* タブの中身(共通装飾＋非選択状態の装飾) */
.tabcontent1 {
	display: none;
	/* border-top: 1px solid #f6a72a; */
	/* margin-top: -1px; */
	/* padding: 1em; */
	margin-left: 5px;
	font-size: 14px;
	position: relative;
	z-index: 0;
	/* background-color: #fff; */
}

/* チェックが入っているラジオボタンに対応するタブの中身を表示する */
#tabcheck11:checked ~ #tabcontent11 {
	display: block;
}
#tabcheck21:checked ~ #tabcontent21 {
	display: block;
}
#tabcheck31:checked ~ #tabcontent31 {
	display: block;
}
#tabcheck41:checked ~ #tabcontent41 {
	display: block;
}
#tabcheck51:checked ~ #tabcontent51 {
	display: block;
}
#tabcheck61:checked ~ #tabcontent61 {
	display: block;
}

/*タブの設定02
---------------------------------------------------------------------------*/
/* タブ機能の掲載領域の設定 */
#contents .tabbox2 {
	width: 100%;
	margin: 0px;
	padding: 5px;
}

/* タブ機能を制御するラジオボタン(非表示にする) */
#contents .tabbox2 input {
	display: none;
}

/* タブ(共通装飾＋非選択状態の装飾) */
#contents .tab2 {
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	border-color: #766038;
	border-radius: 3px;
	padding: 10px 20px 8px;
	color: #263344;
	background-color: #fff;
	font-weight: bold;
	line-height: 1
}

/* タブにマウスポインタが載った際の装飾 */
#contents .tab2:hover {
	background-color: #766038;
	color: white;
	cursor: pointer;
}

/* チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
input:checked + .tab2 {
	color: red;
	border-color: red;
	background-color: #fff;
	position: relative;
	z-index: 10;
}

/* タブの中身(共通装飾＋非選択状態の装飾) */
.tabcontent2 {
	display: none;
	border: 1px solid #766038;
	margin-top: 15px;
	padding: 5px;
	position: relative;
	z-index: 0;
	background-color: #fff;
}

/* チェックが入っているラジオボタンに対応するタブの中身を表示する */
   #tabchk12:checked ~ #tabcontent12 {
	display: block;
}
   #tabchk22:checked ~ #tabcontent22 {
	display: block;
}
   #tabchk32:checked ~ #tabcontent32 {
	display: block;
}

/*タブの設定03
---------------------------------------------------------------------------*/
/* タブ機能の掲載領域の装飾 */
#contents .tabbox3 {
	margin: 0px;
	/* padding: 1em; */
	/* background-color: #f8f8ff; */
}

/* タブ機能を制御するラジオボタン(非表示にする) */
#contents .tabbox3 input {
	display: none;
}

/* タブ(共通装飾＋非選択状態の装飾) */
#contents .tab3 {
	display: inline-block;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #465775;
	/* border-radius: 0.75em 0.75em 0px 0px; */
	padding: 0.75em 2em;
	color: #465775;
	background-color: #d4d4d4;
	font-weight: bold;
	margin-right: 20px;
}

/* タブにマウスポインタが載った際の装飾 */
#contents .tab3:hover {
	background-color: #465775;
	color: white;
	cursor: pointer;
}

/* チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
input:checked + .tab3 {
	color: white;
	border-color: #4d7537;
	background-color: #4d7537;
	position: relative;
	z-index: 10;
}

/* タブの中身(共通装飾＋非選択状態の装飾) */
#contents .tabcontent3 {
	display: none;
	/* border: 1px solid black; */
	margin-top: 15px;
	/* padding: 1em; */
	position: relative;
	z-index: 0;
	/* background-color: #ffffcc; */
	background: #fff;
}

/* チェックが入っているラジオボタンに対応するタブの中身を表示する */
#tabcheck31:checked ~ #tabcontent31 {
	display: block;
}
#tabcheck32:checked ~ #tabcontent32 {
	display: block;
}
#tabcheck33:checked ~ #tabcontent33 {
	display: block;
}

/* アコーディオン・タブ設定 */
#contents .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
}
#contents .cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
#contents .cp_actab label {
	position: relative;
	display: block;
	width: 650px;
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
	padding: 8px 30px 5px;
	border: 1px solid #0059B2;border-radius: 4px;	
	margin: 1px 30px 10px;
	background: #0059B2;
	cursor: pointer;
}
#contents .cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 1.8s;
	transition: max-height 1.8s;
	color: #263344;
	padding-left: 5px;
}
#contents .cp_actab .cp_actab-content p {
	margin: 1em;
}
/* :checked */
#contents .cp_actab input:checked ~ .cp_actab-content {
	max-height: 120em;
}
/* Icon */
#contents .cp_actab label::after {
	line-height: 1em;
	position: absolute;
	font-size: 16px;
	top: 13px;
	right: 20px;
	display: block;
	width: 1em;
	height: 1em;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	text-align: center;
}
#contents .cp_actab input[type=checkbox] + label::after {
	content: '＞';
}
#contents .cp_actab input[type=checkbox]:checked + label::after {
	transform: rotatez(90deg);
}
#contents .cp_actab input[type=radio] + label::after {
	content: '＞';
}#contents
.cp_actab input[type=radio]:checked + label::after {
	transform: rotatez(90deg);
}

/*テーブル(ご利用案内ページ用)
---------------------------------------------------------------------------*/
/*ta1設定*/
#contents .ta1 {
	position: relative;
	float: left;
	/* table-layout: fixed; */
	margin: 20px 30px 20px;
	font-size: 14px;
	width: 700px;
}
#contents .ta1, #contents .ta1 td, #contents .ta1 th {
	/*border: 1px solid #ccc;	テーブルの枠線の幅、線種、色*/
	padding: 0px;	/*ボックス内の余白*/
	word-break: break-all;
	text-align: left;	/*左よせ*/
	background: #fff;
}
/*テーブル１行目に入った見出し部分*/
#contents .ta1 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #f6f5f2;	/*背景色*/
	font-size: 18px;	/*文字サイズ*/
	text-shadow: 0px 3px #fff;	/*テキストの影。右へ、下へ、色。*/
}
/*テーブルta1のテキストパーツ*/
#contents .ta1 td p.text {
	font-size: 18px;	/*文字サイズ*/
	line-height: 1.8;	/*行間*/
	/* font-weight: bold; */
}
#contents .ta1 td p {
	padding: 0px !important;
}
/*テーブルta1内でのリンクの設定*/
#contents .ta1 a {
	/* text-decoration: none; */
	/* display: block; */
}
/*テーブルta1内でのリンクの設定(マウス操作時動作)*/
#contents .ta1 a:hover {
	/* background: #0066ff; */
	/* color: #263344;			文字色*/
}
/*アニメーション設定*/
#contents .ta1 a::after {
	transition: 0.6s;	/*0.6秒かけてアニメーションを実行する。*/
}

/*ta1の左側ボックス*/
#contents .ta1 th {
	width: 150px;	/*幅*/
	font-weight: normal;
	font-size: 16px;	/*文字サイズ*/
	vertical-align: top;
	padding-top: 10px;
}
/*左側ボックスに画像を入れた場合の設定*/
#contents .ta1 th img {
	width: 100%;
}
/*右側ボックスに画像を入れた場合の設定*/
#contents .ta1 td img {
	margin: 0 0 0 20px;
	width: 400px;
	height: auto;
	padding: 8px;
	border: 1px solid #ccc;
}
#contents .ta1 td p.caption {
	margin-top: 10px;
	margin-left: 0;
	font-size: 16px;
	text-align: center
}
/*見出し項目装飾(縦線追加)*/
#contents .ta1 th span4 {
	display: block;
	font-size: 16px;	/*文字サイズ*/
	font-weight:bold;
	line-height: 1.1;
	padding-left: 1em;
	border-left: 5px solid #0059B2;
	margin: 5px 15px;	/*ボックス内の余白*/
}
/*見出し項目装飾(縦線追加)*/
#contents .ta1 th span5 {
	display: block;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.1;
	padding-left: 1em;
	border-left: 4px solid #766038;
}
/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta1 span3 {
	/* clear: both; */
	/* float: right; */
	font-size: 18px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.6;
	font-weight: bold;
	/* padding: 0 5px; */
	margin-right: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
#contents .ta1 span3.blbl2:hover {
	background: #0066ff;
	color: #fff;			/*文字色*/
}
#contents .ta1 span3.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

#contents .ta1 span3.blbr2:hover {
	background: #766038;
	color: #fff;	/*文字色*/
}
#contents .ta1 span3.blbr2::active {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

.ta1 span3.bnexc {
	background: url(../images/lect_logo_02.png) no-repeat;
}
#contents .ta1 span3.bnexc:hover img {
	visibility: hidden;
}

/*コンテンツ内：各種カテゴリーアイコンの設定01*/
#contents .ta1 span4 {
	/* clear: both; */
	/* float: right; */
	font-size: 18px;	/*文字サイズ*/
	display: block;
	line-height: 1.6;
	font-weight: bold;
	/* padding: 0 5px; */
	margin-right: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta1 span5 {
	/* clear: both; */
	/* float: right; */
	font-size: 22px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.6;
	font-weight: bold;
	padding: 5px 1em;
	margin-left: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
#contents .ta1 span5.blbl2:hover {
	background: #0066ff;
	color: #fff;			/*文字色*/
}
#contents .ta1 span5.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta1 span6 {
	/* clear: both; */
	/* float: left; */
	font-size: 18px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.4;
	font-weight: bold;
	padding: 5px 1em;
	margin-left: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
#contents .ta1 span6.blrd2:hover {
	background: #ff0066;
	color: #fff;			/*文字色*/
}
#contents .ta1 span6.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}
#contents .ta1 span6.bllv2:hover {
	background: #c977ff;
	color: #fff;			/*文字色*/
}
#contents .ta1 span6.bllv2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

/*ta2設定*/
#contents .ta2 {
	position: relative;
	float: left;
	/* table-layout: fixed; */
	margin: 0px 40px 30px;
	font-size: 14px;
	width: 700px;
}
#contents .ta2, #contents .ta2 td, #contents .ta2 th {
	/*border: 1px solid #ccc;	テーブルの枠線の幅、線種、色*/
	padding: 10px 15px;	/*ボックス内の余白*/
	word-break: break-all;
	text-align: left;	/*左よせ*/
}
/*テーブル１行目に入った見出し部分*/
#contents .ta2 th .tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #f6f5f2;	/*背景色*/
	font-size: 18px;	/*文字サイズ*/
	text-shadow: 0px 3px #fff;	/*テキストの影。右へ、下へ、色。*/
}
/*テーブルta2のテキストパーツ*/
#contents .ta2 td {
	background: #fff;
}
/*テーブルta2のテキストパーツ*/
#contents .ta2 td p.text {
	font-size: 18px;	/*文字サイズ*/
	line-height: 1.8;	/*行間*/
	/* font-weight: bold; */
}
#contents .ta2 td p {
	padding: 0px !important;
}
/*テーブルta2内でのリンクの設定*/
#contents .ta2 a {
	/* text-decoration: none; */
	/* display: block; */
}
/*テーブルta2内でのリンクの設定(マウス操作時動作)*/
#contents .ta2 a:hover {
	/* background: #0066ff; */
	/* color: #263344;			文字色*/
}
/*アニメーション設定*/
#contents .ta2 a::after {
	transition: 0.6s;	/*0.6秒かけてアニメーションを実行する。*/
}

/*ta2の左側ボックス*/
#contents .ta2 th {
	width: 150px;	/*幅*/
	font-weight: normal;
	font-size: 16px;	/*文字サイズ*/
	vertical-align: top;
	padding-top: 15px;
	background: #fff;
}
/*左側ボックスに画像を入れた場合の設定*/
#contents .ta2 th img {
	width: 100%;
}
/*右側ボックスに画像を入れた場合の設定*/
#contents .ta2 td.pict img {
	margin: 20px 0;
	width: 100%;
}
/*見出し項目装飾(縦線追加)*/
#contents .ta2 th span4 {
	display: block;
	font-size: 16px;	/*文字サイズ*/
	font-weight:bold;
	line-height: 1.1;
	padding-left: 1em;
	border-left: 5px solid #0059B2;
}
/*見出し項目装飾(縦線追加)*/
#contents .ta2 th span5 {
	display: block;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.1;
	padding-left: 1em;
	border-left: 4px solid #0059B2;
}
/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta2 span3 {
	/* clear: both; */
	/* float: right; */
	font-size: 18px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.6;
	font-weight: bold;
	/* padding: 0 5px; */
	margin-right: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
#contents .ta2 span3.blbl2:hover {
	background: #0066ff;
	color: #fff;			/*文字色*/
}
#contents .ta2 span3.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}
#contents .ta2 span3.blbr2:hover {
	background: #766038;
	color: #fff;	/*文字色*/
}
#contents .ta2 span3.blbr2::active {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

#contents .ta2 span3.bnexc {
	background: url(../images/lect_logo_02.png) no-repeat;
}
#contents .ta2 span3.bnexc:hover img {
	visibility: hidden;
}

/*コンテンツ内：各種カテゴリーアイコンの設定01*/
#contents .ta2 span4 {
	/* clear: both; */
	/* float: right; */
	font-size: 18px;	/*文字サイズ*/
	display: block;
	line-height: 1.6;
	font-weight: bold;
	/* padding: 0 5px; */
	margin-right: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta2 span5 {
	/* clear: both; */
	/* float: right; */
	font-size: 22px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.6;
	font-weight: bold;
	padding: 5px 1em;
	margin-left: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
#contents .ta2 span5.blbl2:hover {
	background: #0066ff;
	color: #fff;			/*文字色*/
}
#contents .ta2 span5.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta2 span6 {
	/* clear: both; */
	/* float: left; */
	font-size: 18px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.4;
	font-weight: bold;
	padding: 5px 1em;
	margin-left: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
#contents .ta2 span6.blrd2:hover {
	background: #ff0066;
	color: #fff;			/*文字色*/
}
#contents .ta2 span6.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}
#contents .ta2 span6.bllv2:hover {
	background: #c977ff;
	color: #fff;			/*文字色*/
}
#contents .ta2 span6.bllv2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

/*ta3設定*/
#contents .ta3 {
	position: relative;
	float: left;
	/* table-layout: fixed; */
	margin: 0px 40px 20px;
	font-size: 14px;
	width: 700px;
}
#contents .ta3, #contents .ta3 td, #contents .ta3 th {
	/*border: 1px solid #ccc;	テーブルの枠線の幅、線種、色*/
	padding: 10px 15px;	/*ボックス内の余白*/
	word-break: break-all;
	text-align: left;	/*左よせ*/
	background: #fff;
}
/*テーブル１行目に入った見出し部分*/
#contents .ta3 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #f6f5f2;	/*背景色*/
	font-size: 18px;	/*文字サイズ*/
	text-shadow: 0px 3px #fff;	/*テキストの影。右へ、下へ、色。*/
}
/*テーブルta3のテキストパーツ*/
#contents .ta3 td p.text {
	font-size: 18px;	/*文字サイズ*/
	line-height: 1.8;	/*行間*/
	/* font-weight: bold; */
}#contents
.ta3 td p {
	padding: 0px !important;
}
/*テーブルta3内でのリンクの設定*/
#contents .ta3 a {
	/* text-decoration: none; */
	/* display: block; */
}
/*テーブルta3内でのリンクの設定(マウス操作時動作)*/
#contents .ta3 a:hover {
	/* background: #0066ff; */
	/* color: #263344;			文字色*/
}
/*アニメーション設定*/
#contents .ta3 a::after {
	transition: 0.6s;	/*0.6秒かけてアニメーションを実行する。*/
}

/*ta4の左側ボックス*/
#contents .ta3 th {
	width: 150px;	/*幅*/
	font-weight: normal;
	font-size: 16px;	/*文字サイズ*/
	vertical-align: top;
	padding-top: 15px;
}
/*左側ボックスに画像を入れた場合の設定*/
#contents .ta3 th img {
	width: 100%;
}
/*右側ボックスに画像を入れた場合の設定*/
#contents .ta3 td.pict img {
	margin: 20px 0;
	width: 100%;
}
/*見出し項目装飾(縦線追加)*/
#contents .ta3 th span4 {
	display: block;
	font-size: 16px;	/*文字サイズ*/
	font-weight:bold;
	line-height: 1.1;
	padding-left: 1em;
	border-left: 5px solid #ffae2b;
}
/*見出し項目装飾(縦線追加)*/
#contents .ta3 th span5 {
	display: block;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.1;
	padding-left: 1em;
	border-left: 4px solid #766038;
}
/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta3 span3 {
	/* clear: both; */
	/* float: right; */
	font-size: 18px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.6;
	font-weight: bold;
	/* padding: 0 5px; */
	margin-right: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
#contents .ta3 span3.blbl2:hover {
	background: #0066ff;
	color: #fff;			/*文字色*/
}
#contents .ta3 span3.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

#contents .ta3 span3.blbr2:hover {
	background: #766038;
	color: #fff;	/*文字色*/
}
#contents .ta3 span3.blbr2::active {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

#contents .ta3 span3.bnexc {
	background: url(../images/lect_logo_02.png) no-repeat;
}
#contents .ta3 span3.bnexc:hover img {
	visibility: hidden;
}
/*コンテンツ内：各種カテゴリーアイコンの設定01*/
#contents .ta3 span4 {
	/* clear: both; */
	/* float: right; */
	font-size: 18px;	/*文字サイズ*/
	display: block;
	line-height: 1.6;
	font-weight: bold;
	/* padding: 0 5px; */
	margin-right: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta3 span5 {
	/* clear: both; */
	/* float: right; */
	font-size: 22px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.6;
	font-weight: bold;
	padding: 5px 1em;
	margin-left: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
#contents .ta3 span5.blbl2:hover {
	background: #0066ff;
	color: #fff;			/*文字色*/
}
#contents .ta3 span5.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}
/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta3 span6 {
	/* clear: both; */
	/* float: left; */
	font-size: 18px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.4;
	font-weight: bold;
	padding: 5px 1em;
	margin-left: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}#contents .ta3 span6.blrd2:hover {
	background: #ff0066;
	color: #fff;			/*文字色*/
}
#contents .ta3 span6.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}
#contents .ta3 span6.bllv2:hover {
	background: #c977ff;
	color: #fff;			/*文字色*/
}
#contents .ta3 span6.bllv2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

/*ta4設定*/
#contents .ta4 {
	position: relative;
	float: left;
	display: inline-block;
	/* table-layout: fixed; */
	margin: 0px 10px 40px;
	font-size: 14px;
	width: 700px;
	/* border: 1px solid #ccc; */	/*テーブルの枠線の幅、線種、色*/
	border-left: 10px solid #0059B2;
	padding: 0px;	/*ボックス内の余白*/
	word-break: break-all;
	text-align: left;	/*左よせ*/
}
#contents .ta4 th, #contents .ta4 td {
	display: block;
	padding: 0px 20px;	/*ボックス内の余白*/
	word-break: break-all;
	text-align: left;	/*左よせ*/
	/* border: 1px solid #ccc; */	/*テーブルの枠線の幅、線種、色*/
	background: #fff;
}
/*テーブル１行目に入った見出し部分*/
#contents .ta4 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #f6f5f2;	/*背景色*/
	font-size: 18px;	/*文字サイズ*/
	text-shadow: 0px 3px #fff;	/*テキストの影。右へ、下へ、色。*/
}
/*テーブルta4のテキストパーツ*/
#contents .ta4 td.text {
	font-size: 18px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
	/* font-weight: bold; */
}
/*テーブルta4のテキストパーツ*/
#contents .ta4 td.text1 {
	font-size: 18px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 3px;
	color: #0059B2;
}
#contents .ta4 td.text2 {
	font-size: 32px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
	font-weight: bolder;
	padding-top: 5px;
}
#contents .ta4 td.text3 {
	font-size: 24px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
	font-weight: bold;
	padding-top: 5px;
}
#contents .ta4 td p {
	padding: 0px !important;
}
/*テーブルta4内でのリンクの設定*/
#contents .ta4 a {
	/* text-decoration: none; */
	/* display: block; */
}
/*テーブルta4内でのリンクの設定(マウス操作時動作)*/
#contents .ta4 a:hover {
	/* background: #0066ff; */
	/* color: #263344;			文字色*/
}
/*アニメーション設定*/
#contents .ta4 a::after {
	transition: 0.6s;	/*0.6秒かけてアニメーションを実行する。*/
}

/*ta4の左側ボックス*/
#contents .ta4 th {
	/* width: 150px; */	/*幅*/
	font-weight: normal;
	font-size: 16px;	/*文字サイズ*/
	vertical-align: top;
	padding-top: 15px;
}
/*左側ボックスに画像を入れた場合の設定*/
#contents .ta4 th img {
	width: 100%;
}
/*右側ボックスに画像を入れた場合の設定*/
#contents .ta4 td.pict img {
	margin: 20px 0;
	width: 100%;
}
/*見出し項目装飾(縦線追加)*/
#contents .ta4 th span4 {
	display: block;
	font-size: 16px;	/*文字サイズ*/
	font-weight:bold;
	line-height: 1.1;
	padding-left: 1em;
	border-left: 5px solid #ffae2b;
}
/*見出し項目装飾(縦線追加)*/
#contents .ta4 th span5 {
	display: block;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.1;
	padding-left: 1em;
	border-left: 4px solid #766038;
}
/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta4 span3 {
	/* clear: both; */
	/* float: right; */
	font-size: 18px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.6;
	font-weight: bold;
	/* padding: 0 5px; */
	margin-right: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
#contents .ta4 span3.blbl2:hover {
	background: #0066ff;
	color: #fff;			/*文字色*/
}
#contents .ta4 span3.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

#contents .ta4 span3.blbr2:hover {
	background: #766038;
	color: #fff;	/*文字色*/
}
#contents .ta4 span3.blbr2::active {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

#contents .ta4 span3.bnexc {
	background: url(../images/lect_logo_02.png) no-repeat;
}
#contents .ta4 span3.bnexc:hover img {
	visibility: hidden;
}

/*コンテンツ内：各種カテゴリーアイコンの設定01*/
#contents .ta4 span4 {
	/* clear: both; */
	/* float: right; */
	font-size: 18px;	/*文字サイズ*/
	display: block;
	line-height: 1.6;
	font-weight: bold;
	/* padding: 0 5px; */
	margin-right: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta4 span5 {
	/* clear: both; */
	/* float: right; */
	font-size: 22px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.6;
	font-weight: bold;
	padding: 5px 1em;
	margin-left: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
#contents .ta4 span5.blbl2:hover {
	background: #0066ff;
	color: #fff;			/*文字色*/
}
#contents .ta4 span5.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

/*コンテンツ内：各種カテゴリーアイコンの設定*/
#contents .ta4 span6 {
	/* clear: both; */
	/* float: left; */
	font-size: 18px;	/*文字サイズ*/
	text-decoration: none;
	display: block;
	line-height: 1.4;
	font-weight: bold;
	padding: 5px 1em;
	margin-left: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}
#contents .ta4 span6.blrd2:hover {
	background: #ff0066;
	color: #fff;			/*文字色*/
}
#contents .ta4 span6.blbl2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}
#contents .ta4 span6.bllv2:hover {
	background: #c977ff;
	color: #fff;			/*文字色*/
}
#contents .ta4 span6.bllv2::after {
	transition: 0.6s;	/*0.3秒かけてアニメーションを実行する。*/
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	padding-top: 20px;
}
#pagetop a {
	color: #fff;		/*文字色*/
	font-size: 20px;	/*文字サイズ*/
	font-weight: bold;
	background: #0059B2;	/*背景色*/
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	width: 50px;	/*幅*/
	line-height: 50px;	/*高さ*/
	border-radius: 10px;	/*角丸のサイズ*/
	border: 3px solid #fff;	/*枠線の幅、線種、色*/
	box-shadow: 0px 5px 15px rgba(0,0,0,0.2);	/*ボックスの影*/
	margin-bottom: 40px;
}
/*マウスオン時*/
#pagetop a:hover {
	background: #fff;	/*背景色*/
	color: #263344;		/*文字色*/
}

/*その他
---------------------------------------------------------------------------*/
.look {background: #e5e5e5;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 15px;list-style: disc;}
.color1, .color1 a {color: #263344;}
.bg1 {background: #f6f5f2;}
.pr {font-size: 10px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {font-size: 24px;letter-spacing: 0.2em;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.fb {font-weight: bold;}

.look {background: #e5e5e5; padding: 5px 10px;border-radius: 4px;}
.mb10,.mb0.5em {margin-bottom: 10px;}
,mt10,.mt0.5em {margin-top: 10px;}
.mb15,.mb1em {margin-bottom: 15px;}
.mt15,.mt1em {margin-top: 15px;}
.mt20,.mt1.5em {margin-top: 20px;}
.mb20,.mb1.5em {margin-bottom: 20px;}
.mt30,.mt2em {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 40px;}
.mt225 {margin-top: 22.5px;}
.mt25 {margin-top: 25px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40,.mb2em {margin-bottom: 40px;}
.mb50 {margin-bottom: 40px;}
.ml2em {margin-left: 2em}
.ml1em {margin-left: 1em}
.ml0.5p {margin-left: 0.5em}
.ml5p {margin-left: 5%;}
.ml12p {margin-left: 12%;}
.ml20p {margin-left: 20%;}
.ml25p {margin-left: 25%;}
.ml30p {margin-left: 30%;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mlra {margin-left: auto; margin-right: auto;}
.ml0a {margin: 0 auto;}
.mt0 {margin-top: 0;}
.mb0 {margin-bottom: 0;}

.clear {clear: both;}
.clfl {clear: both;float: left;}
.clfr {clear: both;float: right;}
ul.disc {padding: 0em 25px 15px;list-style: disc;}
.color1, .color1 a {color: #263344;}
.bg1 {background: #f6f5f2;}
.bgec {background: #ececec;}
.bgfa {background: #fafafa;}
.pr {font-size: 10px;}
.fs9 {font-size: 9px;}
.lh14 {line-height: 1.4;}
.lh12 {line-height: 1.2;}
.lh16 {line-height: 1.6;}

.pl20 {padding-left: 20px;}
.pb10 {padding-bottom: 10px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb20 {padding-bottom: 20px;}
.pd05 {padding: 5px;}
.pd10 {padding: 10px;}
.pd15 {padding: 15px;}
.pd1015 {padding: 10px 15px 10px;}

.wl {width: 96%;}
.wa {width: 90%;}
.wa80 {width: 80%;}
.wm {width: 75%;}
.wm70 {width: 70%;}
.wm65 {width: 65%}
.ws {width: 50%;}
.ws55 {width: 55%;}
.ws45 {width: 45%;}
.ws44 {width: 44%;}
.ws415 {width: 41.5%;}
.ws40 {width: 40%;}
.ws387 {width: 38.7%;}
.ws388 {width: 38.8%;}
.ws35 {width: 35%;}
.ws30 {width: 30%;}
.ws20 {width: 20%;}
.ws196 {width: 19.6%;}
.ws10 {width: 10%;}

.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}

.vat {vertical-align: top;}
.vatb {vertical-align: text-bottom;}
,vatt {vertical-align: text-top;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {font-size: 24px;letter-spacing: 0.2em;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.fslg {font-size: large;}
.sh {display: none;}
.dil {display: inline;}
.dbk {display: block;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18b {font-size: 18px;font-weight: bold;}

.brt {border-top: none;}
.blb {border-bottom: none}
.brn {border-right: none;}
.bln {border-left: none}
.bdn {border: none;}
.bt1 {border-top: 1px solid #ccc;}	/*テーブルの枠線の幅、線種、色*/
.bb1 {border-bottom: 1px solid #ccc;}	/*テーブルの枠線の幅、線種、色*/
.bl1 {border-left: 1px solid #ccc;}	/*テーブルの枠線の幅、線種、色*/
.bl2 {border-left: 2px solid #ccc;}	/*テーブルの枠線の幅、線種、色*/
,bl11 {border-right: 1px solid #a2a2a2;}
.bl4 {border-left: 4px solid #766038;}
.btbr {border-top: 1px solid #766038;}
.bbd1 {border-bottom: 1px dashed #0059B2;}	/*破線の枠線の幅、線種、色*/
.btd1 {border-top: 1px dashed #0059B2;}	/*破線の枠線の幅、線種、色*/
.b5c {border: 5px solid #ccc;}	/*テーブルの枠線の幅、線種、色*/
.bt5c {border-top: 5px solid #ccc;}	/*テーブルの枠線の幅、線種、色*/
.bb5c {border-bottom: 5px solid #ccc;}	/*テーブルの枠線の幅、線種、色*/
.bb10c {border-bottom: 10px solid #ccc;}/*テーブルの枠線の幅、線種、色*/
.bb10f {border-bottom: 10px solid #fff;}/*テーブルの枠線の幅、線種、色*/
.bt10f {border-top: 10px solid #fff;}/*テーブルの枠線の幅、線種、色*/
.bl5c {border-left: 5px solid #ccc;}	/*テーブルの枠線の幅、線種、色*/
.br5c {border-right: 5px solid #ccc;}	/*テーブルの枠線の幅、線種、色*/
.blr5c {border-left: 5px solid #ccc; border-right: 5px solid #ccc;}
.btb5c {border-top: 5px solid #ccc; border-bottom: 5px solid #ccc;}
.btbd1 {border-top: 1px dashed #0059B2; border-bottom: 1px dashed #0059B2;}	/*破線の枠線の幅、線種、色*/
.brd1 {border: 4px dotted #0059B2;background: #fff;}	/*点線の枠線の幅、線種、色*/
.btb1 {border-top: 1px solid #0059B2;}
.bbb1 {border-bottom: 1px solid #0059B2;}

.blbr {border: 1px solid #766038;}	/*テーブルの枠線の幅、線種、色*/
.blmg {border: 1px solid #4d7537;}
.bldb {border: 1px solid #374d75;}
.blmr {border: 1px solid #75374d;}
.blcc {border: 1px solid #ccc;}
.bl2c {border: 2px solid #ccc;}
.bldc {border: 1px solid #dcdcdc;}
.blf1 {border: 1px solid #FFF;}
.blf2 {border: 2px solid #FFF;}
.blr2 {border: 2px solid #FF5C7F;}
.blfl2 {border-left: 2px solid #FFF;}
.blfl3 {border-left: 3px solid #FFF;}
.bltw1 {border: 1px solid #1DA1F2;}
.blrd1 {border: 6px solid #ebebeb;}
.blrdb {border-bottom: 6px solid #ebebeb;}
.blrdb2 {border-bottom: 3px solid #ebebeb;}
.blrdb3 {border-bottom: 3px solid #FFF;}
.blrdt {border-top: 6px solid #ebebeb;}

.blbrl1 {border-left: 1px solid #766038;}
.bdbrb2 {border-bottom: 2px dotted #766038;}

.blmr1 {border: 1px solid #75374d;border-radius: 3px;margin: 2.5px -1px -1px;padding: 2px 10px 0;}
.blmg1 {border: 1px solid #4d7537;border-radius: 3px;margin: 2.5px -1px -1px;padding: 2px 10px 0;}
.bldb1 {border: 1px solid #374d75;border-radius: 3px;margin: 2.5px -1px -1px;padding: 2px 10px 0;}

.blmr2 {border: 1px solid #75374d;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.blmg2 {border: 1px solid #4d7537;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.bldb2 {border: 1px solid #374d75;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.blbr2 {border: 1px solid #766038;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.blbl2 {border: 1px solid #0066ff;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.blbl3 {border: 1px solid #0066ff;border-radius: 4px;margin: 3px -1px 0;padding: 2px 10px 0;}
.blpp2 {border: 1px solid #9900ff;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.blrd2 {border: 1px solid #ff0066;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.bldo2 {border: 1px solid #cc7a00;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.bldg2 {border: 1px solid #296600;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.blds2 {border: 1px solid #0099cc;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.blmb2 {border: 1px solid #0044aa;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.blcr2 {border: 1px solid #cc7eb1;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.bllv2 {border: 1px solid #c977ff;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.blac2 {border: 1px solid #acacac;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.bla02 {border: 1px solid #a0a0a0;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}
.blff2 {border: 1px solid #ffffff;border-radius: 3px;margin: 3px -1px 0;padding: 2px 10px 0;}

.blbr3 {border: 1px solid #766038;border-radius: 3px;background: #766038;margin: 3px -1px 0;padding: 2px 10px 0;}
.bldg3 {border: 1px solid #296600;border-radius: 3px;background: #296600;margin: 3px -1px 0;padding: 2px 10px 0;}

.bllect1 {border: 1px solid #54a23d;border-radius: 3px;}

.ff {color: #ffffff;}
.ac {color: #acacac;}
.a0 {color: #a0a0a0;}
.db {color: #374d75;}
.mr {color: #75374d;}
.gb {color: #377560;}
.mg {color: #4d7537;}
.dp {color: #603775;}
.br {color: #766038;}
.sa {color: #2ecfe8;}
.nd {color: #ed5f8c;}

.bl {color: #0066ff;}
.pp {color: #9900ff;}
.rd {color: #ff0066;}
.do {color: #cc7a00;}
.dg {color: #296600;}
.ds {color: #0099cc;}
.mb {color: #0044aa;}
.cr {color: #cc7eb1;}
.lv {color: #c977ff;}
.oy {color: #0059B2;}

.markeror1 {background: linear-gradient(transparent 0%, #ffe0c1 0%);font-weight: 550;color: #5a5a5a;}

.bgfff {background: #fff;}
.bggb {background: #377540;}
.bgdb {background: #374d75;}
.bgmr {background: #75376c;}
.bggb1 {background: #badcad;}
.bgdb1 {background: #bbc8e6;}
.bgmb1 {background: #374d75;}
.bgmg1 {background: #7b8d42;}
.bgmo1 {background: #f09930;}
.bglg1 {background: #93ca76;}
.bgeg1 {background: #00b4cc;}
.bgmr1 {background: #cc7eb1;}
.bgnd1 {background: #eebbcb;}
.bgom1 {background: #f2f2b0;}
.bgsa1 {background: #c1e4e9;}
.bghg1 {background: #bfa46f;}
.bgmk1 {background: #c7b370;}
.bgeb1 {background: #ebebeb;}
.bggr1 {background: #f8f8f8;}
.bgcc {background: #cccccc;}
.bgac {background: #acacac;}
.bgda {background: #dadada;}
.bgsat {background: #ccd7ff;}
.bgsat1 {background: #eef2ff;}
.bgsun {background: #ffccd7;}
.bgsun1 {background: #ffeef2;}
.bgaj {background: #ebf6f7;}
.bgwm {background: #e0ebaf;}
.bgrb {background: #f6bfbc;}
.bgos {background: #f5cf93;}

.bgff {background: url(../images/mark2.png) no-repeat 10px center;}		/*背景色背景画像（黒矢印）の読み込み*/
.bgfc {background: #fcfcfc url(../images/mark2.png) no-repeat 10px center;}	/*背景色、背景画像（黒矢印）の読み込み*/
.bgf0 {background: #f0f0f0 url(../images/mark2.png) no-repeat 10px center;}	/*背景色、背景画像（黒矢印）の読み込み*/
.bge4 {background: #e4e4e4 url(../images/mark2.png) no-repeat 10px center;}	/*背景色、背景画像（黒矢印）の読み込み*/

.lst {text-decoration: line-through;}

.pnct {pointer-events: none; cursor: text;}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.inline-block {
	display: inline-block;
}
del {
    color: #FF5C7F;
    font-weight: bold;
}

/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

/*inner共通
---------------------------------------------------------------------------*/
#inner {
	width: auto;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
.main, .sub {
	float: none;
	width: auto;
}

/*コンテンツのh3タグの設定*/
#contents h3 {
	width: auto;
}

/*Serviceページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#contents .list {
	width: 70%;			/*ボックス幅*/
	padding: 1%;		/*ボックス内の余白*/
}
/*ボックス内右側のテキストパーツ*/
#contents .list .text {
	font-size: 18px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
	height: 8.5em;		/*高さ*/
}
/*ボックス内のh4タグ設定*/
#contents .list h4 {
	font-size: 18px;
	padding: 5px;
}
/*ボックス内の画像*/
#contents .list .img {
	float: left;	/*左に回り込み*/
	width: 150px;		/*幅*/
	height: 150px;		/*高さ*/
	margin-right: 20px;
}
/*mainブロック内のボックス設定*/
#contents .main .list {
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);	/*ボックスの影*/
}

/*各ボックスの設定_01*/
#contents .list_01 {
	position: relative;
	overflow: hidden;
	float: left;		/*左に回り込み*/
	width: 88%;			/*ボックス幅*/
	padding: 5px 0;		/*ボックス内の余白*/
	border: 1px solid #dcdcdc;	/*枠線の幅、線種、色*/
	margin: 0 0.8% 20px;		/*上、左右、下へのボックスの外に空けるスペース*/
	box-shadow: none;	/*ボックスの影をなくす設定*/
}
#contents .list_01 .text {
	font-size: 16px;
}

/*各ボックスの設定02*/
#contents .list02 {
	margin: 15px 20px 15px;		/*上、左右、下へのボックスの外に空けるスペース*/
	/* box-shadow: 0px 10px 40px rgba(0,0,0,0.2); */	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.2は透明度20%の事。*/
	/* -webkit-transition: 0.3s; */	/*マウスオン時の移り変わるまでの時間設定。0.3秒。*/
	/* transition: 0.3s; */			/*同上*/
}


/*タブの設定01
---------------------------------------------------------------------------*/
/* タブ(共通装飾＋非選択状態の装飾) */
#contents .tab1 {
	line-height: 2;		/*行間*/
	padding: 10px 2.5em;
}
/* アコーディオン・タブ設定 */
#contents .cp_actab .cp_actab-content {
	padding-left: 20px;
}#contents
.cp_actab label {
	width: auto;
}

/*テーブル(ご利用案内ページ用)
---------------------------------------------------------------------------*/
/*ta1設定*/
#contents .ta1 {
	width: 650px;
	margin: 10px 10px 20px;
}

/*ta2設定*/
#contents .ta2 {
	width: auto;
	margin: 0 20px 30px;
}
/*ta3設定*/
#contents .ta3 {
	width: auto;
	margin: 0 20px 20px;
}
/*ta4設定*/
#contents .ta4 td.text2 {
	padding-top: 2px;
}
#contents .ta4 td.text3 {
	padding-top: 3px;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n .sub,body.s-n #footermenu,.m-n {display: none;}
.fl-half{float:left;width:45%;margin-left:3%;}
.sh {display:block;}
.pc {display:none;}
.ft18 {font-size: 18px;}

}

/*画面幅470px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:470px){

/*inner共通
---------------------------------------------------------------------------*/
#inner {
	width: auto;
	height: auto;
	padding: 0 !important;
}
/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 12px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	padding: 20px 0;	/*上下、左右に空けるボックス内の余白*/
}
/*コンテンツのh2タグの設定*/
#contents h2 {
	font-size: 16px;	/*文字サイズ*/
	padding: 5px 10px;	/*上下、左右への余白*/
}
/*コンテンツの段落タグ設定*/
#contents p {
	padding: 0px 10px 15px;	/*上、左右、下への余白*/
}
/*コンテンツのh4タグの設定*/
#contents h4 {
	width: 47%;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 10px;
	padding: 8px 10px;	/*上、左右、下への余白*/
	font-size: 16px;
}

/*Serviceページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#contents .list {
	margin: 0;
	box-shadow: none !important;
	border: none;
	border-bottom: 1px solid #dcdcdc;	/*下線の幅、線種、色*/
}
/*１つ目のメニュー*/
#contents .list:first-of-type {
	border-top: 1px solid #dcdcdc;
}
/*リンクを貼った際に出る「→」マーク*/
#contents .list a::before {
	right: 0px;	/*ボックスの右から0pxの場所に配置*/
	width: 20px;	/*幅*/
	line-height: 20px;	/*高さ*/
}
/*ボックス内のp(段落)タグ設定*/
#contents .list a p {
	padding-right: 40px !important;
}
/*各ボックスの設定02*/
#contents .list02 {
	width: 60%;			/*ボックス幅*/
	padding: 1% 20px;		/*ボックス内の余白*/
	margin: 10px;		/*上、左右、下へのボックスの外に空けるスペース*/
}
/*ボックス内のh5タグ設定*/
#contents .list02 h5 {
	font-size: 20px;
}
/*各ボックスの設定03 Amazon書籍販売ページリンク用バナー設定*/
#contents .list03 {
	width: 93%;			/*ボックス幅*/
	padding: 1%;		/*ボックス内の余白*/
	margin: 0px 10px 15px;		/*上、左右、下へのボックスの外に空けるスペース*/
}
/*ボックス内右側のテキストパーツ*/
#contents .list03 .text {
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.4;	/*行間*/
	height: auto;		/*高さ*/
}
/*ボックス内右側のテキストパーツ*/
#contents .list03 .text p {
	font-size: 13px;	/*文字サイズ*/
	line-height: 1.4;	/*行間*/
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 5px;
}

/*ボックス内のh5タグ設定*/
#contents .list03 h5 {
	font-size: 15px;
	line-height: 1.4;	/*行間*/
}
/*ボックス内の画像*/
#contents .list03 .img {
	width: 70px;		/*幅*/
	margin-right:5px;
}

/*タブの設定01
---------------------------------------------------------------------------*/
/* タブ機能の掲載領域の装飾 */
#contents .tabbox1 {
	width: 100%;
	clear: both;
	float: left;
}
/* タブ(共通装飾＋非選択状態の装飾) */
#contents .tab1 {
	display: block;
	width: 75%;
	border-top-right-radius: 10px;
	padding: 10px 2.5em;
	color: #0059B2;
	background-color: #fff;
	font-size: 16px;
	line-height: 1.6;		/*行間*/
	margin-top: 0;
	margin-right: 0px; /*選択タブの間隔(2個の場合は100px)*/
	margin-bottom: 10px;
	margin-left: 5px;	/*選択タブが1個の場合*/
	word-break: break-all;
}
/* アコーディオン・タブ設定 */
#contents .cp_actab {
	width: 100%;
	margin: 0;
}
#contents .cp_actab label {
	width: 91%;
	font-size: 14px;
	line-height: 1.6;
	padding: 8px 10px 10px;
	margin: 1px 0px 10px;
}
#contents .cp_actab .cp_actab-content {
	width: 96%;
	padding-left: 0;
	clear: both;
	float:left;
}
/* Icon */
#contents .cp_actab label::after {
	font-size: 14px;
	top: 13px;
	right: 10px;
}

/*テーブル
---------------------------------------------------------------------------*/
/*ta1設定*/
#contents .ta1 {
	margin: 5px 0 20px;
	width: 98%;
}
#contents .ta1, #contents .ta1 td, #contents .ta1 th {
	display: block;
	padding: 0;	/*ボックス内の余白*/
}
/*テーブルta1のテキストパーツ*/
#contents .ta1 td p.text {
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
	margin: 10px 5px 10px 10px;
}
/*テーブルta1のテキストパーツ*/
#contents .ta1 td p.text1 {
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
	margin: 10px;
}
/*ta1の左側ボックス*/
#contents .ta1 th {
	width: 100%;	/*幅*/
	font-size: 14px;	/*文字サイズ*/
}
/*見出し項目装飾(縦線追加)*/
#contents .ta1 th span4 {
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.1;
	border-left: 4px solid #0059B2;
	margin: 10px 15px;	/*ボックス内の余白*/
}
/*ta2設定*/
#contents .ta2 {
	width: 96%;
	margin-left: 15px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-top: 0px;
	word-break: break-all;
}
#contents .ta2, #contents .ta2 td, #contents .ta2 th {
	display: block;
	padding: 8px 0 0 0;	/*ボックス内の余白*/
	word-break: break-all;
}
/*テーブルta2のテキストパーツ*/
#contents .ta2 td p.text {
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
	margin: 0 5px 10px 10px;	/*ボックス内の余白*/
	word-break: break-all;
}
/*ta2の左側ボックス*/
#contents .ta2 th {
	width: 100%;	/*幅*/
}
/*ta3設定*/
#contents .ta3 {
	margin: 0 0 10px 0;
	width: 95%;
	clear: both;
	float: left;
}
#contents .ta3, #contents .ta3 td, #contents .ta3 th {
	padding: 10px;	/*ボックス内の余白*/
}
/*テーブルta3のテキストパーツ*/
#contents .ta3 td p.text {
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
}
*/ta4設定*/
#contents .ta4 {
	width: 135%;
	margin-top: 0;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0;
}
#contents .ta4 th, #contents .ta4 td {
	padding: 0;	/*ボックス内の余白*/
}
/*テーブル内の右側*/
#contents .ta4 td {
	/* width: 73%; */
	width: 135%;
	padding: 8px 0 5px 10px;
	word-break: break-all;
}
/*テーブルta4のテキストパーツ*/
#contents .ta4 td.text1 {
	font-size: 14px;	/*文字サイズ*/
	word-wrap: break-word;
}
#contents .ta4 td.text2 {
	font-size: 23px;	/*文字サイズ*/
	padding-top: 5px;
}
#contents .ta4 td.text3 {
	font-size: 18px;	/*文字サイズ*/
	padding-top: 5px;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
img.fr,img.fl {float: none;margin: 0;width: 100%;}
.fl-half{float:none;width:100%;margin-left:0;}

}

/*画面幅400px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:400px){

/*inner共通
---------------------------------------------------------------------------*/
#inner {
	width: auto;
	height: auto;
	padding: 0 !important;
}
/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 12px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	padding: 20px 0;	/*上下、左右に空けるボックス内の余白*/
}
/*コンテンツのh2タグの設定*/
#contents h2 {
	font-size: 16px;	/*文字サイズ*/
	padding: 5px 10px;	/*上下、左右への余白*/
}
/*コンテンツの段落タグ設定*/
#contents p {
	padding: 0px 10px 15px;	/*上、左右、下への余白*/
}
/*コンテンツのh4タグの設定*/
#contents h4 {
	width: 50%;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 8px 10px;	/*上、左右、下への余白*/
	font-size: 16px;
}

/*Serviceページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#contents .list {
	margin: 0;
	box-shadow: none !important;
	border: none;
	border-bottom: 1px solid #dcdcdc;	/*下線の幅、線種、色*/
}
/*１つ目のメニュー*/
#contents .list:first-of-type {
	border-top: 1px solid #dcdcdc;
}
/*リンクを貼った際に出る「→」マーク*/
#contents .list a::before {
	right: 0px;	/*ボックスの右から0pxの場所に配置*/
	width: 20px;	/*幅*/
	line-height: 20px;	/*高さ*/
}
/*ボックス内のp(段落)タグ設定*/
#contents .list a p {
	padding-right: 40px !important;
}
/*各ボックスの設定02*/
#contents .list02 {
	width: 65%;			/*ボックス幅*/
	padding: 1% 20px;		/*ボックス内の余白*/
	margin: 10px;		/*上、左右、下へのボックスの外に空けるスペース*/
}
/*ボックス内のh5タグ設定*/
#contents .list02 h5 {
	font-size: 20px;
}
/*各ボックスの設定03 Amazon書籍販売ページリンク用バナー設定*/
#contents .list03 {
	width: 94%;			/*ボックス幅*/
	padding: 1%;		/*ボックス内の余白*/
	margin: 0px 10px 15px;		/*上、左右、下へのボックスの外に空けるスペース*/
}
/*ボックス内右側のテキストパーツ*/
#contents .list03 .text {
	font-size: 13px;	/*文字サイズ*/
	line-height: 1.3;	/*行間*/
	height: auto;		/*高さ*/
}
/*ボックス内右側のテキストパーツ*/
#contents .list03 .text p {
	font-size: 12px;	/*文字サイズ*/
	line-height: 1.4;	/*行間*/
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 5px;
}

/*ボックス内のh5タグ設定*/
#contents .list03 h5 {
	font-size: 14px;
	line-height: 1.5;	/*行間*/
}
/*ボックス内の画像*/
#contents .list03 .img {
	width: 65px;		/*幅*/
	margin-right:5px;
}

/*タブの設定01
---------------------------------------------------------------------------*/
/* タブ機能の掲載領域の装飾 */
#contents .tabbox1 {
	width: 100%;
	clear: both;
	float: left;
}
/* タブ(共通装飾＋非選択状態の装飾) */
#contents .tab1 {
	display: block;
	width: 72%;
	border-top-right-radius: 10px;
	padding: 10px 2.5em;
	color: #0059B2;
	background-color: #fff;
	font-size: 16px;
	line-height: 1.6;		/*行間*/
	margin-top: 0;
	margin-right: 0; /*選択タブの間隔(2個の場合は100px)*/
	margin-bottom: 10px;
	margin-left: 0;	/*選択タブが1個の場合*/
	word-break: break-all;
}
/* アコーディオン・タブ設定 */
#contents .cp_actab {
	width: 100%;
	margin: 0;
}
#contents .cp_actab label {
	width: 90%;
	font-size: 14px;
	line-height: 1.6;
	padding: 8px 10px 10px;
	margin: 1px 0px 10px;
}
#contents .cp_actab .cp_actab-content {
	width: 100%;
	padding-left: 0;
	clear: both;
	float:left;
}
/* Icon */
#contents .cp_actab label::after {
	font-size: 14px;
	top: 13px;
	right: 10px;
}

/*テーブル
---------------------------------------------------------------------------*/
/*ta1設定*/
#contents .ta1 {
	margin: 5px 0 20px;
	width: 100%;
}
#contents .ta1, #contents .ta1 td, #contents .ta1 th {
	display: block;
	padding: 0;	/*ボックス内の余白*/
}
/*テーブルta1のテキストパーツ*/
#contents .ta1 td p.text {
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
	margin: 10px 5px 10px 10px;
}
/*テーブルta1のテキストパーツ*/
#contents .ta1 td p.text1 {
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
	margin: 10px;
}
/*ta1の左側ボックス*/
#contents .ta1 th {
	width: 100%;	/*幅*/
	font-size: 14px;	/*文字サイズ*/
}
/*見出し項目装飾(縦線追加)*/
#contents .ta1 th span4 {
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.1;
	border-left: 4px solid #0059B2;
	margin: 10px 15px;	/*ボックス内の余白*/
}
/*ta2設定*/
#contents .ta2 {
	width: 95%;
	margin-left: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-top: 0px;
	word-break: break-all;
}
#contents .ta2, #contents .ta2 td, #contents .ta2 th {
	display: block;
	padding: 8px 0 0 0;	/*ボックス内の余白*/
	word-break: break-all;
}
/*テーブルta2のテキストパーツ*/
#contents .ta2 td p.text {
	font-size: 15px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
	margin: 0 5px 10px 10px;	/*ボックス内の余白*/
	word-break: break-all;
}
/*ta2の左側ボックス*/
#contents .ta2 th {
	width: 100%;	/*幅*/
}
/*ta3設定*/
#contents .ta3 {
	margin: 0 0 10px 0;
	width: 98%;
	clear: both;
	float: left;
}
#contents .ta3, #contents .ta3 td, #contents .ta3 th {
	padding: 10px;	/*ボックス内の余白*/
}
/*テーブルta3のテキストパーツ*/
#contents .ta3 td p.text {
	font-size: 15px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
}
*/ta4設定*/
#contents .ta4 {
	/* width: 100%; */
	width: 97%;
	margin-top: 0;
	margin-left: 0;
	margin-right: 5px;
	margin-bottom: 0;
}
#contents .ta4 th, #contents .ta4 td {
	padding: 0;	/*ボックス内の余白*/
}
/*テーブル内の右側*/
#contents .ta4 td {
	/* width: 100%; */
	width: 100%;
	padding: 8px 0 5px 10px;
	word-break: break-all;
}
/*テーブルta4のテキストパーツ*/
#contents .ta4 td.text1 {
	font-size: 14px;	/*文字サイズ*/
	word-wrap: break-word;
}
#contents .ta4 td.text2 {
	font-size: 23px;	/*文字サイズ*/
	padding-top: 5px;
}
#contents .ta4 td.text3 {
	font-size: 18px;	/*文字サイズ*/
	padding-top: 5px;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
img.fr,img.fl {float: none;margin: 0;width: 100%;}
.fl-half{float:none;width:100%;margin-left:0;}

}