@charset "utf-8";

/* ----- YoshinoWeb Style CSS3用定義 （IEは無視。当たり前です（笑）-------------- */

@media all and (max-width: 1000px) {

	body {
		font-family: "ＭＳ 明朝", serif;
		font-size: 12pt;
		line-height: 1.5em; 
		text-align: left;
		background-color: red;
		background: #ff0000 url("/img/yoshinoweb.gif") repeat-x left top;
	}

	.AllPageSize {
		width: 800px;
		line-height: 1.5em; 
		text-align: left;
		background: #ffffff url("/img/bg-header.png") repeat-x left top;
	}

}


@media all and (min-width: 1000px) {

	body {
		font-family: "ＭＳ 明朝",serif;
		line-height: 1.5em; 
		text-align: left;
		background: #fff5be url("/img/bg-wall.png") repeat-x;
	}

	.AllPageSize {
		width: 1024px;
	}

	.Info {
		margin: 10px 10px;
		padding: 10px;
		width: 710px;
		height: 150px;
		border: outset 10px #ffa07a;
		background-color: #ffffff;
		/* border: solid 2px #000000;*/
/*
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-box-shadow: 5px 5px 5px #808080;
		-moz-box-shadow: 5px 5px 5px #808080;
*/
		border-radius: 8px;
		box-shadow: 5px 5px 5px #808080;
	}
	.Info .InfoNaiyo {
		width: 510px;
		height: 80px;
		overflow: auto;
	}

	.Kanasama {
		margin: 1px 1px;
		padding: 1px;
		border: outset 2px #add8e6;
/*
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-box-shadow: 5px 5px 5px #808080;
		-moz-box-shadow: 5px 5px 5px #808080;
*/
		border-radius: 8px;
		box-shadow: 5px 5px 5px #808080;

	}

}

a,
a.active {
  text-decoration: none;
  font-weight: bold;
  color: #b21f88;
}
a:link, a.active:link {
  color: #cecece;
}
a:visited, a.active:visited {
  color: #cecece;
}

a:hover, a.active:hover {
  text-decoration: underline;
  color: #d23fa8;
}
a:focus, a.active:focus {
  outline: none;
}

.headerbg {
	margin: 12px 2px;
	background: #ff9900 url("/img/bg-header.png") repeat-x 0 10px;
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.headerCountArea {
	margin: 12px 2px;
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.headerCountArea .headerCounter {
	margin: 12px 2px;
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.headerMenu {
	margin: 12px 2px;
}


.header {
	height: 90px;
	color: #ffffff;
	font-weight:bolder;
	background: url("/img/logo.png") no-repeat top left;
}

.headerMenuList {
	margin: 12px 2px;
	padding: 2px 12px;
	color: #cecece;
	font-weight:bolder;
	background: #fff5be;
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.MainContentsArea {
	font-family: "ＭＳ 明朝", "serif";
	font-size: 12pt;
	font-weight:bolder;
	background: #ffffff;
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.MainMenuBox {
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

/* Ajaxに変更
.MainMenuTitle {
	margin: 1px 1px;
	padding: 2px 3px;
	color: #ffffff;
	font-weight:bolder;
	background: #ff9900;
	border: solid 2px #ffffff;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.MainMenuList {
	margin: 1px 1px;
	padding: 2px 3px;
	color: #cecece;
	font-weight:bolder;
	background: #fff5be;
	border: solid 2px #ffffff;
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

*/

.MainCenterContentsArea {
	margin: 3px 3px;
	padding: 2px 3px;
	font-family: "ＭＳ 明朝", "serif";
	font-size: 12pt;
	font-weight:bolder;
	background: #ffffff;
	border: solid 1px #bebebe;
}


.MainTaitleBar {
	margin: 1px 3px;
	padding: 3px 3px;
	background: #ff9900;
	color: #ffffff;
	font-weight:bolder;
	border: solid 2px #ffffff;
	border-style: solid solid none solid;
/*
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.MainContent {
	margin: 1px 3px;
	padding: 12px 13px;
	color: #000000;
	font-weight:bolder;
	background: #ffffff;
	border: solid 2px #ffffff;
	border-style: none solid solid solid;
/*
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}


/***
 * アコーディオンAjaxスタイル内容
 *
*/
.Accordion {
	overflow: hidden;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	background-color: #CCCCCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelContent a:link a.active:link a:visited a.active:visited {
	background-color: #cecece;
	color: #ffffff;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
	color: #000000;
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.AccordionPanelTabHover {
	color: #555555;
	border: solid 2px #ff0000;
/*
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #FFCC00;
	color: #ffffff;
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #ff9900;
	color: #ffffff;
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelContent {
	background-color: #FFFFCC;
	color: #cecece;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
	border: solid 2px #ffffff;
/*
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-box-shadow: 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px #808080;
*/
	border-radius: 8px;
	box-shadow: 5px 5px 5px #808080;
}