@charset "utf-8";

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


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

	 1. hyperText
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	anchor

---------------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: none;
	color: #FFF;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: underline;
}

/*  画像ボタンをhover時に透過させる
-----------------------------------*/
a.alpha img{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a.alpha:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}

/*  ------------------------------------------------------------------

	arrow

---------------------------------------------------------------------*/
/*  linkArrow
-----------------------------------*/
a.linkArrow01 {
	background-image: url(../img/frame/btn_arrow_01.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline-block;
	width: 304px;
	height: 54px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1;
	padding-top: 17px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
}
a.linkArrow02 {
	background-image: url(../img/frame/btn_arrow_02.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline-block;
	width: 300px;
	height: 50px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1;
	padding-top: 17px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
}
a.linkArrow03 {
	background-image: url(../img/frame/btn_arrow_03.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline-block;
	width: 300px;
	height: 50px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1;
	padding-top: 17px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	color: #0495e0;
	text-align: center;
}
a.linkArrow04 {
	background-image: url(../img/frame/btn_arrow_04.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline-block;
	width: 334px;
	height: 54px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1;
	padding-top: 17px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
}
a.linkArrow01:hover,
a.linkArrow02:hover,
a.linkArrow03:hover,
a.linkArrow04:hover {
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}


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

	 2. p
 
============================================================================================================*/


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

	 3. txt(インライン系)
 
============================================================================================================*/
hr {
	background: #999;
	height: 1px;
	border-style: none;
}
/*  ------------------------------------------------------------------

	line height

---------------------------------------------------------------------*/
.lh10 {
	line-height: 1 !important;
}
.lh20 {
	line-height: 2 !important;
}
.lh25 {
	line-height: 2.5 !important;
}
/*  ------------------------------------------------------------------

	strong

---------------------------------------------------------------------*/
.txtBold {
	font-weight: bold;
}
/*  ------------------------------------------------------------------

	font size

---------------------------------------------------------------------*/
.fs10 {font-size: 10px !important;}
.fs12 {font-size: 12px !important;}
.fs14 {font-size: 14px !important;}
.fs16 {font-size: 16px !important;}
.fs18 {font-size: 18px !important;}
.fs20 {font-size: 20px !important;}
/*  ------------------------------------------------------------------

	font color

---------------------------------------------------------------------*/
.txtCr01 {color: #F00 !important;} /* 赤 */
.txtCr02 {color: #0F0 !important;} /* 緑 */
.txtCr03 {color: #00F !important;} /* 青 */
/*  ------------------------------------------------------------------

	align

---------------------------------------------------------------------*/
.txtCenter {
	text-align : center;
}
.txtLeft {
	text-align : left;
}
.txtRight {
	text-align : right;
}
.txtIndent {
	text-indent : -9999px;
}
/*  ------------------------------------------------------------------

	vertical

---------------------------------------------------------------------*/
.va_t {
	vertical-align: top;
}
.va_m {
	vertical-align: middle;
}
.va_b {
	vertical-align: bottom;
}
/*  ------------------------------------------------------------------

	float

---------------------------------------------------------------------*/
.floatL {
	float : left;
}
.floatR {
	float : right;
}
/*  ------------------------------------------------------------------

	box-sizing

---------------------------------------------------------------------*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

	 5. img
 
============================================================================================================*/
img.floatL {
	float : left;
	margin-top : 5px;
	margin-right : 15px;
}
img.floatR {
	float : right;
	margin-top : 5px;
	margin-left : 15px;
}
/* ==========================================================================================================

	 6. h Tag
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	6-1.	txtHeading

---------------------------------------------------------------------*/
.txtHeading01,
.txtHeading02,
.txtHeading03 {
	line-height: 1;
}
.txtHeading01 {
	font-size: 25px;
	font-size: 2.5rem;
	color: #0495e0;
	margin-bottom: 40px;
}
.txtHeading02 {
	font-size: 20px;
	font-size: 2.0rem;
	text-align: center;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	padding: 30px 0;
	margin-bottom: 30px;
}
.txtHeading03 {
	font-size: 30px;
	font-size: 3.0rem;
	margin-bottom: 45px;
	font-weight: 400;
}
.txtHeading03 em:before {
	content: url(../img/frame/h_ico_prev.png);
	padding-right: 15px;
}
.txtHeading03 em:after {
	content: url(../img/frame/h_ico_next.png);
}
/* ==========================================================================================================

	 11. その他要素、疑似クラス
 
============================================================================================================*/
/*  margin-top
-----------------------------------*/
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
/*  margin-right
-----------------------------------*/
.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}
.mr60 {margin-right: 60px !important;}
.mr70 {margin-right: 70px !important;}
.mr80 {margin-right: 80px !important;}
.mr90 {margin-right: 90px !important;}
.mr100 {margin-right: 100px !important;}
/*  margin-bottom
-----------------------------------*/
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
/*  margin-left
-----------------------------------*/
.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.ml60 {margin-left: 60px !important;}
.ml70 {margin-left: 70px !important;}
.ml80 {margin-left: 80px !important;}
.ml90 {margin-left: 90px !important;}
.ml100 {margin-left: 100px !important;}
/*  padding-top
-----------------------------------*/
.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top: 100px !important;}
/*  padding-right
-----------------------------------*/
.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}
.pr60 {padding-right: 60px !important;}
.pr70 {padding-right: 70px !important;}
.pr80 {padding-right: 80px !important;}
.pr90 {padding-right: 90px !important;}
.pr100 {padding-right: 100px !important;}
/*  padding-bottom
-----------------------------------*/
.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb100 {padding-bottom: 100px !important;}
/*  padding-left
-----------------------------------*/
.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}
.pl60 {padding-left: 60px !important;}
.pl70 {padding-left: 70px !important;}
.pl80 {padding-left: 80px !important;}
.pl90 {padding-left: 90px !important;}
.pl100 {padding-left: 100px !important;}
/*  ------------------------------------------------------------------

	selected text

---------------------------------------------------------------------*/
/* ---
::selection {
 background : #2CBC2C;
 color : #fff;
}

::-moz-selection {
 background : #2CBC2C;
 color : #fff;
}
--- */

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

	 51. general Classees
 
============================================================================================================*/
.note {
}
.error {
}
.caution {
}
.clear {
	clear: both;
}
/*  コードヒント用
-----------------------------------*/
.swap,
.firstChild,
.lastChild,
.rightChild,
.secondChild,
.thirdChild {
}
/*  免責条項など、2行目以降にスペース
-----------------------------------*/
.immunity { 
	padding-left: 1em;
	text-indent: -1em;
}




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



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

	 102. Section Style
 
============================================================================================================*/
div.section {
	clear : both;
}
div.section div.section {
}
div.section div.section div.section {
}
/* ==========================================================================================================

	 103. Div Style
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	h1Group

---------------------------------------------------------------------*/
div.h1Group {
	margin-bottom: 2em;
}
div.h1Group .lead {
	margin-left: 0;
}
/*  ------------------------------------------------------------------

	div.sectionWrap

---------------------------------------------------------------------*/
div.sectionWrap {
	width: 960px;
	margin: 0 auto;
}
div.sectionWrap div.section {
	clear: none;
	float: left;
	margin-bottom: 0;
}
div.sectionWrap div.section.lastChild {
	float: right;
}

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

	 104. ul
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	general01

---------------------------------------------------------------------*/
ul.ulType01 {
	font-size: 0;
	text-align: center;
}
ul.ulType01 li {
	display: inline-block;
	margin-left: 40px;
	font-size: 20px;
	font-size: 2.0rem;
}
ul.ulType01 li:first-child {
	margin-left: 0px;
}

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

	 106. dl
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	dlType01

---------------------------------------------------------------------*/
dl.dlType01 {
}
dl.dlType01 dt {
}
dl.dlType01 dd {
	background-color: #0495e0;
	font-weight: 700;
	color: #FFF;
	line-height: 1;
	padding: 15px 20px;
	text-align: left;
}
/*  ------------------------------------------------------------------

	dlType02

---------------------------------------------------------------------*/
dl.dlType02 {
}
dl.dlType02 dt {
	float: left;
	width: 120px;
	font-weight: 700;
	color: #0495e0;
	line-height: 2;
}
dl.dlType02 dd {
	padding-left: 35px;
	margin-left: 120px;
	line-height: 2;
	border-left: solid 1px #dde5e9;
}


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

	 101. tables
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	tbType01

---------------------------------------------------------------------*/
.tbType01 {
	width: 765px;
	margin: 0 auto;
}
.tbType01 tr td {
	border-bottom: solid 1px #dde5e9;
	text-align: left;
	padding: 8px 0;
	vertical-align: top;
}
.tbType01 tr.lastChild td {
	border: none;
}
/*  ------------------------------------------------------------------

	tbType02

---------------------------------------------------------------------*/
.tbType02 {
	width: 720px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.tbType02 tr th,
.tbType02 tr td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 40px;
}
.tbType02 tr:last-child th,
.tbType02 tr:last-child td {
	padding-bottom: 0px;
	vertical-align: middle;
}
.tbType02 tr th {
	width: 165px;
	color: #0495e0;
	font-weight: 700;
}
/*  ------------------------------------------------------------------

	tbType03

---------------------------------------------------------------------*/
.tbType03 {
	width: 720px;
	margin: 0 auto;
	margin-bottom: 60px;
	border-top: solid 2px #bfd3e1;
	border-bottom: solid 2px #bfd3e1;
}
.tbType03 tr th,
.tbType03 tr td {
	border-bottom: dashed 1px #bfd3e1;
	text-align: left;
	padding: 20px 0;
	vertical-align: top;
	font-weight: 700;
}
.tbType03 tr th {
	width: 170px;
	color: #0495e0;
}
.tbType03 tr:last-child th,
.tbType03 tr:last-child td {
	border-bottom: none;
}
/* ==========================================================================================================

	 131. input
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	@

---------------------------------------------------------------------*/
input.inputM,
input.inputL,
textarea.inputL {
	border: none;
	height: 40px;
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 10px;
	background-color: #bfd3e1;
	border-radius: 5px;
}
.inputM {
	width: 70%;
}
.inputL {
	width: 100%;
}
input::-webkit-input-placeholder {
    color: #FFF;
}
input:-ms-input-placeholder {
    color: #FFF;
}
input::-moz-placeholder {
    color: #FFF;
}
textarea.inputL {
	height: 200px;
	padding: 5px 10px;
	font-size: 15px;
	font-size: 1.5rem;
}
.confirmBtn {
	background-image: url(../img/frame/btn_arrow_01.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	color: #FFF;
	display: inline-block;
	width: 304px;
	height: 54px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
}
.confirmBtn:hover {
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}
/* ==========================================================================================================

	99. clearFix (pkg)

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

/* start clearfix */
.clearfix:before,
.clearfix:after,
.sectionWrap:before,
.sectionWrap:after,
.dlType02:before,
.dlType02:after {
	content: " ";
	display: table;
}
.clearfix:after,
.sectionWrap:after,
.dlType02:after {
	clear: both;
}
/* IE6/7 support */
.clearfix,
.sectionWrap,
.dlType02 {
	*zoom: 1;
}
/* end clearfix */