/* ビーバップハイスクール高校与太郎BOX：bebop.css */ 

body {
	background: #ffffff url(bkg.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 

body#Second {
	background: #ffffff url(bkg2.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 

body#Third {
	background: #ffffff url(bkg3.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 

body#Fourth {
	background: #ffffff url(bkg4.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 

body#Fifth {
	background: #ffffff url(bkg5.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 

body#Sixth {
	background: #ffffff url(bkg6.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 

body#Seventh {
	background: #ffffff url(bkg7.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
}

body#Eighth {
	background: #ffffff url(bkg8.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 

body#Ninth {
	background: #ffffff url(bkg9.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 

body#Tenth {
	background: #ffffff url(bkg10.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 

body#Eleventh {
	background: #ffffff url(bkg11.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 

body#Twelfth {
	background: #ffffff url(bkg12.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 

body#Thirteenth {
	background: #ffffff url(bkg13.png) repeat-y;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
} 



.columnBox {
	background: #fff url(main_mdl_line2.gif) -20px 0px repeat-y;
	margin-bottom:30px;
}

.still-R img {
	background-color: #555555;
}

/** マージン **/
p,ul,ol,dl {
margin-top: 0;
margin-bottom: 0;
}

.basicbox {
	margin: 0;
	padding: 0;
	width: 720px;
}

.keyvisual {
	padding: 0;
	width: 720px;
	height: 201px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;	
}

/* JQuery要素 */

.corners {
	background: #ffffff;
	margin: 0px 10px 10px 10px;
	padding:10px 10px;
	width:680px;
	border:0;
}

/** BOX **/

.navigation {
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 720px;
	height: 100px;
}


.mainbox-top {
	background: url(main_top.gif) no-repeat top left;
	margin: 0px 0px 10px 0px;
	padding-top: 5px;
	width: 720px;
	border-width: 0;
}

.mainbox-btm {
	background: url(main_btm.gif) no-repeat left bottom;
	margin: 0px 0px 10px 0px;
	padding-bottom: 5px;
	width: 720px;
	border-width: 0;
}

.mainbox-mdl {
	background: url(main_mdl_line2.gif) repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 5px 20px;
	width: 680px;
	border-width: 0;
}

.mainbox-mdl_noline {
	background: url(main_mdl_noline.gif) repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 5px 20px;
	width: 680px;
}

.mainbox-top-ogata {
	background: url(main_top_ogata.gif) no-repeat top left;
	margin: 0px 0px 10px 0px;
	padding-top: 5px;
	width: 720px;
}

.mainbox-btm-ogata {
	background: url(main_btm_ogata.gif) no-repeat left bottom;
	margin: 0px 0px 10px 0px;
	padding-bottom: 5px;
	width: 720px;
}

.mainbox-mdl-ogata {
	background: url(main_mdl_line2_ogata.gif) repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 5px 20px;
	width: 680px;
}

.mainbox-mdl0 {
	background: url(main_mdl.gif) repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 5px 20px;
	width: 680px;
}

.cube1_2-L {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 330px;
	float:left;
}

.cube1_2-R {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 330px;
	float:right;
}

.still-L {
	box-sizing: border-box;
	border:1px #cccccc solid;
	background-color: #555555;
	margin: 0 3px 3px 0;
	padding: 0;
	width:80px;
	height:112px;
	float:left;
}

.still-L img {
	width:100%;
	height:100%;
}

.still-R {
	box-sizing: border-box;
	border:1px #cccccc solid;
	background-color: #555555;
	margin: 0 0 3px 3px;
	padding: 0;
	width:80px;
	height:112px;
	float:right;
}

.still-R img {
	width:100%;
	height:100%;
}


.CheckPoint {
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 0px;
	border-top : 1px dotted #000000;
	border-bottom : 1px dotted #000000;
	width: 330px;
	text-align: center;
	letter-spacing:0.5em;
	font-weight:bold;
	clear:both;
	background-color:#ffe3ef;
}

.CheckText {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom : 1px dotted #000000;
	width: 330px;
	text-align: left;
}

.MidashiTitle {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #cc0000;
	text-align: left;
}

.MidashiTitle1 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #272a78;
	text-align: left;
}

.MidashiTitle2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #ee87b1;
	text-align: left;
}

.MidashiTitle3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #7a4368;
	text-align: left;
}

.MidashiTitle4 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #3fb0e0;
	text-align: left;
}

.MidashiTitle5 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #006fb2;
	text-align: left;
}

.MidashiTitle6 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #cd1326;
	text-align: left;
}

.MidashiTitle6NL {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
/*	border-left : 5px solid #cd1326;*/
	text-align: left;
}

.MidashiTitle6NLC {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
/*	border-left : 5px solid #cd1326;*/
	text-align: left;
	color:#90214a;
}

.MidashiTitle7 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #007567;
	text-align: left;
}

.MidashiTitle8 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #b45d3f;
	text-align: left;
}

.MidashiTitle9 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #588953;
	text-align: left;
}

.MidashiTitle10 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #ae8f18;
	text-align: left;
}

.MidashiTitle11 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left : 5px solid #ae8f18;
	text-align: left;
}

/* メニュー */

/* メニュー用配列 */

ul#pagenavi{
    width:700px;
	margin: 0px 0px 10px 10px;
	padding:0;
	border-width:0px;
    background-color:#f7bc00;
    overflow:hidden;
}

ul#pagenavi li{
    float:left;
    height:42px;
	width:230px;
    overflow:hidden;
    display:block;
}

ul#pagenavi li a {
	display: block;
	overflow: hidden;
	height: 0px;
	padding-top:50px;
}
#navi1 { background: #f7bc00 url(menu_top.jpg) -10px 0px no-repeat ; margin:0px 5px 5px 0px; }
#navi2 { background: #f7bc00 url(menu_top.jpg) -245px 0px no-repeat ; margin:0px 5px 5px 0px; }
#navi3 { background: #f7bc00 url(menu_top.jpg) -480px 0px no-repeat ; margin:0px 0px 5px 0px; }
#navi4 { background: #f7bc00 url(menu_top.jpg) -10px -47px no-repeat ; margin:0px 5px 5px 0px; }
#navi5 { background: #f7bc00 url(menu_top.jpg) -245px -47px no-repeat ;  margin:0px 5px 5px 0px;}
#navi6 { background: #f7bc00 url(menu_top.jpg) -480px -47px no-repeat ; margin:0px 0px 5px 0px; }
#navi7 { background: #f7bc00 url(menu_top.jpg) -10px -94px no-repeat ; margin:0px 5px 5px 0px; }
#navi8 { background: #f7bc00 url(menu_top.jpg) -245px -94px no-repeat ; margin:0px 5px 5px 0px; }
#navi9 { background: #f7bc00 url(menu_top.jpg) -480px -94px no-repeat ; margin:0px 0px 5px 0px; }
#navi10 { background: #f7bc00 url(menu_top.jpg) -10px -141px no-repeat ; margin:0px 5px 0px 0px; }

.markerRed {
	border-left : 3px solid #DD0000;
	padding : 0px 0px 0px 5px;
	margin : 10px 0px 10px 0px;
}

.Vtitle {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px ;
	text-align: left;
	font-size:108%;
	line-height: 110%;
	font-weight:bold;
	/*	width: 137px;
	float:left; */
}

.Vtitle .Sub {
font-size:0.93em;
}

.Vtitle .Sub2 {
font-size:0.85em;
}

.Vtitle .Yomi {
	font-size:77%;
	font-weight:normal;
}

.VIntro {
	 margin: 0px; padding:0px 20px 10px 20px;
	 color:#FFF;
	 width: 680px;
	 border-width: 0;
	 font-weight: bold;
 }

.Vkoukai {
	margin: 0px 0px 5px 0px;
	padding: 0;
	text-align: left;
	font-size: 8pt;
	line-height: 100%;
/*	width: 137px;
	float:left; */
}

.Vkoukai2 {
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: left;
	font-size: 8pt;
	line-height: 100%;
/*	width: 137px;
	float:left; */
}

#boxFloatL {
	float:left;

}

#boxFloatR {
	float:right;
}

#clearFloatL {
	clear:left;
}

#clearFloatR {
	clear:right;
}

#clearFloatB {
	clear:both;
}

.closeBox {
	margin : 0px auto 0px auto;
	padding : 0px;
	width : 50px;
}

img {
	display :block;
}

img#Iline {
	display :inline;
}

td#Nwrp {
	white-space: nowrap;
 }

/*
a:link { color: #FFFF99; } 
a:visited { color: #ccffff; } 
a:hover { color: #3300FF; } 
a:active { color: #ffffff; }
*/
rp,rt {
	font-size:60%;
	font-weight:normal;	
}