@import url("reset.css");
@import url("fonts.css");


/*	センタリング
================================================== */

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", arial, helvetica, clean, sans-serif;
	text-align: center;
	background-image: url(../img/background.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	color: #666666;
	line-height: 15px;
}

body div {
  text-align: left;
  margin: 0 auto;
}

/*	テキスト装飾
================================================== */
a:link {
color:#666666;
text-decoration: none
}
a:hover {
color:#666666;
text-decoration: none
}
a:visited {
color:#666666;
text-decoration: none
}

/*	ページ整形
================================================== */

#wrapper {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/main_background.jpg);
	background-repeat: repeat-y;
	padding-right: 53px;
	padding-left: 53px;
	padding-top: 45px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
}
#clear {
	padding-bottom: 15px;
}


/*	ヘッダー
================================================== */

#header {
	width: 182px;
	height: 75px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 19px;
	padding-bottom: 0px;
	padding-left: 596px;
}
#secound {
	margin-bottom: 20px;
}


/*	ナビ
================================================== */
#navi {
	width: 700px;
	margin-bottom: 20px;
	padding: 0px;
	height: 30px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
}


/*	メイン
================================================== */
#main {
	width: 700px;
	height: auto;
}
#navi2 {
	height: 30px;
	width: 700px;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#navi h2 {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#navi h3 {
	font-size: 12px;
	float: left;
}

#navi h2 em {
	visibility: hidden;
}
#navi a {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 140px;
}
#main h3 {
	font-size: 9px;
	float: left;
}

#navi #btn1 a {
	background-image: url(../img/button1.jpg);background-repeat: no-repeat;
}
#navi #btn1 a:hover,#navi #btn1 a:active {
	background-image: url(../img/button1_ro.jpg);background-repeat: no-repeat;
}
#main h3 em {
	visibility: hidden;
}

#main #left {
	width: 300px;
	margin-right: 19px;
	float: left;
	margin-bottom: 20px;
}




#navi #btn2 a {
	background-image: url(../img/button2.jpg);background-repeat: no-repeat;
}
#main h3 a {
	text-decoration: none;
	display: block;
	height: 30px;
	width: 100px;
	margin-bottom: 20px;
}


#navi #btn2 a:hover,#navi #btn2 a:active {
	background-image: url(../img/button2_ro.jpg);background-repeat: no-repeat;
}


#main #left #midashi1 {
	height: 20px;
	width: 381px;
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #6D0041;
	margin-bottom: 10px;
	float: left;
}
#main #left #midashi2 {
	height: 20px;
	width: 381px;
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #6D0041;
	margin-bottom: 10px;
	float: left;
}
#main #left #midashi3 {
	height: 20px;
	width: 381px;
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #6D0041;
	margin-bottom: 10px;
	float: left;
}
#main #btn01 a {
	background-image: url(../shop/img/space_tokyo.jpg);
	background-repeat: no-repeat;
	width: 87px;
}
#footer {
	margin-bottom: 15px;
	width: 806px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	height: auto;
	background-image: url(../img/foot_background.jpg);
	background-repeat: no-repeat;
}

#main #btn01 a:hover, #main #btn1 a:active{
	background-image: url(../shop/img/space_tokyo_ro.jpg);
	background-repeat: no-repeat;
	width: 87px;
}
#main #btn02 a {
	background-image: url(../shop/img/space_osaka.jpg);
	background-repeat: no-repeat;
	width: 87px;
}
#main #btn02 a:hover, #main #btn2 a:active{
	background-image: url(../shop/img/space_osaka_ro.jpg);background-repeat: no-repeat;
}
.clear {
	clear: both;
}

#main #btn03 a {
	background-image: url(../shop/img/restaurant_marble.jpg);
	background-repeat: no-repeat;
	width: 87px;
}
#main #btn03 a:hover, #main #btn3 a:active{
	background-image: url(../shop/img/restaurant_marble_ro.jpg);background-repeat: no-repeat;
}
#main #btn04 a {
	background-image: url(../shop/img/marble_tre.jpg);
	background-repeat: no-repeat;
	width: 87px;
}
#main #btn04 a:hover, #main #btn4 a:active{
	background-image: url(../shop/img/marble_tre_ro.jpg);background-repeat: no-repeat;
}
#main #btn05 a {
	background-image: url(../shop/img/sagra.jpg);
	background-repeat: no-repeat;
	width: 87px;
}
#main #btn05 a:hover, #main #btn5 a:active{
	background-image: url(../shop/img/sagra_ro.jpg);background-repeat: no-repeat;
}
#main #btn06 a {
	background-image: url(../shop/img/per.jpg);
	background-repeat: no-repeat;
	width: 87px;
}
#main #btn06 a:hover, #main #btn6 a:active{
	background-image: url(../shop/img/per_ro.jpg);background-repeat: no-repeat;
}
#main #btn07 a {
	background-image: url(../shop/img/bar_marble.jpg);
	background-repeat: no-repeat;
	width: 87px;
}
#main #btn07 a:hover, #main #btn7 a:active{
	background-image: url(../shop/img/bar_marble_ro.jpg);background-repeat: no-repeat;
}
#main #btn08 a {
	background-image: url(../shop/img/ritto.jpg);
	background-repeat: no-repeat;
	width: 87px;
}
#main #btn08 a:hover, #main #btn8 a:active{
	background-image: url(../shop/img/ritto_ro.jpg);background-repeat: no-repeat;
}
#main #btn09 a {
	background-image: url(../shop/img/awo.jpg);
	background-repeat: no-repeat;
	width: 87px;
}
#main #btn09 a:hover, #main #btn8 a:active{
	background-image: url(../shop/img/awo_ro.jpg);background-repeat: no-repeat;
}
#main #btn10 a {
	background-image: url(../shop/img/arialasca.jpg);
	background-repeat: no-repeat;
	width: 87px;
}
#main #btn10 a:hover, #main #btn8 a:active{
	background-image: url(../shop/img/arialasca_ro.jpg);background-repeat: no-repeat;
}




#navi #btn3 a {
	background-image: url(../img/button3.jpg);background-repeat: no-repeat;
}


#navi #btn3 a:hover,#navi #btn3 a:active {
	background-image: url(../img/button3_ro.jpg);background-repeat: no-repeat;
}
#main #right #midashi {
	height: 20px;
	width: 300px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #6D0041;
}
#navi #btn4 a {
	background-image: url(../img/button4.jpg);background-repeat: no-repeat;
}

#navi #btn4 a:hover,#navi #btn4 a:active {
	background-image: url(../img/button4_ro.jpg);background-repeat: no-repeat;
}



#navi #btn5 a {
	background-image: url(../img/button5.jpg);background-repeat: no-repeat;
}
#navi #btn5 a:hover,#navi #btn5 a:active {
	background-image: url(../img/button5_ro.jpg);background-repeat: no-repeat;
}


#main #right {
	width: 300px;
	margin-bottom: 20px;
	float: right;
}
.news {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 10px;
}
#left h1 a {
	text-decoration: none;
	display: block;
	height: 36px;
	width: 87px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	visibility: visible;
	float: left;
}
#left #btn1 a {
	background-image: url(../img/selector1.jpg);
	background-repeat: no-repeat;
	width: 87px;
	float: left;
}
#left #btn1 a:hover,#left #btn1 a:active {
	background-image: url(../img/selector1_ro.jpg);background-repeat: no-repeat;
}
#left #btn2 a {
	background-image: url(../img/selector2.jpg);
	background-repeat: no-repeat;
	width: 87px;
	float: left;
}
#left #btn2 a:hover,#left #btn2 a:active {
	background-image: url(../img/selector2_ro.jpg);background-repeat: no-repeat;
}
#left #btn3 a {
	background-image: url(../img/selector3.jpg);
	background-repeat: no-repeat;
	width: 87px;
	float: left;
}
#left #btn3 a:hover,#left #btn3 a:active {
	background-image: url(../img/selector3_ro.jpg);background-repeat: no-repeat;
}
#left #btn4 a {
	background-image: url(../img/selector4.jpg);
	background-repeat: no-repeat;
	width: 87px;
	float: left;
}	
#left #btn4 a:hover,#left #btn4 a:active {
	background-image: url(../img/selector4_ro.jpg);background-repeat: no-repeat;
}
#left #btn5 a {
	background-image: url(../img/selector5.jpg);
	background-repeat: no-repeat;
	width: 87px;
	float: left;
}
#left #btn5 a:hover,#left #btn5 a:active {
	background-image: url(../img/selector5_ro.jpg);background-repeat: no-repeat;
}
#left #btn6 a {
	background-image: url(../img/selector6.jpg);
	background-repeat: no-repeat;
	width: 87px;
	float: left;
}
#left #btn6 a:hover,#left #btn6 a:active {
	background-image: url(../img/selector6_ro.jpg);background-repeat: no-repeat;
}
#left #btn7 a {
	background-image: url(../img/selector7.jpg);
	background-repeat: no-repeat;
	width: 87px;
	float: left;
}
#left #btn7 a:hover,#left #btn7 a:active {
	background-image: url(../img/selector7_ro.jpg);background-repeat: no-repeat;
}


#left h1 {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	float: left;
	visibility: visible;
}
#left h1 em {
	visibility: hidden;
}
