.center_body{
	margin: 0 auto 0 auto;
}

/* height最大 */
.full_height{
	height:100%;
}

/* 中央寄せ */
.center{
	text-align:center;
}
/* 左寄せ */
.left{
	text-align:left;
}
/* 右寄せ */
.right{
	text-align:right;
}

/* marginなし */
.no_margin{
	margin:0;
}
/* paddingなし */
.no_padding{
	padding:0;
}

/* 文字色 */
.red_text{
	color:#FF3333;
}
.green_text{
	color:#33FF33;
}
.blue_text{
	color:#3333FF;
}

/* 要素の変更を徐々に行う */
.fade_1{
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
}
.fade_2{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.fade_3{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.fade_4{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.fade_5{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.fade_6{
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}
.fade_7{
 	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
}
.fade_8{
 	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
}
.fade_9{
 	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
}

/* 文字選択を禁止する */
.disable_select{
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
}

/* マウスオンでポインター表示にする */
.pointer{
	cursor:pointer;
}

/* 自動改行しない */
.word_break{
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

/* 上部輪郭を角丸にする */
.radius_top_10{
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
}
.radius_top_20{
	border-radius: 20px 20px 0px 0px / 20px 20px 0px 0px;
}
.radius_top_30{
	border-radius: 30px 30px 0px 0px / 30px 30px 0px 0px;
}
.radius_top_40{
	border-radius: 40px 40px 0px 0px / 40px 40px 0px 0px;
}
.radius_top_50{
	border-radius: 50px 50px 0px 0px / 50px 50px 0px 0px;
}

/* 下部輪郭を角丸にする */
.radius_bottom_10{
	border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
}
.radius_bottom_20{
	border-radius: 0px 0px 20px 20px / 0px 0px 20px 20px;
}
.radius_bottom_30{
	border-radius: 0px 0px 30px 30px / 0px 0px 30px 30px;
}
.radius_bottom_40{
	border-radius: 0px 0px 40px 40px / 0px 0px 40px 40px;
}
.radius_bottom_50{
	border-radius: 0px 0px 50px 50px / 0px 0px 50px 50px;
}

/* 輪郭を角丸にする */
.radius_all_10{
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}
.radius_all_20{
	border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}
.radius_all_30{
	border-radius: 30px 30px 30px 30px / 30px 30px 30px 30px;
}
.radius_all_40{
	border-radius: 40px 40px 40px 40px / 40px 40px 40px 40px;
}
.radius_all_50{
	border-radius: 50px 50px 50px 50px / 50px 50px 50px 50px;
}

/* float属性のblock要素を子に持つ、block要素の宣言 */
.float_box{
	clear:both;
	overflow:hidden;
}

/* 左寄せ表示 */
.left_box{
	float:left;
}

/* 右寄せ表示 */
.right_box{
	float:right;
}

/* マウスオン時に背景と文字の色を変更する */
.active_red{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.active_red:HOVER{
	cursor:pointer;
	background-color:#FF4444;
	color:#FFFFFF;
}
.active_red:ACTIVE{
	background-color:#DF2424;
	color:#FFFFFF;
}
.active_green{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.active_green:HOVER{
	cursor:pointer;
	background-color:#22BB33;
	color:#FFFFFF;
}
.active_green:ACTIVE{
	background-color:#029B13;
	color:#FFFFFF;
}
.active_blue{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.active_blue:HOVER{
	cursor:pointer;
	background-color:#4386FD;
	color:#FFFFFF;
}
.active_blue:ACTIVE{
	background-color:#2364DD;
	color:#FFFFFF;
}
.active_gray{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.active_gray:HOVER{
	cursor:pointer;
	background-color:rgba(40,40,40,.6);
}
.active_gray:ACTIVE{
	background-color:rgba(100,100,100,1);
}

/* 灰色系の背景色 */
.light_gray{
	background-color:#DDDDDD;
	}
.normal_gray{
	background-color:#BBBBBB;
}
.dark_gray{
	background-color:#999999;
}
.dark{
	background-color:#777777;
}

/* 下部空白 */
.under_space_5{
	margin-bottom:5px;
}
.under_space_10{
	margin-bottom:10px;
}
.under_space_20{
	margin-bottom:20px;
}
.under_space_30{
	margin-bottom:30px;
}
.under_space_40{
	margin-bottom:40px;
}

/* ボックスに影をつける */
.box_shadow{
	-webkit-box-shadow: 0 8px 8px -6px 455;
	-moz-box-shadow: 0 8px 8px -6px #455;
	box-shadow: 0 8px 8px -6px #455;
}
.box_shadow:HOVER{
	-webkit-box-shadow: 0 12px 8px -6px 455;
	-moz-box-shadow: 0 12px 8px -6px #455;
	box-shadow: 0 12px 8px -6px #455;
}
.box_shadow:ACTIVE{
	-webkit-box-shadow: 0 8px 8px -6px #222;
	-moz-box-shadow: 0 8px 8px -6px #222;
	box-shadow: 0 8px 8px -6px #222;
}

/* padding設定 */
.padding_5{
	padding:5px;
}
.padding_uu_5{
	padding-top:5px;
	padding-bottom:5px;
}
.padding_lr_5{
	padding-left:5px;
	padding-right:5px;
}
.padding_10{
	padding:10px;
}
.padding_uu_10{
	padding-top:10px;
	padding-bottom:10px;
}
.padding_lr_10{
	padding-left:10px;
	padding-right:10px;
}
.padding_15{
	padding:15px;
}
.padding_uu_15{
	padding-top:15px;
	padding-bottom:15px;
}
.padding_lr_15{
	padding-left:15px;
	padding-right:15px;
}
.padding_20{
	padding:20px;
}
.padding_uu_20{
	padding-top:20px;
	padding-bottom:20px;
}
.padding_lr_20{
	padding-left:20px;
	padding-right:20px;
}

/* リスト関連 */
.no_dot_list{
	list-style: none outside none;
}

/* 文字強調 */
.bigger_text{
	font-size:140%;
}

/* 位置固定 */
.fixed{
	position:fixed;
}
.point_left_10per{
	left:10%;
}
.point_left_20per{
	left:20%;
}
.point_left_30per{
	left:30%;
}
.point_left_40per{
	left:40%;
}
.point_left_50per{
	left:50%;
}
.point_left_60per{
	left:60%;
}
.point_left_70per{
	left:70%;
}
.point_left_80per{
	left:80%;
}
.point_left_90per{
	left:90%;
}
.point_top_10per{
	top:10%;
}
.point_top_20per{
	top:20%;
}
.point_top_30per{
	top:30%;
}
.point_top_40per{
	top:40%;
}
.point_top_50per{
	top:50%;
}
.point_top_60per{
	top:60%;
}
.point_top_70per{
	top:70%;
}
.point_top_80per{
	top:80%;
}
.point_top_90per{
	top:90%;
}

/* マウスオン半透明 */
.on_skeleton_9:HOVER{
	opacity:0.9;
}
.on_skeleton_8:HOVER{
	opacity:0.8;
}
.on_skeleton_7:HOVER{
	opacity:0.7;
}
.on_skeleton_6:HOVER{
	opacity:0.6;
}
.on_skeleton_5:HOVER{
	opacity:0.5;
}
.on_skeleton_4:HOVER{
	opacity:0.4;
}
.on_skeleton_3:HOVER{
	opacity:0.3;
}
.on_skeleton_2:HOVER{
	opacity:0.2;
}
.on_skeleton_1:HOVER{
	opacity:0.1;
}