@charset "Shift_JIS";

/*------------------------------------------------------------------------------
　位置
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.fl_l {
float: left;
}
.fl_r {
float: right;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}



/*------------------------------------------------------------------------------
　余白
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.m_01 { margin: 5px 0; }

.mt_01 { margin-top: 20px; }
.mt_02 { margin-top: 15px; }

.mb_01 { margin-bottom: 20px; }
.mb_02 { margin-bottom: 5px; }

.ml_01 { margin-left: 230px; }

.pt_01 { padding-top: 10px; }

.pl_01 { padding-left: 15px; }


/*------------------------------------------------------------------------------
　タイトル
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.title_01 {
	margin: 20px 0;
	padding:  8px 10px;
	font-size: 16px;
	font-weight: bold;
	border-left: 5px #ed6d46 solid;
	border-bottom: 2px #ed6d46 dotted;
}
.title_02 {
	margin: 20px 0;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #70bd81;
}



/*------------------------------------------------------------------------------
　テキスト
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.bold {
	font-weight: bold;
}
	
.red {
	color: #FF0000;
	}

.line_h01 {
    line-height: 1.6em;
}

.txt_in01 {
	margin-left: 1em;
	text-indent: -1em;
}
	*html .txt_in01 {
	margin-left: 0em;
	text-indent: 0em;
	}
	
.size_l {
	font-size: 14px;
}

.txt_style01 {
	margin-top: 1em;
	text-align: right;
}
.txt_style02 {
	margin-bottom: 1em;
	color: #e28d02;
	font-weight: bold;
	font-size: 14px;
    line-height: 1.4em;
}
.txt_style03 {
	margin-bottom: 10px;
	color:#cd5e3c;
	font-size: 13px;
	font-weight: bold;
}
.txt_style04 {
	margin-bottom: 10px;
	padding: 5px 5px 5px 10px;
	color: #CC3333;
	font-size: 13px;
	border-left: solid 2px #CC3333;
	background: #fbfaf5; 
}
.txt_style05 {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}
.txt_style06 {
	margin-bottom: 0.5em;
	padding: 0 5px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	background: #99CCCC;
	background-color: #84b9cb;
}
.txt_style07 {
	color:#d57c6b;
	font-weight: bold;
}
.txt_style08 {
	margin-top: 10px;
	padding: 3px;
	text-align: center;
	border: solid 1px #ffdc00;
	background: #ffffdb;
}

.txt_box01 {
	padding: 5px 5px 5px 10px;
	font-weight: bold;
	color:#FFFFFF;
	background: #e7838f;
}
.txt_box02 {
	padding: 5px 5px 5px 10px;
	color:#a74651;
	background: #ecf2ee;
}
.txt_box03 {
	margin-bottom: 2.0em;
	padding: 10px;
	background: #ffffea;
}


/*------------------------------------------------------------------------------
　アロー
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.arrow01 { padding-left: 30px; background: url(images/arrow_mini1.gif) no-repeat 5px;}
.arrow02 { padding-left: 30px; background: url(images/arrow_mini2.gif) no-repeat 5px;}
.arrow03 { padding-left: 30px; background: url(images/arrow_mini3.gif) no-repeat 5px;}
.arrow04 { padding-left: 30px; background: url(images/point_ka.gif) no-repeat 5px;}
.arrow05 { padding-left: 30px; background: url(images/point_cyu.gif) no-repeat 5px;}
.arrow06 { padding-left: 30px; background: url(images/point_jyou.gif) no-repeat 5px;}


/*------------------------------------------------------------------------------
　リンク
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.link_01 a {
	color: #333333;
}


	
/*------------------------------------------------------------------------------
　囲み
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.left_box03 {
	float: left;
	width: 370px;
}
.right_box03 {
	float: right;
	width: 320px;
	margin: 0 0 5px 15px;
	padding: 10px;
	background: #ffffea;
}
.box_01 {
	float: left;
	width: 230px;
}


	
/*------------------------------------------------------------------------------
　ボーダー
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.border_01 { 
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: dashed 1px #a8bf93;
}
.border_02 { 
	padding-bottom: 10px;
	border-bottom: solid 1px #c9c9c9;
}
.border_03 { 
	border: 5px solid #a8bf93;
}



/*------------------------------------------------------------------------------
　テーブル
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
table.tbl-1 {
	border-collapse: separate;
	border-spacing: 3px;
	}
	
table.tbl-1 td {
	padding: 5px 10px;
	}
	
table#list.tbl-1 td {
	padding: 3px;
	}

table.tbl-2 {
	border-collapse: collapse;
	}
	
table.tbl-2 th, table.tbl-2 td {
	padding: 10px;
	background-color: #f8fbf8;
	border: 1px solid #FFF;
	}
	
table.tbl-2 th {
	text-align: left;
	background-color: #c1e4e9;
	}