/**add**/

/**一番外の背景**/
body{
	background-image: url("back.gif");
	background-repeat:repeat;
	font-family: "Mplus 1p" , sans-serif;
}

/**外枠1番目
<table width="700" height="400" border="0" align="center" cellpadding="6" cellspacing="0" style="border-color:#ACC2BB; border-width:3px; border-style:solid;">
**/

table#main{
	width:100%;
	border-collapse: collapse;
	border:5px #ACC2BB ridge;
}

/**外枠1番目と隣合った枠（ほぼ重なってる）
<td valign="top" bgcolor="#FFFFFF" style="border-color:#363D3C; border-width:1px; border-style:solid;">
**/

td#main01{
	vertical-align:top;
	background:#e8e8e8;
	border-color:#363D3C;
	border-width:1px;
	border-style:solid;
}

/**題名(テンプレート)の配置設定
<table width="660" border="0" align="center" cellpadding="0" cellspacing="0">
**/
table.main02{
	width:100%;
	border-width:0px;
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
}

table.main02 tr td {
	padding:0px;
}


/**題名(テンプレート)の外枠設定
<div style="border:1px solid #777777">
**/
div.main03{
	border:1px solid #777777;
}

/**題名(テンプレート)の内枠（外枠とほぼ重なる）とフォント設定
<div class="bold"  style="BORDER-TOP: #FFFFFF 1px solid;BORDER-RIGHT: #D2E2DC 1px solid;BORDER-BOTTOM: #D2E2DC 1px solid;BORDER-LEFT: #FFFFFF 1px solid;background:#F2F5F4;padding:15px">
**/
div#main04{
	font-weight: bold;
	color: #246E57;
	BORDER-TOP: #FFFFFF 1px solid;
	BORDER-RIGHT: #D2E2DC 1px solid;
	BORDER-BOTTOM: #D2E2DC 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	background:#E9F2EF;
	padding:15px;
}

/**題名(サブタイトル)の内枠（外枠とほぼ重なる）とフォント設定
<div  style="BORDER-TOP: #FFFFFF 1px solid;BORDER-RIGHT: #D2E2DC 1px solid;BORDER-BOTTOM: #D2E2DC 1px solid;BORDER-LEFT: #FFFFFF 1px solid;background:#D2E2DC;padding:3px">
**/

div#main05{
	BORDER-TOP: #FFFFFF 1px solid;
	BORDER-RIGHT: #D2E2DC 1px solid;
	BORDER-BOTTOM: #D2E2DC 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	background:#D2E2DC;
	padding:5px;
}

/**中段(2段組）の外枠
<table width="660" height="250" border="0" align="center" cellpadding="8" cellspacing="0" bgcolor="#F2F5F4">
**/
table#main06{
	width:100%;
	border-width:1px;
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
	background:#e8e8e8;
}

table#main tr td {
	padding:1px 3px 0px 3px;
}


/**
中段(2段組）の外枠(のほぼ重なってる内枠)
<td width="185" height="142" valign="top">
**/
td.main07{
	width:30%;
	vertical-align:top;
}

td.main07a{
	width:70%;
	vertical-align:top;
}

/**
<div  style="BORDER-TOP: #FFFFFF 1px solid;BORDER-RIGHT: #D2E2DC 1px solid;BORDER-BOTTOM: #D2E2DC 1px solid;BORDER-LEFT: #FFFFFF 1px solid;background:#E9F2EF;padding:5px">
**/

div.main08{
	BORDER-TOP: #FFFFFF 1px solid;
	BORDER-RIGHT: #D2E2DC 1px solid;
	BORDER-BOTTOM: #D2E2DC 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	background:#E9F2EF;
	padding:5px;
}


/**中断右側上の外枠設定
<div style="border:1px solid #999999">
**/

div.main09{
	border:1px solid #999999;
}

/**中断右側上の内枠設定
<div class="bold"  style="BORDER-TOP: #FFFFFF 1px solid;BORDER-RIGHT: #DFEDE8 1px solid;BORDER-BOTTOM: #DFEDE8 1px solid;BORDER-LEFT: #FFFFFF 1px solid;background:#DFEDE8;padding:3px">
**/

div#main0a{
	font-weight: bold;
	color: #246E57;
	BORDER-TOP: #FFFFFF 1px solid;
	BORDER-RIGHT: #DFEDE8 1px solid;
	BORDER-BOTTOM: #DFEDE8 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	background:#DFEDE8;
	padding:3px;
}

/**中断右側下の内枠設定
<div  style="BORDER-TOP: #FFFFFF 1px solid;BORDER-RIGHT: #DFEDE8 1px solid;BORDER-BOTTOM: #DFEDE8 1px solid;BORDER-LEFT: #FFFFFF 1px solid;background:#F8F8F8;padding:6px">
**/

div#main0b{
	BORDER-TOP: #FFFFFF 1px solid;
	BORDER-RIGHT: #DFEDE8 1px solid;
	BORDER-BOTTOM: #DFEDE8 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	background:#F8F8F8;
	padding:6px;
}

/**フッター
 <div  style="BORDER-TOP: #FFFFFF 1px solid;BORDER-RIGHT: #D2E2DC 1px solid;BORDER-BOTTOM: #D2E2DC 1px solid;BORDER-LEFT: #FFFFFF 1px solid;background:#D2E2DC;padding:3px">
**/

div#main0c{
	font-size:90%;
	BORDER-TOP: #FFFFFF 1px solid;
	BORDER-RIGHT: #D2E2DC 1px solid;
	BORDER-BOTTOM: #D2E2DC 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	background:#D2E2DC;
	padding:3px;
}

/**元**/
body,td {
	font-size: 95%;
	line-height: 150% ;
	color: #2C2C2C;
}



/*リンク*/

a:link{color:#0099cc;text-decoration:none;}

a:visited{color:#a22041;text-decoration:none;}

a:hover{background-color:#00cc99;text-decoration:underline;}



.pxss {
	font-size: 80%;
}

div.bold {
	font-weight: bold;
	color: #246E57;
}

dt {
	font-weight: bold;
	color: #246E57;
}

dd {
	color: #246E57;
}


/**Finance**/

table#f001{
	border:3px ridge #663300;
	border-collapse:collapse;
	background-color:ffffff;
	empty-cells:show;
}

#f001 th{
	border-left:1px dotted #666666;
	border-right:1px dotted #666666;
	border-bottom:3px ridge #663300;
	color:white;
	background-color:#395475;
	height:25px;
	text-align:center;
}

#f001 td{
	border-right:1px dotted #663300;
	border-bottom:1px dotted #663300;
	text-align:center;
	height:25px;
	width:50px;
	font-size:85%;
}

tr.f002{
	background-color:#e0e0e0;
}

td.f003{
	background-color:#660000;
	color:white;
}

td.f004{
	background-color:#333333;
	color:white;
}

td.f005{
	background:lavender;	
}

table.ma001{
	width:100%;
	border: 3px #1d152d ridge;
	border-collapse:collapse;
}

table.ma001 th{
	background:#002059;
	color:white;
	border-bottom: 1px #1d152d solid;
	line-height:300%;
}

table.ma001 td{
	background:#f5f5f5;
	border-bottom: 1px #1d152d dotted;
	border-right: 1px #1d152d dotted;
	padding:3px;
}

tr.ma002{
	border-bottom:3px #1d152d double;
}

.hidden_box {
    margin: 0em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 0px;
    border: solid 0px;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 0px 0;
    height: auto;
}

/*ここから一番下のjpgにホバーしたら文字表示*/
.hihyouji {
	width:			600px;
	height:			40px;
	overflow:		hidden;
	margin:			1px 1px 1px 1px;
	position:		relative;	/* 相対位置指定 */
}
.hihyouji .caption {
	font-size:		100%;
	text-align: 		center;
	padding-top:		10px;
	color:			#6E6E6E;
}
/**	padding-top:		5px;**/


.hihyouji .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	#393B0B;	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.hihyouji:hover .mask {
	opacity:		1;	/* マスクを表示する */
}


.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #dfede8;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #9bc4b5;
}

a.btn--radius {
   border-radius: 100vh;
}

/* 004 */
.button004 {
background-color: #2f4f4f;
  color: #fff;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1em;
}
.button004:hover {
color: #fff;
  opacity: 0.8;
}
/*
<a href="index.html" class="btn-neon3">
          <span class="icon3">*/
.btn-neon3{
position:relative;
display:inline-block;
padding:5px 10px;
color:#03e9f4;
text-decoration:none;
text-transform:uppercase;
transition:0.5s;
letter-spacing:4px;
overflow:hidden;
font-weight:bold;
border:2px solid #8fbc8f;
border-radius:10px;
}
.btn-neon3:hover{
background:#87ceeb;
color:#ffff;
box-shadow:0 0 5px #03e9f4;
0 0 25px #03e9f4;
0 0 50px #03e9f4;
0 0 200px #03e9f4;
}
/*
<button class="btn-soft3"><span class="home-icon3">HOME<span></button></a>
*/
.btn-soft3{
width:100px;
height:60px;
border-radius:20px;
background-color:#C4D2CD;
border:none;
font-size:1.2rem;
color:#444;
box-shadow:20px 20px 60px #bec3c9,-20px -20px 60px #ffffff;
transition:all 0.2s ease;
cursor:pointer;
}
.btn-soft3:hover{
background-color:#C4EECD;
}
.btn-soft3:active{
box-shadow:inset 9px 9px 16px #bec3c9,inset -9px -9px 16px #ffffff;
transform:scale(0.98);
}
/*
          <button class="btn-cute-pop3"><span class="emoji3">HOME</span></button></a></div>
*/
.btn-cute-pop3{
padding:15px 35px;
font-size:1.2rem;
font-weight:bold;
color:#fff;
background-color:#1182b4; /*4582b4*/
border:none;
border-radius:50px;
box-shadow:0 6px #003366;
cursol:pointer;
transition:all 0.2s;
outline:none;
}
.btn-cute-pop3:hover{
background-color:#ffc2cf;
transform:translateY(2px);
box-shadow:0 4px #ff8da1;
}
.btn-cute-pop3:active{
transform:translateY(6px);
width:100%;
box-shadow:0 4px none;
}