@charset "utf-8";
/*■■■PC・SP共通*/

body{
	font-size:14px;
	word-break:break-all;
	top:10px;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0;
	line-height:150%;
	text-align:center;
}

a {color:#000000; text-decoration:none;}
a:hover {color:#999999; text-decoration:none;}
a:focus {color: #FFFF00;}

/*■幅バリエーション■*/
.wid19per{ width:19%; }
.wid24per{ width:24%; }
.wid32per{ width:32%; }
.wid45per{ width:45%; }
.wid49per{ width:49%; }
.wid100per{ width:100%; }


/*■フロート■*/
.fl{ float:left; }
.fr{ float:right; }
.fc{ float:center; }
.cb{ clear:both; }

/*■アンダーライン■*/
.underline{ text-decoration:underline; }

/*■アライン■*/
.align_left{ text-align:left; }
.align_right{ text-align:right; }
.align_center{ text-align:center; }

/*■センタリング■*/
.centre{ margin:0px auto; }

/*■マージン■*/
.margin_top5{ margin-top:5px; }
.margin_top7{ margin-top:7px; }
.margin_top10{ margin-top:10px; }
.margin_top20{ margin-top:20px; }
.margin_all3{ margin:3px; }
.margin_all5{ margin:5px; }
.margin_all10{ margin:10px; }
.margin_0_15{ margin:0px 15px; }
.marl20{ margin: 0px 0px 0px 20px; }
.mar_verticality5{ margin: 5px 0px 5px 0px; }
.mar_verticality10{ margin: 10px 0px 10px 0px; }
.mar_verticality20{ margin: 20px 0px 20px 0px; }
.mar_verticality30{ margin: 30px 0px 30px 0px; }
.mar_bottom5{ margin: 0px 0px 5px 0px; }
.mar_bottom10{ margin: 0px 0px 10px 0px; }

/*■パディング■*/
.padd2{ padding:2px; }
.padd2_3{ padding:2px 3px; }
.padd5{ padding:5px; }
.padd10{ padding:10px; }
.padd5_20{ padding:5px 20px; }

/*■ボーダー■*/
.bor_sol1{ border:1px #666666 solid; }
.bor_top_Deepblue_dot{ border-top:2px #FF9F38 dotted; }
.bor_none{ border:none; }
.bor_collapse{ border-collapse:collapse; }

/*■フォントサイズ■*/
.f08{ font-size:8px; }
.f10{ font-size:10px; }
.f12{ font-size:12px; }
.f14{ font-size:14px; }
.f16{ font-size:16px; }
.f18{ font-size:18px; }
.f20{ font-size:20px; }

/*■バックグラウンドカラー■*/
.cbgblack{ background-color:#000000; }
.cbgwhite{ background-color:#FFFFFF; }
.cbgblue{ background-color:#DDDDFF; }
.cbgred{ background-color:#FFDDDD; }
.cbggreen{ background-color:#DDFFDD; }
.cbglightgreen{ background-color:#00cc33; }
.cbgyellow{ background-color:#FFFF00; }
.cbgorange{ background-color:#FFDD99; }
.cbggray{ background-color:#DDDDDD; }

/*■フォントカラー■*/
.cblack{ color:#0000FF; }
.cblue{ color:#0000FF; }
.cred{ color:#FF0000; }
.cgreen{ color:#00AA00; }
.corange{ color:#FF8800; }
.cyellow{ color:#FFCC00; }
.cwhite{ color:#FFFFFF; }
.cbrown{ color:#C88A00; }
.crat{ color:#90B2A7; }
.cgray{ color:#666666; }

/*■フォントウエイト■*/
.bold{ font-weight:bold; }

/*■その他■*/


/* ■■角丸ボックス■■ */
.c_text_box{
		border-radius: 10px;						/* CSS3草案 */
		-webkit-border-radius: 10px;		/* Safari,Google Chrome用 */
		-moz-border-radius: 10px;				/* Firefox用 */
	background-color:#FFFFFF;
	border:1px solid #666666;
	font-size:16px;
	padding:3px 3px;
	width: 300px;
	margin:3px 3px;
}
/* ■■文字のオーバーフローを…にし、改行しない■■ */
.overflow_hidden_norap{
	width:300px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	display:block;
}



/*▼▼ここからがサイトユニークCSS▼▼▼▼▼▼▼*/
/*▼▼ここからがサイトユニークCSS▼▼▼▼▼▼▼*/
/*▼▼ここからがサイトユニークCSS▼▼▼▼▼▼▼*/

.button{
	width:200px;
	height:200px;
	font-size:40px;
	padding:20px;
}