/*　リニューアル版のスタイルシート　*/

body { width:760px; margin:auto}
@media only screen and (max-width:759px) {body {width:100%; margin-left:0 }}

p,li { line-height:150% }

p,h1,h2,h3,h4,h5,h6,li { margin-top:0; margin-bottom:0.5em }

a:link { color:blue; font-weight:bold; text-decoration:none }
a:visited { color:#000099; font-weight:bold; text-decoration:none }
a:active { }
a:hover { text-decoration:underline }

blink { font-weight:bold; color:red }

ul#topnavi {
	list-style-type:none;
	margin:3px 7px 0 0; padding:0;
	font-size:16px; font-weight:normal;
	line-height:1.5em;
	text-align:right;
}
ul#topnavi li { display:inline; margin-left:0.5em; padding:0 }
ul#topnavi li a:link{ color:#000099; font-weight:normal }
ul#topnavi li a:visited{ color:#000099; font-weight:normal }

#pageguide {
	width:100%;
	margin:0;
	padding:0;
}

#pagetitle {
	background-color:#333399;
	font-size:20px;
	color:white;
	text-align:right;
	line-height:2em;
	padding:0 0.5em 0 0;
	margin:0 0 3px 0;
}

ul.pagemenu {
	text-align:left;
	margin-left:0.5em;
	padding-left:0;
	margin-top:0;
	margin-bottom:6px;
	font-weight:bold;
	list-style-type:none;
	clear:both;
	color:#FF9900;
}
ul.pagemenu li { display:inline; padding-right:10px }
ul.pagemenu li a:link{ color:#000099 }
ul.pagemenu li a:visited{ color:#000099 }
li#tomenu {	visibility:hidden }


p.imodetext {
	width:100%;
	font-size:0px;
	line-height:0;
	color:white;
	margin:0;
	padding:0;
	background-color:white;
}

#toplogo {
	width:100%;
	height:110px;
	background-color:#FFFFFF;
	background-image:url("../img/toplogo11.gif");
	background-repeat:no-repeat;
	background-position:left;
	border-top:solid 2px #333366;
}

div#toplogotopics {
	background-image:url("http://gakudou-osaka.net/wp/wp-content/themes/BB01G/images/50th/50thsite_title.gif");
	background-repeat:no-repeat;
	background-position:left;
	background-size:90px;
	width:auto;
	height:auto;
	background-color:#FFFFCC;
	border-width:1px 2px 2px 1px;
	border-style:solid;
	border-color:silver gray gray silver;
	border-radius:0.3em;
	margin-right:8px;
	margin-top:3px;
	padding:2px 6px 2px 100px;
	float:right;
}

#toplogotopics p {
	margin:0;
	font-weight:bold;
	line-height:1.2em;
	color:#FF9900;
}

#toplogotopics p#ttl10 {
	text-align:left;
	font-size:14px;
}
#toplogotopics p#ttl20 {
	text-align:center;
	font-size:18px;
	margin:2px 0;
	color:blue;
}
#toplogotopics p#ttl30 {
	text-align:right;
	font-size:14px;
}

.eventtitle {
	background-color:#FFFFCC;
	text-align:center;
	font-size:x-large;
	margin:0 10px 0 10px;
	line-height:1.5em;
}

.eventpretitle {
	background-color:#FFFFCC;
	text-align:left;
	line-height:1.5em;
	padding-left:1em;
	margin:6px 10px 0 20px;
	font-size:medium;
	font-weight:bold;
}

.eventposttitle {
	background-color:#FFFFCC;
	text-align:right;
	padding-right:1em;
	line-height:1.5em;
	padding-left:1em;
	margin:0 10px 6px 20px;
	font-size:medium;
}

ul.pankuzu {
	margin:0;
	padding:0 0 0 0.5em;
	font-size:16px;
	line-height:1.6em;
	background-color:#CCCCFF;
	color:black;
}
ul.pankuzu li { display:inline }
ul.pankuzu li a { font-weight:bold }
ul.pankuzu li a:link { color:#000099 }
ul.pankuzu li a:visited { color:#000099 }

#intro p {
	text-indent:1em;
	padding:0 0.5em;
	margin:0 0;
}

#content {
	width:100%;
	clear:both;
	margin:10px 0 10px 0;;
	padding:0;
}

#mainleft {
	width:29%;
	text-align:left;
	float:right;
	margin:0 0 10px 0;
	padding:10px 0;
}

#mainright {
	width:68%;
	float:left;
	text-align:left;
	margin:0 15px 0 0;
	padding:10px 0;
}

#mainright div {
	padding:0 0.5em 0 0;
	margin:0 0 1em 0;
	border-color:white silver silver white;
	border-style:solid;
	border-width:0px 2px 3px 0px;
	border-radius:0 0 1em 0;
	background-color:white;
}

div#intropict {
	background-image:url("../img/genkilogo1.gif");
	background-repeat:no-repeat;
	background-size:contain;
	border:0 white solid;
	width:auto;
	height:40px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:white;
}

h2 {
	line-height:1.2em;
	border-top:solid 6px #333399;
	border-bottom:solid 2px #CCCCFF;
	padding-left:0.5em;
}

ul {
	margin-left:1em;
	padding-left:0.5em;
	list-style-type:disc;
}

li ul {
	margin-left:1em;
	padding-left:0;
	list-style-type:circle;
}

/*             */

#mainleft div {
	padding:0 0.5em 0 0;
	margin:0 0 1em 0;
	border-color:white silver silver white;
	border-style:solid;
	border-width:0px 1px 2px 0px;
	border-radius:0 0 0.5em 0;
	background-color:#FFFFCC;
}

h4 {
	line-height:1.2em;
	border-top:solid 4px #990000;
	border-bottom:solid 1px #CC9999;
	padding-left:1em;
	color:black;
}

div#menutop { display:none }


#mainleft ul {
	margin-top:0.5em;
	margin-left:0.6em;
	padding:0;
}

#mainleft ul li {
	display:inline;
	padding:0;
	margin-right:0em;
	font-weight:normal;
	color:#FF9900;
}

#mainleft ul li a:link { color:blue; font-weight:normal; margin-right:0.3em }
#mainleft ul li a:visited { color:#000099; font-weight:normal; margin-right:0.3em }

ul.eventinfo li {
	line-height:120%;
}

ul.footmenu {
	width:100%;
	list-style-type:none;
	text-align:right;
	margin:0;
	padding:0;
	background-color:#CCCCFF;
	font-size:16px;
	line-height:1.2em;
}

ul.footmenu li {
	display:inline;
	margin:0 0.5em 0 0.5em;
	color:black;
}
ul.footmenu li a:link { color:black; font-weight:normal }
ul.footmenu li a:visited { color:black; font-weight:normal }

div.footer {
	width:100%;
	margin:0;
	padding:6px 0 3px 0;
	background-color:#333366;
	color:white;
	text-align:center;
	border-top:solid 1px silver;
}

div.footer p {
	font-size:20px;
	line-height:100%;
	margin:0;
}

p#copyright {
	font-size:12px;
	line-height:100%;
	margin:6px 10px 0 0;
	text-align:right;
}


p.rtnjmp {
	text-align:right;
	margin-top:0;
	margin-bottom:0;
	font-weight:bold;
	color:#FF9900;
}

img#hoikushil {
	margin-top:0px;
	margin-left:10px;
	margin-bottom:5px;
	float:right;
	width:90px;
	height:auto;
	border:solid 1px gray; 
}

input[type=text] {
	width:95%;
}
input[type=submit] {
	margin-left:0.5em;
}
div#searchbox2 ul li {
	display:list-item;
	margin:2px 0 3px 6px;
	padding:0;
	font-size:10pt;
	color:#000000;
	list-style:none;
}

/*  --------------- S-size ----------------------------------------------------------------------------------  


----------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:599px) {

a:link { color:darkgreen; font-weight:bold; text-decoration:none }
a:visited { color:green; font-weight:bold; text-decoration:none }
a:active { }
a:hover { text-decoration:underline }



#toplogo {
	width:100%;
	height:190px;
	background-image:url("../img/sakurasou12.gif");
	background-size:200px;
	background-repeat:no-repeat;
	background-position:0px 10px;
	background-color:rgba(204,255,153,0.3);
	border-top:solid 2px #333366;
}

div#toplogotopics {
	background-image:none;
	width:auto;
	height:auto;
	background-color:rgba(255,255,255,0.9);
	border-radius:0;
	border-width:2px 0 1px 0;
	border-color:white;
	margin-right:8px;
	margin-top:3px;
	padding:2px 6px 2px 6px;
	float:right;
}

#toplogotopics p {
	margin:0;
	font-weight:bold;
	line-height:1.2em;
	color:#FF9900;
}

ul#topnavi {
	list-style-type:none;
	margin:0.5em 1em 0 0; padding:0;
	font-size:16px;
	text-align:left;
}
ul#topnavi li { display:list-item; text-align:right; padding:0;margin-bottom:2px }
ul#topnavi li a:link{ color:#2f4f4f; font-weight:bold }
ul#topnavi li a:visited{ color:#2f4f4f; font-weight:bold }

li#tomenu {	visibility:visible }

div#intropict {
	background-image:url("../img/genkilogo2.gif");
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:35px;
	margin:0px;
	background-color:rgba(255,153,204,0.2);
}

div#content {
	position:relative;
}

div#mainleft {
	width:100%;
	text-align:left;
	float:none;
	margin:20px 0 0 0;
	padding:0;
	border-width:2px 0 1px 0;
	border-color:navy;
	border-style:solid;
}

div#mainleft div {
	padding:0 0 0.2em 0;
	margin:0 0 0 0;
	border-color:white silver silver white;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-radius:0 0 0 0;
	background-color:aliceblue
}

div#mainleft ul {
	margin:0 0 0 1em;
}

div#mainleft div ul li { color:navy; font-weight:normal }
div#mainleft div ul li a:link{ color:navy; font-weight:normal }
div#mainleft div ul li a:visited{ color:navy; font-weight:normal }

div#mainleft h4 {
	line-height:1em;
	border:none;
	border-left:solid 8px teal;
	padding:0 0 0 0.5em;
	margin:0 0 0 6px;
	color:black;
	font-size:small;
}

div#mainleft div#g10 h4 {
	border-top:none;
}

div#mainleft div#menutop {
	display:block;
	border-bottom:1px silver solid;
}

div#menutop p {
	text-align:right;
	margin:-1em 0.5em 0 0;
	line-height:1em;
}

div#menutop h4 {
	line-height:2em;
	border-left:none;
	padding:0;
	color:black;
	margin:0em 0 0 1em;
}

div#mainright {
	width:100%;
	float:none;
	text-align:left;
	margin:0 0p 0 0px;
	padding:4px 0;
	background-color:rgba(255,255,255,0.01);
	height:auto;
}

#mainright div {
	padding:0 0 0 0;
	margin:0 0 0 0;
	border:none;
	background-color:white;
}

h1.eventtitle {
	text-align:left;
	font-size:large;
	color:green;
	margin:0.5em 0.5em 0.5em 0.5em;
	line-height:1.2em;
	padding:0.5em 0.2em 0.5em 0.2em;
	border:silver solid 1px;
	background-color:rgba(204,255,153,0.25)
}

h2 {
	font-size:large;
	line-height:1.0em;
	border-width:3px 0 0 0;
	background-color:rgba(255,153,204,0.1); 
	border-color:deeppink;
	padding:0.5em 0 0.5em 0.5em ;
	margin:0;
}

ul {
	margin-left:1em;
	padding-left:0.5em;
	list-style-type:disc;
}

li ul {
	margin-left:1em;
	padding-left:0;
	list-style-type:circle;
}

ul.tile {
	margin:0;
	padding:0em;
	list-style-type:none;
}

ul.tile li {
	display:block;
	border-bottom:1px silver solid;
	margin:0;
	box-sizing:border-box;
	padding:0.5em 0.5em 0.5em 0.5em;
}

ul.tile li ul {
	margin-left:1em;
	padding-left:0;
	list-style-type:circle;
}

ul.tile li ul li {
	display:list-item;
	border:none;
	margin:0;
}

ul.footmenu {
	text-align:left;
	font-size:14px;
}

#copyright {
	font-size:12px;
	text-align:left;
}

div#intro {
	width:100%;
	background-color:rgba(255,255,255,0.01);
	padding-bottom:0.5em;
}

#maintopics {
	width:100%;
	background-color:rgba(255,255,255,0.01);
	margin:0;
}

#maintopics div {
	border:none;
	background-color:white;
	padding:0 0px 0 0;
	margin:0 0 0px 0;
}

#mainlower div {
	border:none;
	background-color:white;
	padding:0 0px 16px 0;
	margin:0 0 16px 0;
}

div.footer {
	width:100%;
	margin:0;
	padding:6px 0 3px 0px;
	background-color:#2f4f4f;
	color:white;
	text-align:left;
	border-top:solid 1px silver;
}

div.footer p {
	font-size:16px;
	line-height:100%;
	margin:0 0 0 6px;
}

p#copyright {
	font-size:10px;
	line-height:100%;
	margin:6px 10px 0 0;
	text-align:right;
}

ul.pankuzu {
	margin:0;
	padding:0 0 0 0.5em;
	font-size:16px;
	line-height:1.0em;
	background-color:rgba(0,102,051,0.15);
	border-top:solid 1px #2f4f4f;
	color:black;
}
ul.pankuzu li { display:inline }
ul.pankuzu li a { font-weight:bold }
ul.pankuzu li a:link { color:darkgreen }
ul.pankuzu li a:visited { color:green }

h1#pagetitle {
	background-color:#2f4f4f;
	font-size:20px;
	color:white;
	text-align:right;
	line-height:1em;
	padding:0.5em 0.5em 0.5em 0;
	margin:0 0 3px 0;
}

ul.pagemenu {
	color:hotpink;
}
ul.pagemenu li a:link { color:#2f4f4f }
ul.pagemenu li a:visited{ color:#2f4f4f }

p.rtnjmp {
	color:hotpink;
	background-color:#F8F8F8;
	line-height:1.5em;
}

ul.footmenu {
	width:100%;
	list-style-type:none;
	text-align:right;
	margin:0;
	padding:0;
	background-color:rgba(0,102,051,0.15);
	border-top:solid 1px #2f4f4f;
	font-size:14px;
	line-height:1.2em;
}

ul.footmenu li {
	display:inline;
	margin:0 0.5em 0 0em;
	color:black;
}

input[type=text] {
	width:90%;
}
input[type=submit] {
	margin-left:1em;
}

div#searchbox2 ul {
	padding:0 0 16px 0;
}

div#searchbox2 ul li {
	display:inline;
	margin:2px 0 3px 3px;
	padding:0;
	font-size:small;
	color:#000000;
	list-style:none;
}


}