@charset "UTF-8";


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

  “Content Parts” CSS

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



/* Text Module
========================================== */
.fs16	{	font-size:1.6em; line-height:1.5;}




/* btns
========================================== */

	/* wtBtn( ホワイトベース, 左ブルー▲, w100% )
	---------------------------------------- */
	.wtBtn
		{	font-size:1.7em; font-weight:bold;
			padding:0.8em 0; text-align:center; position:relative; border:1px solid #cfcfcf;
			border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
			background: rgb(255,255,255);
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);}
	.wtBtn:before
		{	content:'\0044'; color:#007970; position:absolute; top:50%; left:3%; margin-top:-0.5em;
			display:block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
			-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

	/* wtBtn(ホワイトベース, 右ブルー>, w100% )
	---------------------------------------- */
	.wtRRArwBtn {
			padding:6px; text-align:center; position:relative; border:1px solid #cfcfcf;
			border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
			background: rgb(255,255,255);
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
			box-shadow:rgba(136, 137, 138, 0.5) 1px 1px 3px 0;
			-webkit-box-shadow:rgba(136, 137, 138, 0.5) 1px 1px 3px 0;
			-moz-box-shadow:rgba(136, 137, 138, 0.5) 1px 1px 3px 0;}
	.wtRRArwBtn:before {
			content:'\004B'; color:#007970; position:absolute; top:50%; right:3%; margin-top:-0.5em;
			display:block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
			-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


	/* blBtn ( ブルーベース, 右白矢印ボタン,w100% )
	---------------------------------------- */
	.blBtn
		{	font-size:1.7em; font-weight:bold;
			padding:0.8em 0; text-align:center; position:relative; border:1px solid #066999;
			border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
			background: rgb(10,148,214);
			background: -moz-linear-gradient(top,  rgba(102,198,191,1) 0%, rgba(0,161,150,1) 100%);
			background: -webkit-linear-gradient(top, rgba(102,198,191,1) 0%, rgba(0,161,150,1) 100%);
			background: linear-gradient(to bottom,  rgba(102,198,191,1) 0%, rgba(0,161,150,1) 100%);}
	.blBtn:after
		{	content:'\0041'; color:#fff; position:absolute; top:50%; right:3%; margin-top:-0.5em;
			display:block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
			-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
	.blBtn:link, .blBtn:visited, .blBtn:hover, .blBtn:active
		{	color:#fff;	}

	/* wtBtnRArrow ( 白ベース, 右青矢印ボタン,w100% )
	---------------------------------------- */
	.wtBtnRArrow
		{	font-size:1.7em; font-weight:bold;
			padding:0.8em 0; text-align:center; position:relative; border:1px solid #066999;
			border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
			background: rgb(10,148,214);
			background: -moz-linear-gradient(top,  rgba(10,148,214,1) 0%, rgba(10,148,214,1) 50%, rgba(6,127,196,1) 51%, rgba(6,127,196,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(10,148,214,1) 0%,rgba(10,148,214,1) 50%,rgba(6,127,196,1) 51%,rgba(6,127,196,1) 100%);
			background: linear-gradient(to bottom,  rgba(10,148,214,1) 0%,rgba(10,148,214,1) 50%,rgba(6,127,196,1) 51%,rgba(6,127,196,1) 100%);}
	.wtBtnRArrow:after
		{	content:'\0041'; color:rgb(10,148,214); position:absolute; top:50%; right:3%; margin-top:-0.5em;
			display:block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
			-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
	.wtBtnRArrow:link, .wtBtnRArrow:visited, .wtBtnRArrow:hover, .wtBtnRArrow:active
		{	color:#fff;	}


	/* btnArrowDf ( 左矢印, widthAuto,colorOption有り )
	---------------------------------------- */
	.btnArrowDf
		{	display:inline-block; padding:12px 10px 9px 2em; font-size:1.5em; position:relative; border:1px solid #ccc;
			background: rgb(255,255,255);
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
			box-shadow:rgba(136, 137, 138, 0.5) 1px 1px 3px 0;
			-webkit-box-shadow:rgba(136, 137, 138, 0.5) 1px 1px 3px 0;
			-moz-box-shadow:rgba(136, 137, 138, 0.5) 1px 1px 3px 0;}
	.btnArrowDf:after
		{	content:'\0041'; position:absolute; top:48%; left:10px; margin-top:-0.5em; color:#007970; font-size:0.5em;
			display:block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
			-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

	.rightArrow
		{
 			padding: 10px 2em 10px 10px;
 			position:absolute; top:50%; right:10px;
		}

	.btnArrowDf.btnOpCBL
		{	border:1px solid #066999;
			background: #00A196;
			background: -moz-linear-gradient(top,  #40B9B0 0%, #00A196 100%);
			background: -webkit-linear-gradient(top,  #40B9B0 0%,#00A196 100%);
			background: linear-gradient(to bottom,  #40B9B0 0%,#00A196 100%);}
	.btnArrowDf.btnOpCBL:after	{	 color:#fff;}
	.btnArrowDf.btnOpCBL:link, .btnOpCBL:visited, .btnOpCBL:hover, .btnOpCBL:active
		{	color:#fff;	}


	.btnArrowDf.btnOpCPK
		{	border:1px solid #d5032c;
			background: rgb(255,87,91);
			background: -moz-linear-gradient(top,  rgba(255,87,91,1) 0%, rgba(255,4,53,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(255,87,91,1) 0%,rgba(255,4,53,1) 100%);
			background: linear-gradient(to bottom,  rgba(255,87,91,1) 0%,rgba(255,4,53,1) 100%);}
	.btnArrowDf.btnOpCPK:after	{	 color:#fff;}
	.btnArrowDf.btnOpCPK:link, .btnOpCBL:visited, .btnOpCBL:hover, .btnOpCBL:active
		{	color:#fff;	}


	.btnArrowDf.disabled
		{	padding:10px 10px 10px 2.65em; color:#929292; display:inline-block;}
	.btnArrowDf.disabled:after
		{	content:"G"; background:#c8c8c8; padding:1.15em;
			margin-top:-1.75em; left:0; border:1px solid #fff; color:#fff;}

	.btnArrowDf.disabled:link, .btnOpCBL:visited, .btnOpCBL:hover, .btnOpCBL:active
		{		}

	.btnArrowDf.close
		{	padding:10px 10px 10px 2.65em; color:#929292; display:inline-block;}
	.btnArrowDf.close:after
		{	content:"G"; padding:10px; margin-top:-17px; left:0; border:1px solid #fff; color:#fff; font-size:0.800em;
			background: rgb(255,168,76);
			background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);
			background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);}
	.btnArrowDf.close:link, .btnArrowDf.close:visited, .btnArrowDf.close:hover, .btnArrowDf.close:active
		{	color:#000;	}



	/* btnDf ( 矢印なし,colorOption有り )
	---------------------------------------- */
	.btnDf
		{	border:2px solid #fff; vertical-align:middle;
			padding:8px;
			display:inline-block;
			outline:1px solid #ccc;
			font-size:1.6em; font-weight:bold;
			box-shadow:rgba(136, 137, 138, 0.5) 1px 1px 3px 0;
			-webkit-box-shadow:rgba(136, 137, 138, 0.5) 1px 1px 3px 0;
			-moz-box-shadow:rgba(136, 137, 138, 0.5) 1px 1px 3px 0;}
	.btnDf.btnOpCBL
		{	background: rgb(10,148,214); color:#fff;
			background: -moz-linear-gradient(top,  rgba(102,198,191,1) 0%, rgba(0,161,150,1) 100%);
			background: -webkit-linear-gradient(top, rgba(102,198,191,1) 0%, rgba(0,161,150,1) 100%);
			background: linear-gradient(to bottom,  rgba(102,198,191,1) 0%, rgba(0,161,150,1) 100%);}

	.btnDf.btnOpCGY
		{	background: rgb(255,255,255);
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);}

	.btnDf.disabled
		{	background: rgb(181,181,181); color:#fff;
			background: -moz-linear-gradient(top,  rgba(181,181,181,1) 0%, rgba(181,181,181,1) 50%, rgba(176,176,176,1) 51%, rgba(176,176,176,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(181,181,181,1) 0%,rgba(181,181,181,1) 50%,rgba(176,176,176,1) 51%,rgba(176,176,176,1) 100%);
			background: linear-gradient(to bottom,  rgba(181,181,181,1) 0%,rgba(181,181,181,1) 50%,rgba(176,176,176,1) 51%,rgba(176,176,176,1) 100%);}


/* Colors
========================================== */
.cRD			{	color:#e94a3d;}
.redText		{	color:#ff0000;}


/* width
========================================== */
.w100	{	width:100% !important;}
.w90	{	width:90% !important;}
.w80	{	width:80% !important;}
.w70	{	width:70% !important;}
.w60	{	width:60% !important;}
.w50	{	width:50% !important;}
.w40	{	width:40% !important;}
.w30	{	width:30% !important;}
.w20	{	width:20% !important;}
.w10	{	width:10% !important;}

.w5em	{	width:5em !important;}
.w6em	{	width:6em !important;}

/* list
========================================== */
.listCom	{	padding-left:1em;}
.listCom li	{	text-indent:-1em;}

.listNum	{	margin:1em 0;}
.listNum li	{	list-style:decimal; margin:0 0 0.5em 1.5em;}

.listDot	{	margin:1em 0;}
.listDot li	{	list-style:disc; margin:0 0 0.5em 1.5em;}




/* Blank adjustment
========================================== */
.mT0	{	margin-top:0!important;}
.mT1em	{	margin-top:1em!important;}
.mB3	{	margin-bottom:3%!important;}