@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: base.css
 * Summary:   ベーススタイル
 * Author:    CrEa., Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    html & body
 *     =2    box model styles
 *     =3    text styles
 *     =4    img styles
 *     =5    link styles
 *     =6    list styles
 *     =7    heading styles
 *     =8    table styles
 *     =9    other selectors
 *     =10    general styles
 *       =10-1    float/align
 *       =10-2    margin-bottom
 *       =10-3    padding-top
 *       =10-4    form
 *       =10-5    clearfix
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * html & body
 * ========================================
 */

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
	height: 100%;
	font-size: 62.5%;  /* 基準10px=1em */
}

body {
	position: relative;
	height: 100%;
	font-size: 12px;  /* CSS3未対応ブラウザ対策 */
	font-size: 1.2rem;  /* CSS3単位 実質12px */
	font-family: "メイリオ", "Arial", "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica", sans-serif;
	line-height: 1.5;
	letter-spacing: 0;
	word-break: break-all;
	word-break: break-all;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.popup {
	height: auto;
	background: transparent;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 768px) {
		html {
		}

		body {
			background: transparent;
		}
	}



/** =2
 * ========================================
 * box model styles
 * ========================================
 */

article {
}

section {
	clear: both;
	margin: 0 10px 10px;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 768px) {
		article {
		}

		section {
		}
	}



/** =3
 * ========================================
 * text styles
 * ========================================
 */
p{
	margin-bottom: 0.5em;
}
strong,.strong {
	font-weight: bold;
}

.italic{
	font-style: italic;
}

.disabled{
	cursor: not-allowed !important;
}

.required,
.error,
.red {
	color: #FF3333;
}
.blue{color: #016FA7;}
.green {color: #338833;}
.gray{color:#868686;}
.yellow{color:#e29604;}
.black{color:#000000;}
.brown{color: #573a27;}
.orange{color:#f35c11;}
.gold{color:#bda56c;}
.white{color:#fff;}

.fs8{ font-size:8px; font-size: 0.8rem;}
.fs9{ font-size:9px; font-size: 0.9rem;}
.fs10{ font-size:10px; font-size: 1.0rem;}
.fs11{ font-size:11px; font-size: 1.1rem;}
.fs12{ font-size:12px; font-size: 1.2rem;}
.fs13{ font-size:13px; font-size: 1.3rem;}
.fs14{ font-size:14px; font-size: 1.4rem;}
.fs15{ font-size:15px; font-size: 1.5rem;}
.fs16{ font-size:16px; font-size: 1.6rem;}
.fs18{ font-size:18px; font-size: 1.8rem;}
.fs20{ font-size:20px; font-size: 2.0rem;}
.fs22{ font-size:22px; font-size: 2.2rem;}
.fs23{ font-size:23px; font-size: 2.3rem;}
.fs24{ font-size:24px; font-size: 2.4rem;}
.fs25{ font-size:25px; font-size: 2.5rem;}
.fs28{ font-size:28px; font-size: 2.8rem;}
.fs30{ font-size:30px; font-size: 3.0rem;}
.fs35{ font-size:35px; font-size: 3.5rem;}
.fs40{ font-size:40px; font-size: 4.0rem;}
.fs60{ font-size:60px; font-size: 6.0rem;}

.letter1{
	letter-spacing: 1px;
}

.lh10{
	line-height: 1.0 !important;
}
.lh12{
	line-height: 1.2 !important;
}
.lh14{
	line-height: 1.4 !important;
}

.verTop{
	vertical-align: top !important;
}
.verMiddle{
	vertical-align: middle !important;
}
.verBottom{
	vertical-align: bottom !important;
}

/** =4
 * ========================================
 * img styles
 * ========================================
 */

img{
	vertical-align: bottom;
}


/** =5
 * ========================================
 * link styles
 * ========================================
 */

a, a:link, a:visited, a:active {
	text-decoration: none;
	outline: none;
}
a {
	color: #016FA7;
}
a.underLine:hover {
	text-decoration: underline;
}

a {
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
a.opacity:hover {
	filter: alpha(opacity=40);
    -moz-opacity:0.40;
    opacity:0.40;
}



/** =6
 * ========================================
 * list styles
 * ========================================
 */

ul li {
	list-style-type: none;
}
ul.disc {
	padding-left: 18px;
}
ul.disc li {
	list-style-type: disc;
}
ol li {
	list-style-type: decimal;
}



/** =7
 * ========================================
 * heading styles
 * ========================================
 */

h1, h2, h3, h4, h5, h6 {
}
h1.fNormal, h2.fNormal, h3.fNormal, h4.fNormal, h5.fNormal, h6.fNormal {
	font-weight: normal;
}


/** =8
 * ========================================
 * table styles
 * ========================================
 */

table {
	border-collapse: collapse;
}

th {
	font-weight: bold;
}



/** =9
 * ========================================
 * other selectors
 * ========================================
 */

hr {
	clear: both;
	margin: 8px 0;
}
hr.dot {
	border: none;
	border-top: 1px #999 dotted;
}


/** =10
 * ========================================
 * general styles
 * ========================================
 */

	/** =10-1
	 * float/align
	 * ----------------------------------
	 */
	.flo_left {
		float: left;
	}
	.flo_right {
		float: right;
	}

	.txt_left {
		text-align: left;
	}
	.txt_center {
		text-align: center;
	}
	.txt_right {
		text-align: right;
	}


	/** =10-2
	 * margin-bottom
	 * ----------------------------------
	 */
	.mb0{margin-bottom:0;}
	.mb5{margin-bottom:5px;}
	.mb10{margin-bottom:10px;}
	.mb15{margin-bottom:15px;}
	.mb20{margin-bottom:20px;}
	.mb25{margin-bottom:25px;}
	.mb30{margin-bottom:30px;}
	.mb35{margin-bottom:35px;}
	.mb40{margin-bottom:40px;}
	.mb50{margin-bottom:50px;}
	.mb60{margin-bottom:60px;}
	.mb70{margin-bottom:70px;}
	.mb80{margin-bottom:80px;}
	.mb100{margin-bottom:100px;}
	.mb150{margin-bottom:150px;}

	/* margin
	 * ----------------------------------
	 */
	.mLR15{margin:auto 15px;}


	/** =10-3
	 * padding-top
	 * ----------------------------------
	 */
	.p-t5{padding-top:5px;}
	.p-t10{padding-top:10px;}
	.p-t20{padding-top:20px;}
	.p-t30{padding-top:30px;}
	.p-t40{padding-top:40px;}
	.p-t50{padding-top:50px;}
	.p-t60{padding-top:60px;}
	.p-t70{padding-top:70px;}
	.p-t80{padding-top:80px;}


	/** =10-4
	 * form
	 * ----------------------------------
	 */

	label input {
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}
	.btn {
		cursor: pointer;
	}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 735px) {
		input.txt,
		textarea {
			max-width: 100%;
		}
	}


	/** =10-5
	 * clearfix
	 * ----------------------------------
	 */

	/* For modern browsers */
	.clearfix:before,
	.clearfix:after,
	.cf:before,
	.cf:after {
		display: table;
		content: "";
	}

	.clearfix:after,
	.cf:after {
		clear: both;
	}

	/* For IE 6/7 (trigger hasLayout) */
	.clearfix,
	.cf {
		zoom: 1;
	}


	/** =10-6
	 * display
	 * ----------------------------------
	 */
	.inBlock{
		display: inline-block !important;
	}
	.inline{
		display: inline !important;
	}
	.block{
		display: block !important;
	}
	.none{
		display: none !important;
	}

	/** =10-7
	 * pc_display sp_display
	 * ----------------------------------
	 */
	.pc_inlineDisplay{
		display: inline;
	}
	.pc_display{
		display: block;
	}
	.sp_display{
		display: none;
	}

		/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
			.pc_inlineDisplay{
				display: none;
			}
			.pc_display{
				display: none;
			}
			.sp_display{
				display: block;
			}
		}



	/** =10-8
	 * position
	 * ----------------------------------
	 */

	.relative{
		position: relative;
	}
	.absolute{
		position: absolute;
	}
	.static{
		position: static;
	}