﻿@charset "UTF-8";
/*** 汎用スタイル ***/

/* フロート画像(右) */
img.flright {
	display: block;
	line-height: normal;
	float: right;
	margin: 0 0 5px 10px;
}

/* フロート画像(左) */
img.flleft {
	display: block;
	line-height: normal;
	float: left;
	margin: 0 10px 5px 0;
}

/* フロート画像の次ブロックでフロートクリア */
.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	min-height:1px;
	line-height: 1px;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* フロートリスト */
ul.flt85, ul.flt100, ul.flt135, ul.flt200, ul.flt48per {
	list-style-type: none;
}
.flt85 li, .flt100 li, .flt135 li, .flt200 li, .flt48per li {
	float: left;
	white-space: nowrap;
	overflow: hidden;
}
.flt85 li { width: 85px; }
.flt100 li { width: 100px; }
.flt135 li { width: 135px; }
.flt200 li { width: 200px; }
.flt48per li { width: 48%; }

/*** 文字装飾 ***/
/* よく使う文字色 */
.fc_F66 { color: #F66; }
.fc_F00 { color: #F00; }
.fc_96F { color: #96F; }
.fc_F60 { color: #F60; }
.fc_3C9 { color: #3C9; }
.fc_C00 { color: #C00; }
.fc_00C { color: #00C; }

/* 独自font設定 */

.red_bold {
   font-size: 110%; 
   color: #FF0000;
   font-weight: bold;
   margin: 10px 0;
}

.orange {
   font-size: 130%;
   color: #fe9901;
   font-weight: bold;
}

.attention { font-size:80%;
             color:#666666;
			 margin:0;
			 font-weight:bold;
			 text-indent:0;}
.attention_B{ font-size:120%;
             color:#CC3300;
			 font-weight:bold;
			 margin:0 0 0.5em 0;}

/* タイトル設定 */
.stitle01{ font-weight:bold;
           font-size:100%;
		   color:#006633;
		   margin:0 0 0.3em 0;
		   padding:0 0 0.2em 0;}
		   
.stitle02{ font-weight:bold;
           font-size:110%;
		   color:#666666;
		   border-left:solid 5px #009999;
		   margin:0 0 1em 0;
		   padding:0 0 0 5px;}

/* 文字擬似アライン */

.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left; }

/* 文字サイズ */
.fsxxlarge { font-size: 150%; }
.fsxlarge { font-size: 140%; }
.fslarge { font-size: 120%; }
.fssmall { font-size: 80%; }

/* 行間 */
#contents p,
#contents ul, 
#contents ol, 
#contents dl { line-height: 1.5; }
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6 { line-height: 1.2; }

/**  上付き文字  **/
.vert {vertical-align : super ;}

/* 文字種 */
.ffmono { font-family: "ＭＳ ゴシック", "Osaka−等幅", mono; }


/*** 水平線 ***/
hr {
	height: 1px;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom: solid 1px #C9C9C9;
}
hr.dashedline {
	height: 1px;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom: dashed 1px #C9C9C9;
}
hr.dottedline {
	height: 1px;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom: dotted 1px #C9C9C9;
}


/*** テーブル ***/
/* ネストしたテーブルで上位テーブルのスタイルを受け継がないようにする */
.tbl_clear {
	background: none;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.tbl_clear td, .tbl_clear th {
	background: none;
	padding: 0;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
}

/* 汎用テーブル type1 */
.tbl_type01 {
	width:100%;
	border:solid 1px #cfc0af;
	border-collapse:collapse;}

.tbl_type01 th, .tbl_type01 td {
	padding: 8px 12px;
	line-height: 1.5;
	border:solid 1px #cfc0af;
	text-align: left;
	vertical-align: top;
}
.tbl_type01 th {
	font-weight:normal;
	background-color: #FBF8B9;
}
/* 汎用テーブル type1 内のテーブルはスタイルをクリア */
.tbl_type01 td table {
	border-top: none;
	border-left: none;
}
.tbl_type01 td table td {
	border-right: none;
	border-bottom: none;
}

/*** 共通デザインテーブル ***/
table.blue_medium {
        font-size: 80%;
        color: #666666;
        width:100%;
        margin-bottom: 15px;
        border: 1px;
        border-collapse: separate;
        border-spacing: 1px;}
.blue_medium th {
        padding: 5px;
		text-align:center;
        background-color:#DCEDF3;}
.blue_medium td {
        padding: 5px;
		text-align:center;
        background-color:#F5F5F5;}


/*** 各種リスト ***/
/* リストマークなし */
ul.txtlistnone {
	list-style-type: none;
	margin-left: 0;
}
ul.txtlistnone ul { /* ネストされたリストはインデント */
	list-style-type: none;
	margin-left: 2.5em;
}

/* 1文字目をリストマークにする */
ul.jisage1 {
	list-style-type: none;
	line-height: 1.6;}
ul.jisage1 li {
	padding-left: 2em;
	text-indent:-1em;}

/* リストマーク付太文字リスト */
ul.jisage2 {
    list-style-position:inside;
	list-style-type: disc;
	margin: 0 0 10px 20px;}
ul.jisage2 li {
	text-indent:-1em;
	font-weight:bold;}

/* ●リストマーク付リスト */
ul.jisage3 {
    list-style-position:inside;
	list-style-type: disc;
	margin: 0 0 10px 20px;
}
ul.jisage3 li {
	text-indent:-1em;
}

/* ■リストマーク付リスト */
ul.jisage4 {
    list-style-position:inside;
	list-style-type:square;
	margin: 0 0 2em 20px;}

ul.jisage4 li {
	text-indent:-1em;
	color:#FF9900;
	font-weight: bold;
	border-bottom:dashed 1px #999999;
	margin:0 0 0.5em 0;
	padding:0 0 0.3em 0;}
ul.jisage4 li span{
    color:#333333;
	font-weight:normal;}

/* ・リストマーク付リスト（文字小さめ） */
ul.jisage5 {
    list-style-position:inside;
	margin: 0 0 10px 20px;}
ul.jisage5 li {
	text-indent:-1em;
	margin-top:0.2em;
	font-size:95%;}

/* リストマーク無し太文字リスト */
ul.jisage6 {
	list-style-type: none;
	margin: 0 0 15px 20px;}
ul.jisage6 li {
	text-indent:-0.5em;
	font-weight:bold;}



/* 一般的なUL・OLリスト */
ul.normalul { margin-left: 2.2em; line-height: 1.6; }
ul.normalul ul { margin-left: 2.2em; line-height: 1.6; }
ol.normalol { margin-left: 1.5em; line-height: 1.5; }
ol.normalol ol { margin-left: 1.5em; list-style-type: decimal-leading-zero; }


/* 一般的なDLリスト */
dl.dllistnone dd {
	margin-left: 2em;
	margin-bottom: .6em;
}

/** マージン＋ボールド（リード文用） **/
.lead01{
    margin-bottom: 1.5em;
	font-weight: bold;
	color: #930;
	font-size:120%;
	line-height:1.4;}

.lead02{
    margin-bottom: 1em;
	font-weight: bold;
	color: #0099cc;
	font-size:120%;}


/* マージン */
.mb05 { margin-bottom: 0.5em; }
.mb10 { margin-bottom: 1em; }
.mb15 { margin-bottom: 1.5em; }
.mb20 { margin-bottom: 2em; }
.mb30 { margin-bottom: 3em; }

.mt05 { margin-top: 0.5em; }
.mt10 { margin-top: 1em; }
.mt15 { margin-top: 1.5em; }
.mt20 { margin-top: 2em; }
.mt30 { margin-top: 3em; }

.mgtb10_05 { margin: 1em 0 0.5em 0; }
.mgtb05_10 { margin: 0.5em 0 1em 0; }
.mgtb10_10 { margin: 1em 0; }
.mgtb15_10 { margin: 1.5em 0 1em 0; }
.mgtb20_10 { margin: 2em 0 1em 0; }

.mgl05 { margin-left: 0.5em; }
.mgl10 { margin-left: 1em; }
.mgl15 { margin-left: 1.5em; }
.mgl20 { margin-left: 2em; }
.mgl30 { margin-left: 3em; }

.mglr05 { margin-left: 0.5em; margin-right: 0.5em; }
.mglr10 { margin-left: 1em; margin-right: 1em; }
.mglr15 { margin-left: 1.5em; margin-right: 1.5em; }
.mglr20 { margin-left: 2em; margin-right: 2em; }
.mglr30 { margin-left: 3em; margin-right: 3em; }

.mgr05 { margin-right: 0.5em; }
.mgr10 { margin-right: 1em; }
.mgr15 { margin-right: 1.5em; }
.mgr20 { margin-right: 2em; }
.mgr30 { margin-right: 3em; }


.mgb05{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}

.mgt05{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
