@charset "utf-8";
/* CSS Document */


/* floatの解除の為のＣＳＳ */
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/* 配置-左 */


/* 位置（センター） */
.text-align_center {
	text-align: center;
}


/* 水平方向の中央揃え */
.margin-0-auto {
	margin: 0 auto;
}


/* float設定 */
.float_left{
	float:left;
}
.float_right{
	float:right;
}


/* 要素のボックスからはみ出たテキストをどう扱うかを指定 */
.overflow_hidden{
overflow:hidden;/* はみ出たテキストを非表示設定 */
}



/*  左ＢＯＤＹ   */
.left_s300{
	float:left;
	width:300px;
}
.left_s500{
	float:left;
	width:500px;
}
.left_s800{
	float:left;
	width:800px;
}
.left_s900{
	float:left;
	width:900px;
}
.left_s910{
	float:left;
	width:910px;
}
.left_s920{
	float:left;
	width:920px;
}

/*  右ＢＯＤＹ   */
.right_s500{
	float:right;
	width:500px;
}
.right_s550{
	float:right;
	width:550px;
}


/* カラーの指定 */
.color_Orange{
	color:#FF9F40;/* オレンジ */
}
.color_White{
	color:#FFF;/* 白 */
}
.color_red{
	color:#F00;/* 赤 */
}
.color_black{
	color:#000;/* 黒 */
}
.color_Mouse{
	color:#999898;/* ねずみ色 */
}


/* バックグラウンドカラーの指定 */
.backgroundc_Mouse{
	background-color:#999898;/* ねずみ色 */
}





/* テキストの設定 */
.text_center{
	text-align:center;
}
.text_left{
	text-align:left;
}
.text_line_height_15{
	line-height:15px;/* テキストの行間を調整 */
}
.text_weight{
	font-weight:200;/* 太さ */
}
/* フォントの設定 */
.font_s15px{
	font-size:15px;
}
.font_s20px{
	font-size:20px;
}

/* フォントの太さの指定 */
.font_wbold{
	font-weight: bold; /* 一般的な太字の太さ */
}

/* titleデザイン */
.title_a {
    border-left: 5px solid #d54137;
    margin-bottom: 5px;
    padding: 3px 0 1px 5px;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.2;
}
	


/* サイズ幅 */
.width_w950{
	width:950px;
}
.width_w970{
	width:970px;
}
.width_w900{
	width:900px;
}
.width_w800{
	width:800px;
}
.width_w600{
	width:600px;
}
.width_w500{
	width:500px;
}
.width_w475{
	width:475px;
}
.width_w450{
	width:450px;
}
.width_w400{
	width:400px;
}
.width_w300{
	width:300px;
}
.width_w200{
	width:200px;
}
.width_w150{
	width:150px;
}
.width_w100{
	width:100px;
}
.width_w60{
	width:60px;
}


/* サイズ高さ */
.height_h400{
	height:400px;
}
.height_h200{
	height:200px;
}
.height_h300{
	height:300px;
}


/* 外側の余白 */
.margin_20{
	margin:20px;
}
.margin_left_1{
	margin-left:1%;
}
.margin_left_p2{
	margin-left:2%;
}
.margin_left_10{
	margin-left:10px;
}
.margin_left_20{
	margin-left:20px;
}
.margin_left_30{
	margin-left:30px;
}
.margin-top_10{
	margin-top:10px;
}
.margin-right_10{
	margin-right:10px;
}
.margin-right_20{
	margin-right:20px;
}
.margin-bottom_10{
	margin-bottom:10px;
}
.margin-bottom_5{
	margin-bottom:5px;
}

/* 内側の余白 */
.padding_30{
	padding: 30px;
}
.padding_5{
	padding: 5px;
}
.padding_20{
	padding: 20px;
}
.left_p15{
	padding-left:15px;
}
.left_p5{
	padding-left:5px;
}
.right_p5{
	padding-right:5px;
}




/* 枠のデザイン */

/* 囲み枠を破線*/
.frame_dashed {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}









/* フォームデザイン */

/* ボタン用 */
.square_btn{
    display: inline-block;
    padding: 7px 20px;
	border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
}

.square_btn:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}