/*#container #header {
background: url(../common/images/bg_header.gif) repeat-x 0px 0px;
height: 89px;
}*/

#container #header {	
	height: 80px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0082ff+0,9ceaff+100 */
background: #0082ff; /* Old browsers */
background: -moz-linear-gradient(top, #0082ff 0%, #9ceaff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0082ff 0%,#9ceaff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0082ff 0%,#9ceaff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082ff', endColorstr='#9ceaff',GradientType=0 ); /* IE6-9 */	
}

/* 2013 3 itec追記　*/
#RightBlock{
	height:480px;
}


#RightBlock dl{
padding:0 0 0 80px;
margin:0 0 20px 0;
min-height:75px;
_height:75px;
}

#RightBlock dt{
margin:5px 0 5px 0;
padding:15px 0 0 0;
}

#RightBlock dl.type1{background:url(images/type1_img.gif) no-repeat;}
#RightBlock dl.type1 input{margin:0 0 0 30px;}
#RightBlock dl.type1 dd{margin:0 0 0 -30px;}

#RightBlock dl.type2{background:url(images/type2_img.gif) no-repeat;}
#RightBlock dl.type2 input{margin:0 5px 0 20px;}
#RightBlock dl.type2 dd{margin:0 0 0 -20px;}

#RightBlock dl.type3{background:url(images/type3_img.gif) no-repeat;}
#RightBlock dl.type3 input{margin:0 5px 0 45px;}
#RightBlock dl.type3 dd{margin:0 0 0 -45px;}

#RightBlock dl.type4{background:url(images/type4_img.gif) no-repeat;}
#RightBlock dl.type4 input{margin:0 5px 0 30px;}
#RightBlock dl.type4 dd{margin:0 0 0 -30px;}

#RightBlock dl.type5{background:url(images/type5_img.gif) no-repeat;}
#RightBlock dl.type5 input{margin:0 5px 0 20px;}
#RightBlock dl.type5 dd{margin:0 0 0 -20px;}

#RightBlock dl.type6{background:url(images/type6_img.gif) no-repeat;}
#RightBlock dl.type6 input{margin:0 5px 0 45px;}
#RightBlock dl.type6 dd{margin:0 0 0 -45px;}



/*2008/10/3 NjL*/

#RightBlock h2{
margin:0 0 20px 0;
}

#RightBlock h3{
margin:10px 0 5px 0;
}

#RightBlock p.btn{
text-align:center;
margin:30px 0 50px 0;
}

#RightBlock p.btnRight{
text-align:right;
margin:0 0 10px 0;
}

/*cost*/
#RightBlock h4{
	margin: 10px 0 5px 0;
	font-size: 105%;
	color: #d33119;
}

#RightBlock h5{
	margin: 5px 0 0;
	font-size: 90%;
}

.case-cost{
	margin: 7px 0 20px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.case-cost th{
	font-weight: bold;
}

.case-cost th,.case-cost td{
	padding: 3px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.large{
	background-color: #fdecec;
}

.medium{
	background-color: #fcfcec;
}

.small{
	background-color: #e9f8fe;
}

#RightBlock #explain{
	padding: 0;
	margin: 0;
}
	
#explain dt{
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 4em;
}
	
#explain dd{
	margin: 0;
	position: relative;
	top: -1.5em;
	left: 4em;
	z-index: 1;
	width: 90%;
}

.cost-explain{
	margin: 0 10px 10px 50px;
}



/*catv*/
.catv-btn{
	margin-left: 90px;
}

#case-catv {
	text-align: center;
}

#case-catv img {
	margin: 20px 0;
}



/*city*/
#RightBlock h4.city-case{
	margin: 10px 15px 5px;
	color: #e85942;
	border-bottom: 1px dotted #CCCCCC;
}

.city-explain01{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 50px;
}

.city-explain02{
	margin-left: 20px;
	margin-right: 20px;
}

#navidial {
	border-top: 1px solid #CCC;
	padding-top: 10px;
}

#attention {
	color: #FF0000;
	font-size: 85%;
	margin: 0 10px 0 20px;
}

.city-type{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding-left: 20px;
	list-style-type: upper-alpha;
}

.position-c{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
}

.city-case-block{
	margin: 10px 15px 50px;
}

.city-case-block ul{
	margin: 10px 15px 5px 20px;
	list-style-type: decimal;
}

.city-case-block ul li{
	margin-bottom: 10px;
}

.txt_large {
	font-size: 140%;
}

.btn_inq {
	vertical-align: middle;
}

.city-case-block ul .method {
	margin: 3px 15px 5px 30px;
	list-style-type: disc;
}

.city-case-block ul  .method li{
	margin-bottom: 3px;
}

.model-case-block {
	margin: 10px 15px 5px 20px;
	border-bottom: 1px dotted #999999;
}

.model-case-table {
	width: 90%;
	margin-left: 25px;
}

.model-case-table td {
	padding-bottom: 10px;
}

.model-case-table td.btn {
	width: 155px;
	text-align: right;
}

.city-case-block ul.model-case-list{
	margin: 10px 15px 5px 26px;
	list-style-type: disc;
}

#step_btn {
	width: 340px;
	margin-bottom: 10px;
	border: 2px solid #e2f2b4;
	padding: 10px;
}

#step_btn img {
	vertical-align: middle;
}

#step_tyosa {
	width: 170px;
	margin-top: 5px;
	margin-bottom: 15px;
	border: 2px solid #e2f2b4;
	padding: 10px;
}

/*----------------------------------------------------------ローカルナビ*/
#container #contentsBlock #LeftBlock #area {
	padding-bottom: 10px;
}

#container #contentsBlock #LeftBlock li a {
	width: 200px;
	display: block;
	text-indent: -10000px;
	height: 35px;
	background: url(images/bg_navi.gif) repeat 0px 0px;
}

/*   オフマウス  */
#container #contentsBlock #LeftBlock .city01 a{ background-position: 0 0;}
#container #contentsBlock #LeftBlock .city02 a{ background-position: 0 -35px;}
#container #contentsBlock #LeftBlock .city03 a{ background-position: 0 -70px;}

/*   オンマウス  */
#container #contentsBlock #LeftBlock .city01 a:hover,#container #contentsBlock #LeftBlock .city01 a.stay{ background-position: -200px 0;}
#container #contentsBlock #LeftBlock .city02 a:hover,#container #contentsBlock #LeftBlock .city02 a.stay{ background-position: -200px -35px;}
#container #contentsBlock #LeftBlock .city013 a:hover,#container #contentsBlock #LeftBlock .city03 a.stay{ background-position: -200px -70px;}

/*2013 03 itec追記　*/
#RightBlock #CaseButton{
	clear:both;
	/*float: right;*/
	width: 575px;
	text-align: right;
	margin-top:10px;
	display:block;
	margin:auto;
	margin-top:60px;
}
#RightBlock #CaseButton ul {
	float: right;
	/*width: 600px;*/
	padding: 0 0px 0 0;
}
#RightBlock #CaseButton li {
	float: left;
}
#RightBlock #CaseButton li a {
	display: block;
	height: 122px;
	width: 286px;
}
#RightBlock #CaseButton #chidg a {
	background: url(../images/2018/chideji.png) top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#RightBlock #CaseButton #chidg a:hover {
	opacity: 0.8;
}
#RightBlock #CaseButton #bs110 a {
	background: url(../images/2018/4k8k.png) top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 3px;
}
#RightBlock #CaseButton #bs110 a:hover {
	opacity: 0.8;
}






h2 {
padding: 0.5em;/*文字周りの余白*/
color: #C30012;/*文字色*/
background: #FFE6E8;/*背景色*/
border-top: solid 3px #C30012;/*下線*/
	font-family: kozuka-gothic-pr6n, sans-serif;
font-style: normal;
font-weight: 700;
}


h3 {
  position: relative;
  padding: .75em 1em .75em 1.5em;  
  border-bottom:1px solid #ccc;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-style: normal;
font-weight: 700;
}
h3::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #C30012;
  border-radius: 4px;
}