body{margin:0;padding:0;font-family:メイリオ, Meiryo,"MS PGothic","Hiragino kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;text-align:center;color:#666;background-color:#DFE3E8;font-size:14px;line-height:180%;box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);}
img{border:0;max-width: 100%;height: auto;}

.logo img{width:100% !important}
.head{font-size:12px;}

.bbox {background-color:#fff; box-shadow: 6px 0 4px -4px #999 , -6px 0 4px -4px #999; margin: 0; padding: 0; max-width: 970px; text-align: left}

table{table-layout: fixed; word-break:break-all;}
td.bluebar{font-weight:700;font-size:16px;color:#666;background-color:#F7F6F6;text-align:left;border-top:1px #FFF solid;}
a{color:blue;text-decoration:none;}
a:hover{text-decoration:underline;}
.upside{text-decoration:none;}
.upside:hover{text-decoration:underline;}
.balloonstyle{position:absolute;top:-500px;left:0;visibility:hidden;border:1px solid #000;font-size:14px;line-height:18px;z-index:100;background-color:#FFF;text-align:center;white-space:nowrap;padding:5px;}
#arrowhead{z-index:99;position:absolute;top:-500px;left:0;visibility:hidden;}

ul.topmenu{box-shadow:0 2px 2px #888;width:100%;height:43px;background:#FFF url(/images/menu-bg.gif) top left repeat-x;font-size:12px;font-family:"Lucida Grande", Verdana, sans-serif;font-weight:700;list-style-type:none;margin:0;padding:0}
ul.topmenu li {display:block;float:left;margin:0 0 0 5px}
ul.topmenu li a {color:#777;text-decoration:none;display:block;float:left;line-height:200%;padding:8px 15px 0}
ul.topmenu li a:hover {color:#333}
ul.topmenu li a.current {color:#FFF;background-color:#0079B2;padding:5px 15px 15px;}

.new_btn{margin:0 0 0 20px;}
.new_btn a{display:block;width:110px;height:110px;overflow:hidden;background:url(/images/btns2.jpg) no-repeat;}
.new_btn a:hover{width:110px;height:110px;background:url(/images/btns2.jpg) 0 110px;}
.title{color:#fff;text-decoration:none;font-weight:700;font-size:14px;}
.title:hover{color:#F90;text-decoration:underline;}
.ptab, .btab {border:1px #505050 solid;border-collapse:collapse;width:100%;}
.ptab th,.btab th{background-color:#EFEFEF;font-weight:700;color:#666;border:1px #505050 solid;}
.ptab td,.btab td{border:1px #505050 solid;}
.ptab th {width:28%;}
#blue a{color:blue;}
.tabberlive{margin-top:1em;}
ul.tabbernav{border-bottom:1px solid #778;font:bold 18px Verdana, sans-serif;margin:0;padding:3px 0;}
ul.tabbernav li{list-style:none;display:inline;margin:0;}
ul.tabbernav li a{margin-left:3px;border:1px solid #778;border-bottom:none;background:#DDE;text-decoration:none;padding:3px .5em;}
ul.tabbernav li a:link{color:#448;}
ul.tabbernav li a:visited{color:#667;}
ul.tabbernav li a:hover{color:#000;background:#AAE;border-color:#227;}
ul.tabbernav li.tabberactive a{background-color:#fff;border-bottom:1px solid #fff;}
ul.tabbernav li.tabberactive a:hover{color:#000;background:#FFF;border-bottom:1px solid #FFF;}
.tabberlive .tabbertab{border:1px solid #aaa;border-top:0;padding:5px;}
.tabberlive#tab2 .tabbertab{height:200px;overflow:auto;}
#displaybox{z-index:10000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity:.50;-khtml-opacity:0.5;opacity:0.5;background-color:#000;position:fixed;top:0;left:0;width:100%;height:100%;color:#FFF;text-align:center;vertical-align:middle;}
#contentbox{z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;color:#FFF;text-align:center;vertical-align:middle;}
H1,H2,H3{margin:0;padding:0 }
h1{font-size:21px;}
.tabberlive .tabbertabhide,.tabber,.tabberlive .tabbertab h2,.tabberlive .tabbertab h3{display:none;}
.floating{position:absolute;right:0px;}
.btmroundshadow{border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:2px 2px 2px #888;}
.fullroundshadow{border-radius:6px;box-shadow:2px 2px 2px #888;}
.downroundshadow{border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:2px 2px 2px #888;}
input[type="button"], input[type="submit"], input[type="reset"]  {cursor: pointer;}
.navtab{border-left:1px #CCCCCC solid;border-top:1px #CCCCCC solid;border-right:1px #CCCCCC solid;}
.navhide{background-color:#CCCCCC;}
.navhref{display:block;padding:6px 24px 6px 24px;text-decoration:none;}
.navhref:hover{color:blue;}
.navhrefbot{color:blue;text-decoration:none;}
.navhrefbot:hover{color:blue;text-decoration:underline;}

div.rbtn{text-align:center;padding:16px;background-color:#38A0BF;color:#fff;font-weight:bold;font-size:16px;box-shadow: 5px 5px 3px #ccc;}
input.rbtn {padding:4px 12px 4px 12px;text-decoration:none;cursor:pointer;font-size:24px;font-weight:bold;outline:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;background-color:#c53727;border:1px solid #b0281a;background-image:-webkit-linear-gradient(top,#dd4b39,#c53727);background-image:-moz-linear-gradient(top,#dd4b39,#c53727);background-image:linear-gradient(top,#dd4b39,#c53727);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2);z-index:1;}
input.rbtn:hover {background-color:#d14836;border:1px solid transparent;background-image:-webkit-linear-gradient(top,#dd4b39,#d14836);background-image:-moz-linear-gradient(top,#dd4b39,#d14836);background-image:linear-gradient(top,#dd4b39,#d14836);}

a.hbtn{padding:6px; display:block; font-size: 16px; border-radius:6px;}
a.hbtn:hover{text-decoration:none;}
a.off{background-color: green; color:#fff; border:6px solid green;}
a.off:hover{background-color:#fff; color: green;}
a.rev{background-color: blue; color:#fff; border:6px solid blue;}
a.rev:hover{background-color:#fff; color: blue;}

.mid-left { float: left; width: 80% }
.mid-left-pad { margin-right: 12px }

.mid-right { float: right; width: 20% }

.fbn { position:fixed; top:0; margin-left:980px }
.tbn {float:right }
.menumob { display: none; width: 100%; border-radius: 6px; color: #fff; font-weight: bold; text-transform: uppercase;text-decoration: none !important; background: #0079B2 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCIgdmVyc2lvbj0iMS4xIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjMiLz48cmVjdCB4PSIwIiB5PSI3IiB3aWR0aD0iMjMiIGhlaWdodD0iMyIvPjxyZWN0IHg9IjAiIHk9IjE0IiB3aWR0aD0iMjMiIGhlaWdodD0iMyIvPjwvZz48L2c+PC9zdmc+) no-repeat 10px center;}
.sub { font-size: 12px }

.gbtn {  margin: 12px 0 12px 12px; float: right; text-align: center }
.bbtn {  margin: 12px; float: right; text-align: center }


.h2orange { color: orange; border-bottom: 4px orange solid; padding: 0 0 12px 0; line-height: 1.3em }
tr.revtab:nth-of-type(even) {background-color:#eee}

div.pickers{padding-left:21px;background:url(/images/list_check2.gif) 0 3px no-repeat;}
.pick{color:#000;font-size:14px}
.pick:hover{color:#000000;text-decoration:underline;}


.pickerbox1{display: table-cell;}
.pickerbox2{display: table-cell; width: 340px; padding-left: 21px}

.graybox { text-align:left;background-color:#F5F5F0;border:1px solid #CCCCCC;padding:12px;color: #666666; font-size: 12px; padding-top: 12px }

.ayboll-w-1 .ay{width:100%;float:left;margin:0;padding:0}
.ayboll-w-1 .ay a{text-decoration:none;display:inline}
.ayboll-w-1 .ay .holder{position:relative;float:left;margin-bottom:2%}
.ayboll-w-1 .ay .tb{width:100%;position:relative}
.ayboll-w-1 .ay .tbb{background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:cover;display:block;top:0;right:0;bottom:0;left:0;margin-left:0;margin-right:0}
.ayboll-w-1 .ay .tbb .branding{display:none}
.ayboll-w-1 .ay .vc{padding-bottom:83.333333333333%;width:100%}
.ayboll-w-1 .ay .lb{margin-top:5px;display:block;height:88px}
.ayboll-w-1 .ay .lb .title{text-align:left;max-height:66px;display:block;color:#666;font-size:1em;line-height:22px;font-weight:700;position:relative;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word;text-decoration:none;margin:0;width:auto!important;-webkit-line-clamp:3;text-overflow: ellipsis}
.ayboll-w-1 .ay .tb a:hover .lb .title{text-decoration:underline}
.ayboll-w-1 .ay .lb .branding{color:#999;font-size:11px;max-height: 11px;overflow: hidden;font-weight:700;text-decoration:none;line-height:100%;text-align:left;display:block;margin-top:5.5px}
.ayboll-w-1  .hd{display:table;width:100%;word-break: break-all}
.ayboll-w-1  .hd .hdl{word-break: break-word;line-height:1.2em;display:table-cell;float:left;font-weight:700;font-size:18px;font-weight:bold;text-decoration:none;color:#202022}
.ayboll-w-1  .hd .hdr{word-break: break-word;display:table-cell;text-align:right;vertical-align:middle}
.ayboll-w-1  .hd .hdr a{line-height:normal;margin-top:12px;display:inline;color:#000;font-weight:400;font-size:11px;text-decoration:none;outline:0}
.ayboll-w-1  .hd .hdr a:hover{text-decoration:underline}

.ayboll-w-1 .c2 .holder{width:49%}
.ayboll-w-1 .c2 .holder:nth-child(odd){margin-right:2%}
.ayboll-w-1 .c2 .holder:nth-last-child(-n+2){margin-bottom:0}

.ayboll-w-1 .c3 .holder{width:32%}
.ayboll-w-1 .c3 .holder:nth-child(3n-1){margin-left:2%;margin-right:2%}
.ayboll-w-1 .c3 .holder:nth-last-child(-n+3){margin-bottom:0}

.ayboll-w-2 .ay{width:100%;float:left;margin:0;padding:0}
.ayboll-w-2 .ay a{text-decoration:none;display:inline}
.ayboll-w-2 .ay .holder{position:relative;float:left;margin-bottom:2%}
.ayboll-w-2 .ay .tb{width:100%;position:relative}
.ayboll-w-2 .ay .tbb{background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:cover;display:block;top:0;right:0;bottom:0;left:0;margin-left:0;margin-right:0}
.ayboll-w-2 .ay .tbb .branding{display:none}
.ayboll-w-2 .ay .vc{padding-bottom:83.333333333333%;width:100%}
.ayboll-w-2 .ay .lb{margin-top:5px;display:block;height:88px}
.ayboll-w-2 .ay .lb .title{text-align:left;max-height:66px;display:block;color:#666;font-size:1em;line-height:22px;font-weight:700;position:relative;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word;text-decoration:none;margin:0;width:auto!important;-webkit-line-clamp:3;text-overflow: ellipsis}
.ayboll-w-2 .ay .tb a:hover .lb .title{text-decoration:underline}
.ayboll-w-2 .ay .lb .branding{color:#999;font-size:11px;max-height: 11px;overflow: hidden;font-weight:700;text-decoration:none;line-height:100%;text-align:left;display:block;margin-top:5.5px}
.ayboll-w-2  .hd{display:table;width:100%;word-break: break-all}
.ayboll-w-2  .hd .hdl{word-break: break-word;line-height:1.2em;display:table-cell;float:left;font-weight:700;font-size:18px;font-weight:bold;text-decoration:none;color:#202022}
.ayboll-w-2  .hd .hdr{word-break: break-word;display:table-cell;text-align:right;vertical-align:middle}
.ayboll-w-2  .hd .hdr a{line-height:normal;margin-top:12px;display:inline;color:#000;font-weight:400;font-size:11px;text-decoration:none;outline:0}
.ayboll-w-2  .hd .hdr a:hover{text-decoration:underline}
.ayboll-w-2 .c3 .holder{width:32%}
.ayboll-w-2 .c3 .holder:nth-child(3n-1){margin-left:2%;margin-right:2%}
.ayboll-w-2 .c3 .holder:nth-last-child(-n+3){margin-bottom:0}
.ayboll-w-2 .ay .texter{margin-left: 33%; padding-left: 12px}
.ayboll-w-2 .ay .texter a.title {color:#666;font-size:1.3em;font-weight:bold;line-height:32px}
.ayboll-w-2 .ay a {text-decoration: none !important}
.ayboll-w-2 .ay a:hover {text-decoration: underline !important}

.video-container{position:relative;padding-bottom:53%;height:0;overflow:hidden}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.pagination{clear:both;padding:0}
.pagination li{display:inline}
.pagination a{border:1px solid #D5D5D5;color:#666;font-size:11px;font-weight:700;height:25px;padding:4px 8px;text-decoration:none;margin:2px}
.pagination a:hover,.pagination a:active{background:#efefef}
.pagination span.current{background-color:#687282;border:1px solid #D5D5D5;color:#fff;font-size:11px;font-weight:700;height:25px;padding:4px 8px;text-decoration:none;margin:2px}
.pagination span.disabled{border:1px solid #EEE;color:#DDD;margin:2px;padding:2px 5px}
#filters select{border-radius:3px;padding:4px;margin-top:12px}

.subtitle {color: #0FA1EC; margin: 0; line-height: 150%}

.callbox { text-align: center; padding: 16px; background-color: #38A0BF; color: #fff; font-weight: bold; font-size: 16px; box-shadow: 5px 5px 3px #ccc }

@media screen and (max-width: 1260px) {
	.fbn  { display: none }
}

@media screen and (max-width: 950px) {
	a{font-size:16px !important}

	.tbn  { float: left }	
	
	ul.topmenu{box-shadow:0 0 0 #fff;width:100%;height:auto;background:#efefef;font-size:12px;font-family:"Lucida Grande", Verdana, sans-serif;font-weight:700;list-style-type:none;margin:0;padding:0;
		transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-webkit-transition: all 0.25s ease-in-out;
		overflow: hidden;
	}
	ul.topmenu li {display:block;float:none;margin:0;}
	ul.topmenu li a {color:#777;text-decoration:none;display:block;float:none;line-height:200%;padding:4px 12px 4px 12px}
	ul.topmenu li a:hover {color:#fff;background-color:#ccc}
	ul.topmenu li a.current {color:#fff;background-color:#ccc;padding:4px 12px 4px 12px;}	
	
	ul.menuhide { max-height : 0;  opacity: 0 }	
	ul.menushow { max-height : 1000px;  opacity: 1 }
	
	.menumob { display: block }
}

@media screen and (max-width: 740px) {

	.pickerbox1{display: block;}
	.pickerbox2{display: block; width: 100%; padding-left: 0; margin-bottom: 12px}

}

@media screen and (max-width: 480px) {
	
	
    .mid-left, 
    .mid-right {
        float: none;
        width: auto;
    }
	
	.mid-right-pad {
		margin-left: 0;
		margin-bottom: 12px
	}
	
	input.rbtn {
		font-size:16px
	}
	
	input[type="radio"] {
		width:1.5em;
		height:1.5em;
		margin:0;
		padding:0;
	}
	
	

	.gbtn { float: none; margin: 12px; }
	.bbtn { float: none }
	
	.small-w-100 { width: 100%; max-width: inherit !important }
	.ayboll-w-2 .c3 .holder { width: 100%; float: none }
	.ayboll-w-2 .ay .texter { margin: 12px 0 0 0; padding: 0 }
}