@charset "utf-8";

/* CSSセット */
a:link{
	text-decoration:none;
	color: #0000FF;
}

a:visited{
	text-decoration:none;
	color: #0000FF;
}
a:hover{
	text-decoration:none;
	color: #0000FF;
}

.hidden {
    visibility: hidden;
}
.none {
    display: none;
}
.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}

/* テキスト整列
----------------------------------------------- */
.text_aline_left {
	text-align: left;
}
.text_aline_center {
	text-align: center;
}
.text_aline_right {
	text-align: right;
}


/* フロート関連
----------------------------------------------- */

.float_clear{
	clear:both;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}

/* clearfix
----------------------------------------------- */

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* フォントカラー
----------------------------------------------- */

.font_red{
	color: #F00;
}
.font_blue{
	color: #00F;
}
.font_green{
	color: #090;
}
.font_orange{
	color: #F60;
}
.font_pink{
	color: #F66;
}


/* テキストデコレーション
----------------------------------------------- */
.text_underline{
	text-decoration: underline;
}

/* フォントサイズ
----------------------------------------------- */

.font_bold{
	font-weight: bold;
}
.font_size_10px{
	font-size: 10px;
}
.font_size_11px{
	font-size: 11px;
}
.font_size_12px{
	font-size: 12px;
}
.font_size_14px{
	font-size: 14px;
}
.font_size_15px{
	font-size: 15px;
}
.font_size_16px{
	font-size: 16px;
}
.font_size_18px{
	font-size: 18px;
}
.font_size_20px{
	font-size: 20px;
}

/* テキスト余白
----------------------------------------------- */

.text_yohaku_right_1em{
	margin-right: 1em;
}
.text_yohaku_right_2em{
	margin-right: 2em;
}
.text_yohaku_right_3em{
	margin-right: 3em;
}
.text_yohaku_right_4em{
	margin-right: 4em;
}
.text_yohaku_right_5em{
	margin-right: 5em;
}
.text_yohaku_left_1em{
	margin-left: 1em;
}
.text_yohaku_left_2em{
	margin-left: 2em;
}
.text_yohaku_left_3em{
	margin-left: 3em;
}
.text_yohaku_left_6em{
	margin-left: 6em;
}


/* テキストカーニング
----------------------------------------------- */
.letter_spacing_05em{
	letter-spacing: 0.5em;
}
.letter_spacing_1em{
	letter-spacing: 1em;
}
* html .letter_spacing_1em{
	letter-spacing: 1em;
	margin-right: 1em;
}
.letter_spacing_2em{
	letter-spacing: 2em;
}
.word_spacing_1em{
	word-spacing: 1em;
}





/* 余白調整
----------------------------------------------- */

/*マージン下余白*/

.mar_bottom_10px{
	margin-bottom: 10px;
}
.mar_bottom_20px{
	margin-bottom: 20px;
}
.mar_bottom_30px{
	margin-bottom: 30px;
}
.mar_bottom_40px{
	margin-bottom: 40px;
}
.mar_bottom_50px{
	margin-bottom: 50px;
}

/*マージン右余白*/

.mar_right_10px{
	margin-right: 10px;
}
.mar_right_20px{
	margin-right: 20px;
}


/*パディング下余白*/

.pad_bottom_10px{
	padding-bottom: 10px;
}
.pad_bottom_20px{
	padding-bottom: 20px;
}
.pad_bottom_30px{
	padding-bottom: 30px;
}
.pad_bottom_40px{
	padding-bottom: 40px;
}
.pad_bottom_50px{
	padding-bottom: 50px;
}


/*パディング上余白*/

.pad_top_10px{
	padding-top: 10px;
}
.pad_top_20px{
	padding-top: 20px;
}
.pad_top_30px{
	padding-top: 30px;
}
.pad_top_40px{
	padding-top: 40px;
}
.pad_top_50px{
	padding-top: 50px;
}


/* 横幅調整
----------------------------------------------- */

.u-w-10 {
  width: 10px;
}
.u-w-20 {
  width: 20px;
}
.u-w-30 {
  width: 30px;
}
.u-w-40 {
  width: 40px;
}
.u-w-50 {
  width: 50px;
}
.u-w-60 {
  width: 60px;
}

.width_40px{
	width: 40px;
}
.width_50px{
	width: 50px;
}
.width_60px{
	width: 60px;
}
.width_80px{
	width: 80px;
}
.width_100px{
	width: 100px;
}
.width_150px{
	width: 150px;
}
.width_180px{
	width: 180px;
}
.width_200px{
	width: 200px;
}
.width_250px{
	width: 250px;
}
.width_300px{
	width: 300px;
}
.width_350px{
	width: 350px;
}
.width_400px{
	width: 400px;
}
.width_450px{
	width: 450px;
}
.width_500px{
	width: 500px;
}
.width_550px{
	width: 550px;
}

/* ※　←注意書きの2行目以降のスペース
----------------------------------------------- */
.attention_text  {
	margin-left: 1em;
	text-indent: -1em;
}