@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	list-style: none;
}
* html body {
	font-size: 75%;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
*  html  #main {
	width: 800px;
}
*   html #main .h2_p    {
	margin-left: 5px;
}
*   html #main .table  {
	width: 660px;
}
*   html #main .table .top  {
	line-height: 30px;
}
*   html #main .table .info1  {
	width: 479px;
}
*:first-child+html body {
	/* for WinIE7*/
	font-size: 75%;
	font-family:'メイリオ', Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
body {
	background-color: #FAFAF7;
	font-family: Verdona, sans-serif, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	color: #444444;
	font-size: 12px;
	text-align: center;
}
a:link  {
	color: #444444;
	text-decoration: none;
	font-weight: normal;
}
a:visited {
	color: #444444;
	text-decoration: none;
}

a:hover  {
	color: #444444;
	text-decoration: none;
	border-style: none;
}
p {
	line-height: 1.4;
}
img  {
	border-style: none;
}
#container {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	background-image: url(../../B01_re_re1/images/shadow.gif);
	background-repeat: repeat-y;
}
#wrapper {
	background-image: url(../images/shadow.gif);
	background-repeat: repeat-y;
	float: left;
	width: 800px;
	padding-bottom: 30px;
}
#header {
	background-image: url(../images/header.jpg);
	width: 800px;
	height: 220px;
	background-repeat: no-repeat;
	float: left;
	background-position: center;
}
#main  {
	float: left;
	width: 730px;
	padding-left: 70px;
	background-image: url(../images/shadow.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding-bottom: 15px;
}
h1 {
	text-align: left;
	color: #666666;
	margin-top: 1px;
	margin-left: 15px;
	font-size: 10px;
	font-weight: normal;
}
h2 {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	width: 595px;
	padding-left: 5px;
	float: left;
}
#main .h2_mark {
	background-image: url(../images/mark.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 25px;
	width: 660px;
	line-height: 26px;
	margin-bottom: 5px;
}
#main  .h2_p {
	margin-left: 20px;
	width: 640px;
	text-align: left;
	margin-bottom: 15px;
	float: left;
}
#main .table   {
	width: 660px;
	text-align: left;
	float: left;
	margin-bottom: 20px;
	border: 1px solid #D5EA95;
	margin-top: 15px;
	clear: both;
}
#main .table .top {
	width: 660px;
	float: left;
	height: 30px;
	border-bottom: 1px solid #D5EA95;
	line-height: 35px;
}
#main   .table  .top  .number {
	width: 45px;
	float: left;
	background-repeat: no-repeat;
	height: 30px;
}
#main    .table     .top  .title  {
	background-repeat: no-repeat;
	float: right;
	width: 615px;
	font-size: 14px;
	background-image: url(../images/title.jpg);
}
#main  .table  .image {
	border-right: 1px solid #D5EA95;
	float: left;
	text-align: center;
	padding-top: 25px;
	width: 180px;
}
#main  .table  .info1  {
	float: right;
	border-left: 1px solid #D5EA95;
	margin-left: -1px;
	width: 459px;
	padding: 10px;
	height: auto;
}
#main  .table  .middle {
	width: 660px;
	float: left;
}
#main  .table  .middle  .blank {
	float: left;
	border-right: 1px solid #D5EA95;
	width: 180px;
	height: 26px;
}
#main .table    .middle    .info2  {
	text-align: center;
	float: right;
	width: 480px;
	border-top: 1px solid #D5EA95;
	height: 25px;
	line-height: 25px;
	margin-left: -1px;
}
#main  .table  .bottom {
	width: 660px;
	text-align: center;
	clear: both;
	float: left;
	border-top: 1px solid #D5EA95;
}
#main  .table  .bottom  .link   {
	width: 180px;
	float: left;
	border-right: 1px solid #D5EA95;
	height: 25px;
	line-height: 25px;





}
#main .table .bottom .link a {
	display: block;
}






#main  .table  .bottom  .info3      {
	width: 479px;
	float: right;
	height: 25px;
	line-height: 25px;

	background-repeat: no-repeat;
}
#main  .table  .bottom  .info3 a:link {
	font-size: 16px;
	color: #0000ff;
	text-decoration: underline;
	font-weight: normal;

}
#main  .table  .bottom  .info3 a:visited {
	font-size: 16px;
	color: #0000ff;
	text-decoration: underline;
}
#main  .table  .bottom  .info3 a:hover  {
	color: #ff0000;
	font-size: 16px;
	text-decoration: none;

	background-repeat: no-repeat;
}







#footer {
	text-align: center;
	width: 800px;
	background-image: url(../images/footer.jpg);
	height: 220px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	position: relative;
}
#footer   #button {
	height: 98px;
	width: 617px;
	margin: 20px auto 38px;
	font-size: 23px;
	line-height: 70px;
	background-image: url(../images/button.jpg);
	background-repeat: no-repeat;
}
#footer #button a {
	height: 98px;
	width: 617px;
	text-indent: -2000px;
	color: #FFFFFF;
	display: block;
}
#footer #button a:hover {
	height: 98px;
	width: 617px;
	text-indent: -2000px;
	text-decoration: none;
	background-image: url(../images/button_o.jpg);
	color: #E33C7E;
	background-repeat: no-repeat;

}
#footer    .copyright  {
	color: #444444;
	font-size: 12px;
}#footer .copyright a {
	text-decoration: none;
}
#footer    .copyright   a:hover  {
	text-decoration: underline;
	background-repeat: no-repeat;
}
#footer .law {
	font-size: 10px;
	margin-right: 20px;
	text-align: right;
	position: absolute;
	top: 144px;
	right: 10px;
}

/*-------------------------------------------------------
■ クリッカブルマップ
-------------------------------------------------------*/

#mapmatrix{
     position:relative;
     width:700px;
     height:450px;
     background:url(../images/bgrnmap.jpg) no-repeat;
	 margin-left:auto;
	 margin-right:auto;

}

#mapmatrix a{
     text-decoration:none;
     font-size:0.8em;
}
#map1{
     position:absolute;
     top:270px;
     left:65px;

     text-align:center;
     clear:both;


}

#map2{
     position:absolute;
     top:270px;
     left:235px;
     width:170px;
     text-align:center;
     clear:both;
}
*html #map3{
     position:absolute;
     top:270px;
     left:349px;
     width:165px;
     text-align:center;
     clear:both;
}
#map3{
     position:absolute;
     top:270px;
     left:405px;
     width:160px;
     text-align:center;
     clear:both;
}
#map4{
     position:absolute;
     top:313px;
     left:65px;
     width:160px;
     text-align:center;
     clear:both;

}
#map5{
     position:absolute;
     top:313px;
     left:235px;
     width:160px;
     text-align:center;
     clear:both;
}
#map6{
     position:absolute;
     top:313px;
     left:405px;
     width:160px;
     text-align:center;
     clear:both;
}





#map1 a:hover {
     position:absolute;
     top:204px;
     left:-4px;
     width:165px;
     text-align:center;
     clear:both;

}


#mapmatrix a
{
display:block;
text-indent:-9000px;
width:153px;
height:37px;
}


#map1
{
background:url(../images/bgrm1.gif) no-repeat;
}

#map2
{
background:url(../images/bgrm2.gif) no-repeat;
}

#map3
{
background:url(../images/bgrm3.gif) no-repeat;
}

#map4
{
background:url(../images/bgrm4.gif) no-repeat;
}

#map5
{
background:url(../images/bgrm5.gif) no-repeat;
}

#map6
{
background:url(../images/bgrm6.gif) no-repeat;
}


a:hover#map1{
background:url(../images/bg1.jpg) no-repeat;
}

a:hover#map2
{
background:url(../images/bg2.jpg) no-repeat;
}

a:hover#map3
{
background:url(../images/bg3.jpg) no-repeat;
}

a:hover#map4
{
background:url(../images/bg4.jpg) no-repeat;
}

a:hover#map5
{
background:url(../images/bg5.jpg) no-repeat;
}

a:hover#map6
{
background:url(../images/bg6.jpg) no-repeat;
}







/*------------------------------------------------------------
●７、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.black{ color: #000!important; }/*黒色*/
.red{ color: #cc0000!important; }/*赤色*/
.blue{ color: #003399!important; }/*青色*/
.green{ color: #008000!important; }/*緑色*/
.yellow{ color: #ffff00!important; }/*黄色*/
.navy{ color: #1F26A9!important; }/*紺色*/
.gray{ color: #ccc!important; }/*灰色*/
.orange{ color: #ff6600!important; }/*橙色*/
.pink{ color: #cc6699!important; }/*ピンク色*/
.purple{ color: #660099!important; }/*紫色*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/


.impact {
	padding: 0px;
	color: #000000;
	background-color: #ffff99;
}


/*------------------------------------------------------------
●１１、box・・・カラーボックスの設定
-------------------------------------------------------------*/

.box-yellow{ background-color: #ffff00!important; }/*黄色のボックス*/
.box-aqua{ background-color: #00ffff!important; }/*水色のボックス*/
.box-gray{ background-color: #eee!important; }/*灰色のボックス*/
.box-red{ background-color: #fc9b8b!important; }/*赤色のボックス*/
.box-green{ background-color: #82ff82!important; }/*緑色のボックス*/



#button1 {
	height: 50px;
	width: 380px;
	margin: 5px 0px 0px 140px;
	font-size: 23px;
	line-height: 70px;
	background-image: url(../images/botan1.jpg);
	background-repeat: no-repeat;
}
#button1 a {
	height: 50px;
	width: 380px;
	text-indent: -2000px;
	color: #FFFFFF;
	display: block;
}
#button1 a:hover {
	height: 50px;
	width: 380px;
	text-indent: -2000px;
	text-decoration: none;
	background-image: url(../images/botan2.jpg);
	color: #E33C7E;
	background-repeat: no-repeat;

}




#free {
	height: 60px;
	width: 669px;
	margin: 20px auto 40px;
	font-size: 23px;
	line-height: 70px;
	background-image: url(../images/free.jpg);
	background-repeat: no-repeat;
}