@charset "utf-8";

/*================================/
           UnderPage
================================*/

/* general */
sup {
	vertical-align: super;
	font-size: 10pt;
}

/* Tag */
#contents h1 {
	color: #333333;
	font-size: 120%;
	background: url(image/midashi1.jpg);
	background-repeat: repeat-x;
	line-height: 60px;
	padding-left: 20px;
}

#contents h2 {
	font-size: 110%;
	border: 1px solid #356c92;
	border-bottom: 2px solid #356c92;
	border-left: 20px solid #356c92;
	padding: 15px 10px;
	margin: 10px 10px 10px;
}

#contents h3 {
	font-size: 110%;
	width: 86%;
	border-bottom: 2px solid #4d639f;
	border-left: 10px solid #4d639f;
	padding: 5px 15px;
	margin: 2em 20px 1.4em;
}
#contents h4 {
  margin: 20px 20px 5px;
}

#contents h4.bg_ttl{
	background: #4d639f;
	color: #fff;
	padding: 10px 15px;
	font-size: 105%;
	margin: 20px 20px 20px 30px;
}

#contents p {
	padding: 0;
	margin: 15px 30px;
	line-height: 1.6;
}

/* Topicpass */
#topicpass {
	font-size: 0.8em;
	list-style: none;
	padding: 0;
	margin: 10px 0px 0px;
}
#topicpass li {
	float: left;
	margin: 0 5px;
	display: block;
}
#topicpass li:before {
	content: "> ";
}
#topicpass li.first:before {
	content: "";
}

/* Table */
.tablebase {
	border-collapse: collapse;
	margin: 5px 20px;
}
.tablebase th,
.tablebase td {
	border: 1px solid #333;
	padding: 5px;
}

.table_center {
	margin: 0 auto;
}

/* Links */
.link,
.link_jichi {
	list-style: square;
	margin-left: 40px;
}
.link li {
	width: 15em;
	float: left;
	margin: 10px 5px;
}
.link_jichi li {
	width: 8em;
	float: left;
	margin: 10px 5px;
}

/** ==============================
Common
=============================== **/


/** 装飾 **/
.bd_bottom{
    border-bottom: 1px dashed #bbb;
}

/** 見出し系 **/
.bg_blue{
    background: #4d639f;
    padding: 10px;
    color: #fff;
}
.b_gray{
	border: 1px solid #4d639f;
}
h4.dot_line{
	border-bottom: 1px dashed #00f;
	padding-bottom: 5px;
	width: 720px;
}
/** 行揃え **/
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
/** フォント関係 **/
.text-bold{
    font-weight: bold;
}
.text-small{
    font-size: 14px;
}
.red{
    color: #ff1313;
}
.blue{
	color: #001dff;
}
.purple{
	color: #4c009c;
}
.text-line{
    text-decoration: underline;
}
.supText{
	vertical-align: super;
	font-size: 12px;
}

/** リストデザイン **/

.arrow_list li{
	position: relative;
	padding-left: 30px;
	padding-bottom: 5px;
}
.arrow_list li:before{
	content: '▶';
	color: #29b5d6;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
}

/* リスト装飾なし */
.not_maker{
    margin: 15px 30px;
    line-height: 1.6;
}
.not_maker li{
    list-style-type: none;
    margin-bottom: 10px;
}

/* 数字付き */
.number_list{
    margin: 15px 0 15px 60px;
    line-height: 1.6;
}
.number_list li{
    list-style-type: decimal;
    margin-bottom: 10px;
}

/* 水滴画像 */
.water_icon{
    margin-left: 30px;
}
.water_icon li{
    background: url(../../bousai/sozai/list.gif) no-repeat 0 2px;
    padding-left: 20px;
    padding-bottom : 10px;
}

/** テーブルデザイン **/

/* テーブル共通 */
.th_orange,
.th_blue{
    width: 900px;
    margin: 0 auto;
}

/* 灰色テーブル */
.th_gray th{
    background: #eee;
}

/* オレンジテーブル */
.th_orange th{
    background: #ff9f00;
    border: 1px solid #b9b9b9;
    padding: 6px;
}
.th_orange td{
    background: #f0f0f2;
    border: 1px solid #b9b9b9;
    padding: 6px;
    vertical-align: middle;
}

/* 青いテーブル */
.th_blue th{
    background: #c6e2f8;
    border: 1px solid #b9b9b9;
    padding: 5px 1px;
    height: 45px;
    vertical-align: middle;
}
.th_blue td{
	background: #fff;
    border: 1px solid #b9b9b9;
    padding: 10px;
    vertical-align: middle;
}

/** 画像右 **/
.r_img{
    display: inline-block;
    vertical-align: top;
    width: 200px;
}
.l_txt{
    display: inline-block;
    vertical-align: top;
    width: 663px;
    margin-right: 0!important;
}
/* 横並び */
.x3{
    display: inline-block;
    vertical-align: middle;
}
.x2{
    display: inline-block;
    vertical-align: top;
}

/* 幅設定 */
.w55{
	width: 55%;
}
.w3{
	width: 30%;
}
.w3 img{
	width: 100%;
}
.w42{
	width: 42%;
}
.content-w{
	width: 765px;
}

/** float設定 **/
.float_r{
    float: right;
}
.float_l{
    float: left;
}
.overflow-h{
    overflow: hidden;
}

/** マージン設定 **/
.m_auto{
	margin-left: auto;
	margin-right: auto;
}
#contents h3.mtem15{
	margin-top: 1.5em;
}
.mt0{
    margin-top: 0px!important;
}
.mt20{
    margin-top: 20px;
}
.mt30{
    margin-top: 30px;
}
.mt40{
    margin-top: 40px;
}
.mt50{
    margin-top: 50px;
}
.mr100{
    margin-right: 100px;
}
.mr50{
    margin-right: 50px!important;
}

.ml0{
    margin-left: 0!important;
}
.ml10{
	margin-left: 10px;
}
.ml20{
	margin-left: 20px;
}
.ml30{
	margin-left: 30px;
}
.directory-box{
		margin: 0 30px;
}

/** パディング設定 **/
.pd15{
    padding-bottom: 15px;
}
.pt15{
    padding-top: 15px;
}

.clear::after {
  content: '';
  clear: both;
  display: block;
}