@charset "utf-8";
/* CSS Document */
/* =========================================================
 Structure Module
========================================================= */
html {
	font-size: 62.5%;
}
body {
	background-color: #fff;
	color: #222;
	line-height: 1.4;
	font-size: 1.4em;
	font-family:"メイリオ", Meiryo, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
	width: 100%;
	-webkit-text-size-adjust: 100%; /*iPhone や Android のブラウザの、縦向きと横向きの文字サイズを自動調整する機能をOFFにする*/
	word-break: normal;
}

@media only screen and (min-width: 769px) and (max-width:1000px) {/*PCで幅1000px～769pxの間はスクロールを出す*/
body {
	min-width: 1000px;
	overflow: scroll;
}
}

/* =========================================================
 Text Module
========================================================= */
p.indent {
    margin-left: 1em; /* ブロック全体を 1em 右に */
    text-indent: -1em; /* 先頭の1文字のみ 1em 左に */
}
p.comment.indent+p.comment.indent {
	margin-top: 5px !important;
}
/* =========================================================
 Link Module
========================================================= */
a:link, a:visited {
	color: #00a8d2;
	text-decoration: underline;
}
a:hover, a:active, a.hover {
	color: #00a8d2;
	text-decoration: none;
}
/* =========================================================
 Float Reset
========================================================= */
.clear {clear: both;}
.cf:after {content:''; display:table; clear:both;}
/* =========================================================
 Margin
========================================================= */

.mat-10{	margin-top:-10px;}
.mat0{	margin-top:0px !important;}
.mat3{	margin-top:3px;}
.mat5{	margin-top:5px;}
.mat8{	margin-top:8px;}
.mat10{	margin-top:10px;}
.mat15{	margin-top:15px;}
.mat20{	margin-top:20px !important;}
.mat25{	margin-top:25px !important;}
.mat30{	margin-top:30px !important;}
.mat40{	margin-top:40px !important;}
.mat50{	margin-top:50px;}
.mat100{ margin-top:100px;}

.mar5{	margin-right:5px;}
.mar8{	margin-right:8px;}
.mar10{	margin-right:10px;}
.mar13{	margin-right:13px;}
.mar14{	margin-right:14px;}
.mar15{	margin-right:15px;}
.mar20{	margin-right:20px;}
.mar25{	margin-right:25px;}
.mar30{	margin-right:30px;}
.mar50{	margin-right:50px;}

.mab3{	margin-bottom:3px;}
.mab5{	margin-bottom:5px;}
.mab8{	margin-bottom:8px;}
.mab10{	margin-bottom:10px;}
.mab15{	margin-bottom:15px;}
.mab20{	margin-bottom:20px;}
.mab25{	margin-bottom:25px;}
.mab30{	margin-bottom:30px;}
.mab40{	margin-bottom:40px;}
.mab50{	margin-bottom:50px;}

.mal5{	margin-left:5px;}
.mal10{	margin-left:10px;}
.mal11{	margin-left:11px;}
.mal15{	margin-left:15px;}
.mal20{	margin-left:20px;}
.mal25{	margin-left:25px;}
.mal30{	margin-left:30px;}
.mal50{	margin-left:50px;}

/* =========================================================
 Pading
========================================================= */
.pat5{	padding-top:5px;}
.pat10{	padding-top:10px;}
.pat15{	padding-top:15px;}
.pat20{	padding-top:20px;}
.pat25{	padding-top:25px;}
.pat30{	padding-top:30px;}
.pat50{	padding-top:50px;}

.par5{	padding-right:5px;}
.par7{	padding-right:7px;}
.par9{	padding-right:9px;}
.par10{	padding-right:10px;}
.par15{	padding-right:15px;}
.par20{	padding-right:20px;}
.par25{	padding-right:25px;}
.par30{	padding-right:30px;}
.par50{	padding-right:50px;}

.pab5{	padding-bottom:5px;}
.pab10{	padding-bottom:10px;}
.pab15{	padding-bottom:15px;}
.pab20{	padding-bottom:20px;}
.pab25{	padding-bottom:25px;}
.pab30{	padding-bottom:30px;}
.pab50{	padding-bottom:50px;}
.pab75{ padding-bottom:75px;}

.pal10{	padding-left:10px;}
.pal15{	padding-left:15px;}
.pal20{	padding-left:20px;}
.pal25{	padding-left:25px;}
.pal30{	padding-left:30px;}
.pal50{	padding-left:50px;}

/* =========================================================
 Text Align
========================================================= */
.txal{ text-align:left;}
.txac{ text-align:center;}
.txar{ text-align:right;}

/* =========================================================
 Vertical Align
========================================================= */
.vat{ vertical-align:top !important;}
.vam{ vertical-align:middle !important;}
.vab{ vertical-align:bottom !important;}


/* =========================================================
 Font
========================================================= */
.red{
	color: #f00;
}
.red-b{
	color: #f00;
	font-weight: bold;
}
.blue {
	color: #353FBC;
}
.blue-b{
	color: #353FBC;
	font-weight: bold;
}
.c000-b{
	color:#000;
	font-weight: bold;
}
.gray{
	color: #CCC;
}
.gray2{
	color: #999;
}
.lh12{
	line-height: 120%;
}
.fs12{
	font-size: 12px;
}
.fs16{
	font-size: 1.6rem;
}
.font-bold-16 {
	font-weight: bold;
	font-size: 1.6rem;
}
.font-bold {
	font-weight: bold;
}
.bk {
	color: #333;
}
/* =========================================================
 Opacity
========================================================= */
.opacity a:hover, a.opacity:hover, a.opacity.hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.70;
}
/* =========================================================
 input
========================================================= */

input[type="text" disabled]{
	background: #ccc;
}

textarea[disabled]{
	background: #ccc;
}