table{
border-collapse: collapse;
}

th,td{
padding: 0;
}

#leftNavi{
width: 210px;
text-align: left;
float: left;
margin: 0;
}

#right p{
width: 580px;
text-align: left;
margin: 0 auto 0 20px;
}

.img-left{
text-align: left;
float: left;
margin: 0 14px 14px 0;
}

.img-marg{
text-align: left;
margin: 0 14px 14px 0;
}

.img-border{
text-align: left;
border-color: #ccc;
border-style: solid;
border-width: 3px;
}

#title{
width: 620px;
height: 33px;
text-align: left;
}

.parg-h2{
padding-top: 1em;
}

.parg-h1{
padding-top: 28px;
}

.parg-h3{
padding-top: 36px;
padding-bottom: 28px;
}

.parg-h4{
padding-top: 12px;
padding-bottom: 8px;
}

.tble td{
border-bottom-width: 1px;
border-bottom-color: silver;
border-top-width: 1px;
border-top-color: silver;
border-style: solid none;
padding: 4px 7px;
}

.tble th{
border-bottom-width: 1px;
border-bottom-color: silver;
font-weight: 400;
border-top-width: 1px;
border-top-color: silver;
white-space: nowrap;
border-style: solid none;
padding: 4px 7px;
}

.tble4 td{
border-color: silver;
border-style: solid;
border-width: 1px;
padding: 4px 7px;
}

.tble4 th{
border: 1px solid silver;
padding: 4px 7px;
}

.w580{
margin-left: 20px;
margin-right: auto;
width: 580px;
}

.w580 td{
vertical-align: top;
}

.w320{
margin-left: 20px;
margin-right: auto;
width: 320px;
}

.w544tb{
margin-left: 52px;
margin-right: auto;
width: 544px;
}

.w544tb img{
margin-right: 26px;
margin-bottom: 12px;
}

.w000{
margin-left: 20px;
margin-right: auto;
}

.w620{
margin-right: auto;
width: 620px;
}

.w800{
margin-right: auto;
width: 800px;
margin-left: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}

.w100p{
width: 100%;
}

.w800 h1{
margin-right: auto;
width: 800px;
margin-left: auto;
font-size: 1em;
padding-top: 0;
margin-top: 0;
}

.per15 td{
width: 15%;
}

.per25 td{
width: 25%;
}

.color1{
background-color: #eadeff;
}

.color2{
background-color: #f3ecff;
}

.height2 td{
height: 3em;
text-align: center;
}

.NaviSborder{
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #f9bfdd;
}

#NaviStop{
margin-left: 10px;
}

#leftNavi li{
vertical-align: bottom;
width: 210px;
height: 30px;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}

.leftNaviBanner{
margin: 0;
padding: 8px 0 0;
}

.padF32{
padding-bottom: 32px;
}

.padH32{
padding-top: 32px;
}

.padF16{
padding-bottom: 16px;
}

.padH16{
padding-top: 16px;
}

.padF8{
padding-bottom: 8px;
}

.padF4{
padding-bottom: 4px;
}

.marF32{
margin-bottom: 32px;
}

.marF16{
margin-bottom: 16px;
}

.marH32{
margin-top: 32px;
}

.marH16{
margin-top: 16px;
}

.marR10{
margin-right: 10px;
}

.marL10{
margin-left: 10px;
}

.center th,.center td,.align-center{
text-align: center;
}

#navi1{
width: 580px;
margin: 8px auto 0 20px;
padding: 0 0 20px;
}

#navi1 li{
width: 190px;
float: left;
height: 13px;
margin: 6px 0 0;
padding: 0;
}

.navi2li{
width: 126px;
float: left;
height: 33px;
margin: 6px 0 0;
padding: 0;
}

.navi2ali{
width: 158px;
float: left;
height: 33px;
margin: 6px 0 0;
padding: 0;
}

.navi2lien{
width: 116px;
float: left;
height: 33px;
margin: 6px 0 0;
padding: 0;
}

.navi2alien{
width: 145px;
float: left;
height: 33px;
margin: 6px 0 0;
padding: 0;
}

.titlePadi{
font-weight: bolder;
letter-spacing: 1em;
padding: 2px 2px 1px 10px;
}

#navi2,#navi2a{
width: 620px;
margin: 8px auto 0 0;
padding: 0 0 20px;
}

#right2 h2{
font-size: 16px;
background: url(../../common/img/h2.gif) 0 0 no-repeat;
padding-left: 18px;
width: 600px;
font-weight: 400;
line-height: 25px;
padding-bottom: 16px;
}

.right2 p{
width: 580px;
text-align: left;
margin: 0 auto 0 20px;
font-size: 0.87em;
line-height: 1.87em;
}

.right2 li{
width: 580px;
text-align: left;
margin: 0 auto 20px 20px;
font-size: 0.87em;
line-height: 1.87em;
}

.faq ul li{
width: 550px;
margin-bottom: 0;
text-indent:-3em; 
padding-left:3em; 

}

.right3 h2{
font-size: 16px;
background: url(../../common/img/h2-topics.gif) 0 0 no-repeat;
font-weight: 400;
width: 620px;
line-height: 33px;
padding-left: 12px;
padding-top: 1px;
padding-bottom: 16px
}

#right,#right2,.right3{
width: 620px;
text-align: left;
margin-left: 20px;
float: left;
}

.tble2 th,.tble2 td{
text-align: left;
font-weight: 400;
white-space: nowrap;
}

.accordion{
display: block;
width: 620px;
margin: 0 auto;
}

.accordion li{
list-style: none;
}

.accordion .toggle{
display: block;
position: relative;
text-decoration: none;
cursor: pointer;
-webkit-transition: .2s ease-in-out;
margin-top: 12px;
padding: 5px;
}

.accordion a:hover,.accordion .toggle:hover{
background-color: #eee;
}

.accordion .toggle::after{
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
border-top: solid 3px #333;
border-right: solid 3px #333;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-webkit-transition: .2s ease-in-out;
}

.accordion .toggle.open:after{
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

.accordion li ul{
display: none;
font-size: small;
overflow: hidden;
margin: 0;
}

.accordion li ul li a::after{
display: none;
}

.accordion li ul li a:hover{
color: #c00;
}

.accordion li ul.thisyear{
display: block;
font-size: small;
overflow: hidden;
visibility: visible;
margin: 0;
}

.accordion th{
font-size: 12px;
line-height: 18px;
text-align: left;
padding-top: 3px;
padding-left: 40px;
padding-bottom: 3px;
width: 100px;
font-weight: 400;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
height: 36px;
}

.accordion td{
font-size: 12px;
line-height: 18px;
text-align: left;
padding-top: 3px;
padding-left: 0;
padding-bottom: 3px;
width: 520px;
font-weight: 400;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
height: 36px;
}

.ip{
background: url(../img/ip.gif) no-repeat transparent;
background-position: 2px 50%;
}

.io{
background: url(../img/io.gif) no-repeat transparent;
background-position: 2px 5px;
}

.ir{
background: url(../img/ir.gif) no-repeat transparent;
background-position: 2px 5px;
}

.act1{
letter-spacing: normal;
}

.fancybox{
letter-spacing: normal;
}

#category ul{
width: 620px;
}

#category ul li{
float: left;
margin-right: 10px;
}

a.ctgBtn{
height: 35px;
width: 130px;
text-align: center;
display: inline-block;
padding: 5px 0px;
background-image: url(../img/buttonOff.gif);
background-repeat: no-repeat;
font-size: 0.87em;
font-weight: 400;
color: black;
}

a#on{
background-image: url(../img/buttonOn.gif);
}

a:hover.ctgBtn{
background-image: url(../img/buttonOn.gif);
}

.box_tv iframe{
width: 368px;
float: left;
}

.box_tv{
   padding-bottom : 32px;
}.box_tv div{
width: 236px;
float: right;
   }

.box_tv div dt{
font-size: 14px;
font-weight: bold;
line-height: 150%;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
}.notice div dt{
font-size: 14px;
font-weight: bold;
line-height: 150%;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
}

.box_tv div dd{
font-size : 14px;
line-height: 150%;
padding-bottom: 12px;
}.notice div dd{
font-size : 14px;
line-height: 150%;
padding-bottom: 12px;
}

.box_tv div li a{
font-size: 12px;
line-height: 30px;
text-align: center;
width: 160px;
display: block;
border: 1px solid #999999;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #ffffff;/* Old browsers */
background: -moz-linear-gradient(top,#fefefe 0%,#dddddd 100%);
background: -webkit-linear-gradient(top, #fefefe 0%,#dddddd 100%);
background: linear-gradient(to bottom, #fefefe 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
}

.box_tv div li a:hover{
background: #ffffff;/* Old browsers */
background: -moz-linear-gradient(top,#dddddd 0%,#fefefe 100%);
background: -webkit-linear-gradient(top, #dddddd 0%,#fefefe 100%);
background: linear-gradient(to bottom, #dddddd 0%,#fefefe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#fefefe',GradientType=0 );

}

.box_tv div li a::before{
content : "▶ ";
}
.notice img{
   float : right;
   width : 207px;
}

.notice div{
   float : left;
   width : 397px;
}

.notice p{
   font-size : 14px;
   line-height : 150%;
}

.notice{
   padding-bottom : 30px;
}

#sumbnail{
	width: 368px;
	float: left;
	position: relative;
}

#youtube{
	float: left;}

#youtube img{
	width: 368px;
	height: 207px;
}

#youtube::before{
	position: absolute; 
	content: "クリックして再生"; 
	color: #fff; 
	text-align: center; 
	font-size: 22px; 
	font-weight: bold; 
	line-height: 180px; 
	background: rgba(0, 0, 0, 0.3); 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 10; 
}

#youtube:hover::before{ 
	background: rgba(0, 0, 0, 0.5); 
	transition: all 0.3s; 
} 

#youtube:hover{
 	cursor: pointer; 
}

.info-box{
   border-color:#fea5c9;
   border-style:solid;
   border-width:1px;
   padding:10px;
}