@charset "utf-8";

/* CSS Document */

/* -----------------------
	BODY要素
----------------------- */
body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

* {
	margin: 0;
	padding: 0;
}
/* -----------------------
	ブロックレベル要素
----------------------- */
p{
	margin-bottom:1em;
}

br{
	letter-spacing:0;
}
ul,li,dl,dt,dd{
	font-size:100%;
}
img{
	border:0;
}

/* -----------------------
	文字の大きさ 
----------------------- */
.normal{
 	font-size:100%;
}
.large{
 	font-size:110%;
}
.small{
 	font-size:90%;
}
.xsmall{
 	font-size:80%;
}
/* -----------------------
	文字の色
	!! サイトに合わせて、
	コメントアウトを入れ替えて使うこと！!
----------------------- */
 /*濃い目のグレー*/
.gray{
	color:#333333;
}
/*薄めのグレー
.gray{
	color:#999999;
}
*/
/*鮮やかな赤
.red{
	color:#FF0000;
}
*/
/*ボルドー*/
.red{
	color:#CC0000;
}

/* -----------------------
	margin
----------------------- */
/* margin-bottom */
.mb_0{
 	margin-bottom:0;
}
.mb_5{
 	margin-bottom:5px;
}
.mb_8{
 	margin-bottom:8px;
}
.mb_12{
 	margin-bottom:12px;
}
.mb_16{
 	margin-bottom:16px;
}
.mb_18{
 	margin-bottom:18px;
}
.mb_20{
 	margin-bottom:20px;
}
.mb_24{
 	margin-bottom:24px;
}
.mb_30{
 	margin-bottom:30px;
}
.mb_36{
 	margin-bottom:36px;
}

/* margin-top */
.mt_0{
 	margin-top:0;
}
.mt_5{
 	margin-top:5px;
}
.mt_8{
 	margin-top:8px;
}
.mt_12{
 	margin-top:12px;
}
.mt_16{
 	margin-top:16px;
}
.mt_18{
 	margin-top:18px;
}
.mt_20{
 	margin-top:20px;
}
.mt_24{
 	margin-top:24px;
}
.mt_30{
 	margin-top:30px;
}
.mt_36{
 	margin-top:36px;
}

/* margin-left */
.ml_0{
 	margin-left:0;
}
.ml_5{
 	margin-left:5px;
}
.ml_8{
 	margin-left:8px;
}
.ml_12{
 	margin-left:12px;
}
.ml_16{
 	margin-left:16px;
}
.ml_18{
 	margin-left:18px;
}
.ml_20{
 	margin-left:20px;
}
.ml_24{
 	margin-left:24px;
}
.ml_30{
 	margin-left:30px;
}
.ml_36{
 	margin-left:36px;
}
/* margin-right */
.mr_0{
 	margin-right:0;
}
.mr_5{
 	margin-right:5px;
}
.mr_8{
 	margin-right:8px;
}
.mr_12{
 	margin-right:12px;
}
.mr_16{
 	margin-right:16px;
}
.mr_18{
 	margin-right:18px;
}
.mr_20{
 	margin-right:20px;
}
.mr_24{
 	margin-right:24px;
}
.mr_30{
 	margin-right:30px;
}
.mr_36{
 	margin-right:36px;
}

/* -----------------------
	通常のテーブル
----------------------- */
table{
	font-size:100%;
}

/* -----------------------
	画像
 ----------------------- */
.pict_right{
	float:right;
}
.pict_left{
	float:left;
}

/* -----------------------
	テキスト寄せ
 ----------------------- */
 .align_center{
 	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
 
/* -----------------------
	オプション
 ----------------------- */
.clear{
	clear:both;
}
.hidden{
	display:none;
}

.bold{
	font-weight:600;
}