@charset "utf-8";

/*initialization
---------------------------------------*/
a,img,table,tr,td,p,h1,h2,h3,h4,h5,h6 {
	padding:0px;
	margin:0px;
	border:none;
	list-style:none;
}

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

/* 中央よせ、右寄せ、左寄せ */
.center {
	margin:0 auto;
}


/* 白背景ボックス */
.white_box{
	width: 100%;
	height: auto;
	background-color:#FFF;
}

/* マウスオーバーで拡大 */
.hover_big {
	display: inline-block;
	transition: .3s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.hover_big:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

/*リンクテキスト設定*/
a {
	color:#666;
	text-decoration:none;
	margin:0px; padding:0px;
	}

/*リンクテキストオーバー時設定*/
a:hover {
	text-decoration: none;
	}
	
a img { border:none; margin:0px; padding:0px; text-decoration:none; }

/*ハイライトボックス(オレンジ）*/
.highlight_box{
	background-color: #FFE6AA;
	color:#FF9219;
	border-radius: 5px;
	border: 1px solid #FFD65D;
	padding: 0 5px;
}


/* 外枠（グレー） */
.waku {
	padding: .5em .75em;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}


/* 見出し（circle） */
.midashi_c {
	position: relative;
	padding: 0 .5em .5em 2em;
	border-bottom: 1px solid #ccc;
	font-weight:300;
	line-height: 1.6em;
	text-align: left;
}
.midashi_c::before,
.midashi_c::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.midashi_c::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 20px;
	height: 20px;
	background-color: rgba(57,133,196,0.50);
}
.midashi_c::after {
	top: .7em;
	left: .7em;
	width: 15px;
	height: 15px;
	background-color: rgba(150,193,217,0.50);
}



.midashi_m {
	position: relative;
	padding: 0 .5em .5em 2em;
	border-bottom: 1px solid #ccc;
	font-weight:300;
	line-height: 1.6em;
	text-align: left;
}
.midashi_m::before,
.midashi_m::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.midashi_m::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 20px;
	height: 20px;
	background-color: rgba(69,176,53,0.50);
}
.midashi_m::after {
	top: .7em;
	left: .7em;
	width: 15px;
	height: 15px;
	background-color: rgba(192,221,152,0.50);
}




/*ボタン　(グレー)*/
.btn a {
  display: block;
  cursor: pointer;
  color: #666;
  text-align: center;
  text-decoration: none;
  background-color: #eee;
  border-radius: 4px;
  box-shadow: 0 3px 0 #aaa, 0 6px 0 rgba(0,0,0,0.2);
  -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
} 
.btn a:hover {
  background-color: #eee;
  box-shadow: 0 1px 0 #aaa, 0 2px 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

/* ボタン キャンビル */
.btn_canbill a {
	display: block;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #29ABE2;
	border-radius: 5px;
	box-shadow: 0 3px 0 #1B87B5,0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	-webkit-box-shadow: 0 3px 0 #1B87B5,0 6px 0 rgba(0,0,0,0.2);
} 
.btn_canbill a:hover {
	background-color: #5CBFE8;
	box-shadow: 0 1px 0 #1A91C3,0 3px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-box-shadow: 0 1px 0 #1B87B5,0 3px 0px rgba(0,0,0,0.2);
}
/* ボタン ケアメッセ */
.btn_caremesse a {
	display: block;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #88C23B;
	border-radius: 5px;
	box-shadow: 0 3px 0 #638E2A,0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	-webkit-box-shadow: 0 3px 0 #638E2A,0 6px 0 rgba(0,0,0,0.2);
} 
.btn_caremesse a:hover {
	background-color: #AAD473;
	box-shadow: 0 1px 0 #91C84A,0 3px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-box-shadow: 0 1px 0 #638E2A,0 3px 0px rgba(0,0,0,0.2);
}
/* ボタン キャッシュイン */
.btn_cashin a {
	display: block;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #FFB336;
	border-radius: 5px;
	box-shadow: 0 3px 0 #F09500,0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	-webkit-box-shadow: 0 3px 0 #F09500,0 6px 0 rgba(0,0,0,0.2);
} 
.btn_cashin a:hover {
	background-color: #FFC25D;
	box-shadow: 0 1px 0 #F09500,0 3px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-box-shadow: 0 1px 0 #F09500,0 3px 0px rgba(0,0,0,0.2);
}
/* ボタン ココナース */
.btn_coco a {
	display: block;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #FF8D8D;
	border-radius: 5px;
	box-shadow: 0 3px 0 #FF7575,0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	-webkit-box-shadow: 0 3px 0 #FF7575,0 6px 0 rgba(0,0,0,0.2);
} 
.btn_coco a:hover {
	background-color: #FFAAAA;
	box-shadow: 0 1px 0 #FF7272,0 3px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-box-shadow: 0 1px 0 #FF7575,0 3px 0px rgba(0,0,0,0.2);
}
/* ボタン ケアマネくん */
.btn_caremane a {
	display: block;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #00bcd4;
	border-radius: 5px;
	box-shadow: 0 3px 0 #00847A,0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	-webkit-box-shadow: 0 3px 0 #00847A,0 6px 0 rgba(0,0,0,0.2);
} 
.btn_caremane a:hover {
	background-color: #20d5e2;
	box-shadow: 0 1px 0 #00998E,0 3px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-box-shadow: 0 1px 0 #00847A,0 3px 0px rgba(0,0,0,0.2);
}

.btn_caremane2 a {
	display: block;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #00bcd4;
	border-radius: 5px;
	box-shadow: 0 3px 0 #00847A,0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	-webkit-box-shadow: 0 3px 0 #00847A,0 6px 0 rgba(0,0,0,0.2);
} 
.btn_caremane2 a:hover {
	background-color: #20d5e2;
	box-shadow: 0 1px 0 #00998E,0 3px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-box-shadow: 0 1px 0 #00847A,0 3px 0px rgba(0,0,0,0.2);
}

/* ボタン かりんちゃん */
.btn_carin a {
	display: block;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #A861A6;
	border-radius: 5px;
	box-shadow: 0 3px 0 #884886,0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	-webkit-box-shadow: 0 3px 0 #884886,0 6px 0 rgba(0,0,0,0.2);
} 
.btn_carin a:hover {
	background-color: #B171AF;
	box-shadow: 0 1px 0 #00998E,0 3px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-box-shadow: 0 1px 0 #884886,0 3px 0px rgba(0,0,0,0.2);
}

/*Utility
---------------------------------------*/
.indent {  
	margin-left: 1em;
	text-indent: -1em; 
}

/* align_style */
.taCT { text-align:center; }
.taRT { text-align:right; }
.taLT { text-align:left; }

/* float_style */
.float-left { float:left; }
.float-right { float:right; }


/* margin_style */
.m5 { margin:5px; }
.m10 { margin:10px; }
.m15 { margin:15px; }
.m20 { margin:20px; }
.m25 { margin:25px; }
.m30 { margin:30px; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }

.mtb5 { margin-top:5px; margin-bottom:5px; }
.mtb10 { margin-top:10px; margin-bottom:10px; }
.mtb15 { margin-top:15px; margin-bottom:15px; }
.mtb20 { margin-top:20px; margin-bottom:20px; }

.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; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }

.mr5 { margin-right:5px; }
.mr6 { margin-right:6px; }
.mr7 { margin-right:7px; }
.mr8 { margin-right:8px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }
.mr60 { margin-right:60px; }

/* padding_style */
.p3 { padding:3px; }
.p4 { padding:4px; }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p25 { padding:25px; }
.p30 { padding:30px; }

.pt3 { padding-top:3px; }
.pt4 { padding-top:4px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }

.ptb5 { padding-top:5px; padding-bottom:5px; }
.ptb10 { padding-top:5px; padding-bottom:10px; }

.pb3 { padding-bottom:3px; }
.pb4 { padding-bottom:4px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }

.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }

.pr5 { padding-right:5px; }
.pr6 { padding-right:6px; }
.pr7 { padding-right:7px; }
.pr8 { padding-right:8px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }
.pr60 { padding-right:60px; }

/* bg_color */
.bgblack 	{ background-color: rgba(0,0,0,1.00);}
.bggray	 	{ background-color: rgba(128,128,128,1.00);}
.bgwhite 	{ background-color: rgba(255,255,255,1.00);}
.bgcanbill 	{ background-color: rgba(0,113,188,1.00);}
.bgcaremesse{ background-color: rgba(140,198,63,1.00);}
.bgcashin	{ background-color: rgba(251,195,107,1.00);}
.bgcoco		{ background-color: rgba(255,170,170,1.00);}
.bgcaremane { background-color: rgba(0,188,212,1.00);}
.bguseful	{ background-color: rgba(190,125,188,1.00);}
.bgcarin	{ background-color: rgba(190,125,188,1.00);}

/* font_color */
.fblack 	{ color: rgba(0,0,0,1.00);}
.fbrown 	{ color: rgba(106,59,18,1.00);}
.fgray	 	{ color: rgba(128,128,128,1.00);}
.fwhite 	{ color: rgba(255,255,255,1.00);}
.fnavy	 	{ color: rgba(58,85,172,1.00);}
.fpink	 	{ color: rgba(255,117,168,1.00);}
.fgreen	 	{ color: rgba(96,167,40,1.00);}
.fyellow	{ color: rgba(255,239,101,1.00);}
.fred	 	{ color: rgba(255,31,0,1.00);}
.forange 	{ color: rgba(255,179,54,1.00);}
.fcanbill 	{ color: rgba(41,171,226,1.00);}
.fcaremesse	{ color: rgba(140,198,63,1.00);}
.fcashin	{ color: rgba(251,195,107,1.00);}
.fcoco		{ color: rgba(255,170,170,1.00);}
.fcaremane 	{ color: rgba(0,188,212,1.00);}
.fcaremane2 { color: rgba(0,188,212,1.00);}
.fuseful	{ color: rgba(190,125,188,1.00);}
.fcarin		{ color: rgba(190,125,188,1.00);}

/* font_size */
.fsize8  {font-size:8px;}
.fsize10 {font-size:10px;}
.fsize12 {font-size:12px;}
.fsize13 {font-size:13px;}
.fsize14 {font-size:14px;}
.fsize16 {font-size:16px;}
.fsize18 {font-size:18px;}
.fsize20 {font-size:20px;}
.fsize22 {font-size:22px;}
.fsize24 {font-size:24px;}
.fsize26 {font-size:26px;}
.fsize28 {font-size:28px;}
.fsize30 {font-size:30px;}

/* font_size em */
.fsize0-5em  {font-size:0.5em;}
.fsize0-6em  {font-size:0.6em;}
.fsize0-7em  {font-size:0.7em;}
.fsize0-8em  {font-size:0.8em;}
.fsize0-9em  {font-size:0.9em;}
.fsize1-0em  {font-size:1em;}
.fsize1-1em  {font-size:1.1em;}
.fsize1-2em  {font-size:1.2em;}
.fsize1-3em  {font-size:1.3em;}
.fsize1-4em  {font-size:1.4em;}
.fsize1-5em  {font-size:1.5em;}
.fsize1-6em  {font-size:1.6em;}
.fsize1-7em  {font-size:1.7em;}
.fsize1-8em  {font-size:1.8em;}
.fsize1-9em  {font-size:1.9em;}
.fsize2-0em  {font-size:2em;}
.fsize2-2em  {font-size:2.2em;}
.fsize2-4em  {font-size:2.4em;}
.fsize2-6em  {font-size:2.6em;}
.fsize2-8em  {font-size:2.8em;}
.fsize3-0em  {font-size:3em;}

/* size width 調整 */
.size_w_20	{ width: 20px; }
.size_w_30	{ width: 30px; }
.size_w_40	{ width: 40px; }
.size_w_50	{ width: 50px; }
.size_w_60	{ width: 60px; }
.size_w_70	{ width: 70px; }
.size_w_80	{ width: 80px; }
.size_w_90	{ width: 90px; }
.size_w_100	{ width: 100px; }
.size_w_110	{ width: 110px; }
.size_w_120	{ width: 120px; }
.size_w_130	{ width: 130px; }
.size_w_140	{ width: 140px; }
.size_w_150	{ width: 150px; }
.size_w_200	{ width: 200px; }
.size_w_250	{ width: 250px; }
.size_w_300	{ width: 300px; }
.size_w_350	{ width: 350px; }

/* size height 調整 */
.size_h_20	{ height: 20px; }
.size_h_30	{ height: 30px; }
.size_h_40	{ height: 40px; }
.size_h_50	{ height: 50px; }
.size_h_60	{ height: 60px; }
.size_h_70	{ height: 70px; }
.size_h_80	{ height: 80px; }
.size_h_90	{ height: 90px; }
.size_h_100	{ height: 100px; }
.size_h_110	{ height: 110px; }
.size_h_120	{ height: 120px; }

/* 点滅 */
.blinking {
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}