/*重要●dv-04はこの位置から動かさないこと！＆この上には設定項目を置かないこと！*/
/*重要●javascriptでdocument.styleSheets[0].cssRules[0].style.display = 'none';*/
/*重要●という記述をしている為、これ（dv-04）は先頭にあるという前提です。*/
/*
.dv-04 {
	position:fixed;
	top:120px;
	left:0px;
	width:700px;
	height:90px;

}
@media screen and (min-width: 768px) { 
	.dv-04 {
		width:400px;
		height:210px;
		visibility:visible;
		overflow:hidden;
		position: relative;
		top:-756px;
		left:48px;
	}
}
*/
*{
	margin: 0px; 
	padding: 0px; 
}

body {
	margin-top: 0px;
	/*以下コメント解除すると、メニューを表示＋スマホ横向きにしたときに
	メニューの下の方がグレーアウトされてしまう、その為にスマホの場合のみコメントにする*/
	/*background-image: url(../images/back_grey.gif);*/
}
@media screen and (min-width: 768px) { 
	body {
		/*margin-top: 0px;*/
		background-image: url(../images/back_grey.gif);
	}

}

img{
/*この設定が無いと、dv-01-1-right内に配置した画像と背景色がズレてしまう。*/
/*画像を縦に並べたときに、配置した画像と画像の間に若干の隙間が出来てしまうのを防ぐための設定*/
  vertical-align:bottom;
}

a:link { color: #663300; }
a:visited { color: #663300; }
a:hover { color: #663300; font-weight: bold;}
a:active { color: #663300; }
a{
	text-decoration:none;
}	

.dv-head{
	position:fixed;
	z-index:1;/*これが無いと、アニメ画像がheaderの上に表示されてしまう*/
}

.relative1 {
	visibility:hidden;
	position: relative;
	/*top:0px;*/
	/*left:-90px;*/
	/*z-index: 6;*/
}
.dv-00 {
	/*以下の２つの設定でiPhoneグラグラ問題を解決する
	何故かwidth: 100%;とheight:100%;では、スクロール時にグラグラ左右にズレてしまう*/
	max-width: 100%;
	height:auto;

    border: 1px #D1D1D1 solid;
	border-top-width: 0px;/*TOPの隙間を埋めるため、上のボーダーを無くすと隙間が消える。全てのボーダーを消してしまうとデザイン上問題なので上だけ消去する*/
    /*border-width: 1px;*/
	margin-left: auto;
	margin-right: auto;
	/*background: #FF0000;*/
	background: #FFFFFF;
	overflow:hidden;
}
@media screen and (min-width: 768px) { 
	.dv-00 {
		width: 815px;
		height:auto;
		overflow:visible;
	}
}

.dv-01 {
	display:none;
}
@media screen and (min-width: 768px) { 
	.dv-01 {
		/*position:fixed;*/
		display:block;
		
		height:90px;
		width: 815px;
		/*
		font-size: 0;
		line-height: 240px;
		*/
		background: #FF9900;
	}
}	

.dv-01tab {
	display:none;
}
@media screen and (min-width: 768px) { 
	.dv-01tab {
		/*position:fixed;*/
		border-top-width: 0px;/*ヘッダー内の隙間を埋めるため、上のボーダーを無くすと隙間が消える。全てのボーダーを消してしまうとデザイン上問題なので上だけ消去する*/
		
		display:block;
		height:30px;
		width: 815px;
		
		font-size: 0;
		
		/*line-height: 190px;*/
		
		background: #FF9900;
	}
}

.dv-01-1 {
	text-align:center;
}
@media screen and (min-width: 768px) { 
	.dv-01-1 {
		/*display:block;*/
		/*flex-direction:row;*/
	}
}

/*ヘッダー部メッセージ用*/
.dv-06_1 {
	/*display:none;*/
	/*background-color: #00FF00;*/
}
@media screen and (min-width: 768px) { 
	.dv-06_1 {
		/*position:fixed;*/
		width:795px;
		height:80px;
		align:right;
		visibility:visible;
		position: relative;
		top:5px;
		left:20px;
		/*background-color: #00FF00;*/
	}
}

.dv-06_2 {
	/*display:none;*/
	/*background-color: #0000FF;*/
}
@media screen and (min-width: 768px) { 	
	.dv-06_2 {
		/*position:fixed;*/
		width:760px;
		height:80px;
		overflow:hidden;
		visibility:hidden;
		position: relative;
		/*background-color: #0000FF;*/
	}
}

.fixed{
	/*visibility:visible;*/
	display:block;
	margin-left: auto;
	position:fixed;
	top:300px;/*固定させたい位置*/
	right:10px;
}

.dv-process-head1 {
	/*margin-top:100px;指定は、dv-01-1-dmの「margin-top:-100px;」とセット。
	ズレをここで矯正する。*/
	/*margin-top:100px;*/
	display:block;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
	padding-left:0px;
	/*height:100%;*/
	width:98%;
	background: #FFFFFF;
	/*以下は、リンクをタップした時に一瞬でる半透明の背景色を消すための措置*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 768px) { 
	.dv-process-head1 {
		margin-top:0px;/*dv-01-1-dmの「margin-top:-100px;」の絡みで、この設定は必須*/	
		padding-top:120px;
		padding-left:0px;
		width:87%;
	}
}
.dv-process-head1-smart {
	/*margin-top:100px;指定は、dv-01-1-dmの「margin-top:-100px;」とセット。
	ズレをここで矯正する。*/
	margin-top:0px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
	padding-left:0px;
	/*height:100%;*/
	width:100%;
	background: #FFFFFF;
	/*以下は、リンクをタップした時に一瞬でる半透明の背景色を消すための措置*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 768px) { 
	.dv-process-head1-smart {
		display:none;	
		margin-top:0px;/*dv-01-1-dmの「margin-top:-100px;」の絡みで、この設定は必須*/
		padding-top:140px;
		padding-left:0px;
		width:87%;
	}	
}

#dv-pageslide{
	display:none;
	width:100%;
	background:url("../images/menu_office.gif") no-repeat;
	background-size:100%;
	/*以下は、リンクをタップした時に一瞬でる半透明の背景色を消すための措置*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}

#menu_1 a:active img {
	/*「display:hidden」にすると、前面に配置した画面が消えて
	ハイパーリンクが利かなくなる為、透明化により対処する*/
	opacity:0;
}

#menu_2 a:active img {
	opacity:0;
}
#menu_3 a:active img {
	opacity:0;
}
#menu_4 a:active img {
	opacity:0;
}
#menu_5 a:active img {
	opacity:0;
}
#menu_6 a:active img {
	opacity:0;
}
#menu_7 a:active img {
	opacity:0;
}

.c26 {
	font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #663300;
	line-height: 24px;
	padding-top:5px;
	text-align:center;
}
@media screen and (min-width: 768px) { 
	.c26 {
		font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
		font-size: 13px;
		font-style: normal;
		font-weight: normal;
		color: #663300;
		line-height: 24px;
		text-align:center;
	}
}

table#table-01 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	background:#FFFFFF;
}

table#table-01 th {
    padding: 0px;
    border: 1px #D1D1D1 solid;
    border-width: 1px;
    background: #FF9900;
	width:780px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
}
table#table-01 td {

   	/*border: 1px #D1D1D1 solid;
    border-width: 1px;*/
    text-align: left;
}
.corp1 {
	line-height: 32px;
	font-style: normal;
	color: #585858;
	font-size: 16px;
	font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
}
.td-head{
	height:30px;
	border: 1px #D1D1D1 solid;
	border-style: solid none solid none;
    padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 4%;
	padding-right: 0%;
	font-size:25px;
	color:white;
	font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
}
@media screen and (min-width: 768px) { 
	.td-head{

	}
}
.td1{
	height:30px;
	width:38%;
	border: 1px #D1D1D1 solid;
	border-style: solid none solid none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 1%;
	padding-right: 0%;
	font-size:16px;
	color:#585858;
	font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
}
@media screen and (min-width: 768px) { 
	.td1{
		width:28%;
		padding-left: 4%;
	}
}
.td2-1{
	width:72%;
	border: 1px #D1D1D1 solid;
	border-style: solid none solid none;
	height:30px; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0%;
	padding-right: 2%;
	line-height: 22px;
	font-size:16px;
	color:#585858;
	font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
}
@media screen and (min-width: 768px) { 
	.td2-1{
		padding-right: 10%;
	}
}
.td2-2{
	border: 1px #D1D1D1 solid;
	border-style: solid none solid none;
	height:30px; 
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0%;
	padding-right: 2%;
	line-height: 30px;
	font-size:16px;
	color:#585858;
	font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
}
@media screen and (min-width: 768px) { 
	.td2-2{
		padding-right: 10%;
	}
}

.c1{
	line-height:38px;
	padding-top:10px;
}
@media screen and (min-width: 768px) { 
	.c1{
		padding-top:15px;
	}
}
.c2{
	font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
	line-height:38px;
	padding-left:3%;
	padding-right:1%;
}
@media screen and (min-width: 768px) { 
	.c2{
	padding-left:4%;
	padding-right:8%;
	}
}