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

/* contents */
h2{
	position: relative;
	font-size:140%;
	color:#222222;
	padding: .25em 0 .5em .6em;
	border-left: 6px solid #0053cf;
	border-radius:5px;
	width:auto;
}
h2:after {	
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;	
	display:block;
	height:1px;
	margin:4px 0px 0px 0px;
	padding:0px;
	border-left: 6px solid #0053cf;
	background:-webkit-gradient(linear, left top, right bottom, from(#0053cf), to(#00b2ff));
	background:-moz-linear-gradient(left, #0053cf, #00b2ff);
	background:linear-gradient(left, #0053cf, #00b2ff);
}
h3{
	position: relative;
	font-size:120%;
	color:#222222;
	padding:0.1em 0 .25em .5em;
	border-left:4px solid #0053cf;
	width:auto;
}
h3:after {	
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;	
	display:block;
	height:1px;
	margin:4px 0px 0px 0px;
	padding:0px;
	border-left: 6px solid #DDDDDD;
	background:-webkit-gradient(linear, left top, right bottom, from(#DDDDDD), to(#DDDDDD));
	background:-moz-linear-gradient(left, #DDDDDD, #DDDDDD);
	background:linear-gradient(left, #DDDDDD, #DDDDDD);
}

/* section.option */

section.option{
	margin:50px 0px 70px 0px;
}

section.option .pro{
	margin:10px auto 20px auto;
	padding:0px;
}
section.option img{
	width:100%;
	max-width:800px;
}
section.option ul{
	margin:0px;
	padding:0px;
}
section.option ul li{
	margin:0px;
	padding:0px 0px 3px 0px;
	font-size:95%;
	line-height:1.5em;
}

/* section.remote */

section.remote{
	margin:50px 0px 70px 0px;
}

section.remote ul.read{
	margin:10px 0px 30px 0px;
	padding:0px;
}
section.remote ul.read li.logo{
	float:left;
	width:18%;
	margin:0px;
	padding:0px;
}
section.remote ul.read li.logo img{
	max-width:150px;
	width:100%;
}
section.remote ul.read li.text{
	float:right;
	width:80%;
	margin:0px;
	padding:1.5% 0px;
}

@media screen and (max-width:1050px) {
	section.remote ul.read li.text{
		width:75%;
	}
}
@media screen and (max-width:900px) {
	section.remote ul.read li.text{
		width:70%;
	}
}

@media screen and (max-width:800px) {
	section.remote ul.read li.text{
		width:75%;
	}
}
@media screen and (max-width:650px) {
	section.remote ul.read li.text{
		width:70%;
	}
}
@media screen and (max-width:550px) {
	section.remote ul.read li.text{
		width:65%;
		padding:0px 0px 2.7% 0px ;
	}
}
@media screen and (max-width:500px) {
  section.remote ul.read li.logo{
	  float:none;
	  text-align:center;
	  width:150px;
	  margin:0px auto;
  }
  section.remote ul.read li.logo img{
	  width:150px;
  }
  section.remote ul.read li.text{
	  float:none;
	  width:auto;
  }
}


section.remote p{
	margin:0px 0px 2px 0px;
	padding:0px;
	font-size:100%;
	font-weight:bold;
	color:#d58700;
}
section.remote table{
	margin:0px 0px 0px 0px;
	width:100%;
	border-collapse: collapse;
	border:1px solid #DDDDDD;
}
section.remote table tbody tr th{
	width:35%;
	font-size:110%;
	color:#369;
	border-right: 2px solid #369;
	border-bottom:1px solid #DDDDDD;
	text-align:left;
	padding-left:.8em;
	background-color:#EBF1F9;
}

section.remote table tbody tr td{
	width:60%;
	padding:10px 0px;
	font-size:105%;
	line-height:1.85em;
	text-align:center;
	border-bottom:1px solid #DDDDDD;
}
section.remote table tbody tr td span{
	font-size:110%;
	font-weight:bold;
}
section.remote ul.att{
	margin:10px 0px 40px 0px;
	padding:0px;
}
section.remote ul.att li.att_ttl{
	font-size:100%;
}
section.remote ul.att li{
	margin:0px;
	padding:0px;
	font-size:90%;
	line-height:1.8em;
}





/* section.spot */

section.spot{
	margin:50px 0px 70px 0px;
}

section.spot ul.read{
	margin:10px 0px 30px 0px;
	padding:0px;
}
section.spot ul.read li.logo{
	float:left;
	width:18%;
	margin:0px;
	padding:0px;
}
section.spot ul.read li.text{
	float:right;
	width:80%;
	margin:0px;
	padding:1.5% 0px;
}

@media screen and (max-width:1050px) {
	section.spot ul.read li.text{
		width:75%;
	}
}
@media screen and (max-width:900px) {
	section.spot ul.read li.text{
		width:70%;
	}
}

@media screen and (max-width:800px) {
	section.spot ul.read li.text{
		width:75%;
	}
}
@media screen and (max-width:650px) {
	section.spot ul.read li.text{
		width:70%;
	}
}
@media screen and (max-width:550px) {
	section.spot ul.read li.text{
		width:65%;
		padding:0px 0px 2.7% 0px ;
	}
}
@media screen and (max-width:500px) {
  section.spot ul.read li.logo{
	  float:none;
	  text-align:center;
	  width:150px;
	  margin:0px auto;
  }
  section.spot ul.read li.logo img{
	  width:150px;
  }
  section.spot ul.read li.text{
	  float:none;
	  width:auto;
  }
}

section.spot p{
	margin:0px 0px 2px 0px;
	padding:0px;
	font-size:100%;
	font-weight:bold;
	color:#d58700;
}
section.spot table{
	margin:0px 0px 0px 0px;
	width:100%;
	border-collapse: collapse;
	border:1px solid #DDDDDD;
}
section.spot table tbody tr th{
	width:35%;
	font-size:110%;
	color:#369;
	border-right: 2px solid #369;
	border-bottom:1px solid #DDDDDD;
	text-align:left;
	padding-left:.8em;
	background-color:#EBF1F9;
}

section.spot table tbody tr td{
	width:60%;
	padding:10px 0px;
	font-size:105%;
	line-height:1.85em;
	text-align:center;
	border-bottom:1px solid #DDDDDD;
}
section.spot table tbody tr td span{
	font-size:110%;
	font-weight:bold;
}
section.spot ul.att{
	margin:10px 0px 40px 0px;
	padding:0px;
}
section.spot ul.att li.att_ttl{
	font-size:100%;
}
section.spot ul.att li{
	margin:0px;
	padding:0px;
	font-size:90%;
	line-height:1.8em;
}



/* section.hikari" */

section.hikari{
	margin:50px 0px 70px 0px;
}

section.hikari ul.read{
	margin:10px 0px 30px 0px;
	padding:0px;
}
section.hikari ul.read li.logo{
	float:left;
	width:18%;
	margin:0px;
	padding:0px;
}
section.hikari ul.read li.text{
	float:right;
	width:80%;
	margin:0px;
	padding:2.7% 0px;
}

@media screen and (max-width:1050px) {
	section.hikari ul.read li.text{
		width:75%;
	}
}
@media screen and (max-width:900px) {
	section.hikari ul.read li.text{
		width:70%;
	}
}

@media screen and (max-width:800px) {
	section.hikari ul.read li.text{
		width:75%;
	}
}
@media screen and (max-width:650px) {
	section.hikari ul.read li.text{
		width:70%;
	}
}
@media screen and (max-width:550px) {
	section.hikari ul.read li.text{
		width:65%;
		padding:0px 0px 2.7% 0px ;
	}
}
@media screen and (max-width:500px) {
  section.hikari ul.read li.logo{
	  float:none;
	  text-align:center;
	  width:150px;
	  margin:0px auto;
  }
  section.hikari ul.read li.logo img{
	  width:150px;
  }
  section.hikari ul.read li.text{
	  float:none;
	  width:auto;
  }
}

section.hikari p{
	margin:0px 0px 2px 0px;
	padding:0px;
	font-size:100%;
	font-weight:bold;
	color:#d58700;
}
section.hikari table{
	margin:0px 0px 0px 0px;
	width:100%;
	border-collapse: collapse;
	border:1px solid #DDDDDD;
}
section.hikari table tbody tr th{
	width:40%;
	font-size:110%;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	background-color:#EBF1F9;
}

section.hikari table tbody tr td{
	width:60%;
	padding:10px 0px;
	font-size:105%;
	line-height:1.85em;
	text-align:center;
	border-bottom:1px solid #DDDDDD;
}
section.hikari table tbody tr td span{
	font-size:110%;
	font-weight:bold;
}
section.hikari ul.detail{
	margin:10px 0px 40px 0px;
	padding:10px;
	border:1px solid #DDDDDD;
	text-align:center;
}
section.hikari ul.detail li{
	margin:0px;
	padding:0px;
	font-size:90%;
	line-height:1.8em;
}

section.hikari ul.att{
	margin:10px 0px 40px 0px;
	padding:0px;
}
section.hikari ul.att li.att_ttl{
	font-size:100%;
}
section.hikari ul.att li{
	margin:0px;
	padding:0px;
	font-size:90%;
	line-height:1.8em;
}




/* section.tv */

section.tv{
	margin:50px 0px 70px 0px;
}

section.tv ul.read{
	margin:10px 0px 30px 0px;
	padding:0px;
}
section.tv ul.read li.logo{
	float:left;
	width:18%;
	margin:0px;
	padding:0px;
}
section.tv ul.read li.text{
	float:right;
	width:80%;
	margin:0px;
	padding:1.5% 0px;
}

@media screen and (max-width:1050px) {
	section.tv ul.read li.text{
		width:75%;
	}
}
@media screen and (max-width:900px) {
	section.tv ul.read li.text{
		width:70%;
	}
}

@media screen and (max-width:800px) {
	section.tv ul.read li.text{
		width:75%;
	}
}
@media screen and (max-width:650px) {
	section.tv ul.read li.text{
		width:70%;
	}
}
@media screen and (max-width:550px) {
	section.tv ul.read li.text{
		width:65%;
		padding:0px 0px 2.7% 0px ;
	}
}
@media screen and (max-width:500px) {
  section.tv ul.read li.logo{
	  float:none;
	  text-align:center;
	  width:150px;
	  margin:0px auto;
  }
  section.tv ul.read li.logo img{
	  width:150px;
  }
  section.tv ul.read li.text{
	  float:none;
	  width:auto;
  }
}

section.tv p{
	margin:0px 0px 2px 0px;
	padding:0px;
	font-size:100%;
	font-weight:bold;
	color:#d58700;
}
section.tv table{
	margin:0px 0px 0px 0px;
	width:100%;
	border-collapse: collapse;
	border:1px solid #DDDDDD;
}
section.tv table tbody tr th{
	width:35%;
	font-size:110%;
	color:#369;
	border-right: 2px solid #369;
	border-bottom:1px solid #DDDDDD;
	text-align:left;
	padding-left:.8em;
	background-color:#EBF1F9;
}

section.tv table tbody tr td{
	width:60%;
	padding:10px 0px;
	font-size:105%;
	line-height:1.85em;
	text-align:center;
	border-bottom:1px solid #DDDDDD;
}
section.tv table tbody tr td span{
	font-size:110%;
	font-weight:bold;
}
section.tv ul.att{
	margin:10px 0px 40px 0px;
	padding:0px;
}
section.tv ul.att li.att_ttl{
	font-size:100%;
}
section.tv ul.att li{
	margin:0px;
	padding:0px;
	font-size:90%;
	line-height:1.8em;
}

section.tv ul.detail{
	margin:10px 0px 40px 0px;
	padding:10px;
	border:1px solid #DDDDDD;
	text-align:center;
}
section.tv ul.detail li{
	margin:0px;
	padding:0px;
	font-size:90%;
	line-height:1.8em;
}