@charset "utf-8";

/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* 基本設定 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

*{
	box-sizing: border-box ;
}

p{
	background: none;
}

img {
	vertical-align: bottom;
	background: none;
}

.blank{
	vertical-align: baseline;
}

nav > ul > li :hover {
	transition-property: all ;
	transition-duration: 0.2s ;
	transition-delay: 0s ;
	transition-timing-function: ease-in ; /* アニメーションがゆっくり開始される */
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* リスト */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.dot{
	line-height: 180%;
	list-style-type: disc;
	margin-left: 15px;
}
		
/* リスト 数字設定 */
.no {
	line-height: 180%;
	list-style-type: decimal;
	margin-left: 15px;
}
	
/* リスト 英字設定 */
.abc {
	line-height: 180%;
	list-style-type: lower-alpha;
	margin-left: 15px;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* 文字に関する設定 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

/* 太字 */
.fw_b{
	font-weight: bold;
} 

/* 赤太字 */
.red_b{
	color: #F00;
	font-weight: bold;
}



/* 下線 */
.under_line{
	text-decoration: underline;
}

/* 下線　二重線 */
.under_line_2jyu{
	border-bottom: double;
}



/* サイズ */
.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}



/* 色 */
.col_bla{color: #000;}
.col_whi{color: #fff; }

.col_red{color: #F00; }

.col_purple{color: #3A2F80; }

.col_blu{color: #0057A4; }
.col_blu_d{color: #1A3E89; }
.col_blu_l{color: #79A7CF; }


.col_blu_green{color: #129A9A; }

.col_green{color: #1d9462; }
.col_green_1{color: #B2CF65; }


.col_ora{color: #db6b02; }

.col_brown{color: #9E0710; }


.col_yel{color: #FF0; }
.col_yel_l{color: #FFDC55; }
.col_yel_l2{color: #ffff85; }




/* 文字の行間隔 */
.lh_100 {line-height: 100%;}
.lh_110 {line-height: 110%;}
.lh_120 {line-height: 120%;}
.lh_130 {line-height: 130%;}
.lh_140 {line-height: 140%;}
.lh_150 {line-height: 150%;}
.lh_160 {line-height: 160%;}
.lh_165 {line-height: 165%;}
.lh_170 {line-height: 170%;}



/*文字と文字の詰め */
.ls-01{ letter-spacing: -0.15em; }



/* 文字位置　このclassで変わるのは文字の位置のみ　テーブル等は別途指定が必要 ----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.left {text-align: left !important;}/* 左 */
.right {text-align: right !important;}/* 右 */
.center {text-align: center !important;}/* 中央 */




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* 線の設定 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

/*----------*----------*----------*----------*----------*/
/*　直線 */
/*----------*----------*----------*----------*----------*/
/*　直線 黒 */
.line_sol_bla { 
	border-bottom: solid 1px #333 ;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

/*　直線 黒　padding多め */
.line_sol_bla_pd { 
	border-bottom: solid 1px #333 ;
	margin-bottom: 20px;
	padding-bottom: 15px;
}


/*　直線 グレー */
.line_sol_gra { 
	border-bottom: solid #CCC 1px;
	margin-bottom: 2px;
	padding-bottom: 2px;
}

/*　直線 グレー padding多め */
.line_sol_gra_pd {
	border-bottom: solid #CCC 1px;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.line_sol_gra_pd2 {
	border-bottom: solid #CCC 1px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}


/*----------*----------*----------*----------*----------*/
/*　点線 */
/*----------*----------*----------*----------*----------*/
/*　点線 黒　*/
.line_da_bla { 
	border-bottom: dashed #333 1px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

/*　点線 黒　padding多め */
.line_da_bla_pd { 
	border-bottom: dashed #999999 1px;
	margin-bottom: 20px;
	padding-bottom: 15px;
} 
.line_da_bla_pd2 { 
	border-bottom: solid #333 1px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}


/*　点線 グレー */
.line_da_gra { 
	border-bottom: dashed #CCC 1px;
	margin-bottom: 2px;
	padding-bottom: 2px;
}

/*　点線 グレー　padding多め */
.line_da_gra_pd { 
	border-bottom: dashed #CCC 1px;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.line_da_gra_pd2 {
	border-bottom: dashed #CCC 1px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}



/* 回り込み */
.f_left { float: left ; }
.f_right { float: right ; }

/* 回り込み解除 */
.clear{ clear: both ; }

.cl{ overflow: hidden ; }




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* マージンの設定 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*上 */
.mt_2  { margin-top: 2px; }
.mt_5  { margin-top: 5px; }
.mt_10 { margin-top: 10px; }
.mt_15 { margin-top: 15px; }
.mt_20 { margin-top: 20px; }
.mt_25 { margin-top: 25px; }
.mt_30 { margin-top: 30px; }
.mt_35 { margin-top: 35px; }
.mt_100 { margin-top: 100px; }
.mt_300 { margin-top: 300px; }

/*右 */
.mr_5  { margin-right: 5px; }
.mr_10 { margin-right: 10px; }
.mr_15 { margin-right: 15px; }
.mr_20 { margin-right: 20px; }
.mr_25 { margin-right: 25px; }
.mr_30 { margin-right: 30px; }

/*下 */
.mb_5  { margin-bottom: 5px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_20 { margin-bottom: 20px; }
.mb_25 { margin-bottom: 25px; }
.mb_30 { margin-bottom: 30px; }
.mb_35 { margin-bottom: 35px; }
.mb_40 { margin-bottom: 40px; }
.mb_45 { margin-bottom: 45px; }
.mb_50 { margin-bottom: 50px; }
.mb_60 { margin-bottom: 60px; }
.mb_70 { margin-bottom: 70px; }

/*左 */
.ml_3  { margin-left: 3px; }
.ml_5  { margin-left: 5px; }
.ml_10 { margin-left: 10px; }
.ml_15 { margin-left: 15px; }
.ml_20 { margin-left: 20px; }
.ml_25 { margin-left: 25px; }
.ml_30 { margin-left: 30px; }
.ml_35 { margin-left: 35px; }
.ml_40 { margin-left: 40px; }
.ml_42 { margin-left: 42px; }
.ml_45 { margin-left: 45px; }
.ml_50 { margin-left: 50px; }
.ml_55 { margin-left: 55px; }
.ml_60 { margin-left: 60px; }
.ml_65 { margin-left: 65px; }
.ml_70 { margin-left: 70px; }
.ml_75 { margin-left: 75px; }
.ml_80 { margin-left: 80px; }
.ml_85 { margin-left: 85px; }
.ml_90 { margin-left: 90px; }
.ml_95 { margin-left: 95px; }
.ml_100 { margin-left: 100px; }
.ml_120 { margin-left: 120px; }
.ml_130 { margin-left: 130px; }
.ml_140 { margin-left: 140px; }
.ml_150 { margin-left: 150px; }
.ml_160 { margin-left: 160px; }
.ml_165 { margin-left: 165px; }
.ml_170 { margin-left: 170px; }


/*文字数 */
.em0_5 { margin-left: 0.5em; } 
.em1 { margin-left: 1em; } 
.em1_5 { margin-left: 1.5em; } 
.em2 { margin-left: 2em; }
.em2_5 { margin-left: 2.5em; }
.em3 { margin-left: 3em; } 
.em3_5 { margin-left: 3.5em; } 
.em4 { margin-left: 4em; } 
.em4_5 { margin-left: 4.5em; } 
.em5 { margin-left: 5em; } 
.em5_5 { margin-left: 5.5em; } 
.em6 { margin-left: 6em; } 
.em6_5 { margin-left: 6.5em; } 

.pd-t5{	padding-top:5px; }
.pd-t10{ padding-top:10px; }
.pd-t15{ padding-top:15px; }
.pd-b5{ padding-bottom:5px; }
.pd-b10{ padding-bottom:10px; }
.pd-b15{ padding-bottom:15px; }
.pd-b20{ padding-bottom:20px; }
.pd-b25{ padding-bottom:25px; }
.pd-b30{ padding-bottom:30px; }