@charset "utf-8";
/* CSS Document */

/* 汎用class
----------------------------------------------------*/

.f-left {
	float: left;
	_display:inline;
}

.f-right {
	float: right;
	_display:inline;
}

.over {
	overflow: hidden;
	height: 100%;
}

.clear {
	clear: both;
}

.clear_fix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

*:first-child+html .clear_fix {
	height:1%;
}

* html .clear_fix {
	height: 1%;
}

.over {
	overflow: hidden;
	height: 100%;
}

.vis {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

.centerMargin {
	margin-left: auto;
	margin-right: auto;
}


/* img
---------------------------------------- */

.img-l {
	float: left;
	margin-right: 20px;
}

.img-lbtm {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

.img-r {
	float: right;
	margin-left: 20px;
}

.img-rbtm {
	float: right;
	margin-right: 15px;
	margin-bottom: 10px;
}

.img-bottom {
	vertical-align:bottom;
}

.img-top {
	vertical-align:top;
}
.img-middle {
	vertical-align: middle;
}


.imgbotan {
	float:right;
}



/* text
---------------------------------------- */
.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}
tr.center th,
tr.center td {
	text-align: center !important;
}
.center th,
.center td {
	text-align: center !important;
}

.txt-narrow {
	letter-spacing: -1px;
}

.txt-space {
	letter-spacing: 1px;
}

.txt-indent {
	text-indent: 1em;
}

.txt-underline {
	text-decoration:underline;
}

.disp-inline{
	display:inline;
}


/* fontsize・color・weight
---------------------------------------- */
.font-none {
	font-size:0 !important;
	line-height:0 !important;
}
.font07 {
	font-size: 7px; font-size: 0.7rem;
}
.font08 {
	font-size: 8px; font-size: 0.8rem;
}
.font09 {
	font-size: 9px; font-size: 0.9rem;
}
.font10 {
	font-size: 10px; font-size: 1.0rem;
}
.font12 {
	font-size: 12px; font-size: 1.2rem;
	line-height:140%;
}
.font14 {
	font-size: 14px; font-size: 1.4rem;
	line-height:140%;
}
.font16 {
	font-size: 16px; font-size: 1.6rem;
	line-height:140%;
}
.font18 {
	font-size: 18px; font-size: 1.8rem;
	line-height:140%;
}
.font22 {
	font-size: 22px; font-size: 2.2rem;
	line-height:140%;
}
.font25 {
	font-size: 25px; font-size: 2.5rem;
	line-height:140%;
}

.img-color,
.img-color a {
	color: #1ca2bb;
}

.black {
	color: #000000;
}

.white {
	color: #fff;
}

.gray {
	color: #999;
}

.red {
	color: #d02c00;
}
.blue {
	color: #003f98;
}
.lightblue {
	color: #6197c2;
}
.yellow {
	color: #aa6802;
}
.green{
	color:#8DC21F;
}
.purple{
	color:#684081;
}
.sp-purple {
	color:#c377dc;
}

.bold {
	font-weight: bold !important;
}
.bold2 {
	font-weight: 700;
}


.no-bold ,
.no-bold th,
.no-bold td,
th.no-bold,
td.no-bold{
	font-weight: 100 !important;
}

/* bgColor
---------------------------------------- */
.bg-grey{
	background: #e0e0e0;
}
.bg-white {
	background:#fff;
}
.bg-blue {
	background:#003f98;
}
.bg-lightblue {
	background:#e5eff7;
}
.bg-yellow {
	background:#aa6802;
}
.bg-none{
	background: none !important;
}
.bg-sp-purple {
	background:#c377dc !important;
}

/* Border
---------------------------------------- */
.border {
	border: #999999 solid 1px;
}
.blue-border {
	border:#0e4983 solid 4px;
}
.lightblue-border{
	border:#b9cfdf solid 4px;
}
.blue-border2 {
	border:#3baec7 solid 1px;
}
.border-none{
	border: none !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
}
.border-top-none{
	border-top: none !important;
}

/* display
---------------------------------------- */
.display-inline {
	display: inline;
}
.line-height-none{
	line-height:0;
}
.p-relative{
	position:relative;
}
.display-none{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* margin
---------------------------------------- */
.m-0 { 
margin:0px !important;
}
.m-5 { 
margin:5px !important;
}
.m-10 { 
margin:10px !important;
}
.m-15 { 
margin:15px !important;
}
.m-20 { 
margin:20px !important;
}
.m-30 { 
margin:30px !important;
}
.m-40 { 
margin:40px !important;
}
.m-50 { 
margin:50px !important;
}
.m-60 { 
margin:60px !important;
}
.m-top0 { 
margin-top: 0 !important;
}
.m-top5 { 
margin-top: 5px !important;
}
.m-top10 { 
margin-top: 10px !important;
}
.m-top15 { 
margin-top: 15px !important;
}
.m-top20 { 
margin-top: 20px !important;
}
.m-top30 { 
margin-top: 30px !important;
}
.m-top40 { 
margin-top: 40px !important;
}
.m-top50 { 
margin-top: 50px !important;
}
.m-top80 { 
margin-top: 80px !important;
}
.m-top90 { 
margin-top: 90px !important;
}
.m-top100 { 
margin-top: 100px !important;
}
.m-bottom0 { 
margin-bottom: 0 !important;
}
.m-bottom5 { 
margin-bottom: 5px !important;
}
.m-bottom10 { 
margin-bottom: 10px !important;
}
.m-bottom15 { 
margin-bottom: 15px !important;
}
.m-bottom20 { 
margin-bottom: 20px !important;
}
.m-bottom25 { 
margin-bottom: 25px !important;
}
.m-bottom30 { 
margin-bottom: 30px !important;
}
.m-bottom40 { 
margin-bottom: 40px !important;
}
.m-bottom50 { 
margin-bottom: 50px !important;
}
.m-bottom60 { 
margin-bottom: 60px !important;
}
.m-bottom100 { 
margin-bottom: 100px !important;
}
.m-left5 { 
margin-left: 5px !important;
}
.m-left10 { 
margin-left: 10px !important;
}
.m-left15 { 
margin-left: 15px !important;
}
.m-left20 { 
margin-left: 20px !important;
}
.m-left25 { 
margin-left: 25px !important;
}
.m-left30 { 
margin-left: 30px !important;
}
.m-left40 { 
margin-left: 40px !important;
}
.m-left50 { 
margin-left: 50px !important;
}
.m-left60 { 
margin-left: 60px !important;
}
.m-left100 { 
margin-left: 100px !important;
}
.m-left120 { 
margin-left: 120px !important;
}
.m-left150 { 
margin-left: 150px !important;
}
.m-left180 { 
margin-left: 180px !important;
}
.m-left190 { 
margin-left: 190px !important;
}
.m-left200 { 
margin-left: 200px !important;
}
.m-left300 { 
margin-left: 300px !important;
}
.m-left330 { 
margin-left: 330px !important;
}
.m-left350 { 
margin-left: 350px !important;
}
.m-left400 { 
margin-left: 400px !important;
}
.m-left410 { 
margin-left: 410px !important;
}
.m-right5 { 
margin-right: 5px !important;
}
.m-right10 { 
margin-right: 10px !important;
}
.m-right14 { 
margin-right: 14px !important;
}
.m-right15 { 
margin-right: 15px !important;
}
.m-right20 { 
margin-right: 20px !important;
}
.m-right30 { 
margin-right: 30px !important;
}
.m-right40 { 
margin-right: 40px !important;
}
.m-right50 { 
margin-right: 50px !important;
}
.m-right60 { 
margin-right: 60px !important;
}
.m-right100 { 
margin-right: 100px !important;
}


/* padding
---------------------------------------- */
.p-5 { 
padding:5px !important;
}
.p-10 { 
padding:10px !important;
}
.p-15 { 
padding:15px !important;
}
.p-20 { 
padding:20px !important;
}
.p-30 { 
padding:30px !important;
}
.p-60 { 
padding:60px !important;
}
.p-top0 { 
padding-top: 0px !important;
}
.p-top5 { 
padding-top: 5px !important;
}
.p-top10 { 
padding-top: 10px !important;
}
.p-top15 { 
padding-top: 15px !important;
}
.p-top20 { 
padding-top: 20px !important;
}
.p-top30 { 
padding-top: 30px !important;
}
.p-top50 { 
padding-top: 50px !important;
}
.p-bottom0 { 
padding-bottom: 0px !important;
}
.p-bottom5 { 
padding-bottom: 5px !important;
}
.p-bottom10 { 
padding-bottom: 10px !important;
}
.p-bottom15 { 
padding-bottom: 15px !important;
}
.p-bottom20 { 
padding-bottom: 20px !important;
}
.p-bottom30 { 
padding-bottom: 30px !important;
}
.p-bottom40 { 
padding-bottom: 40px !important;
}
.p-bottom50 { 
padding-bottom: 50px !important;
}
.p-bottom100 { 
padding-bottom: 100px !important;
}
.p-left5 { 
padding-left: 5px !important;
}
.p-left10 { 
padding-left: 10px !important;
}
.p-left15 { 
padding-left: 15px !important;
}
.p-left20 { 
padding-left: 20px !important;
}
.p-left30 { 
padding-left: 30px !important;
}
.p-right5 { 
padding-right: 5px !important;
}
.p-right10 { 
padding-right: 10px !important;
}
.p-right15 { 
padding-right: 15px !important;
}
.p-right20 { 
padding-right: 20px !important;
}
.p-right30 { 
padding-right: 30px !important;
}
.p-right100 { 
padding-right: 100px !important;
}
.p-right120 { 
padding-right: 120px !important;
}

/* width
---------------------------------------- */
.width-100 {
	width:100px !important;
}
.width-150 {
	width:150px !important;
}
.width-200 {
	width:200px !important;
}
.width-250 {
	width:250px !important;
}
.width-300 {
	width:300px !important;
}
.width-320 {
	width:320px !important;
}
.width-330 {
	width:320px !important;
}
.width-350 {
	width:350px !important;
}
.width-400 {
	width:400px !important;
}
.width-410 {
	width:410px !important;
}
.width-450 {
	width:450px !important;
}
.width-500 {
	width:500px !important;
}
.width-550 {
	width:550px !important;
}
.width-600 {
	width:600px !important;
}
.width-650 {
	width:650px !important;
}
.width-700 {
	width:700px !important;
}
.width-750 {
	width:750px !important;
}
.width-800 {
	width:800px !important;
}
.width-850 {
	width:850px !important;
}
.width-900 {
	width:900px !important;
}
.width-fix {
	width:100% !important;
}



/* リスト
---------------------------------------- */

.list-number li{
	list-style: outside;
	list-style-type: decimal;
	margin-left:20px;
	padding:0 0 3px 0;
}
.list-circle li{
	list-style: outside;
	list-style-type: circle;
	margin-left:20px;
	padding:0 0 3px 0;
}

.list-disc li{
	list-style: outside;
	list-style-type: disc;
	margin-left:20px;
	padding:0 0 3px 0;
}
.list-none li{
	display:inline;
}