@charset "utf-8";


.imgleft {
margin:0 1em 1em 0;
float:left;
}

.imgright {
margin:0 0 1em 1em;
float:right;
}


.fig {
text-align:center;
}
.fig img {
margin:0 auto;
}


@media screen and (max-width: 750px) {
	.imgleft {
	max-width:100%;
	display:block;
	float:none;
margin: 0 auto;
	}
	.imgright {
	max-width:100%;
	display:block;
	float:none;
margin: 0 auto;
	}
}

/* パンくず
----------------------------------------------------------- */


#pan {
clear:both;
width:100%;
background-image:url(/uminami/images/bg_dot.jpg);
overflow:hidden;
}

.panbox {
width:980px;
height:120px;
margin:0 auto;
font-size:12px;
text-align:left;
}

.title {
font-size:30px;
font-weight:700;
line-height:1.2;
letter-spacing:0.1em;
padding:36px 0 0 0;
color:#4C4C4C;
}

.panbox p {
font-size:13px;
color:#333;
}

.panbox a {
color:#333;
}

@media screen and (min-width: 751px) and (max-width: 970px) {
	.panbox {
	width:96%;
	margin:0 auto;
	}
}

@media screen and (max-width: 750px) {
	.panbox {
	width:96%;
	height:auto;
	background-image:none;
	}
	.title {
	font-size:20px;
	letter-spacing:0;
	padding:20px 0 0 0;
	}
	.panbox p {
	font-size:11px;
	}
}


/* 左メニュー
----------------------------------------------------------- */
.leftnav {
text-align:left;
margin:0 0 2em 0;
}

.leftnav div {
font-size:16px;
line-height:1.0;
width:100px;
color:#FFF;
text-align:center;
padding:8px 0;
margin:0 0 4px 0;
background-image:url(/uminami/images/bg_ora.jpg);
}

.leftnav  ul {
padding:0;
}

.leftnav ul li {
font-size:14px;
line-height:1.3;
border-bottom:1px dotted #666;
}

.leftnav ul li a {
display:block;
color:#000;
padding:14px 10px 12px 10px;
text-decoration:none;
background-image:url(/uminami/images/bg_yellow.jpg);
}

.leftnav ul li a:hover {
background-image: none;
background-image:url(/uminami/images/bg_ora.jpg);
}


/* メイン
----------------------------------------------------------- */
#main {
width:70%;
float:right;
text-align:left;
}

.mainbox {
text-align:left;
line-height:2.0;
margin:0 0 2em 0;
overflow:hidden;
}

.mainbox h2 {
clear:both;
color:#FFF;
font-size:26px;
font-weight:normal;
line-height:1.4;
padding:10px 14px 8px 14px;
margin:0 0 20px 0;
background-color:#5BBDEC;
text-align:center;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

.mainbox h3 {
clear:both;
font-size:22px;
font-weight:normal;
line-height:1.3;
color:#045FA6;
margin:1.5em 0 1em 0;
padding:12px 0 6px 0;
border-top:3px solid #5BBDEC;
border-bottom:1px dotted #666666;
}

.mainbox h2 + h3 {
margin-top:0;
}


.mainbox h4 {
clear:both;
font-size:20px;
font-weight:normal;
line-height:1.4;
color:#000;
padding:8px 12px 6px 20px;
margin:2em 0 1em 0;
background-image:url(/uminami/images/line2.jpg),url(/uminami/images/bg_dot2.jpg);
background-repeat:repeat-y,repeat;
background-position:0 0,0 0;
}

.mainbox h5 {
font-size:16px;
line-height:1.4;
color:#045FA6;
padding:0;
margin:1.5em 0 0.5em 0;
}

p.catch {
font-size:20px;
text-align:center;
line-height:1.6;
}


.mainbox a {
font-size:14px!important;
}

.name {font-size:24px;}

.red {
 color:#FF7F00;
}

.day { text-align:right;}

blockquote {
padding:20px 30px 6px 30px;
margin:0 0 1em 0;
border:1px solid #3198CC;
overflow:hidden;
}

.mainbox blockquote h3 {
font-size:20px;
font-weight:bold;
line-height:1.3;
letter-spacing:0.1em;
color:#3198CC;
margin:0 0 1em 0;
padding:8px 0;
border:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-image:none;
}

@media screen and (min-width: 751px) and (max-width: 970px) {
	#main {
	width:68%;
	padding:0 2% 0 0;
	}
	.mainbox h2 {
	font-size:26px;
	}
	.mainbox h3 {
	font-size:22px;
	}
	.mainbox h4 {
	font-size:18px;
	}
	.mainbox h5 {
	font-size:16px;
	}
}

@media screen and (max-width: 750px) {
	#main {
	width:96%;
	margin:0 auto 2em auto;
	padding:0;
	float:none;
	}
	.mainbox {
	line-height:1.6;
	}
	.mainbox h2 {
	font-size:22px;
	text-align:left;
	padding:10px 14px 8px 14px;
	}
	.mainbox h3 {
	font-size:18px;
	}
	.mainbox h4 {
	font-size:16px;
	}
	.mainbox h5 {
	font-size:15px;
	}
}


/* リスト系
----------------------------------------------------------- */

.mainbox ul {
margin:0 0 1em 0;
}

.mainbox ul li {
list-style-type:disc;
font-size:14px;
padding:8px 0 8px 26px;
border-bottom:1px dotted #777;
background-image:url(/uminami/images/li.jpg);
background-repeat:no-repeat;
background-position:0 1em;
}

.mainbox ol {
padding:0 0 0 26px;
margin:0 0 1em 0;
}

.mainbox ol li  {
list-style-type:decimal;
padding:6px 0 6px 0;
border-bottom:1px dotted #777;
}

@media screen and (max-width: 750px) {
	.mainbox ul li {
	background-position:0 0.75em;
	}
}


/* リンク　----------------------- */

.alink {
width:60%;
line-height:1.3;
margin:2em auto ;
color:#FFF;
text-align:center;
background-color:#E8E8E8;
background-image:url(/uminami/images/bg_green.jpg);
border:1px solid #CCC;
}

.alink a {
display:block;
color:#FFF;
font-size:20px!important;
padding:20px 20px 20px 0;
text-decoration:none;
text-align:center;
background-image:url(/uminami/images/bg_green.jpg),none;
}

.alink a:hover {
color:#FFF;
background-image:none;
background-color:#666;
}


@media screen and (max-width: 750px) {
	.alink {
	width:100%;
	font-size:16px;
	}
	.alink a {
	padding:14px 30px 14px 10px;
	text-align:left;
	}
}


/* テーブル------------------------------ */

table {
width:100%;
margin:0 0 1em 0;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
}

th {
min-width:100px;
font-size:13px;
padding:8px 12px;
font-weight:normal;
text-align:left;
border-bottom:1px dotted #999;
background-image:url(/uminami/images/bg_yellow.jpg);
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

td {
font-size:13px;
padding:8px 12px;
border-bottom:1px dotted #999;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

@media screen and (max-width: 750px) {
	table {
	width:100%;
	border:none;
	}
	th {
	width:100%;
	border:1px solid #CCC;
	padding:6px 0 4px 0;
	text-align:center;
	display:block;
	}
	td {
	width:100%;
	padding:4px 10px 20px 10px;
	border:none;
	display:block;
        }
}

.mainbox td p {
margin:0;
}

.mainbox td ul {
margin:0;
padding: 0 0 0 26px;
}

.mainbox td li {
font-size:13px;
border:none;
padding-left:0;
background-position:0 0.8em;
background-image:none;
}


/* ページフッター
---------------------------------------------*/

#pagefooter {
clear:both;
margin:2em 0 1em 0;
line-height:2.5em;
text-align:center;
}

#pagefooter a {
color:#FFF;
background-color:#999;
text-decoration:none;
padding:4px 14px;
margin:0;
}

#pagefooter a:hover {
background-color:#0860A8;
}

.current {
color:#000;
background-color:#FFF;
border:1px solid #999;
text-decoration:none;
padding:4px 14px;
margin:0;
}



/* お知らせ
-----------------------------------------------------*/

.informationbox h2 {
font-weight:700;
text-align:left;
margin-top:0;
padding:0 0 8px 0;
background-color:#FFF;
color:#045FA6;
border-bottom:3px solid #045FA6;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}


.informationbox dl {
overflow:hidden;
padding:8px 0;
border-bottom:1px dashed #666;
}

.informationbox dt {
width:20%;
float:left;
}

.informationbox dd {
width:76%;
float:right;
text-align:left;
}

@media screen and (max-width: 640px) {
	.informationbox dt {
	float:none;
	width:100%;
	}
	.informationbox dd {
	float:none;
	width:100%;
	}
}

/* 404　*/

.sitemapbox ul li {
background-image:none;
font-size:16px;
font-weight:700;
}

.sitemapbox li ul li {
list-style-type:none;
font-size:14px;
padding:8px 0 8px 26px;
border-bottom:1px dotted #777;
background-image:url(/uminami/images/li.jpg);
background-repeat:no-repeat;
background-position:0 1em;
}