@charset "shift_jis";
/* CSS Document */

/* -----------------------------------------------------------
	clearfix
----------------------------------------------------------- */
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

/* IE6 hack */
* html .clearfix {
	height: 1%;
}

/* IE7 hack */
*:first-child+html .clearfix {
	min-height: 1%;
}

/* -----------------------------------------------------------
	container
----------------------------------------------------------- */

div#container {
	width: 740px;
	margin: 0 auto 20px auto;
	padding: 0;
	font-size: 82%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
}

div#container p#textTitle {
	font-size: 110%;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
}

div#container p#textTitle span {
	margin: 0 35px 0 0;
	font-size: 140%;
}

div#container p.topText {
	margin: 0 0 10px 0;
	padding: 0;
}

div#container p.topText a img {
	border: none;
}

/* -----------------------------------------------------------
	leftBox
----------------------------------------------------------- */

div#container div#leftBox {
	width: 365px;
	margin: 0 10px 35px 0;
	padding: 0;
	float: left;
}

div#container div#leftBox dl {
	width: 365px;
	margin: 0;
	padding: 0;
}

div#container div#leftBox dl dt {
	width: 365px;
	height: 276px;
	margin: 0 0 5px 0;
	padding: 0;
}

div#container div#leftBox dl dt a {
	border-width: 5px;
	border-style: solid;
	border-color: #CCCCCC;
	width: 355px;
	height: 266px;
	display: block;
}

div#container div#leftBox dl dt a:hover {
	border-color: #F93;
}

div#container div#leftBox dl dt a img {
	border: none;
}

div#container div#leftBox dl dd.menuTitle {
	width: 305px;
	padding: 0 auto 5px auto;
	margin: 0 0 10px 0;
	font-size: 125%;
	font-weight: bold;
	border-width: 0 0 2px 0;
	border-style: dotted;
	border-color: #999999;
}

div#container div#leftBox dl dd.menuTitle span {
	color: #F00;
	margin: 0 0 0 70px;
}

div#container div#leftBox dl dd ul {
	width: 325px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#container div#leftBox dl dd ul li {
	text-align: left;
	margin: 0;
	padding: 0;
}

div#container div#leftBox dl dd ul li span {
	color: #F00;
}

/* -----------------------------------------------------------
	rightBox
----------------------------------------------------------- */

div#container div#rightBox {
	width: 365px;
	margin: 0 0 35px 0;
	padding: 0;
	float: left;
}

div#container div#rightBox dl {
	width: 365px;
	margin: 0;
	padding: 0;
}

div#container div#rightBox dl dt {
	width: 365px;
	height: 276px;
	margin: 0 0 5px 0;
	padding: 0;
}

div#container div#rightBox dl dt a {
	border-width: 5px;
	border-style: solid;
	border-color: #CCCCCC;
	width: 355px;
	height: 266px;
	display: block;
}

div#container div#rightBox dl dt a:hover {
	border-color: #F93;
}

div#container div#rightBox dl dt a img {
	border: none;
}

div#container div#rightBox dl dd.menuTitle {
	width: 305px;
	padding: 0 auto 5px auto;
	margin: 0 0 10px 0;
	font-size: 125%;
	font-weight: bold;
	border-width: 0 0 2px 0;
	border-style: dotted;
	border-color: #999999;
}

div#container div#rightBox dl dd.menuTitle span {
	color: #F00;
	margin: 0 0 0 70px;
}

div#container div#rightBox dl dd ul {
	width: 325px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#container div#rightBox dl dd ul li {
	text-align: left;
	margin: 0;
	padding: 0;
}

div#container div#rightBox dl dd ul li span {
	color: #F00;
}
/* -----------------------------------------------------------
	centerBox
----------------------------------------------------------- */

div#container div#centerBox {
	width: 740px;
	margin: 0;
	padding: 0;
	clear: left;
}

div#container div#centerBox dl {
	width: 740px;
	margin: 0;
	padding: 0;
}

div#container div#centerBox dl dt {
	width: 365px;
	height: 276px;
	margin: 0 10px 5px 0;
	padding: 0;
	float: left;
}

div#container div#centerBox dl dt a {
	border-width: 5px;
	border-style: solid;
	border-color: #CCCCCC;
	width: 355px;
	height: 266px;
	display: block;
}

div#container div#centerBox dl dt a:hover {
	border-color: #F93;
}

div#container div#centerBox dl dt a img {
	border: none;
}

div#container div#centerBox dl dd {
	margin: 0 0 10px 375px;
}

div#container div#centerBox dl dd.menuTitle {
	width: 305px;
	margin: 0 0 10px 375px;
	padding: 0 0 5px 0 !important;
	font-size: 125%;
	font-weight: bold;
	border-width: 0 0 2px 0;
	border-style: dotted;
	border-color: #999999;
}

div#container div#centerBox dl dd.menuTitle span {
	color: #F00;
	margin: 0 0 0 70px;
}

div#container div#centerBox dl dd ul {
	width: 285px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#container div#centerBox dl dd ul li {
	text-align: left;
	margin: 0;
	padding: 0;
}

div#container div#centerBox dl dd ul li span {
	color: #F00;
}

div#container p#rightTxt {
	width: 740px;
	text-align: right;
	color: #F00;
	margin: 0;
	padding: 0 0 0 0;
	clear: left;
}

/* **************************************************


2018.5.14


*************************************************** */

/* -----------------------------------------------------------
	class leftBox
----------------------------------------------------------- */

div#container div.leftBox {
	width: 365px;
	margin: 0 10px 35px 0;
	padding: 0;
	float: left;
}

div#container div.leftBox dl {
	width: 365px;
	margin: 0;
	padding: 0;
}

div#container div.leftBox dl dt {
	width: 365px;
	height: 276px;
	margin: 0 0 5px 0;
	padding: 0;
}

div#container div.leftBox dl dt a {
	border-width: 5px;
	border-style: solid;
	border-color: #CCCCCC;
	width: 355px;
	height: 266px;
	display: block;
}

div#container div.leftBox dl dt a:hover {
	border-color: #F93;
}

div#container div.leftBox dl dt a img {
	border: none;
}

div#container div.leftBox dl dd.menuTitle {
	width: 305px;
	padding: 0 auto 5px auto;
	margin: 0 0 10px 0;
	font-size: 125%;
	font-weight: bold;
	border-width: 0 0 2px 0;
	border-style: dotted;
	border-color: #999999;
}

div#container div.leftBox dl dd.menuTitle span {
	color: #F00;
	margin: 0 0 0 70px;
}

div#container div.leftBox dl dd ul {
	width: 325px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#container div.leftBox dl dd ul li {
	text-align: left;
	margin: 0;
	padding: 0;
}

div#container div.leftBox dl dd ul li span {
	color: #F00;
}

/* -----------------------------------------------------------
	class rightBox
----------------------------------------------------------- */

div#container div.rightBox {
	width: 365px;
	margin: 0 0 35px 0;
	padding: 0;
	float: left;
}

div#container div.rightBox dl {
	width: 365px;
	margin: 0;
	padding: 0;
}

div#container div.rightBox dl dt {
	width: 365px;
	height: 276px;
	margin: 0 0 5px 0;
	padding: 0;
}

div#container div.rightBox dl dt a {
	border-width: 5px;
	border-style: solid;
	border-color: #CCCCCC;
	width: 355px;
	height: 266px;
	display: block;
}

div#container div.rightBox dl dt a:hover {
	border-color: #F93;
}

div#container div.rightBox dl dt a img {
	border: none;
}

div#container div.rightBox dl dd.menuTitle {
	width: 305px;
	padding: 0 auto 5px auto;
	margin: 0 0 10px 0;
	font-size: 125%;
	font-weight: bold;
	border-width: 0 0 2px 0;
	border-style: dotted;
	border-color: #999999;
}

div#container div.rightBox dl dd.menuTitle span {
	color: #F00;
	margin: 0 0 0 70px;
}

div#container div.rightBox dl dd ul {
	width: 325px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#container div.rightBox dl dd ul li {
	text-align: left;
	margin: 0;
	padding: 0;
}

div#container div.rightBox dl dd ul li span {
	color: #F00;
}


/* **************************************************


2019.9.25


*************************************************** */

/* -----------------------------------------------------------
	class ryouri_img
----------------------------------------------------------- */
div#container .ryouri_img img {
    width: 355px;
}

div#container div.leftBox .ryouri_img {
	width: 365px;
	height: 260px;
	margin: 0 0 5px 0;
	padding: 0;
}

div#container div.leftBox .ryouri_img  a {
	border-width: 5px;
	border-style: solid;
	border-color: #CCCCCC;
	width: 355px;
	height: auto;
	display: block;
}


div#container div.rightBox .ryouri_img {
	width: 365px;
	height: 260px;
	margin: 0 0 5px 0;
	padding: 0;
}

div#container div.rightBox .ryouri_img a {
	border-width: 5px;
	border-style: solid;
	border-color: #CCCCCC;
	width: 355px;
	height: 236px;
	display: block;
}