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

/*-----------------------------
Reset
-------------------------------*/

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, th, td, em, p {
	font: 500 100%/180% 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	color: #474533;
	margin: 0;
	padding: 0;
	border: none;
}
html, body {
	padding-top: 0px;
}
img {
	border: 0;
	line-height: 0;
	font-size: 0;
	zoom: 1;
	overflow: hidden;
}
#menu1 ul {
	list-style: none
}
h2, h3, h4, h5, h6, p {
	padding: 0 5px 0 10px;
	display: block;
	line-height: 180%;
	font-size: 100%;
	margin-left: 0px;
	margin-bottom: 10px;
	font-weight: normal;
}
h1 {
}
h2 {
	font-weight: 500;
	font-size: 140%;
	color: #AE8840;
	margin-left: 10px;
	background-image: url(../images/yubia.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 37px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: normal;
}
h3 {
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-left: 10px
}
h4 {
	font-size: 200%;
	font-weight: 500;
	padding-left: 20px;
	padding-top: 10px;
}
h5 {
	font-size: 150%;
	font-weight: 600;
	padding-left: 10px;
	padding-top: 10px;
	line-height: normal;
}
a:link {
	color: #385D93;
	text-decoration: none;
	font-weight: 600;
}
a:hover {
	color: #FFAC37;
}
a:visited {
	color: #385D93;
} 

p a:hover {
	color: #FFAC37;
}

/*訪問済みのリンクの色*/
/*-----------------------------
　Clearfix
-------------------------------*/

/* For modern browsers */
.clearfix:before, .clearfix:after {
	display: block;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom: 1;
	height: 0px;
	clear: both;
	float: none;
}
.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}
.clear01 {
	clear: both;
	font-size: 0px;
	line-height: 20px;
}
/*---------------------------
　Layout
-------------------------------*/

body { -webkit-text-size-adjust: none;
color: #474533;
	font: 500 100%/180% 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	background-color: #FEFEFC;
	margin: 0px;
}
div.resizeimage img {
	width: 100%;
	height: auto;
	max-width: 720px;
}
div.resizeimage3 img {
	width: 100%;
	height: auto;
	max-width: 256px
}
p.resizeimage3 img {
	width: 100%;
	height: auto;
	max-width: 256px
}
p.resizeimage4 img {
	width: 100%;
	height: auto;
	max-width: 334px
}
header {
	background-position: center top;
	background-color: #EAEAEA;
	border-bottom: 1px solid #B6B6B6;
	background-repeat: repeat;
}
.text {
	margin: 25px 10px 0;
	line-height: 150%;
}
.text2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.text2 p {
	font-weight: 500;
}
.text2 ul {
	font-weight: 500;
	display: block;
}
.text2 ul li {
	margin-left: 20px;
	line-height: 150%;
	list-style-type : square;
	color: #C8332B;
	padding-left: 5px;
	font-weight: 600;
}
.text3 {
	font-weight: 700;
	padding: 20px 30px;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border: 1px solid rgba(145,145,145,1.00);
}
.text3 p {
	font-weight: 700;
}
.text3 ul {
	font-weight: 700;
	display: block;
	margin-left: 10px;
}
.text3 ul li {
	margin-left: 20px;
	line-height: 110%;
	list-style-type : square;
}
li span {
	color: #333;
}
#sidemenu_video { /*	float: left;*/ /*		clear: left;*/
}
#sidemenu ul {
	width: 100%;
}
#sidemenu_list {
	margin: 15px  0px 10px;
	line-height: normal;
	border: solid 1px #A9A9A9;
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;
	padding: 10px 15px;
	background-color: #ffffff;
	min-width: 0px;
}
#sidemenu_list2 {
	margin: 10px 15px;
	border: solid 1px #A9A9A9;
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;
	padding: 20px 15px 10px;
	min-width: 0px;
}
.class01 {
	min-width: 0px;
	line-height: normal;
	padding: 0px;
}
.class01 a:link {
	font-weight: bold;
	color: #E99E06;
}
.class01 a:visited {
	font-weight: bold;
	color: #FCD68B;
}
.class01 a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.class01b {
	font-weight: bold;
	padding: 5px 15px 2px 0px;
	color: #E99E06;
}
.class02 {
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 5px;
}
.class02 a:link {
	font-weight: bold;
	color: #DD4A14;
}
.class02 a:visited {
	font-weight: bold;
	color: #F6BAA4;
}
.class02 a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.class02b {
	font-weight: bold;
	padding: 5px 15px 2px 0px;
	color: #E16132;
}
.class03b a:link {
	font-weight: bold;
	color: #385D93;
}
.class03b a:visited {
	font-weight: bold;
	color: #385D93;
}
.class03b a:hover {
	color: #A8B2B3;
}
.class03b {
	font-weight: 600;
	color: #385D93;
	padding-right: 15px;
	padding-left: 40px;
	background-image: url(../images/douga.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 0px;
	font-size: 110%;
	line-height: normal;
}
.class04b a:link {
	font-weight: bold;
	color: #385D93;
}
.class04b a:visited {
	font-weight: bold;
	color: #385D93;
}
.class04b a:hover {
	color: #A8B2B3;
}
.class04b {
	font-size: 110%;
	font-weight: 600;
	color: #385D93;
	padding-bottom: 2px;
	padding-left: 40px;
	background-image: url(../images/yubia.png);
	background-position: left top;
	background-repeat: no-repeat;
	float: right;
	min-width: 105px;
	text-align: left
}
#c
.class05 {
	margin-left: 35px;
	margin-top: 10px;
}
.class05 ul {
	font-weight: 500
}
.class05l li {
	list-style: square;
	margin-left: 25px;
}
.class06 {
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 5px;
}
.class06 a:link {
	font-weight: bold;
	color: #D8A84D;
}
.class06 a:visited {
	font-weight: bold;
	color: #ECD4A8;
}
.class06 a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.class06b {
	font-weight: bold;
	padding: 5px 15px 2px 0px;
	color: #D8A84D;
}
#wrap {
	width: 1000px;
	margin: 0px auto 0px auto;
}
#container {
	width: 1000px;/* 	width: 100%;*/
	height: 100%;
	padding-top: 15px;
	overflow: hidden;
}
#title {
	with: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 229px 50px;
}
.logo {
	width: 150px;
	margin: 0px 0px 12px 800px;
	height: 47px;
	text-align: right;
}
#title h2 {
	width: 550px;
	margin-bottom: 15px;
}
#title h3 {
	width: auto;
	margin-bottom: 15px;
}
/*navi*/



#othermenu {
	position: relative;
	margin: 0px auto 20px auto;
	padding-left: 100px;
}
#othermenu .lb {
	float: left;
	width: 222px;
	margin: 0px 10px 20px 0px;
}
#othermenu .rb {
	float: left;
	width: 315px;
}
/*footer*/
footer {
	background-color: #171717;
	margin-top: 20px;
}
.footer {
	max-width: 1000px;
	clear: both;
	text-align: center;
	margin: 0px auto;
	padding: 20px 0;
}
.copy {
	text-align: right;
	float: right;
}
/* second style---------------------*/
#wrapB {
	max-width: 996px;
	margin: 0px auto 0px auto;
}
#containerB {
	max-width: 1050px;/* 	width: 100%;*/
	height: 100%;
	padding-top: 5px;
	overflow: hidden;
}
#main {
	max-width: 996px;
	margin: 0px auto 0px auto;
}
#header {
	max-width: 996px;
	position: relative;
	margin: 0px auto 0px auto; /*padding-bottom: 30px; */
}
.top {
	max-width: 996px;
	margin-right: auto;
	margin-left: auto;
}
.top_contents {
	text-align: left;
	max-width: 970px;
	margin: 0px auto 30px;
	clear: both;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 10px;
	color: #333333;
	line-heght: 100%;
	padding-top: 30px;
	width: auto;
}
p.resizeimage img {
	width: 100%;
	max-width: 1200px;
}
p.resizeimage2 img {
	width: 100%;
	max-width: 350px;
}
#header > h1 {
	width: 140px;
	margin-right: 57px;
	float: left;
}
/* stage ---------------------*/

.player {
	width: 100%;
	height: 500px;
}
.fo {
	color: #BE0000;
}
/*sidemenu---------------------*/
#sidemeu {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	margin-top: 10px;
}
#sidemeu li {
	list-style: none
}
#sidemeu_cate {
	max-width: 721px;
	margin: 5px auto 0px;
}
.sidemeu ul {
	max-width: 721px;
	margin-right: auto;
	margin-left: auto;
}
.sidemeu li {
	width: 103px;
	height: 65px;
}
/*menu アクティブ*/
.side_v_00 a {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video0.png) no-repeat;
}
.side_v_01 a {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video1.png) no-repeat;
}
.side_v_02 a {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video2.png) no-repeat;
}
.side_v_03 a {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video3.png) no-repeat;
}
.side_v_04 a {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video4.png) no-repeat;
}
.side_v_05 a {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video5.png) no-repeat;
}
.side_v_06 a {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video6.png) no-repeat;
}
.side_v_01:hover > a {
	background-position: 0 -110px;
}
.side_v_02:hover > a {
	background-position: 0 -110px;
}
.side_v_03:hover > a {
	background-position: 0 -110px;
}
.side_v_04:hover > a {
	background-position: 0 -110px;
}
.side_v_05:hover > a {
	background-position: 0 -110px;
}
.side_v_06:hover > a {
	background-position: 0 -110px;
}
/*アクティブ*/
.side_v_00on {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video0.png) no-repeat;
	background-position: 0 -110px;
}
.side_v_01on {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video1.png) no-repeat;
	background-position: 0 -110px;
}
.side_v_02on {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video2.png) no-repeat;
	background-position: 0 -110px;
}
.side_v_03on {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video3.png) no-repeat;
	background-position: 0 -110px;
}
.side_v_04on {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video4.png) no-repeat;
	background-position: 0 -110px;
}
.side_v_05on {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video5.png) no-repeat;
	background-position: 0 -110px;
}
.side_v_06on {
	width: 103px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/playlist_video6.png) no-repeat;
	background-position: 0 -110px;
}
.line {
	border-left: 7px solid #2A4D81;
	border-bottom: 1px solid #A9A9A9;
	clear: both;
	line-height: 160%;
	margin: 15px 10px 20px;
	font-size: 130%;
	padding-left: 15px;
}
.line2 {
	border-bottom: 1px double #7D7D7D;
	margin: 10px  0px 25px  0px;
	clear: both;
	font-size: 170%;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 0px;
	line-height: 200%!important;
	padding-right: 0px;
}
.line2 a{
	font-weight:500

}
.line3 {
	borde: 1px solid #A9A9A9;
	clear: both;
	margin-top: 15px;
	margin-left: 10px;
	font-size: 130%;
	padding-: 15px;
	border-radius: 6px;
	margin-bottom: 15px;
	border: 1px solid #A9A9A9;
}
.line4 {
	border-bottom: 1px double #A9A9A9;
	margin: 10px 10px 5px;
	clear: both;
	font-size: 170%;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 0px;
	line-height: 180%;
	padding-right: 0px;
	color: #474533;
	font-weight: 500;
}
.line5 {
	border-bottom: 1px double #7D7D7D;
	margin: 10px 10px 25px;
	clear: both;
	font-size: 140%;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 0px;
	line-height: 200%!important;
	padding-right: 0px;
}
/*TOPへ---------------------*/

#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size: 80%;
}
#page-top a {
	background-color: rgba(134,199,228,0.7);
	text-decoration: none;
	color: #fff;
	padding: 5px 10px;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background-color: rgba(134,199,228,1);
}
#top {
	max-width: 1000px;
	clear: both;
	font-weight: bold;
	/* [disabled]margin-top: auto;
*/
	margin: 0 auto;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 0px;
}
.top_contents5 {
line-height: normal;
	max-width: 996px;
	clear: both;
	font-weight: bold;
	margin: 0 auto 0px;
	padding: 15px 15px 0px 15px ;
	
}

.top_contents6 {
	max-width: 996px;
	clear: both;
	font-weight: bold;
	margin: 0px auto;
	padding: 15px 10px 40px;
	line-height: normal;
}
.top_con_naka {
	width: 50%;
	max-width: 500px;
	float: left;
}
.top_con_naka a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	background-color: #FFF;
}
p.resizeimage img {
	width: 100%;
	max-width: 996px;
}
.clear {
	line-height: 0px;
	clear: both;
	max-width: none;
}
.top_copy {
	max-width: 996px;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 10px;
	font: normal 12px Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	padding-left: 15px;
	line-height: nomal;
}
.top_left {
	font-weight: bold;
	float: left;
	padding: 0px;
	max-width: 1000px;
	margin-top: 10px;
}
.top_left p {
	line-height: 180%!important;
}
.top_right {
	max-width: 332px;
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 0px;
}
.top_right img {
	max-width: 332px;
	width: 100%;
	margin-top: 15px;
}
.index_left {
	margin-top: 15px;
	float: left;
	padding: 0px;
	max-width: 187px;
	clear: right;
	margin-right: 10px;
}
.index_right {
	max-width: 720px;
	font-weight: 600;
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	clear: none;
}
.menubar {
	width: 100%;
	background-position: top center;
	background-color: #283859;
}


#menu1 {
	width: 100%;
	max-width: 1000px;
	height: 50px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
#menu1 li {
	list-style: none;
	width: 16.6%;
	display: block;
	float: left;
	font-size: 90%
}
#menu1 li a {
	display: block;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	height: 38px;
	padding-top: 12px;
}
#menu1 li a:hover {
	background-color: #09263A;
	text-decoration: none;
	color: #FFFFFF;
}
#toggle {
	display: none;
	background-color: #283859;
}

@media only screen and (max-width:767px) {
#sidemeu {
	display: none;
}

.top_left {
	color: #474533;
}
.top_copy {
	line-height: nomal;
	color: #FFFFFF;
}
#menu-box {
	margin-top: 0px;
}
}

@media only screen and (max-width: 768px) {
.index_right {
	max-width: 480px;
	font-weight: 600;
	float: left;
	margin-top: 15px;
	margin-left: 0px;
}
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
.index_right {
	max-width: 540px;
	font-weight: 600;
	float: left;
	margin-top: 15px;
	margin-left: 0px;
}
}

@media only screen and (max-width: 668px) {
.top_contents4 {
	display: block;
	position: relative;
	max-width: 996px;
	clear: both;
	font-weight: bold;
	margin: 0px auto;
}
}

@media only screen and (max-width: 668px) {
.text {
	margin: 15px 30px 30px;
	line-height: 150%;
}
#menu1 {
	display: none;
	background-color: rgba(51,51,51,1.00);
}
#menu1 li {
	background-color: #669CB6;
	width: 100%;
	border-bottom: 1px solid #eaeaea;
}

#toggle {
	display: block;
	position: relative;
	width: 100%;
	background-color: #283859;
	background-image: url(../images/menu_bg.jpg);
	background-position: center center;
}
#toggle a {
	display: block;
	position: relative;
	padding: 6px 0 5px;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 23px;
	height: 20px;
	margin-top: -10px;
	background: #fff;
}
#toggle a:before, #toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 23px;
	height: 4px;
	background-color: #283859;
}
#toggle a:before {
	margin-top: -6px;
}
#toggle a:after {
	margin-top: 2px;
}
#toggle1 li {
	background-color: #283859;
	width: 100%;
	border-bottom: 1px solid #fff;
	color: #fff;
}
#toggle li a {
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	font-size: 95%;
	padding: 10px 0;
}
}

@media only screen and (max-width: 500px) {
.top_con_naka {
	width: 100%;
}
.top_left {
	margin-top: 15px;
	margin-left: 20px;
	margin-right: auto;
	font-weight: bold;
	float: none;
}
.top_right {
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	float: none;
}
}

@media only screen and (max-width:495px) {
.resize02 {
	max-width: 400px;
	float: none;
	text-align: center;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
}
.resize02 img {
	width: 100%;
	max-width: 400px;
	height: auto;
}
.text {
	margin: 30px 10px 10px;
	line-height: 150%;
}
.top_contents6 {
	padding-top: 5px;
}
}
.youtube {
	max-width: 815px;
	margin: 0 15px;
	width: 100%;
	clear: both;
	float: none;
}
.top_contents5 .youtube {
	margin-right: auto;
	margin-left: auto;
	max-width: 740px;
	width: 100%;
}
#playlist a {
	text-decoration: none;
}
#playerbox {
	width: 100%;
	max-width: 720px;
	margin: 10px auto 0px;
}
.midashi {
	position: relative;
	color: #656565;
	background-color: #E1E2D4;
	padding: 25px 0 20px 25px;
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	margin-bottom: 25px;
	background-image: url(../images/bar_bg.jpg);
	letter-spacing: 2px
}
.midashi:after, .midashi:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
}
.midashi:after {
	left: 40px;
	border: 10px solid transparent;
	border-top: 10px solid #E1E2D4;
}
.midashi:before {
	left: 40px;
	border: 10px solid transparent;
	border-top: 10px solid #E1E2D4;
}
.midashi a {
	font-weight: 600
}
.index_waku {
	position: relative;
	color: #4B4848;
	padding: 10px 5px 10px 15px;
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	margin-bottom: 20px;
	border: 2px solid #4772A4;
	/* [disabled]border-color: #4B4848;
*/
	font-weight: 700;
	margin-right: 5px;
}
.mt {
	margin: 15px 0 10px;
	padding: 10px 15px 7px;
	background-color: #ECE8E4;
	color: #063365;
	text-align: justify;
	border-bottom: 5px solid #063365;
	font-weight: bold;
}
.btm15 {
	margin-bottom: 15px;
}
table {
	margin-left: 10px;
	margin-right: 10px;
}
th, td {
	padding: 3px;
	border: 1px solid #ddd;
}
th {
	background: #f4f4f4;
}
/*----------------------------------------------------
    .demo02
----------------------------------------------------*/
.demo02 th {
	width: 13%;
}
.demo02 td {
	text-align: center;
}
.demo02 td:first-child {
	text-align: left;
}

@media only screen and (max-width:1024px) {
.resize05 {
	display: none;
}
.resize05 img {
	display: none;
}
}

@media only screen and (max-width: 680px) {
table {
	margin-left: 10px;
	margin-right: 10px;
}
.demo02 {
	display: block;
	width: 100%;
	margin: 0 -10px;
}
.demo02 thead {
	display: block;
	float: left;
	overflow-x: scroll;
}
.demo02 tbody {
	display: block;
	width: auto;
	overflow-x: auto;
	white-space: nowrap;
}
.demo02 th {
	display: block;
	width: auto;
}
.demo02 tbody tr {
	display: inline-block;
	margin: 0 -3px;
}
.demo02 td {
	display: block;
}
}
.resize01 {
	max-width: 495px;
	float: none;
	text-align: center;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 40px;
}
.resize01 img {
	width: 100%;
	max-width: 495px;
	height: auto;
	margin-bottom: 0px;
}
.resize02 {
	max-width: 495px;
	float: none;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
.resize02 img {
	width: 100%;
	max-width: 495px;
	height: auto;
	margin-bottom: 0px;
}
.resize03 {
	max-width: 200px;
	float: right;
	margin-bottom: 3px;
	margin-right: 5px;
}
.resize03 img {
	width: 100%;
	max-width: 200px;
	height: auto;
}
.resize05 {
	max-width: 180px;
	float: left;
	margin-left: 15px;
}
.resize05 img {
	width: 100%;
	max-width: 180px;
	height: auto;
}

@media only screen and (min-width: 767px) and (max-width: 830px) {
.resize01 {
	max-width: 180px;
	float: left;
	margin-top: 20px;
}
.resize01 img {
	width: 100%;
	max-width: 180px;
	height: auto;
}
.resize02 {
	max-width: 495px;
	float: none;
	margin: 0px auto;
	padding-top: 10px;
	text-align: right;
}
.resize02 img {
	width: 100%;
	max-width: 495px;
	height: auto;
}
}

@media only screen and (min-width: 600px) and (max-width: 766px) {
.resize02 {
	max-width: 495px;
	float: none;
	margin: 0px auto;
	padding-top: 10px;
}
.resize02 img {
	width: 100%;
	max-width: 495px;
	height: auto;
}
.top_left {
	margin-top: 20px;
	font-weight: bold;
	float: left;
	padding: 0px;
	width: 100%;
}
}

@media only screen and (max-width: 600px) {
.resize01 {
	display: none;
}
.resize02 {
	max-width: 495px;
	float: none;
	margin: 0px auto;
	padding-top: 5px;
}
.resize02 img {
	width: 100%;
	max-width: 495px;
	height: auto;
}
.top_left {
	margin: 10px;
}
}
@media only screen and (max-width: 375px) {
h4 {
	margin-top: 10px;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
	margin-left: 10px
}
h2 {
	font-weight: 500;
	font-size: 120%;
	color: #AE8840;
	margin-left: 10px;
	background-image: url(../images/yubia.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 37px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: normal;
}
.line2 {
    border-bottom: 1px double #A9A9A9;
    margin: 10px 5px 25px;
    clear: both;
    font-weight: 500;
    font-size: 150%;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 0px;
}
}
.slider img {
	border: 0px;
	margin-left: 5px;
	height: 153px;
}
.slider {
	paddind-top: 10px;
	min-height: 163px;
}

@media only screen and (min-width: 600px) and (max-width: 999px) {
.top_left {
	margin-top: 15px;
	font-weight: bold;
	float: left;
	padding: 0px;
	max-width: 999px;
}
}

@media only screen and (max-width: 600px) {
.top_left {
	margin: 0px 10px;
	font-weight: bold;
	float: left;
	padding: 0px;
	max-width: 600px;
}
}
.sml2 {
	font-size: 100%;
	font-weight: normal
}
.sml {
	font-size: 80%;
	margin-left: 10px;
}
.sml p {
	font-weight: normal;
}

@media only screen and (max-width:568px) {
h4 {
	font-size: 130%
}
.sml2 {
	font-size: 60%;
	font-weight: normal
}
}

.wak {
	margin: 15px 15px 10px;
	line-height: normal;
	border: solid 1px #A9A9A9;
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;
	padding: 10px 15px;
	background-color: #ffffff;
	min-width: 0px;
}
.bgw {
	margin: 10px 10px 30px;
	padding-top: 0px;
}

.nolist {
	line-height: 180%;
	font-size: 100%;
	margin-left: 20px;
	font-weight: 600;
}
.nolist a:hover {
	color: #FFAC37;
}
.nolist ul {
	list-style: none
}
.ptop {
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
}
#player{
	border:1px solid  #A9A9A9}
.waku_top {
	padding: 10px 15px 20px;
	/*全体角丸*/
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	margin: 10px 7px 30px;
	background-color: #F0F8FF;
	font-size: 100%;
	border: 1px solid #bbb;
}

.waku_top  a:link {
	    color: #385D93!important;
}
.waku_top  a:hover {
	color: #FFAC37!important;
}
.waku_top2 {
	padding: 20px;
	/*全体角丸*/
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 400!important;
	clear: both;
}
.waku_top2 p {
	font-weight: 400!important;
}


.waku_top3 {
	padding: 0px 15px 20px;
	border: solid 1px #bbb;
	/*全体角丸*/
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	margin: 10px 7px 30px;
	background-color: #FFFAEF;
	font-size: 100%;
}
.waku_top3 a:link {
	    color: #385D93!important;
}
.waku_top3  a:hover {
	   	color: #FFAC37!important;
}
.a_indent {
	padding-left: 10px;
	font-weight: 400;
}
.weno {
	font-weight: 400!important;
	font-size: 100%;
	margin-left: 10px;
	background-color: undefined;	
}
.c_blue{
	background-color:#DEF0FA!important;}
.c_yellow{
	background-color:#FFF4D4!important;
	}
.c_white{
	background-color:#FFF!important;
	}
#tabs-1{
	background-color:#DEF0FA}
#tabs-2{
	background-color:#FFF4D4}
#tabs-3{
	background-color:#FFF}

.playBtnb {
	font-size: 100%;
	float: left;
	clear: right;
	display: block;
	text-indent: 28px;
	background: url(../images/playlist_btn_arrow2.png) no-repeat;
	background-position: left top;
	margin: 0px 10px 0px 5px;
	
	line-height: normal;
}

.playBtnb a:hover {
	color: #BB5C5C;
	font-weight: 600!important;
}
.playBtnb a {
	color: #0C0C0C;
	font-weight: 600!important;
}

li {
	list-style: none;
}
.glay_text{font-size: 120%;
color:#888;
margin:20px auto 30px;
text-align:center;
font-weight:500

}