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

*
	{
	margin:0;
	padding:0;
	list-style: none;
	}

* html body
	{
	font-size: 75%;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}



*   html #main .table .info1 
	{
	width: 478px;
	}


*  html #main  .table  .middle  .blank
	{
	width: 181px;
	}

*:first-child+html body
	{
	/* for WinIE7*/
	font-size: 75%;
	font-family:'メイリオ', Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}

body
	{
	background:url(images/bg.jpg) no-repeat #f4f4f4;
	font-family: Verdona, sans-serif, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	color: #444444;
	font-size: 12px;
	text-align: center;
	}

p
	{
	line-height: 1.4;
	}

img 
	{
	border-style: none;
	}

.clear
	{
	clear:both;
	}


/********* link ********/

a:link 
	{
	color:#f574a0;
	text-decoration: none;
	font-weight: normal;
	}

a:visited
	{
	color:#f574a0;
	text-decoration: none;
	}

a:hover 
	{
	text-decoration: underline;
	border-style: none;
	}


/********* layout ********/

#container
	{
	margin-right: auto;
	margin-left: auto;
	width: 840px;
	}

#header
	{
	background: url(images/header.gif) center top no-repeat;
	width: 840px;
	height: 95px;
	float: left;
	text-indent:-9999px;
	}

#main 
	{
	float: right;
	width: 640px;
	text-align: left;
	padding-bottom: 15px;
	background:url(images/main.gif) center bottom no-repeat;
	}

#main-in
	{
	background:url(images/main-in.jpg) center top no-repeat;
	padding-top:300px;
	clear:both;
	}


#side
	{
	float:left;
	width:200px;
	margin-top:170px;
	text-align:left;
	background:#f4f4f4;
	}


/********* h-title ********/

h1
	{
	text-align: left;
	color: #E03987;
	margin-top: 30px;
	margin-left: 40px;
	font-size: 34px;
	font-weight: bold;
	}

h2
	{
	font-size: 14px;
	color: #949184;
	padding-left: 5px;
	float:left;
	}

h3
	{
	font-size: 14px;
	color: #f3598f;
	}


/********* main ********/

.h2_mark
	{
	background-image: url(images/mark.gif);
	background-repeat: no-repeat;
	padding:7px 25px 17px 35px;
	width: 545px;
	line-height: 26px;
	margin: 10px 0px 5px 17px;
	color:#a7a189;

	}

.h2_p
	{
	margin-left: 20px;
	width: 640px;
	text-align: left;
	margin-bottom: 15px;
	}

.table  
	{
	width: 600px;
	text-align: left;
	margin-left:20px;
	margin-bottom: 20px;
	border: 1px solid #f0c7c7;
	margin-top: 15px;
	clear: both;
	}


.table  .image
	{

	float: left;
	text-align: center;
	padding-top: 20px;
	padding-left:10px;
	width: 180px;
	}

.table  .info1 
	{
	float: right;
	margin-left: -1px;
	width: 390px;
	padding: 10px;
	height: auto;
	}

.info1 p
	{
	line-height:160%;
	letter-spacing:1px;
	padding:10px 5px 0 5px;
	}

.info2 
	{
	text-align: center;
	clear:both;
	width: 600px;
	height: 33px;
	margin-bottom:15px;
	}



.info2 a
	{
	background:url(images/order1.gif) center top no-repeat;
	height:33px;
	display:block;
	text-indent:-9999px;
	}

.info2 a:hover
	{
	background:url(images/order1.gif) center -33px no-repeat;
	}




.info3 
	{
	text-align: center;
	clear:both;
	width: 600px;
	height: 33px;
	margin-bottom:15px;
	}



.info3 a
	{
	background:url(images/order2.gif) center top no-repeat;
	height:33px;
	display:block;
	text-indent:-9999px;
	}

.info3 a:hover
	{
	background:url(images/order2.gif) center -33px no-repeat;
	}




/********* map ********/

#mapmatrix{
     position:relative;
     width:545px;
     height:52px;
	 margin-left:auto;
	 margin-right:auto;

}

#mapmatrix a{
     text-decoration:none;
     font-size:0.8em;
}
#map1{
     position:absolute;
     top:10px;
     left:10px;
     width:181px;
     height:52px;
     text-align:center;
     clear:both;
}

#map2{
     position:absolute;
     top:10px;
     left:200px;
     width:181px;
     height:52px;
     text-align:center;
     clear:both;
}

#map3{
     position:absolute;
     top:10px;
     left:390px;
     width:181px;
     height:52px;
     text-align:center;
     clear:both;
}





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

}


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


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

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

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

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

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

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


/********* side ********/

#side a
	{
	text-decoration:underline;
	}

#side p
	{
	text-indent:-9999px;
	background:url(images/sidetext.gif) left center no-repeat;
	height:54px;
	}

#side ul
	{
	list-style-type:none;
	padding:0;
	margin:10px 10px 0 5px;
	text-align:right;
	}


#side li a
	{
	text-decoration:none;
	color:#7a7a7a;
	display:block;
	background:url(images/sidemenu.gif) right bottom no-repeat;	
	padding:10px 40px 10px 15px;
	}

#side li a:hover
	{
	background:url(images/sidemenu-hover.gif) right bottom no-repeat;
	color:#f574a0;
	}

/********* footer ********/

#footer
	{
	text-align: center;
	width: 840px;
	color:#666666;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding:20px;
	}


#footer a
	{
	text-decoration:none;
	color:#666666;


	}





/********* rank ********/


#rank1
{
background:url(images/rank1.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}

#rank2
{
background:url(images/rank2.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}

#rank3
{
background:url(images/rank3.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}

#rank4
{
background:url(images/rank4.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}

#rank5
{
background:url(images/rank5.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}


#rank6
{
background:url(images/rank6.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}

#rank7
{
background:url(images/rank7.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}

#rank8
{
background:url(images/rank8.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}

#rank9
{
background:url(images/rank9.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}

#rank10
{
background:url(images/rank10.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}

#rank11
{
background:url(images/rank11.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}

#rank12
{
background:url(images/rank12.gif) left center no-repeat;
padding:10px 10px 10px 50px;
}




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

.black{ color: #000!important; }/*黒色*/
.red{ color: #cc0000!important; }/*赤色*/
.blue{ color: #0000ff!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; }/*水色*/

.u{ text-decoration: underline!important; }
.u{ color: #0000ff!important; }

.u2{ text-decoration: underline!important; }
.u2{ color: #000000!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; }/*緑色のボックス*/



#info{
	padding: 7px 0;
	border-top: 1px dotted #bcbcbc;
	font-size: 12px;
	color: #666666;
}