@charset "UTF-8";


/* -------------------------------------------------------------/
/	usable														/
/--------------------------------------------------------------*/

.mb5 {margin-bottom: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt30 {margin-top: 30px!important;}
.mt50 {margin-top: 50px!important;}
.mt100 {margin-top: 100px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb100 {margin-bottom: 100px!important;}
.mr10 {margin-right: 10px!important;}
.mr30 {margin-right: 30px!important;}
.mr40 {margin-right: 40px!important;}
.mr50 {margin-right: 50px!important;}
.mr100 {margin-right: 100px!important;}
.ml40 {margin-left: 40px!important;}
.ml60 {margin-left: 60px!important;}
.ml100 {margin-left: 100px!important;}
.pr20 {padding-right: 20px!important;}
.pl30 {padding-left: 30px!important;}
.pt40 {padding-top: 40px!important;}
.pt50 {padding-top: 50px!important;}
.pt70 {padding-top: 70px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb30 {padding-bottom: 30px!important;}
.pd10 {padding: 10px!important;}
.pd20 {padding: 20px!important;}
.pd30 {padding: 30px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb50 {padding-bottom: 50px!important;}
.width100per {width: 100%!important;}
.width80per {width: 80%!important;}
.width70per {width: 70%!important;}
.width60per {width: 60%!important;}
.width55per {width: 55%!important;}
.width50per {width: 50%!important;}
.width49per {width: 49%!important;}
.width45per {width: 45%!important;}
.width40per {width: 40%!important;}
.width30per {width: 30%!important;}
.width20per {width: 20%!important;}
.imgborder {border: #ccc solid 1px; border-radius: 3px;	padding: 2px; box-shadow: 1px 1px 3px #dfdfdf;}
.alignL {text-align: left!important;}
.alignR {text-align: right;}
.alignC {text-align: center;!important}
.boxalignC {margin: 0 auto;}
.floatL {float: left;}
.floatR {float: right;}
.clear {clear:both;}
.borderno {border: none!important;}
.dispblock{display: block;}
.dispnone{display: none;}
.big {font-size: 110%;}
.bbig {font-size: 120%!important;}
.xbig {font-size: 146.5%!important;}
.small {font-size: 80%!important;}
.ssmall {font-size: 70%!important;}
.bold {font-weight: bold;}
.gray {color: #555!important;}
.red {color: #e12238}
.olist {margin-left: 1.2em;}
.olist li {list-style-type: decimal; line-height: 150%;margin-bottom: 0.5em;}
.ulist {margin-left: 1.2em;}
.ulist li {list-style-type: disc; line-height: 150%;margin-bottom: 0.5em;}
/*p {line-height: 150%!important;}*/
.hidden {overflow: hidden;}
.border {border: red solid 1px;}
.require {color: #d22b4c; font-weight: bold;position: relative; top: -1px;}
.center {
	text-align: center;
}
.h3Form {
	font-weight: bold;
  font-size: 1.4rem;
  padding: 1em 0;
  text-align: center;
  color: #434343;
}


#webcolortest {
	borde: red solid 3px;
	height: 300px;
	background: url(../../web_color_test.gif);
}


/* -------------------------------------------------------------/
/	fontawesome設定												/
/	www.fontawesome.io/icons/									/
/--------------------------------------------------------------*/


.links {
	border-bottom: #071192 dashed 1px;
}

.links:hover {
	color: #b00000;
	border-bottom: #b00000 dashed 1px;
}

.links:after {
	content: '\f0c1';
	padding: 0 .2em;
	font-family: FontAwesome;
	font-size: 90%;
}

.icon_camera:before {
	content: '\f030';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}

.icon_desktop:before {
	content: '\f108';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}

.icon_cubes:before {
	content: '\f1b3';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}

.icon_smileO:before {
	content: '\f118';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}

.icon_question:before {
	content: '\f128';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}

.icon_gamepad:before {
	content: '\f11b';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}

.icon_yen:before {
	content: '\f157';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}

.icon_signin:before {
	content: '\f090';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}




.icon_arrow_under_after::after {
	content: '\f0ab';
	padding-left: .4em;
	font-family: FontAwesome;
}






.goodpoint li {
	margin-bottom: 1em;
}

.goodpoint li:before {
	content: '\f164';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}