@charset "utf-8";


h1    {
	border-bottom: 1px dotted #333;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	padding: 0;
	text-align: left;
	font-size: 20px;
	line-height: 20px;
}
h1 img {
	width: 100%;
}


#chirashi_button   {
	margin: 10px 0;
	padding: 0;
	width: 100%;

}

ul.chirashi {
	margin: 0;
	padding: 0;
}
ul.chirashi li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.chirashi a , ul.chirashi a:visited {
	margin: 0;
	padding: 2% 0;
	width: 100%;
	border-radius: 20px;
	display: block;
	color: #FFF;
	font-size: 18px;
	background-color: #F00;
	-webkit-box-shadow: 2px 2px 5px #595959;
	box-shadow: 2px 2px 5px #595959;
	text-decoration: none;
}
 ul.chirashi a:hover ,  ul.chirashi a:active,  ul.chirashi a:focus{
	margin: 0;
	width: 100%;
	border-radius: 20px;
	display: block;
	color: #FFF;
	font-size: 18px;
	background-color: #575757;
	text-decoration: none;
}


#mapframe iframe {
	margin: 10px 0 0 0;
	width: 100%;
	border: 1px solid #666;
	height: 400px;
}


#mapframe a  {
	font-size: 12px;
	color: #1D62A3;
	line-height: 12px;
	text-align: left;
}
#mapframe a:visited  {
	color: #1D62A3;
	text-align: left;
}
#mapframe a:hover  {
	color: #333;
	text-align: left;
}




#event_box {
	padding: 10px 0;
	margin: 20px 0;
	background-image: url(../images/chirashi_tenpo/tenpo/box_bg.jpg);
}
#event_box img {
    width: 80%;
    margin: 0 auto;
    display: block;
}

#event_box h2 {
	border-bottom: 1px dotted #000;
	text-align: left;
	margin: 0 0 10px 0;
	padding-left: 25px;
	font-size: 20px;
	line-height: 24px;
	background-image: url(../images/chirashi_tenpo/tenpo/h2_left.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #333;
}

#event_box p {
	margin: 0 auto;
	width: 90%;
	text-align: center;
	color: #333;
}

#event_box_yoko {
	padding: 10px 0;
	margin: 20px 0;
	background-image: url(../images/chirashi_tenpo/tenpo/box_bg.jpg);
}
#event_box_yoko img {
	width: 100%;
}

#event_box_yoko h2 {
	border-bottom: 1px dotted #000;
	text-align: left;
	margin: 0 0 10px 0;
	padding-left: 25px;
	font-size: 20px;
	line-height: 24px;
	background-image: url(../images/chirashi_tenpo/tenpo/h2_left.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #333;
}

#event_box_yoko p {
	margin: 0 auto;
	width: 90%;
	text-align: center;
	color: #333;
}



#event_box_w {
	padding: 10px 0;
	margin: 20px 0;
	background-image: url(../images/chirashi_tenpo/tenpo/box_bg.jpg);
}
#event_box_w img {
    width: 48%;
    display: block;
    margin: 0.5%;
    float: left;
}

#event_box_w h2 {
	border-bottom: 1px dotted #000;
	text-align: left;
	margin: 0 0 10px 0;
	padding-left: 25px;
	font-size: 20px;
	line-height: 24px;
	background-image: url(../images/chirashi_tenpo/tenpo/h2_left.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #333;
}

#event_box_w p {
	margin: 0 auto;
	width: 90%;
	text-align: center;
	color: #333;
}



#tenpo   {
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 30px;
}
#tenpo table {

}
#tenpo table td {
	padding: 2px 2px 2px 10px;
}
#tenpo table p {
	color: #333;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;
}


#tenpo table a:link  {
	color: #0065AE;
	text-align: center;
	text-decoration: none;
}
#tenpo table a:hover {
	color: #0065AE;
	text-decoration: underline;
}
#tenpo table a:visited  {
	color: #0065AE;
	text-decoration: none;
}
#part_button   {
	margin: 10px 0;
	padding: 0;
	border-radius: 20px;
	width: 100%;
}
ul.part {
	margin: 0;
	padding: 0;
}
ul.part li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.part a , ul.part a:visited {
	margin: 0;
	padding: 1% 10%;
	width: 80%;
	border-radius: 20px;
	display: block;
	color: #FFF;
	font-size: 18px;
	background-color: #527FC6;
	-webkit-box-shadow: 2px 2px 5px #595959;
	box-shadow: 2px 2px 5px #595959;
	text-decoration: none;
	text-shadow: 2px 2px 2px #333;
	height: 24px;
	line-height: 24px;
}
 ul.part a:hover ,  ul.part a:active,  ul.part a:focus{
	margin: 0;
	width: 80%;
	border-radius: 20px;
	display: block;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #575757;
	text-decoration: none;
}


#sistem   {
	border: solid 1px #333;
	margin: 0 0 20px 0;
}
#sistem table {
	border-left-color: #999;
	border-top-color: #999;
	border-left-style: solid;
	border-top-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
}
#sistem table td {
	border-right-color: #999;
	border-bottom-color: #999;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-width: 1px;
	padding: 2px;
	border-bottom-width: 1px;
}
#sistem table p {
	color: #333;
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 10px;
	text-align: left;
}


#sistem table a:link  {
	color: #0065AE;
	text-align: center;
	text-decoration: none;
}
#sistem table a:hover {
	color: #0065AE;
	text-decoration: underline;
}
#sistem table a:visited  {
	color: #0065AE;
	text-decoration: none;
}


#tenpo_l {
	margin-top: 10px;
	margin-right: 0;
	margin-left: 1%;
	margin-bottom: 20px;
	width: 48%;
	padding: 0;
	float: left;
}
.textleft {
	margin: 0;
	text-align: right;
	font-size: 12px;
	line-height: 12px;
}

#tenpo_r  {
	margin-top: 10px;
	margin-right: 1%;
	margin-left: 0;
	margin-bottom: 20px;
	float: right;
	width: 48%;
}
#tenpo_r img  {
	width: 100%;
}
h5   {
	padding: 8px 10px 5px 10px;
	margin: 0;
	font-size: 15px;
	text-align: left;
	line-height: 15px;
	font-weight: normal;
	background-color: #333333;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #FFFFFF;
}
#part_button img {
	width: 25px;
	float: right;
}
.style_red {
	color: #FF0000;
}
.oshirase {
    margin: 0 auto 10px auto;
    width: 100%;
}
.oshirase h2 {
    background-color: #FF0000;
    color: #FFFFFF;
    font-size: 20px;
    padding: 7px 0 5px 0;
    margin: 0 0 5px 0;
    line-height: 20px;
}
.oshirase h3 {
    margin: 10px 0 0 0;
    text-align: right;
    display: block;
    padding: 0 5px 0 0;
    font-weight: normal;
    font-size: 15px;
}

.oshirase p {
    margin: 0 auto;
    text-align: left;
    font-size: 15px;
    width: 100%;
}
.oshirase .textred {
    color: #FF0000;
    font-weight: bold;
}
.text_osirase {
    margin: 0 auto;
    width: 98%;
}
.text_osirase h3 {
    background-color: #FF0000;
    margin: 0 0 10px 0;
    color: #FFFFFF;
    font-size: 25px;
}
.text_osirase p {

}













/* Media query for tablets */
@media print, screen and (max-width:700px) {
h1  {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 20px;
	line-height: 20px;
}
h1 img {
	width: 100%;
}

#tenpo_l  {
	margin-top: 10px;
	margin-right: 0;
	margin-left: 1%;
	margin-bottom: 20px;
	width: 48%;
	padding: 0;
	float: left;
}
#tenpo_l img   {
	margin: 0;
	width: 100%;
	max-width: 380px;
}
#tenpo_r  {
	margin-top: 10px;
	margin-right: 1%;
	margin-left: 0;
	margin-bottom: 20px;
	float: right;
	width: 48%;
}
#tenpo_r img  {
	width: 100%;
}
#part_button img {
	width: 33px;
	float: right;
}
ul.part a , ul.part a:visited {
	font-size: 15px;
	padding: 1% 2%;
	width: 96%;
}
ul.part a:hover , ul.part a:active, ul.part a:focus {
	font-size: 15px;
	padding: 1% 2%;
	width: 96%;
}
}



/*media query for small screen devices */
@media print, screen and (max-width:480px) {

h1 img  {
	width: 100%;
}
h1  {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 20px;
	line-height: 20px;
}
#tenpo_l  {
	margin: 0 auto 10px auto;
	width: 100%;
	padding: 0;
	float: none;
}
#tenpo_l img   {
	margin: 0;
	width: 100%;
}
#tenpo_r  {
	margin: 0 auto 10px auto;
	float: none;
	width: 100%;
}
#tenpo_r img  {
	width: 100%;
}

#tenpo table td {
	padding: 3px;
}
#tenpo table p {
	color: #333;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#sistem table td {
	border-right-color: #999;
	border-bottom-color: #999;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-width: 1px;
	padding: 2px;
	border-bottom-width: 1px;
}
#sistem table p {
	color: #333;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#part_button img {
	width: 25px;
	float: right;
}
ul.part a , ul.part a:visited {
	font-size: 15px;
	padding: 1% 2%;
	width: 96%;
}
ul.part a:hover , ul.part a:active, ul.part a:focus {
	font-size: 15px;
	padding: 1% 2%;
	width: 96%;
}
}