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

body {
		margin:0 auto; 
		padding:0;
		font-family:Arial, sans-serif;

}


#Contents {
	width: 900px;
	height: auto; 
	min-height: 500px; 
	margin: 0 auto;
	padding:0;
	font-size:0.9em;
	line-height:normal;
	}

#Side {
	float: left;
	  width:220px;
	  height:auto;
	  background:#fff;
	}
#Main {
	float: left;
	  width:680px;
	  height:auto;
	  background:#fff;
	}



.button {
    width:250px;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#333;
    border:1px solid #333;
	background-color: #AAD0DC
}

.button2 {
    width:180px;
	height: 20px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    background-color:#49a9d4;
    border-radius:10px;
	box-shadow:1px 1px #555;
}

.button2:a{
	    color:#ffffff;    
	font-size:14px;
}
.button2:hover{
    width:180px;
	height: 20px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#0D0084;
    background-color:#A9DEF7;
    border-radius:10px;
	box-shadow:1px 1px #555;
}


.read-1 {
	font-size : 1em; 
	line-height: 1.2 ;  
	color: #330099; 
}

.read-2 {
	font-size : 1em; 
	line-height: 1.5em;  
	color: #000000;
	margin: 15px 0 20px 0;
}
.read-3 {
	font-size : 1.1em; 
	line-height: 1.4em ;  
	color: #000000; 
}
.read-4 {
	font-size : 1.0em; 
	line-height: 1.4em ;  
	color: #000000; 
		margin: 5px 0 5px 0;
}

	


.read-4 ul li{
	list-style-type: disc;
	font-size: 1em;
	line-height: 1.3em;
	margin-left: +2em;
}

.read-min {
color: #000000;
font-size: 12pt;
	font-weight:bold;
line-height: 15pt;
margin-top: 10px;
margin-bottom: 20px;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


.box-min {
	width:655px;
	font-size : 11pt; 
	line-height: 130%;
	border:1px solid #000;
	background-color:#D3DFF4;
	padding:1.5%;
	display:inline-block;
	margin: 0.2em 0 0.5em 0;
font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.box-min ul li{
margin-left: +1em;
list-style-type: square;
}

.style-min {
color:#000000;
font-size: 10.5pt;
line-height: 1.4em;;
margin-top: 10px;
margin-bottom: 10px;
font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.style-g105 {
color: #000000;
font-size: 10.5pt;
line-height: 1.3em;
margin-top: 8px;
margin-bottom: 8px;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic' ；

}
.style-GC {
color: #000000;
font-size: 12pt;
line-height: 15pt;
margin-top: 8px;
margin-bottom: 8px;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic' ；

}

.style-GC2 {
color: #000000;
font-size: 10pt;
line-height: 13pt;
margin-top: 8px;
margin-bottom: 8px;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic' ；

}
.subtitle52 {
margin-top: 1em;
margin-bottom: 1em;
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	font-size: 12pt;
color: #000000;/*文字色*/
font-weight: bold;
/*background: #f4f4f4;背景色*/
/*border-left: solid 2px #7db4e6;左線*/
/*border-bottom: solid 3px #d7d7d7;下線*/

}



.subtitle51 {
margin-top: 0.5em;
margin-bottom: 0.5em;
padding: 0.5em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 2px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
	font-weight: bold;
	line-height:1.5em;
}

.subtitle51 {
margin-top: 0.5em;
margin-bottom: 0.5em;
padding: 0.5em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 2px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
	font-weight: bold;
	line-height:1.5em;
}

.style60 {
	color: #666666;
	font-size: 10pt;
	font-weight: bold;
	
}
.subtitle70 {
	margin-top: 5px;	
	margin-bottom: 10px;
	padding: 5px 0px 0px 5px;
	font-size:14pt;
	color:darkblue;
	background-color: #EAF1FB;
	border-top: solid 0px #756FF0;
	border-bottom: solid 1px #756FF0;
	text-align: center;
}

.subtitle71 {
	width:100%;
	margin: 20px 0;
	padding: 5px 0px;
	font-size:15pt;
	line-height:1.5em;
	color:#0D0084;
	font-weight: bold;
	/*background-color:#ECECEC;　
	 border: solid 2px #A2A2A2;　
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
*/
}

.subtitle80 {
	margin: 20px 0 10px 0;
	padding: 10px 0px 10px 0px;
	font-size:12pt;
	color:#0D0084;
	background-color: #FFF;
	/*border-top: solid 3px #0D0084;*/
	border-bottom: solid 3px #0D0084;
 	box-shadow: 0px 0px 3px gray;
	font-weight: bold;
	text-align: center;
}

.underbox {
	margin-top: 10px;
	margin-bottom: 20px;
	border-top: solid 2px #0D0084;
	border-bottom: solid 2px #0D0084;
	}


.toiawase-waku {	
margin-top: 25px;
margin-bottom: 40px;
padding: 0px;
text-align: center;
}


.ttlbnr {
	width: 680px;
	height: 84px;
	background-image: url("image/ttlimg4.png");
	margin-bottom: 10px;
	}

.ttlbnr p { 
		font-size: 18pt; 
		color: aliceblue;
		padding-top:30px;
	   padding-left: 20px;

}


/********
中見出し2
********/

.menuname{
  padding: .5em 1em;
  border: 1px solid #ccc;
  border-top: 2px solid #3498db;
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	text-align: left;
color: #050039;
	margin-bottom:10px;
	font-weight: bold;
font-size:16pt;
}


.menuname a{
	color: #06004E;
}

.menuname:after {
color: #06004E;
position: absolute;
content: " ";
display: block;
/*border-bottom: solid 3px #5472cd;*/
bottom: -3px;
width: 30%;
}


.service_explane {
	font-size : 10.5pt; 
	line-height: 1.4em;
	margin-top: 2;
	margin-bottom: 0;
	color:#000000;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'；
	/*font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
}

/***************
ボタン
***************/

.square_btn {
   /*position: relative;*/
    display: inline-block;
    padding: 0.25em 0.5em;
	margin: 0.25em 0.25em;
    text-decoration: none;
    color: #FFF;
    background: #0D0084;
    border: solid 1px #0D0084;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}


.square_btn  a:active {/*押したとき*/
    border: solid 1px #03A9F4;
    box-shadow: none;
    text-shadow: none;
}

/*紹介ボタン*/
.square_btn2-waku {
	margin-top: 10px;
	margin-bottom: 8px;	
	text-align: right;
}

.square_btn2 {
    /*display: inline-block;
	display: block;*/
	display: inline;
    padding: 0.3em 1em;
	margin: 0.25em 0 0.25em 0.25em;
    text-decoration: none;
    color: #0D0084;
    border: solid 1px #cccccc;
    border-radius: 3px;
    transition: .4s;
	 background: #C9E5F7;
}

.square_btn2:hover {/*上をホバーしたとき*/
    background: #0B006E;
    color: white;
}

.square_btn2:active {/*押したとき*/
    border: solid 0px #ACD1E4;
    box-shadow: none;
    text-shadow: none;
}

/*紹介ボタン3*/
.square_btn2-waku {
	margin-top: 10px;
	margin-bottom: 8px;	
	text-align: right;
}

.square_btn2 {
    /*display: inline-block;
	display: block;*/
	display: inline;
    padding: 0.3em 1em;
	margin: 0.25em 0 0.25em 0.25em;
    text-decoration: none;
    color: #0D0084;
    border: solid 1px #cccccc;
    border-radius: 4px;
    transition: .4s;
}

.square_btn2 a:hover {/*上をホバーしたとき*/
    background: #0B006E;
    color: white;
}

.square_btn2:active {/*押したとき*/
    border: solid 0px #ACD1E4;
    box-shadow: none;
    text-shadow: none;
}



/*カタログボタン*/
.square_btn3 {
    /*position: relative;*/
    display: inline-block;
    padding: 0.25em 0.5em;
	margin: 0.25em 0.25em;
    text-decoration: none;
    color: #FFF;
    background: #0B70A7;
    border: solid 1px #0B70A7;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.square_btn3:hover {/*上をホバーしたとき*/
	    background: #0B006E;
    color:yellow;
    text-shadow: none;
}


.square_btn3:active {/*押したとき*/
    border: solid 1px #03A9F4;
    box-shadow: none;
    text-shadow: none;
}


/*ページリンクボタン4*/
.square_btn4 {
    /*position: relative;*/
    display: inline-block;
    padding: 0.5em 0.5em;
	margin: 0.25em 0.25em;
    text-decoration: none;
    background-color: #FFF;
    color:#0B70A7;
    border: solid 1px #0069b1;
    border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.square_btn4:hover {/*上をホバーしたとき*/
	color: #FFF;
    background-color: #0069b1;
}

.square_btn4:active {/*押したとき*/
    border: solid 1px #00304a;
	background-color: #F8D8BF;
    box-shadow: none;
    text-shadow: none;
}


/*ボタン5*/
.square_btn5 {
    /*position: relative;*/
    display: inline-block;
    padding: 0.5em 0.5em;
	margin: 0.25em 0.25em;
    text-decoration: none;
	background: #0B70A7;
    color:#FFF;
    border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.square_btn5:hover { /*上をホバーしたとき*/
	    color:#0B70A7;
		background: #FFFFFF;
	  	border: solid 1px #0B70A7;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}


.square_btn5:active {/*押したとき*/
	color:  #00304a;
	background: #FFFFFF;
    border: solid 1px #00304a;
    box-shadow: none;
    text-shadow: none;
}

/*ボタン5*/
.square_btn5-2 {
    /*position: relative;*/
    display: inline-block;
    padding: 0.5em 0.5em;
	margin: 0.25em 0.25em;
    text-decoration: none;
	background: #FFFFFF;
    color:#0B70A7;
	 	border: solid 1px #0B70A7;
    border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.square_btn5-2:hover { /*上をホバーしたとき*/
	    color:#FFFFFF;
		background: #0B70A7;
	  	border: solid 1px #0B70A7;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}


.square_btn5-2:active {/*押したとき*/
	    color:#FFFFFF;
		background: #0B70A7;
    border: solid 1px #00304a;
    box-shadow: none;
    text-shadow: none;
}

/*ボタン5-3*/
.square_btn5-3 {
    /*position: relative;*/
    display: inline-block;
    padding: 0.5em 0.5em;
margin: 0.25em 0.25em;
    text-decoration: none;
	background: #0B70A7;
    color:#FFFFFF;
	border: solid 1px #0B70A7;
    border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.square_btn5-3:hover { /*上をホバーしたとき*/
	    color:#0B70A7;
		background:#FFFFFF; 
	  	border: solid 1px #0B70A7;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}


.square_btn5-3:active {/*押したとき*/
	    color:#0B70A7;
		background: #FFFFFF;
    border: solid 1px #00304a;
    box-shadow: none;
    text-shadow: none;
}

/*ボタン6*/
.square_btn6 {
    /*position: relative;*/
    display: inline-block;
	width:250px;
    padding: 0.8em 0.58em;
	margin: 0.5em 0.5em;
    text-decoration: none;
	background: #0B70A7;
    color:#FFF;
    border-radius: 10px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	font-size: 12.5pt;
}
.square_btn6:hover { /*上をホバーしたとき*/
	    color:#0B70A7;
		background: #FFFFFF;
	  	border: solid 1px #0B70A7;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}


.square_btn6:active {/*押したとき*/
	color:  #00304a;
	background: #FFFFFF;
    border: solid 1px #00304a;
    box-shadow: none;
    text-shadow: none;
}

/*ボタン6-2*/
.square_btn6-2 {
    /*position: relative;*/
    display: inline-block;
	width:300px;
    padding: 0.8em 0.58em;
	margin: 0.5em 0.5em;
    text-decoration: none;
	background: #0B70A7;
    color:#FFF;
    border-radius: 10px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	font-size: 12.5pt;
}
.square_btn6-2:hover { /*上をホバーしたとき*/
	    color:#0B70A7;
		background: #FFFFFF;
	  	border: solid 1px #0B70A7;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}


.square_btn6-2:active {/*押したとき*/
	color:  #00304a;
	background: #FFFFFF;
    border: solid 1px #00304a;
    box-shadow: none;
    text-shadow: none;
}

.midashi01{
width: 860px;
padding: 0.25em 0.5em;/*上下 左右の余白*/
margin: 0 0 0.25em 0;
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #cccccc;/*下線*/
font-size:24pt;/*フォントサイズ*/
font-weight:bold;
}

.adobe {
		font-size: small;
		line-height: auto;
		margin: 0;
	   	padding: 10px;
		ont-family:Arial, sans-serif;
		background-color: #ffffff;
		color: #494949;/*文字色*/
	}


.clearfix::after{
  content:" ";
  display:block;
  clear:both;
}


#float_box-wrap {
	padding:8px;
	width: auto;
	margin:0 ;
}

#float_box {
    padding: 5px;         /* 箱の大きさ調整 */
    width: 250px;               /* 箱の大きさ調整 */
    text-align: center;         /* テキストをセンタリング */
    background-color:  #ccc;    /* 背景色設定 */
    float:  left;               /* 要素を右に回り込ませる */
}
 
#float_text {
	 padding: 10px 150px 10px 10px;         /* 箱の大きさ調整 */
	 width:500px; 		 /* 箱の大きさ調整 */
    float: right;                
	
	/* 要素を右に回り込ませる */
   /*  width: calc(100% - 250px);  文字の箱の大きさ調整 */
}
.float_box2 {
    padding: 5px;         /* 箱の大きさ調整 */
    width: 360px;               /* 箱の大きさ調整 */
    text-align: center;         /* テキストをセンタリング */
    background-color:  #ccc;    /* 背景色設定 */
    float:  left;               /* 要素を右に回り込ませる */
}
 
.float_text2 {
	 padding: 10px;         /* 箱の大きさ調整 */
	 width: 490px; 		 /* 箱の大きさ調整 */
    float: left;                /* 要素を右に回り込ませる */
   /*  width: calc(100% - 250px);  文字の箱の大きさ調整 */
}




.read {
	font-size:10.5pt;
	line-height:1.3em;
	margin: 10px 0px 20px 0px ;
}

.read-catch {
		font-size:13pt;
	line-height:15pt;
	color:#000000;
	font-weight: bold;
	margin: 3px 0px 1px 0px ;
	padding: 2 0;
		background-color: #fff;
	border-bottom: 2px dotted #8c8b8b;
}
.read105 {
	font-size:10.5pt;
	line-height:1.3em;
	margin: 20px 0px 20px 0px ;
}
.read105-2 {
	font-size:10.5pt;
	line-height:1.3em;
	margin: 5px 0px 5px 0px ;
}
.read11 {
	font-size:11pt;
	line-height:1.3em;
	margin: 10px 0px 20px 0px ;
}

.setsumei1 {
	font-size:11pt;
	line-height:15pt;
	margin: 10px 0 10px 0 ;
}
.setsumei2 {
	font-size:12pt;
	line-height:150%;
	margin: 10px 0 10px 0 ;
	font-weight: bold;
	
}

.setsumei-10 {
	font-size:10pt;
	line-height:15pt;
	margin: 10px 0 10px 0 ;
}


.setsumei-10 li ul {
	  display: inline; 
	  list-style-type: disc;
}


.linking {
font-size:11pt;
	line-height:1.5em;
	margin: 10px 0 10px 5px;
	display:block;
	/*display:inline-block;
	display:inline;*/
}

/*left-menu*/

#cds-navi {
	float: left;
	width:200px;
	margin-right: 20px;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 20px;
  	list-style-type: none;
  	padding: 0;
}

#cds-navi li { display: inline; 
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);}

#cds-navi li a {
  margin-bottom: 1px;
  padding: 5px 0 5px 10px;
  display: block;
  width: 180px;
  text-decoration: none;
  border-left: 5px solid #999999;
  background-color: #eeeeee;
  color: #000000;
}

#cds-navi li a:hover {
  background-color: #cccccc;
  color: #0D0084;
  border-left: 5px solid #000000;
}

#cds-navi li ul {
margin:0;
padding: 0;
}
#cds-navi li ul li {
	color:#0D0084;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
}
#cds-navi li ul li a {
color:#0D0084;
 background-color: #DFEAFD;
	  border-left: 5px solid #0B70A7;
}
#cds-navi li ul li a:hover {
color:#FFFFFF;
background-color: #0D0084;

}


table {
	border-collapse: collapse;
	border: #C0C0C0 2px solid;
	width:85%;
	table-layout: fixed;
	margin-left: 50px;
	margin-bottom: 20px;
}

th.t_top {
	width:100px;
    border-top:#003399 2px solid;
	color:#003399;
	padding: 10 5 5 5px;
}
	
th {
	border-bottom: #C0C0C0 1px solid;
	text-align: left;
	padding: 5px;
	vertical-align: middle;
	font-weight: normal;
	background-color: #DFDFDF;
}
td.t_top {
	border-top: #C0C0C0 2px solid;
	color:#000000;
	padding: 10 5 5 5px;
}
td {
　　width:200px;
	border-bottom: #C0C0C0 1px solid;
	border-left: #C0C0C0 1px solid;
	border-right:#e3e3e3 1px dotted;
	text-align: left;
	padding: 5px;
	color:#000000;
	line-height: 1.2em;
}



.waku-1 {
	margin: 15px 0 10px 0;
	border: solid 1px #A2A2A2;
	padding: 5px;
	display:inline-block;
	word-break:break-all;
}
.waku-1text{
	margin: 0;
	padding:0;
}
.waku-1text p{
	font-size: 10pt;
	line-height: normal;
}
	
.waku-2 {
background:#fcfcff; 
padding:15px; 
border:1px solid #3b5998; 
border-radius:10px; 
word-break:break-all;
}

/*18. 背景色 × 2本線で囲む

背景色を指定したものをボーダーで囲ったもので、ボーダーのスタイルには2本線を指定しています。*/


.subtitle_annai {
	font-size: 11pt;
padding: .5em .75em;
margin-top: 2em;
  background-color: #F1F0F0;
  border:double 3px #0B70A7;
	display: block;
}
.subtitle_annai2 {
	font-size: 11pt;
	/*font-weight: bold;*/
padding: .5em .75em;
margin-top: 1.5em;
  background-color: #f6f6f6;
  border:double 3px #cccccc;
	display: block;
}
.subtitle_annai2 p{
	text-shadow: 0 1px 0 #ccc;
}

.subtitle_annai2-2 {
	height: 350px;
	font-size: 11pt;
	/*font-weight: bold;*/
padding: .5em .75em;
margin-top: 1.5em;
  background-color: #f6f6f6;
  border:double 3px #cccccc;
	display: block;
}
.subtitle_annai2-2 p{
	text-shadow: 0 1px 0 #ccc;
}



.subtitle_annai2-3 {
font-size: 11pt;
	/*font-weight: bold;*/
padding: .5em .75em;
margin-top: 1.5em;
  background-color: #E5F3FB;
  border:double 3px #cccccc;
	display: block;
}

.subtitle_annai3 {
	font-size: 13pt;
	font-weight: bold;padding: .5em .75em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
  background-color: #f6f6f6;
  border:double 3px #cccccc;
	display: block;
}

.subtitle_annai2-sub {
	font-size: 11pt;
	font-weight: bold;
padding: .5em .75em;
margin-top: 1.5em;
 /* background-color: #f6f6f6;*/
  border-bottom:double 1px #cccccc;
	display: block;
}
.subtitle_annai2-sub p{
	text-shadow: 0 1px 0 #ccc;
}


.comments-min {
color: #000000;
font-size: 9pt;
line-height: 1.3em;
margin-top: 5px;
margin-bottom: 5px;
font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.text-ind{
	text-indent: 1em;
	line-height: 1.5em;
}


.tokucho-listwaku{
	/*border: solid 1px #000000;*/
	width:650px;
	margin-bottom: 15px;
	padding-left: 20px;
}

.tokucho-listwaku ul li {
	list-style-type: disc;
	font-size: 10pt;
	line-height: 1.3em;
}

/* power-plant-background*/
.fire-bg { 
	width:650px;
	height: 280px;
    /*background: #D1D1D1; */
    background-image: url(/product/power-plant/image/fire-bg.png); 
    background-repeat: no-repeat;  
    background-position: top right; 
	margin-bottom: 10px;
}  

.dam1-bg { 
	width:650px;
	height: 280px;
    background-image: url(/product/power-plant/image/dam1-bg.png); 
    background-repeat: no-repeat;  
    background-position: top right;  
	margin-bottom: 10px;
}  
.atom-bg { 
	width:650px;
	height: 280px;
    background-image: url(/product/power-plant/image/atom-bg.png); 
    background-repeat: no-repeat;  
    background-position: top right;  
	margin-bottom: 10px;
}  
.wind-bg { 
	width:650px;
	height: 280px;
    background-image: url(/product/power-plant/image/wind-bg.png); 
    background-repeat: no-repeat;  
    background-position: top right; 
	margin-bottom: 10px;
}  
.tinetsu-bg { 
	width:650px;
	height: 280px;
    background-image: url(/product/power-plant/image/tinetsu-bg.png); 
    background-repeat: no-repeat;  
    background-position: top right; 
	margin-bottom: 10px;
} 
.LNG-bg { 
	width:650px;
	height: 280px;
    background-image: url(/product/power-plant/image/LNG-bg.png); 
    background-repeat: no-repeat;  
    background-position: top right; 
	margin-bottom: 10px;
}  
.non-bg { 
	width:650px;
	height: 280px;
    /*background-image: url(/product/power-plant/image/LNG-bg.png); */
    background-repeat: no-repeat;  
    background-position: top right; 
	margin-bottom: 10px;
}  

.basic-bg { 
	width:650px;

    /*background-image: url(/product/power-plant/image/LNG-bg.png); */
    background-repeat: no-repeat;  
    background-position: top right; 
	margin-bottom: 10px;
}  


.mainttl{
width: 865px;
height: auto;
padding: 25px 0 20px 15px;/*上下 左右の余白*/
margin: 0 0 0.5em 0;
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #cccccc;/*下線*/
font-size:20pt;/*フォントサイズ*/
font-weight:bold;
}

.sample_box8 {
    padding: 1em 1.5em;
    margin: 2 0;
    background-color:#FFFEF4;/*背景色*/
    border:1px solid #84c1ff;/*枠線*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);/*影*/
    color:#000000;/*文字色*/
}
.sample_box8 ul li{
	line-height: 1.5em;
}
.sample_box8 p {
    margin: 0; 
    padding: 0;
}



/***************
	囲みボックス1
**************/
.box-1 {
	/*display:inline-block;*/
	font-size: 10.5pt; 
	line-height: 1.4em;
	border:1px solid #000;
	background-color:#D3DFF4;
	padding:1.5%;
	margin: 0.2em 0 0.5em 0;
	box-sizing: inherit;
}

.box-1 ul li{
margin-left: +1em;
list-style-type: square;
}

/***************
	囲みボックス2
**************/
.box-2 {
	width:100%;
    margin: 1em 0em;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	padding:1px 0em;
}
.box-2 .box-title {
  padding: .5em .75em;
  /*background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
  background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);*/
  background: #69b4e6;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.box-2 p {
    padding: 5px 5px;
}
.box-2 ul li{
margin-left: +2em;
list-style-type:disc;
	font-size: 0.95em;
	line-height: 1.5em;
}


/***************
	囲みボックス2-2
**************/
.box-2-2 {
	width:100%;
    margin: 1em 0em;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	padding:1px 0em;
}
.box-2-2 .box-title {
  padding: .5em .75em;
  /*background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
  background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);*/
  background: #1B00A6;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.box-2-2 p {
    padding: 5px 5px;
}
.box-2-2 ul li{
margin-left: +2em;
list-style-type:disc;
	font-size: 0.95em;
	line-height: 1.5em;
}


/***************
	囲みボックス3
**************/
.box-3 {
	display: inline-block;
	flex-wrap:wrap;
	margin: 0.5em 0.1em;
	width:30%;
	height:auto;
	border:solid 1px #ccc;
	text-align:center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.box-3 .box-title {
	font-size: 10pt;
	width: auto;
	padding: 6px;
  /*background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
  background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);*/
  background: #005A96;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.box-3 .box-bottom {
	font-size: 10pt;
  	padding: 0;
	background: #FFFFFF;
  	color: #0D0084;
  	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.box-3 p {
    padding: 5px 5px;
    margin: 0;
}
.box-3 ul li{
margin-left: +2em;
list-style-type:disc;
	line-height: 1.5em;
}



/***************
	囲みボックス4
**************/
.box-4 {
	display: inline-block;
	flex-wrap:wrap;
	margin: 0.5em 0.1em;
	width:auto;
	height:auto;
	border:solid 1px #ccc;
	text-align:center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.box-4 .box-title {
	font-size: 10pt;
	width: auto;
	padding: 6px;
  /*background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
  background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);*/
  background: #005A96;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.box-4 .box-bottom {
	font-size: 10pt;
  	padding: 0;
	background: #FFFFFF;
  	color: #0D0084;
  	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.box-4 p {
    padding: 5px 5px;
    margin: 0;
}
.box-4 ul li{
margin-left: +2em;
list-style-type:disc;
	line-height: 1.5em;
}
 
.box4-wrap {
	width:100%;
	margin:0 auto;
	text-align:center;
}
.link-2　{
	display: inline-block;
	border: solid 0.5px #CCCCCC;
	font-size: 11pt;
	line-height: 1.35em;
	background: #DFDFDF;
  	color: #0D0000;
	vertical-align: middle;
	 padding: 5 0;
}

.link-2　a{
	  	color: #02001F;
}

.link-2　a:hover{
	  	color: #025286;
}

.lineup-wrap {
	max-width: 90%;
  background-color: #ffffff;
	  margin: 0 auto;
}


/*　記事用*/
.Conts{
  width: 100%;
  height: auto;
margin: 0 auto;
	padding: 0;
  background-color: #ffffff;	
	font-family: "Noto Sans CJK JP DemiLight","MS Pゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}


.Conts dt{
	border-bottom: 3px solid #eeeeee;
	padding:0.5em 0 0.25em 0em;
	margin: 1em 1em  1em 0;	
	color:#07054A;   
	font-size:1.5em;
	line-height: 2em;
	text-shadow:  1px 2px 3px #808080; 
	font-weight: bold;
	/*text-align: center;*/
	
}



/*
.Conts dt::first-letter{
	font-size: 1.6em
}
*/

.Conts dd{
	margin: 1 0;
	padding: 0em;
	}
.Conts dd p{
	font-size:1.1em;
	line-height:1.5em;
	}

.Conts-read {
		font-size:1.25em;
		line-height:1.5em;
		font-weight:bold;
	margin: 0.25em 0;
	text-shadow:  1px 2px 3px #808080; 
}


.img_wrap {
	width:100%;
	height:auto;
	flex-wrap: wrap;
	text-decoration: none;
	padding: 0 auto;
     margin:auto; /*イメージ画像を中央寄席*/
	background:#ffffff;
}

.img_wrap img{
	width:100%;
	max-width:650px;
	flex-wrap: wrap;
	text-decoration: none;
     display: block; /*イメージ画像を中央寄席*/
     margin:auto; /*イメージ画像を中央寄席*/
}



.imgWrap {
	/*overflow: hidden;	拡大時にはみ出た部分を隠す*/
		width:100%;
	max-width:650px;	/*画像の幅*/
	height: auto;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.5s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.3);	/*画像の拡大率*/
	transition-duration: 0.5s;	/*変化に掛かる時間*/
}

/*http://raining.bear-life.com/css/css3%E3%81%AE%E3%80%8Ctransformscale%E3%80%8D%E3%81%A7hover%E3%81%97%E3%81%9F%E6%99%82%E3%81%AB%E7%94%BB%E5%83%8F%E3%82%92%E6%8B%A1%E5%A4%A7%E3%81%99%E3%82%8B*/
.scale {
    width: 650px;
    height: auto;
    overflow: hidden;
}
.scale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}



.wrap{
 display:flex;
}
.box{
 width: 80%;
 margin: 0 auto;
	padding: 0;
	text-align: center;
}

.box p{
border: solid 1px #000;
	background: #D3E2FF;
padding: 5px}

.box ul, ol {
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
	list-style: disc;
}

.box ul li, ol li {
  line-height: 1.3; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}




.box2{
 width: 80%;
background-color:#fff;
}

.box2 td tr{
	background: #ececec;
}
.box2 p{
border: solid 0px #ccc;
padding: 5px
}


.box3{
	    width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

.box3 td tr{
	width: 20%;
	background-color: #ececec;
	border: 1px solid #CCCCCC;
padding: 5px 10px;
	    text-align: left;
}
.box3 th {
background-color: #FFFFFF;
	} 

.box3 p{
border: solid 0px #ccc;
padding: 5px
}

/*リンク*/

.midashi02 {
  border-bottom: 2px solid #27acd9;
	margin: 30px 50px 10px 45px;
	font-size: 1.3em;
}


/*トップ部分のナビメニュー*/
.nav{
justify-content:center;
align-items:center;
/*background-color: #FFF;*/	
width:100%;
height: auto;
/*text-align: justify;*/
	margin: 0px 0px 0px 0px;
} 


.nav ul{
margin: 0 auto;
padding: 0;
} 


.nav ul li {
    display:inline-flex;
	text-align: center;
	text-decoration: none;
	height:40px;/*naviの高さ調整*/
	line-height: 35px;/*naviの高さ調整*/
	/*font-size: 0.7em;
	width: 155px;
	height:75px;
	margin: 0.05em 0.0em;
	padding:0.2em 0.5em;
	border: 1px solid #27acd9;*/
	background-color: #ECECEC;/*メニューに色付け*/
	color: #27acd9;
	transition: 0.1s;
		font-size: 1.3em;
}
.nav ul li a:hover {
	color: #fff;
	background-color: #3366cc;

}





 /**/
a.list_01 {
text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-size: 0.7em;
	width: 180px;
	margin: 0.05em 0.0em;
	padding:0.2em 0.5em;
	font-weight: normal;
	border-top: 2px solid #21677F;
	border-right: 1px solid #21677F;
	border-bottom: 1px solid #21677F;
	border-left: 1px solid #21677F;
	color: #00303E;
	/*transition: 0.5s;*/
}


a.list_01:hover {
font-weight: bold;
	color: #fff;
	/*background: #27acd9;*/
	background: #3366cc;
		border-top: 2px solid #A5A5A8;
}

	/*2色の下線付き見出し*/
	
.ttl-2c {
	position: relative;
	border-bottom: 5px solid #ddd;
	padding: 10px 0;
	}
.ttl-2c:before {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 20%;
	height: 5px;
	content: '';
	background: #27acd9;
	}
	
	
	


	
/* 囲み枠_18*/	
.box_18 {
	position: relative;
	padding: 1.0em;
	border: 2px solid #27acd9;
	margin-top: 1em;
	}

.box_18_ttl {
	position: absolute;
	padding: 0 0.5em;
	left: 20px;
	top: -10px;
	background: #fff;
	font-weight: bold;
	color: #27acd9;
	}	
	
.box_18>ol li{
padding: 5px 10px 5px 10px;
	margin-left: 0em;
	text-indent: -0em;
	}

/*画像リサイズ*/
.resizeimage {
   width:100%; 
	height: auto;
  text-align:center;
}
.resizeimage img { 
	width:99%; 
	height: auto;
	margin:0 auto
	}

/*キャプション*/
figure {
	border:thin gray solid;
	margin:auto;
	max-width:350px;
	padding:1px;
}

figcaption {
	background-color:#222;
	color:#fff;
	margin-top:-7px;
}