@charset "UTF-8";
/*
======================
	色と大きさ
======================
*/

/*文字サイズ*/
.f-60{ font-size: 60%;}
.f-65{ font-size: 65%;}
.f-70{ font-size: 70%;}
.f-75{ font-size: 75%;}
.f-80{ font-size: 80%;}
.f-85{ font-size: 85%;}
.f-90{ font-size: 90%;}
.f-95{ font-size: 95%;}
.f-100{ font-size: 100%;}
.f-105{ font-size: 105%;}
.f-110{ font-size: 110%;}
.f-115{ font-size: 115%;}
.f-120{ font-size: 120%;}
.f-125{ font-size: 125%;}
.f-130{ font-size: 130%;}
.f-135{ font-size: 135%;}
.f-140{ font-size: 140%;}
.f-145{ font-size: 145%;}
.f-150{ font-size: 150%;}
.f-160{ font-size: 160%;}
.f-170{ font-size: 170%;}
.f-180{ font-size: 180%;}
.f-190{ font-size: 190%;}
.f-200{ font-size: 200%;}
.f-220{ font-size: 220%;}
.f-250{ font-size: 250%;}
.f-300{ font-size: 300%;}
.f-350{ font-size: 350%;}
.f-400{ font-size: 400%;}
.f-450{ font-size: 450%;}
.f-500{ font-size: 500%;}
.f-550{ font-size: 550%;}
.f-600{ font-size: 600%;}
.f-650{ font-size: 650%;}
.f-700{ font-size: 700%;}
.f-750{ font-size: 750%;}
.f-800{ font-size: 800%;}
.f-850{ font-size: 850%;}
.f-900{ font-size: 900%;}
.f-950{ font-size: 950%;}
.f-1000{ font-size: 1000%;}
.f-b{ font-weight: bold}

/*横幅%*/
.w-10{ width: 10%;}
.w-15{ width: 15%;}
.w-20{ width: 20%;}
.w-25{ width: 25%;}
.w-30{ width: 30%;}
.w-35{ width: 35%;}
.w-40{ width: 40%;}
.w-45{ width: 45%;}
.w-50{ width: 50%;}
.w-55{ width: 55%;}
.w-60{ width: 60%;}
.w-65{ width: 65%;}
.w-70{ width: 70%;}
.w-75{ width: 75%;}
.w-80{ width: 80%;}
.w-85{ width: 85%;}
.w-90{ width: 90%;}
.w-95{ width: 95%;}
.w-100{ width: 100%;}

/*横幅px*/
.w100{ width: 100px;}
.w150{ width: 150px;}
.w200{ width: 200px;}
.w250{ width: 250px;}
.w300{ width: 300px;}
.w350{ width: 350px;}
.w400{ width: 400px;}
.w450{ width: 450px;}
.w500{ width: 500px;}
.w550{ width: 550px;}
.w600{ width: 600px;}
.w650{ width: 650px;}
.w700{ width: 700px;}
.w750{ width: 750px;}
.w800{ width: 800px;}
.w850{ width: 850px;}
.w900{ width: 900px;}
.w950{ width: 950px;}
.w1000{ width: 1000px;}

/*色*/
.red{color: #f00;}
.darkblue{color: #00008b;}
.darkred{ color: #8b0000;}
.tomato{ color: #ff6347;}
.pink{ color: #ff66ff;}
.brown{	color: #78552B;}
.brown2{ color: #7A6A56;}
.chocolate{	color: #d2691e;}
.blue{ color: #0000ff;}
.blue2{ color: #0036A1;}
.cornflowerblue{ color: #6495ed;}
.dodgerblue{ color: #1e90ff;}
.lightskyblue{ color: #87cefa;}
.steelblue{	color: #4682b4;}
.black{	color: #000000;}
.dimgray{ color: #696969;}
.gray{ color: #808080;}
.gray2{ color: #707070;}
.gainsboro{ color: #dcdcdc;}
.whitesmoke{ color: #f5f5f5;}
.dullblue{ color: #3D6A95;}
.white{ color: #ffffff;}
.darkblue2{ color: #385495;}

/*下線*/
.line { text-decoration: underline;}

/*太文字*/
.bold { font-weight: bold;}

/*バックグラウンド*/
.bg-red{ background-color: #f00;}
.bg-darkblue{color: #00008b;}
.bg-darkred{ background-color: #8b0000;}
.bg-tomato{ background-color: #ff6347;}
.bg-pink{ background-color: #ff66ff;}
.bg-brown{ background-color: #78552B;}
.bg-chocolate{ background-color: #d2691e;}
.bg-blue{ background-color: #0000ff;}
.bg-blue2{ background-color: #0036a1;}
.bg-cornflowerblue{ background-color: #6495ed;}
.bg-dodgerblue{ background-color: #1e90ff;}
.bg-lightskyblue{ background-color: #87cefa;}
.bg-steelblue{ background-color: #4682b4;}
.bg-black{ background-color: #000000;}
.bg-dimgray{ background-color: #696969;}
.bg-gray{ background-color: #808080;}
.bg-gray2{ background-color: #707070;}
.bg-gainsboro{ background-color: #dcdcdc;}
.bg-whitesmoke{ background-color: #f5f5f5;}

/*枠なし*/
.no-border { border: 0;}
.border-btm { border-bottom: 1px solid #707070;}
.border-btm-ds { border-bottom: 1px dashed #707070;}
.border-btm-dt { border-bottom: 1px dotted #707070;}