@charset "UTF-8";

/****************************************
		General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	}

header,footer,nav,article,section,aside { display: block; }

/****************************************
		Body Setting 
*****************************************/

body{
	color: #333333;
	font-size: 14px;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1;
	}

ul {
	list-style-type: none;
	}

img {
	width: auto; /* for ie 8 */
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
	}

hr { margin-bottom: 10px; }

.sp {
	display: none;
	}

/****************************************
		共通クラス設定
*****************************************/

p.more {
	margin: 20px 0;
	padding: 0 0 0 25px;
	background: url(../images/share/a_ico_001.png) no-repeat 0 center;
	clear: both;
	}

.title1 {
	font-size: 15px;
	margin-top:30px;
	padding: 15px 0px 15px 44px;
	border-bottom: 2px solid #aaaaaa;
	background: url(../images/share/tbr_ico_001.png) no-repeat 19px center;
	}

.title1s {
	font-size: 15px;
	margin-top:30px;
	margin-bottom: 20px;
	padding: 15px 0px 15px 44px;
	border-bottom: 2px solid #aaaaaa;
	background: url(../images/share/tbr_ico_001.png) no-repeat 19px center;
	}

.title1:first-child {
	margin-top:0px;
	}

.title1s:first-child {
	margin-top:0px;
	}

.title2 {
	font-size: 15px;
	padding: 15px 0px 15px 10px;
	border-bottom: 1px dotted #808080;
	}

/****************************************
		キャプション設定
*****************************************/

#caption  {
	height: auto;
	margin-bottom: 20px;
	clear: both;
	_zoom: 1;
	overflow: hidden;
	position: relative;
	}

#caption .captionTitle {
	/*
	position: absolute;
	top: 0px;
	left: 0px;*/
	width: 100%;
	padding: 8px;
	}

#caption img {
	float: right;
	display: none;
	}

h1#i44  { background: #FFD1D1!important; }
h1#i75  { background: #DECAE0!important; }
h1#i91  { background: #C7EEF9!important; }
h1#i163 { background: #F9DDBD!important; }
h1#i170 { background: #DEF7C4!important; }
h1#eventTitle{ color: #fff; background: #ee827c!important; }

/****************************************
		キャプション 背景設定
*****************************************/

#captionBkg  {
	clear: both;
	_zoom: 1;
	overflow: hidden;
	position: relative;
	z-index:0;
	}

#captionBkg .captionTitle {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 8px 49px;
	z-index: 5;
	}

#captionBkg img {
	float: right;
    filter:alpha(opacity=20);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=20)"; /* IE8用 */
    -moz-opacity:0.2; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.2;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.2; /* Firefox 1.5以上, Opera, Safari用 */
    z-index: 1!important;
	}

h1#i60  { background: #FFD1D1!important; z-index: 5!important;}
h1#i44  { background: #FFD1D1!important; z-index: 5!important;}
h1#i75  { background: #DECAE0!important; z-index: 5!important; }
h1#i91  { background: #C7EEF9!important; z-index: 5!important;}
h1#i163 { background: #F9DDBD!important; z-index: 5!important;}
h1#i170 { background: #DEF7C4!important; z-index: 5!important;}

/****************************************
		マージン設定
*****************************************/

/* padding-left */
.p0 { padding: 0px !important; }

/* margin */
.m0   { margin: 0px !important; }

/* margin-top */
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

/* Irregular margin-right */
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

/* margin-left */
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

/* margin-bottom */
.mb0  { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }

/****************************************
		a link
*****************************************/

a {
	color: #000;
	text-decoration: none;
	}

a:link {
	color: #000;
	text-decoration: none;
	}

a:visited {
	text-decoration: none;
	}

a:hover {
	color: #000;
	text-decoration: none;
	}

a:active {
	color: #000;
	text-decoration: none;
	}

/****************************************
		float
*****************************************/

.clear {
	clear: both;
	}

.l {
	float: left;
	}

.r {
	float: right;
	}

/****************************************
		florm
*****************************************/

input { color: #222222; font-size: 14px; padding: 5px; border: 1px solid #CBCCCC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="tel"], input[type="number"] { width: 25%; }
input[type="submit"] { display: block; padding: 10px 15px; border-radius: 0; cursor: pointer; }
input:hover { border: 1px solid #2690E8; background: #eefbff; }

button[type="submit"] { display: block; color: #fff; width: 100%; padding: 10px 0; text-align: center; line-height: 1.9; border: 0; background: #ee827c; cursor: pointer; }
button:hover { opacity: 0.5; }

textarea, select { color: #222222; font-size: 14px; width: 100%; padding: 5px; border: 1px solid #CBCCCC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

textarea { height: 8em; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }



/****************************************
		title
*****************************************/

h1 { 
	font-weight: bold;
	line-height: 150%;
	clear: both;
	_zoom: 1;
	overflow: hidden;
	}

h2 { 
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 150%;
	clear: both;
	_zoom: 1;
	overflow: hidden;
	}

h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
	clear: both;
	_zoom: 1;
	overflow: hidden;
	}

h4 { 
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
	clear: both;
	_zoom: 1;
	overflow: hidden;
	}

/****************************************
		h1 title
*****************************************/

.catlavel {
	font-weight: bold;
	margin-left: 20px;
	display: inline-block;
	}

.post h1 {
	font-size: 21px;
	margin-bottom: 20px;
	padding: 15px;
	border-bottom: 2px dotted #808080;
	}

.page h1 {
	font-size: 21px;
	margin-bottom: 14px;
	}

.post h2 , .page h2 {
	font-size: 17px;
	margin-bottom: 13px;
	padding: 4px 0px 2px 10px;
	border-left: 5px solid #FFD1D1;
z-index:10!important;
	}

.page h2 {
	font-size: 17px;
	margin-top: 40px;
	margin-bottom: 13px;
	padding: 4px 0px 2px 10px;
	border-left: 5px solid #FFD1D1;
	}

.page h2:first-child {
	margin-top: 0px;
	}

.page h2 span {
	color: #ee827c;
	font-size: 13px;
	line-height: 150%;
	display: block;
	}

.post h3 , .page h3 {
	color: #F39800;
	font-size: 16px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 10px;
	line-height: 170%;
	}

.post h4 , .page h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 170%;
	}

.page h4 span {
	color: #888;
	font-weight: normal
	font-size: 14px;
	display: block;
	}

.post p , .page p {
	margin-bottom: 15px;
	line-height: 170%;
	}

.post ul li  , .page ul li {
	margin: 0px 0px 10px 1.8em;
	list-style-type: disc;
	}

.post ol li  , .page ol li {
	margin: 0px 0px 10px 1.8em;
	line-height: 170%;
	list-style-type: decimal;
	}

.post blockquote {
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #ddd;
	background: #f9f9f9;
	}

/****************************************
		topbnr
*****************************************/

.topbnr {
	display: none;
	}

/****************************************
		topicpath
*****************************************/

#topicPath {
	font-size: 13px;
	margin: 0 4%;
	clear: both;
	_zoom: 1;
	overflow: hidden;
	}

#topicPath ul li {
	float: left;
	margin-right: 10px;
	line-height: 150%;
	}

#topicPath a:hover {
	text-decoration: underline;
	}

/****************************************
		color
*****************************************/

.tColor1   { color: #FFD1D1!important; } .bkgColor1   { background: #FFD1D1; }
.tColor2   { color: #DECAE0!important; } .bkgColor1   { background: #DECAE0; }
.tColor3   { color: #C7EEF9!important; } .bkgColor1   { background: #C7EEF9; }
.tColor4   { color: #F9DDBD!important; } .bkgColor1   { background: #F9DDBD; }
.tColor5   { color: #DEF7C4!important; } .bkgColor1   { background: #DEF7C4; }

/****************************************
		Main Layout
*****************************************/

#bodyShaddow {
	background: none!important;
	}

#body {
	width: 100%;
	max-width: 480px;
	min-width: 320px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	}

header {
	position: relative;
	}

body#index header {
	margin-bottom: 0px;
	}

#content { 
	width: 92%;
	margin: 0 4%;
	overflow: hidden;
	}

body#index #main {
	float: none;
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
	}

body#page #main {
	float: none;
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
	}

#base {
	width: 100%;
	float: none;
	}

#base.up {
	margin-top: -250px;
	}

#base2 {
	float: none;
	width: 100%;
	}

#side {
	float: none;
	width: 100%;
	clear: both;
	}

footer {
	clear: both;
	_zoom: 1;
	overflow: hidden;
	}

/****************************************
		header slide
*****************************************/

#slideshow {
	display: none;
	}

/****************************************
		post 
*****************************************/

.postbody {
	width: 100%;
	}

.page {
	margin: 0;
	z-index:7!important;
	}

.pageinner {
	margin: 0 0 20px 0;
	}

.post img{
	margin-bottom: 20px;
	}

.post {
	margin: 0;
	}

.postinner {
	margin: 0;
	}
	
.page img{
	margin-bottom: 20px;
	}

.listbox {
	margin-bottom: 30px;
	padding: 15px 15px 5px 15px;
	background: #efebe0;
	}

.post a , .page a {
	text-decoration: underline;
	}

.flow {
	margin: 0 0 20px;
	padding: 10px;
	border: 1px solid #ffd1d1;
	background: #ffd1d1;
	overflow: hidden;
	}

.btn-link { margin: 10px 0; text-align: center; }
.btn-link a { color: #fff; padding: 10px; background: #ee827c; display: block; }
.btn-link a:hover { opacity: 0.5; }

/****************************************
		post 
*****************************************/

.relation {
	margin-top: 40px;
	}

.relation  ul {
	width: 100%;
	margin: 0 auto;
	}


.relation  ul li a {
	margin: 10px 20px 10px 0;
	padding: 5px 0;
	text-decoration: underline;
	display: block;
}

/****************************************
		pageNav 
*****************************************/

.paging ul {
	margin: 30px 0px 20px 0px;
	overflow: hidden;
	clear: both;
}

.paging li {
	display: inline-block
	}

.paging li a {
	text-decoration: none;
	border: 1px solid #ddd;
	padding: .4em .6em;
	margin: 0px 5px 5px 0px;
	vertical-align: middle;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	display: inline-block;
}

.paging a:hover, .paging li.select a{
	color: #000;
	border-color: #ddd;
	background: #ddd;
}


.postdate {
	color: #000;
	font-size: 13px;
	margin: 20px 0;
	padding: 8px;
	background: #F2F2F2;
	clear: both;
	zoom: 1;
	overflow: hidden;
	}

.pageNav {
	margin: 10px 0;
	overflow: hidden;
	}

.backNav {
	float: left;
	}

.nextNav {
	float: right;
	}

/****************************************
		header Layout
*****************************************/

header img {
	vertical-align: bottom;
	}

header #headerBody {
	height: auto;
	}

header #headerLogo {
    float: none;
    width: 230px;
    margin: 20px 0 0 10px;
    margin-bottom: 20px;
	}

header #headerLogo h1 {
	line-height: 1;
	}

header #headerLink {
	display: none;
	/*float: none;*/
	/*width: 100%;*/
	/*margin: 0;*/
	/*background: red;*/
	}

header #headerLink ul li{
	float: none;
	}

header #headerLink ul li a {
	width: 100%;
	padding: 10px 8px;
	display: block;
	}

header #gNavi {
	display: none;
	z-index: 9999;
	position: absolute;
	left: 0px;
	top: 60px;
	width: 100%;
	}

header #gNavi li {
	float: none;
	list-style-type: none;
	}

header #gNavi li a {
	font-size: 15px;
	width: 100%;
	padding: 5px 8px;
	line-height: 1.6;
	text-align: left;
	display: block;
	}

header #gNavi ul li a span {
	font-size: 10px;
	display: block;
	}

header #gNavi li.nav1 a { background: #FFD1D1; }
header #gNavi li.nav2 a { background: #DECAE0; }
header #gNavi li.nav3 a { background: #C7EEF9; }
header #gNavi li.nav4 a { background: #F9DDBD; }
header #gNavi li.nav5 a { background: #DEF7C4; }

header #gNavi li.nav1 a:hover { background: #EE827C; }
header #gNavi li.nav2 a:hover {	background: #B184BC; }
header #gNavi li.nav3 a:hover {	background: #8DD3DB; }
header #gNavi li.nav4 a:hover {	background: #F4A127; }
header #gNavi li.nav5 a:hover {	background: #88C449; }

/****************************************
		header Layout
*****************************************/

.headerBanner {
	margin: 0 4%;
	}

.headerBanner a { margin: 0 0 10px 0; display: block; }

/****************************************
		footer Layout
*****************************************/

footer #footerAddress {
	float: none;
	margin: 20px 0;
	padding: 10px;
	line-height: 1.6;
    text-align: center;
	}

footer #footerLink {
	float: none;
	width: 100%;
	}

footer #footerLink ul li{
	float: left;
	font-size: 13px;
	width: 48%;
	margin: 0 1% 1% 1%;
	}

footer #footerLink ul li a {
	width: 100%;
	font-weight: bold;
	padding: 10px 5px;
	display: block;
	}

p.copy {
	font-size: 12px;
	padding: 10px 0px 5px 0px;
	text-align: center;
	line-height: 150%;
	background: #FFD1D1;
	clear: both;
	}

/****************************************
		side Layout
*****************************************/

#side img {
	vertical-align: bottom;
	}

#side .sideBanner {
	text-align: center;
	}

#side .sideBanner a.bnr-cps ,
#side .sideBanner a.bnr-dl ,
#side .sideBanner a.bnr-dl { display: none; }

#side .sideBannerLast { 
	width: 240px;
	margin: 0 auto;
}

#side .sideBannerLast  a.bnr-doc {display: none;}

#side #sNavi {
	margin-bottom: 20px;
	overflow: hidden;
	}

#side #sNavi li {
	list-style-type: none;
	}

#side #sNavi li:nth-child(1),
#side #sNavi li:nth-child(3),
#side #sNavi li:nth-child(4),
#side #sNavi li:nth-child(5),
#side #sNavi li:nth-child(6) {display: none; }


#side #sNavi li a {
	font-weight: bold;
	float: none;
	width: 100%;
	padding: 10px 0 10px 40px;
	background: url(../images/share/li_ico_001.png) no-repeat 10px center;
	border-bottom: 1px solid #aaaaaa;
	display: block;
	}

#side #sNavi li a span { display: block; line-height: 170%;}

#side #sNavi li a:hover {
	background: url(../images/share/li_ico_001.png) no-repeat 10px center #f2f2f2;
	}

/****************************************
		sideLink
*****************************************/

#side  .sideLink {
	clear: both;
	}

#side  .sideLink  a {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	padding: 10px 0;
	background: #ffd1d1;
	color: #000;
	text-align: center;
	}

/****************************************
		news
*****************************************/

.news {
	margin-bottom: 20px;
	}

.news ul li {
	list-style-type: none;
	border-bottom: 1px dotted #000;
	}

.news ul li a {
	color: #000;
	padding: 10px 8px;
	text-decoration: none;
	display: block;
	}

.news ul li a:hover {
	background: #f2f2f2;
	}

.news ul li span.category {
	margin: 0;
	display: block;
	}

.news ul li span.date{
	float: none;
	margin: 0;
	line-height: 1.6;
	display: block;
	}

.news ul li span.title{
	float: none;
	margin: 0;
	line-height: 1.6;
	display: block;
	}

.c1 { color: #EE827C; }
.c2 { color: #B184BC; }
.c3 { color: #8DD3DB; }
.c4 { color: #F4A127; }
.view, .e-calendar  { color: #F4A127!important; }
.c5 { color: #88C449; }
	.study , .aozora, .obihiro , .opencollege  { color: #88C449; }
	.library{ color: #88C449; }
	.meeting{ color: #88C449; }

/****************************************
		mainmenu
*****************************************/

.mainMenu {
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	}

.mainMenu ul {
	margin: 0;
	zoom: 1;
	overflow: hidden;
	}

.mainMenu ul li {
	float: none;
	margin: 0;
	width: 100%;
	display: block;
	}

.mainMenu ul li a {
	font-weight: bold;
	padding: 10px 8px;
	border-bottom: 1px dotted #000;
	display: block;
	}

.mainMenu ul li a:hover {
	background: #f2f2f2;
	}

/****************************************
		menuList
*****************************************/

.menuList {
	width: 100%;
	margin: 0;
	}

.menuList ul {
	margin: 0;
	zoom: 1;
	overflow: hidden;
	}

.menuList ul li {
	float: none;
	margin: 0 20px 20px 0;
	width: 100%;
	display: block;
	zoom: 1;
	overflow: hidden;
	}

.menuList ul li.color1  { background: #F9DDBD; }
.menuList ul li.border1 { border: 1px solid #F9DDBD; }

.menuList ul li p a {
	padding: 13px 0 13px 8px;
	display: block;
	}

.menuList ul li p a:hover {
	background: #f2f2f2;
	}

/****************************************
		col3List
*****************************************/

div.col3List {
	width: 100%;
	margin: 0px auto;
	clear: both;
	zoom: 1;
	overflow: hidden;
	}

div.col3List ul {
	margin: 0px;
	zoom: 1;
	overflow: hidden;
	}

div.col3List ul li {
	float: left;
	margin: 0 10px 20px 0;
	width: 100%;
	display: block;
	}

div.col3List ul li img {
	float: left;
	margin: 0px 0px 0px 0px;
	max-width: 35%;
	vertical-align: bottom;
	}

div.col3List ul li h4 {
	font-size: 13px;
	margin: 0px;
	padding: 7px;
	}

div.col3List ul li p.message {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	background: none;
	}

div.col3List ul li p.name {
	clear: both;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 6px 10px;
	border-bottom: 1px dotted #B3B3B3;
	}

div.col3List ul li p.name span {
	display: block;
	float: right;
	}

div.col3List ul li p.desc {
	clear: both;
	font-size: 12px;
	width: 70%;
	}

div.col3List ul li p.btn  {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #c6eef8;
	float: right;
	}

div.col3List ul li p.btn a {
	width: 70px;
	padding: 15px 0px;
	display: block;
	}


/****************************************
		column
*****************************************/

.colh {
	width: auto;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 20px 20px;
	_zoom: 1;
	overflow: hidden;
	background: #F9DDBD;
	}

.colh p {
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #808080;
	}

.colh h1 {
	font-size: 23px;
	}

.colh h1 span {
	color: #666666;
	font-size: 14px;
	display: block;
	}

.colhL {
	float: left;
	width: 62.5%;
	}

.colhR {
	float: right;
	width: 31.25%;
	}

.page .colhR img {
	max-width: 100%;
	height: auto;
	}

.colC {
	width: auto;
	margin: 0 auto;
	padding: 35px 10px 0px 10px;
	border-top: 1px dotted #808080;
	_zoom: 1;
	overflow: hidden;
	}

.colL {
	width: 100%;
	float: none;
	}

.page .colL .profileimg {
	max-width: 100%;
	float: none;
	}

.colR {
	width: 100%;
	float: none!important;
	}

.colL dl { 
	padding: 10px;
	clear: both;
	_zoom: 1;
	overflow: hidden;
	}

.colL dl dt {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 150%;
	}

.colL dl dd.university {
	font-size: 16px;
	}

.colL dl dd {
	margin-bottom: 30px;
	line-height: 150%;
	}

.colL h2 {
	font-size: 13px;
	margin: 0 0 20px 0;
	padding: 8px 10px;
	border: 0px;
	background: #F9DDBD;
	}

.colL h3  {
	color: #F39800;
	font-size: 16px;
	margin: 0 0 5px 10px;
	}

.colR h3 {
	color: #F39800;
	font-size: 16px;
	margin-bottom: 5px;
	}

.colR .title {
	padding: 0px 10px;
	margin-bottom: 10px;
	}

.colL p , .colR p {
	padding: 10px;
	}

/****************************************
		histry
*****************************************/

ul.histry {
	margin: 0px;
	margin-bottom: 60px;
	border-top: 1px solid #ccc;
	zoom: 1;
	overflow: hidden;
	}

ul.histry li {
	margin: 0px;
	padding: 18px 20px;
	border-bottom: 1px solid #ccc;
	zoom: 1;
	overflow: hidden;
	}

ul.histry li .histryL {
	float: none;
	color: #FFD1D1;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 10px;
	width: 95px;
	}

ul.histry li .histryR {
	float: none;
	width: 100%;
	}

ul.histry li .histryR ul li {
	border: none;
	margin-bottom: 8px;
	padding: 0;
	}

ul.histry li .histryR ul li:last-child {
	margin-bottom: 0;
	}

ul.histry li .histryR ul li span.m {
	font-size: 15px;
	font-weight: bold;
	width: 40px;
	margin-right: 13px;
	margin-bottom: 15px;
	line-height: 150%;
	vertical-align: top;
	}

ul.histry li .histryR ul li span.t {
	float: right;
	font-size: 15px;
	margin-bottom: 15px;
	width: 100%;
	line-height: 150%;
	display: inline-block;
	}

/****************************************
		sitemap
*****************************************/

ul#sitemap h2 , ul#sitemap h3, ul#sitemap h4 { margin-top: 0px; }

ul#sitemap h2 { margin-top: 30px!important; }

ul#sitemap h2:first-child { margin-top: 0px; }

ul#sitemap h2 a { text-decoration: none; }

ul#sitemap {
	margin: 30px 0 0px 0;
	list-style-type: none;
	}

ul#sitemap li {
	margin-bottom: 10px;
	padding: 0px;
	/*background: #ccc;*/
	list-style-type: none;
	}

ul#sitemap li ul {
	margin: 15px 0 0px 0;
	}

ul#sitemap li ul li {
	/*background: #aaa;*/
	}

ul#sitemap li ul li ul li {
	/*background: #ccc;*/
	}

ul#sitemap li ul li ul li ul li {
	/*background: #eee;*/
	}

ul#sitemap li a:hover {
	text-decoration: underline;
	}

/****************************************
		postcal
*****************************************/

.postcal {
	padding-bottom: 30px;
	border-bottom: 1px dotted #808080;
	clear: both;
	zoom: 1;
	overflow: hidden;
	}

.postcal:first-child {
	border-top: 1px dotted #808080;
	}

.postcal h2 {
	font-size: 20px;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	border: none;
	}

.postcal p.date {
	font-size: 18px;
	font-weight: bold;
	width: 170px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	background: #F9DDBD;
	}

.postcal p.date span {
	font-size: 13px;
	font-weight: normal;
	margin-left: 9px;
	}

.postcal p.more {
	float: none;
	margin: 0px 0px 0px 20px;
	}

.postcal p.more a:hover {
	text-decoration: underline;
	}


/****************************************
		schedule
*****************************************/

dl.schedule { 
	margin-bottom: 25px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #808080;
	zoom: 1;
	overflow: hidden;
	}

dl.schedule:last-child { 
	border-bottom: none;
	}

dl.schedule dt {
	float: none;
	font-weight: bold;
	width: 80px;
	margin-bottom: 15px;
	padding: 5px 0px;
	text-align: center;
	line-height: 150%;
	background: #F9DDBD;
	vertical-align: top;
	}

dl.schedule dd {
	float: none;
	width: 100%;
	margin-bottom: 15px;
	padding: 5px 0px;
	line-height: 150%;
	vertical-align: top;
	}

/*===========================
table 設定
=========================*/

#base table#num td {
	text-align: right;
	}

#base table {
	font-size: 13px;
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #e6e6e6;
	}

#base table caption {
	color: #F39800;
	font-size: 14px;
	font-weight: bold;
	line-height: 170%;
	padding: 10px 0;
	}

#base table th {
	color:#444444;
	font-weight: bold;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #e6e6e6;
	padding: 5px;
	text-align: center;
	line-height: 150%;
	}

#base table td {
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 5px;
	line-height: 150%;
	}

/****************************************
		sitemap
*****************************************/

.activity {
	margin: 30px 10px 0px 10px;
	zoom: 1;
	overflow: hidden;
	position: relative;
	}

.activity h2 {
	color: #333333;
	margin-bottom: 5px;
	}

.activity img {
	float: left;
	max-width: 220px;
	margin-bottom: 10px;
	}

.activityText {
	float: none;
	width: 100%;
	}

.activityTextImg {
	float: none;
	width: 100%;
	}

.activityText p.date {
	margin: 10px 0 0 0;
	padding: 10px 0 5px 0;
	width: 100%;
	border-top: 1px dotted #ccc;
	}

.activityTextImg p.date {
	padding: 10px 0 5px 0;
	width: 100%;
	border-top: 1px dotted #ccc;
	position: relative;
	}

/* 共通 設定
----------------------------------------------------------- */
.hidden  { display:none!important;　margin:10px; }
.error    { color: #F00; font-size: 13px; margin: 5px 0px; line-height: 150%; display: block; }
.noerror{ color: #F00; font-size: 13px; margin: 5px 0px; line-height: 150%; display: block; }

/* カレンダー
----------------------------------------------------------- */
.calendar { margin: 20px auto 20px auto; }
.calendar table { font-size: 16px; width: 99%; margin: 0 auto 20px auto; border-collapse: collapse; border-spacing: 0; line-height: 20px; }
@media only screen and (min-width: 0px) and (max-width: 600px) { .calendar table { font-size: 13px; } }
@media only screen and (min-width: 601px) and (max-width: 1000px) { .calendar table { font-size: 13px; } }
.calendar table caption { padding: 0 0 20px 0; }
.calendar table th { padding: 3px; text-align: center; background-color: #eee; }
.calendar table td { width: 14.28%; border: 1px solid #ddd; }
.calendar table span, .calendar table label { display: block; padding: 10px; text-align: center; }
.calendar table a { display: block; text-decoration: underline; }

#side .calendar table { font-size: 14px; }
#side .calendar table caption { padding: 5px; }
#side .calendar span, #side .calendar label { padding: 5px; }
@media only screen and (min-width: 0px) and (max-width: 600px) { #side .calendar { display: none; } }
@media only screen and (min-width: 601px) and (max-width: 1000px) { #side .calendar { display: none; } }

/* 月別前後リンク
----------------------------------------------------------- */
.navi { float: right; width: 139px; }
.navi .l, .navi .r { line-height: 130%; }
.navi .l:before { content: "◀"; color: #FFD1D1; margin-right: 3px; }
.navi .r:after { content: "▶"; color: #FFD1D1; margin-left: 3px; }

/* 月別リスト
----------------------------------------------------------- */
.Evc_jump ul { display: inline-block; padding: 5px 0; width: 100%; height: 25px; position: relative; }
.Evc_jump ul:hover li, .Evc_jump ul:focus li { display: block; }
.Evc_jump ul li { display: none; float: left; width: 100%; padding: 4px 0 5px 25px; background: #FFD1D1; box-sizing: border-box; }
.Evc_jump ul li:first-of-type { display: inline-block; width: 100%; padding: 6px 0 6px 20px; }
.Evc_jump ul li:hover, .Evc_jump ul li:focus { background: #EE827C; cursor: pointer; }
.Evc_jump ul li span { padding: 0 !important; }
.Evc_jump ul li span:before { content: "▼"; padding-right: 2px; color: #fff; }
.Evc_jump ul li a { display: inline-block; }

/* カテゴリー一覧
----------------------------------------------------------- */
#calendarInfo { margin-bottom: 20px; clear: both; overflow: hidden; }
#calendarInfo li { float: left; display: block; width: 180px; margin: 0 10px 0 0; text-align: left; }

#side #calendarInfo li { float: none; display: block; width: 100%; margin: 0 0 10px 0; line-height: 1.7; }

/* 記事一覧
----------------------------------------------------------- */
#event h1, #event h2, #event h3 { font-size: 20px; font-weight: bold; line-height: 145%; margin: 0 0 15px 0; padding: 6px 0 4px 15px; border-left: 5px solid #ddd; }
#event h1 span, #event h2 span, #event h3 span { float: right; display: inline-block; padding: 3px 10px; color: #fff; font-size: 13px; font-weight: normal; line-height: 150%; }
#event article { position: relative; margin: 0 0 20px 0; border: 1px solid #ddd; background: #fff; overflow: hidden; }
#event article:last-child { margin-bottom: 0; }
#event article .inner { padding: 22px 30px; overflow: hidden; }
@media only screen and (min-width: 0px) and (max-width: 600px) { #event article .inner { padding: 10px 15px; } }
@media only screen and (min-width: 601px) and (max-width: 1000px) { #event article .inner { padding: 10px 15px; } }
#event article .data { clear: both; }
#event article p { margin-bottom: 10px; line-height: 1.9; }
#event article img { max-width: 100%; margin: 0 0 20px 0; }
@media only screen and (min-width: 0px) and (max-width: 600px) { #event article img { float: none; width: 100%; margin: 0 0 20px 0; } }
@media only screen and (min-width: 601px) and (max-width: 1000px) { #event article img { float: none; width: 100%; margin: 0 0 20px 0; } }
#event article .more { margin: 20px 0 0 0; text-align: right; }
#event article .btn-request { margin: 10px 0; text-align: center; }
#event article .btn-request a { color: #fff; padding: 10px; background: #ee827c; display: block; }
#event article .btn-request a:hover { opacity: 0.5; }

/* イベントテーブル
----------------------------------------------------------- */
#event table { width: 100%; border-collapse: collapse; border-spacing: 0; clear: both; _zoom: 1; }
#event table caption { color: #fff; font-size: 14px; font-weight: normal; padding: 10px 19px; text-align: left; background: #736357; }
#event table tr { border-top: 1px solid #cfc9c6; border-bottom: 1px solid #cfc9c6; }
#event table tr:last-child { border-bottom: none; }
#event table th { font-size: 14px; width: 207px; padding: 11px 13px 9px 12px; font-weight: 600; text-align: left; line-height: 145%; vertical-align: middle; background: #faf7f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media only screen and (min-width: 0px) and (max-width: 600px) { #event table th { display: block; width: 100%; } }
@media only screen and (min-width: 601px) and (max-width: 1000px) { #event table th { display: block; width: 100%; } }
#event table td { font-size: 14px; padding: 11px 24px 9px 24px; line-height: 145%; }
@media only screen and (min-width: 0px) and (max-width: 600px) { #event table td { display: block; padding: 11px 0px 9px 0px; } }
@media only screen and (min-width: 601px) and (max-width: 1000px) { #event table td { display: block; padding: 11px 0px 9px 0px; } }
#event table ul li { float: left; list-style-type: none; margin: 0; padding: 0; }
@media only screen and (min-width: 0px) and (max-width: 600px) { #event table ul li { float: none; } }
@media only screen and (min-width: 601px) and (max-width: 1000px) { #event table ul li { float: none; } }




/* -----------------------------------------------------------

 スマートフォン用 メニューボタン 設定

----------------------------------------------------------- */

#navbox      { position: absolute; top: 10px; right: 0; height: 50px; display: table; z-index: 9999; }
#menu_button { position: relative; width:80px; height:50px; cursor: pointer; }
#menu_button:before { position: absolute; top: -2px; left: 32%; content:"menu"; display:block; background: transparent; color: #FFD1D1; font-size: 10px ;text-align: center; }

.bar         { position: absolute; top: 20px; left: 26px; width: 28px; height: 4px; background-color: #FFD1D1; display: block; transition: all 0.1s ease; -o-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -ms-transition: all 0.1s ease; }
.bar:before  { content: ""; position: absolute; top: -9px; left: 0px; width: 28px; height: 4px; background-color: #FFD1D1; display: block; transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
.bar:after   { content: ""; position: absolute; top: 9px; left: 0px; width: 28px; height: 4px; background-color: #FFD1D1; display: block; transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }

#body.show .bar { background-color: transparent; }
#body.show .bar:before { top: 0px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg); -ms-transform: rotate(405deg); transform: rotate(405deg); background-color: #AD0E16; }
#body.show .bar:after { top: 0px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg); -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); background-color: #AD0E16; }