


/*---- basics Start ----*/

html, body {
	margin:0;
 	padding:0; 
 	background:url(../img/bg.jpg) #fff repeat-x;
	height:100%;	
	min-height:100%;
	scrollbar-face-color: #CCCCCC;
	scrollbar-shadow-color: #222222;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #ED2985;
	}


/*-----GLOBALS-----*/

p {
	padding:3px;
	font-size:12px;
	color:#111;
	line-height:140%;
	text-align:justify;
	}
p.p2 {
	padding:3px;
	font-size:12px;
	color:#FFF;
	line-height:140%;
	text-align:justify;
	}
hr {
	size:1px;
	color:#FFF;
	}


   


.textAlt{
	margin:0;
	padding:2px;
	font-size:12px;
	color:#FFF;
	background:#8F0000;
	border:1px solid #FFE800;
	}

.butAlt {
	margin:5px 0;
	}


/*-----CONTENTS共用-----*/	
	
#wrapper {
	margin:0 auto;
	width:750px;
	height:100%;
	display:table;
	background:url(../img/bgVert.gif) #FFF repeat-y;	
	}

#contents{
	width:750px;
	margin:0 auto;
	padding:0;
	
	background:url(../img/bgVert.gif) #FFF repeat-y;
	}

#headerSWF{
	width:750px;
	height:164px;
	margin:0 auto;
	padding:0;	
	}

#ribbon {
	width:748px;
	height:30px;
	margin:0 auto;
	padding:0;
	text-align:center;
	}

#ribbonSWF {
	width:730px;
	margin:0 auto;
	padding:0;
	}

#menuSWF{
	width:205px;
	margin:0;
	}

#bodyArea{
	width:750px;
	margin:0 auto;
	padding:0;
	}

#leftWrap{
	width:495px;
	margin:0;
	padding:0;
	float:left;	
	}

#rightWrap{
	width:255px;
	margin:0;
	padding:0;
	float:left;
	}

#leftContent{
	float:none;
	margin:5px 0 0 10px;
	}

#rightContent{
	float:none;
	margin:0 0 0 0;
	text-align:center;
	}

.ttlHold{
	width:485px;
	margin:0 0 0 0;
	padding:0;
	}

.ttlHold02 {
	margin-top:10px;
	padding:0;
	text-align:center;
	}

.ttlHold03 {
	margin-top:10px;
	padding:0;
	}

.imgHold {
	margin:5px auto;
	padding:0;
	text-align:center;
	}

.butHold {
	width:485px;
	margin:5px auto;
	padding:0;
	text-align:right;
	}

.linkImg{
	border:1px solid #ED2985;
	}


/*------ top ----*/

#ticker{
	width:708px;
	padding:0;
	margin:0;
	}


/*------ iframe ----*/
.newsShop {
	width:685px;
	margin:0;
	padding:0;
	}

.iframeBox{
	margin:0;
	padding:0;
	}


/*------ right Side ----*/

#mailMag{
	width:190px;
	margin:5px auto 0 auto;
	padding:3px;
	border:1px solid #8F0000;
	}

#shopDirect{
	margin:0 auto;
	padding:0;
	}

#shopDirect td {
	padding:2px 0;
	text-align:center;
	}

#mobile{
	margin:0 0 0 0;	
	padding:0;
	text-align:center;	
	}

.mobileTbl{
	margin:5px auto;
	padding:0;
	}

.mobileTbl td{
	
	}

.mobileTbl thead{
	background:#FFF;
	}

.mobileTbl tbody{
	border:1px solid #ed2985;
	background:#fac9e0;
	}

.mobileTbl tbody td{
	padding:6px 2px;
	vertical-align:top;
	}

.mobileTbl tbody td.ctr{
	text-align:center;
	font-size:12px;
	}

#magazine{
	margin:5px 0 0 0;	
	padding:0;
	text-align:center;	
	}

.butMisc{
	margin:5px auto 0 auto;	
	padding:0;
	}
	
.picHold{
	width:100%;
	margin:5px auto;
	text-align:center;
	}


/*-----contents用-----*/

.485Box{
	width:485px;
	margin:10px 0 0 0;
	padding:0;
	}

.infoTbl{
	margin:5px auto 5px auto;
	padding:0;
	}

.infoTbl td {
	font-size:12px;
	color:#111;
	padding:3px;
	text-align:center;
	line-height:140%;
	}

.infoTbl tr.evn{
	background:#8F0000;
	}
	
.infoTbl tr.odd{
	background:#000;
	}
	
.priceTbl{
	margin:5px 0 5px 10px;
	padding:0;
	float:left;
	}

.priceTbl td {
	font-size:12px;
	color:#111;
	padding:3px;
	margin:5px auto 0 auto;
	text-align:center;
	line-height:140%;
	}

.priceTbl td.drk{
	background:#ed2985;
	color:#FFF;
	}
	
.priceTbl td.med{
	background:#f694c2;
	}
.priceTbl td.lgt{
	background:#fac9e0;
	
	}

#layMap {
	width:485px;
	margin:0;
	padding:0;
	float:left;
	}

.quest{
	width:475px;
	margin:5px 0 0 0;
	padding:3px;
	font-size:12px;
	line-height:140%;
	color:#ed2985;
	font-weight:bold;
	}

.ansr{
	width:475px;
	margin:5px 0 0 0;
	padding:3px 3px 10px 5px;
	font-size:12px;
	line-height:140%;
	color:#7F7B9F;
	text-align:justify;
	}

.imgTbl{
	margin:10px 0 0 0;
	}

.imgTbl td{
	text-align:center;
	padding:0;
	}

.mapHold{
	width:485px;
	margin:0 auto;
	background:#fac9e0;
	}
/*-----フォーム用-----*/

.regis {
	margin:0;
	padding:0;
	text-align:center;
	line-height:140%;
	}

#qrCode{
	padding:0;
	margin:5px auto;
	width:111px;
	text-align:center;
	}

.back{
	width:100%;
	padding:0;
	margin:0;
	text-align:right;
	}
		
.bt {
	font-weight:bold;
	}
	
.misc {
	font-size:10px;
	}



/*---- userMenu End ----*/	


/*----Misc----*/

.ftRed12{
	font-size:12px;
	line-height:140%;
	color:#ed2985;
	}
	
.ftPink12{
	font-size:12px;
	line-height:140%;
	color:#EB008B;
	}

.ftblk12{
	font-size:12px;
	line-height:140%;
	color:#333;
	}

	
.strong{
	font-weight:bold;
	}


/*----Footer Start----*/

#footer {
	width:750px;
	
	margin:0 auto;
	font-size:12px;
	color:#ED2985;
	text-align:center;
	}
	

#footerMenu {
	width:730px;
	margin:0 auto;
	font-size:10px;
	text-align:center;
	line-height:140%;

	}

#footerMenu ul {
	list-style: none;
	margin:0 0 5px 0;
	padding: 0;
	padding-top:14px;
	}
	
#footerMenu li {
	display:inline;
	margin:5px;
	}
	
#footerMenu a:link, #footer a:visited {
	color:#ED2985;
	text-decoration: none;
	}
	
#footerMenu a:hover {
	color:#666;
	text-decoration:underline;
	}

/*----Footer End----*/


#seeMore {
	width:80%;
	margin-left:0;
	text-align:right;
	font-size:12px;
	}

#mainMessage {
	width:100%;
	margin:30px 0 0 0;
	}

.subMessage {
	width:100%;
	margin:10px 0 0 0;
	padding:5px;
	background:#F0F0F0;
	border:1px solid #000;
	}

.subMessage p{
	font-size:12px;
	line-height:140%;
	color:#666;
	}


/*----link----*/

a:link,a:visited{
	color:#EB008B;
	text-decoration:none;
}

a:hover{
	color:#000;
	text-decoration:underline;
	}

.clearLine {
	clear:both;
	}
	
	
/*----main_menu----*/
#mainMenuHold{
	width:750px;
	height:30px;
	margin:0;
	padding:0;
	background:url(../img/menuBG.jpg) no-repeat;
	}
ul#main_menu{
	margin:0;
	padding:0;
	width:750px;
	height:30px;
	list-style:none;
	text-indent:-10000px;
	
	}

ul#main_menu:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

*html ul#main_menu{
	height:1%;
	}
	
*+html ul#main_menu{
	height:1%;
	}	

ul#main_menu li{
	margin:0;
	padding:0;
	float:left;
	}

ul#main_menu li a:link,ul#main_menu li a:visited{
	display:block;
	text-decoration:none;
	background-image:url(../img/menu.jpg);
	background-repeat:no-repeat;
	height:30px;
	}

ul#main_menu li a:hover,ul#main_menu li a:active{
	text-decoration:none;
	}

ul#main_menu #top a:link,ul#main_menu #top a:visited{
	margin-left:70px;
	width:64px;
	background-position:-29px 0px;
	}

ul#main_menu #top a:hover,ul#main_menu #top a:active{
	background-position:-29px -30px;
	}
	
ul#main_menu #news a:link,ul#main_menu #news a:visited{
	width:84px;
	background-position:-93px 0px;
	}

ul#main_menu #news a:hover,ul#main_menu #news a:active{
	background-position:-93px -30px;
	}
	
ul#main_menu #qa a:link,ul#main_menu #qa a:visited{
	width:64px;
	background-position:-177px 0px;
	}

ul#main_menu #qa a:hover,ul#main_menu #qa a:active{
	background-position:-177px -30px;
	}
	
ul#main_menu #system a:link,ul#main_menu #system a:visited{
	width:70px;
	background-position:-241px 0px;
	}

ul#main_menu #system a:hover,ul#main_menu #system a:active{
	background-position:-241px -30px;
	}
	
ul#main_menu #point a:link,ul#main_menu #point a:visited{
	width:143px;
	background-position:-311px 0px;
	}

ul#main_menu #point a:hover,ul#main_menu #point a:active{
	background-position:-311px -30px;
	}
	
ul#main_menu #news_shop a:link,ul#main_menu #news_shop a:visited{
	width:84px;
	background-position:-454px 0px;
	}

ul#main_menu #news_shop a:hover,ul#main_menu #news_shop a:active{
	background-position:-454px -30px;
	}
	
ul#main_menu #gallery a:link,ul#main_menu #gallery a:visited{
	width:99px;
	background-position:-538px 0px;
	}

ul#main_menu #gallery a:hover,ul#main_menu #gallery a:active{
	background-position:-538px -30px;
	}
	
ul#main_menu #contact a:link,ul#main_menu #contact a:visited{
	width:83px;
	background-position:-637px 0px;
	}

ul#main_menu #contact a:hover,ul#main_menu #contact a:active{
	background-position:-637px -30px;
	}
	
	
	
	
	
	
	
	