html,body{
	margin:0;
	background:url("image/background.gif") repeat-y center;
}

p{
	margin:0;
}

img{vertical-align:bottom;}

#preLoad{
	position:absolute;
	top:-100px;
}

#wrapper{
	width:800px;
	height:100%;
	margin:auto;
	background:#ffffff;
}

#header{
	width:100%;
	height:150px;
	margin-bottom:-1px;
	float:left;
}

#header img{
	margin:0 0 0 -1px;
}

* html #header{
	margin-bottom:-4px;
}

h5,h6,h7{
	margin:0;
	padding:0;
	font-weight:normal;
	margin-bottom:5px;
}

h5{
	font-size:16px;
	color:#0066FF;
	border:solid 0px #0099FF;
	border-width:0 0 1px 0;
	margin:10px 0 10px 0;
}

h6{
	font-size:12px;
	border:solid 0px #00bbFF;
	border-width:0 0 1px 5px;
	padding:0 0 0 3px;
	line-height:100%;
	color:#00bbFF;
}

.marker{
	color:#996600;
	background:url("image/marker.gif");
	padding:0 5px 0 5px;
}

#main{
	width:100%;
	height:100%;
}

	#leftColumn{
		width:200px;
		height:auto;
		border:solid 0px #aaaaaa;
		border-left-width:1px;
		background:#000000;
		float:left;
	}
	
		ul#mainMenu{
			list-style:none;
			margin:0;
			padding:0;
		}
		
			ul#mainMenu li,
			ul#mainMenu li a{
					display:block;
					width:100%;
					text-decoration:none;
					font:normal 11px/1.7em "メイリオ","HG丸ｺﾞｼｯｸM-PRO","ＭＳ Ｐゴシック","Hiragino Mincho Pro","Osaka";
					color:#777777;
					padding:0;
			}
			
			/* IE6 Hack */
			* html ul#mainMenu li,
			* html ul#mainMenu li a{
				line-height:1.8em;
			}
			
			/* IE7 Hack */
			*+html ul#mainMenu li,
			* html ul#mainMenu li a{
				line-height:0;
			}
			
			ul#mainMenu li.categoryHeader,
			ul#mainMenu li.categoryHeader a{
				font:normal 14px/45px "メイリオ","HG丸ｺﾞｼｯｸM-PRO","ＭＳ Ｐゴシック","Hiragino Mincho Pro","Osaka";
				text-indent:10px;
				background:#ffffff url("image/categoryHeader.gif") no-repeat;
				width:200px;
				color:#000000;
			}
			
			
			ul#mainMenu li.categoryMain{
				margin-bottom:-1px;
			}
			
			ul#mainMenu li.menuShadow{
				height:5px;
				width:100%;
				background:url("image/menuShadow.gif") repeat-x;
			}
			
			* html ul#mainMenu li.menuShadow{height:0;margin-bottom:-15px;}
			*+html ul#mainMenu li.menuShadow{line-height:0;margin:-4px 0 -8px 0;}
			
			ul#mainMenu li.ranking{
				background:url("image/ranking.gif") no-repeat;
				width:200px;
				font:normal 20px/30px "Impact";
				color:#ffffff;
				text-indent:5px;
			}
			
				ul#mainMenu li a{
					background:#ffffff url("image/category.gif") no-repeat;
					border:solid #000000;
					border-width:0 0 1px 0;
				}
				
				ul#mainMenu li.categoryMain a{
				}
				
				ul#mainMenu li.categoryMain a.card01{
					width:200px;
					height:204px;
				}
				
				* html ul#mainMenu li.categoryMain a.card01 img{vertical-align:bottom;} /*IE6は勝手にベースラインを入れるらしい。その対策*/
				*+html ul#mainMenu li.categoryMain a.card01 img{vertical-align:bottom;} /*同じくIE7*/
				
				ul#mainMenu li.categoryMain a.card02{
					width:200px;
					height:204px;
				}
				
				* html ul#mainMenu li.categoryMain a.card02 img{vertical-align:bottom;} /*IE6は勝手にベースラインを入れるらしい。その対策*/
				*+html ul#mainMenu li.categoryMain a.card02 img{vertical-align:bottom;} /*同じくIE7*/
				
				ul#mainMenu li.categoryMain a.card03{
					width:200px;
					height:204px;
				}
				
				* html ul#mainMenu li.categoryMain a.card03 img{vertical-align:bottom;} /*IE6は勝手にベースラインを入れるらしい。その対策*/
				*+html ul#mainMenu li.categoryMain a.card03 img{vertical-align:bottom;} /*同じくIE7*/
				
				ul#mainMenu li.categorySubNo{
					text-indent:15px;
					line-height:19px;
					background: url("image/categorySubNo.gif") repeat-x;
					border:solid 0px #000000;
					border-bottom-width:1px;
					color:#777777;
				}
				
				* html ul#mainMenu li.categorySubNo{
				}
				
				ul#mainMenu li.categorySub{
					text-indent:15px;
				}
				
				ul#mainMenu li.categorySub a{
				}
				
				ul#mainMenu li.categorySub a:hover{
					background:#ffffff url("image/category_r.gif") no-repeat;
					color:#000000;
				}
		
		#bookmark-wrapper{
			background:url(image/grid-credit.png);
		}
		
		ul#bookmark{
			margin:0;
			padding:10px 0 0 0;
			list-style:none;
			border:solid 0px #aaaaaa;
			border-bottom-width:1px;
		}
		
			ul#bookmark a{
				display:block;
				width:181px;
				margin:0 auto 10px auto;
			}
			
			ul#bookmark a.bookmark{
				background:url("image/boolmark01.png") no-repeat;
				height:26px;
			}
			
			ul#bookmark a.socialbookmark{
				background:url("image/boolmark02.png") no-repeat;
				height:26px;
				_margin-top:-10px;
			}
			
			*+html ul#bookmark a.socialbookmark{
				margin-top:-10px;
			}
			
				ul#bookmark a img{
					display:block;
				}



	#rightColumn{
		width:599px;
		height:auto;
		background:#ffffff url("image/rightColumn.gif") no-repeat;
		float:left;
	}
	
	* html #rightColumn{
			margin-right:-2px;
	}
	
		#roundWrapper{
			margin:0 auto 15px auto;
			width:570px;
			_margin:0 -15px 15px 15px;
		}
		
			#rightColumn #mainRound-top{
				background:url("image/mainRound-top.gif") no-repeat;
				font:bold 16px/32px "メイリオ","ＭＳ Ｐゴシック","Hiragino Mincho Pro";
				color:#000099;
				text-indent:296px;
				width:570px;
				height:55px;
			}
			
			#rightColumn #mainRound-middle{
				background:url("image/mainRound-middle.gif") repeat-y;
				width:570px;
				text-align:justify;
				text-justify:inter-ideograph;
			}
			
				div.midashi{
					font:normal 0.8em/1.5em "メイリオ","ＭＳ Ｐゴシック","Hiragino Mincho Pro","Osaka";
				}
				
					div.contentsBlock{
					}
						
						div.pWrapper{
							float:left;
							width:330px;
						}
						
						div.midashi p{
							margin:0 10px 0 10px;
						}
						
						div.midashi a.link01{
							display:block;
							margin-bottom:10px;
							clear:both;
						}
						
						h3.midashiHeader{
							font:bold 1.5em/1em "メイリオ","ＭＳ Ｐゴシック","Hiragino Mincho Pro","Osaka";
							background: url("image/midashiHeader.gif") no-repeat;
							width:531px;
							height:29px;
							margin-top:50px;
							padding:4px 0 0 30px;
						}
						
							h3.midashiHeader a{
								text-decoration:none;
								color:#5555ff;
							}
						
						h4{
							background: url("image/h4.gif") no-repeat;
							width:520px;
							margin:30px 0 0 0;
							padding:7px 0 0px 10px;
							height:25px;
							font:bold 1em/1em "メイリオ","ＭＳ Ｐゴシック","Hiragino Mincho Pro","Osaka";
							color:#000000;
							clear:both;
						}
						
						div.imgWrapper{
						}
						
							div.imgWrapper a{
								float:left;
							}
						
								div.imgWrapper a img{
								}
								
						
						table#corp{
							width:100%;
						}
						
						table#corp td{
							border:solid 1px #cccccc;
							padding:5px;
							vertical-align:middle;
						}
						
						table#corp td.tableMidashi{
							font-weight:normal;
							color:#777777;
							text-align:center;
							background:#EEEEFF;
						}
						
						table#corp td p{
							margin:0;
						}
			
			
				#rightColumn #mainRound-middle #mainContents{
					margin:0 20px 0 20px;
				}
			
			#rightColumn #mainRound-bottom{
				background:url("image/mainRound-bottom.gif") no-repeat;
				width:570px;
				height:38px;
			}



#footer{
	float:left;
	width:100%;
	height:auto;
	background:#555555;
	color:#ffffff;
	font:normal 12px/1em "メイリオ","Hiragino Micho Pro";
}

* html #footer{
}

	#footerWrapper{
		color:#C0C000;
		margin:10px;
	}
	
		#footerWrapper div{
			margin-bottom:5px;
		}
		
		#footerWrapper div.license a{
			margin-bottom:6px;
			text-decoration:none;
			color:#DBDE00;
			width:100%;
		}
		

		
		#footerWrapper div.photo{
			text-align:right;
			font-size:10px;
			color:#888888;
		}




/* ---------------------------------------------------------- */
/* -------------------------サブページ----------------------- */
/* ---------------------------------------------------------- */
div.pWrapperSub{
	float:left;
	width:330px;
}

div.pWrapperSub div.brand{
	background:url("image/brand.gif") no-repeat;
	line-height:25px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	width:330px;
}

div.pWrapperSub p{
	margin:0;
	border:solid 1px #cccccc;
	padding:5px;
}

ul.subpageUL{
	width:90%;
	padding-left:27px;
	color:#FF5555;
	margin:10px 0 10px 0;
	clear:both;
}

table#cardInfo{
	border-collapse:collapse;
	width:100%;
	border:solid 1px #999999;
}

table#cardInfo td{
	border:solid 1px #aaaaaa;
	padding:5px;
	vertical-align:top;
}

table#cardInfo td ul,
ul.lastList{
	padding:0;
	margin:0 0 20px 0;
	list-style:none;
}

table#cardInfo td ul li,
ul.lastList li{
	border:solid 0px #cccccc;
	border-bottom-width:1px;
	line-height:2em;
}

table#cardInfo td.tdWidth{
	background:#EFF6FF url("image/cardInfo.gif") repeat-x;
	width:200px;
	color:#0000ff;
}

table.cardInfoWidth{
	width:300px !important;
	margin:auto;
	border:none;
}

table.cardInfoWidth td{
	border:none !important;
}

ul.lastList{
	border:solid 1px #aaaaaa;
	padding:10px;
}


h4.subpage_tableHeader,
h4.subpage_tableHeader_golf,
h4.subpage_tableHeader_onpu,
h4.subpage_tableHeader_hospital,
h4.subpage_tableHeader_hula,
h4.subpage_tableHeader_car,
h4.subpage_tableHeader_card{
	background: url("image/subpage_tableHeader.gif") no-repeat;
	font-size:20px;
	line-height:28px;
	text-indent:30px;
	color:#EA7F00;
	width:100%;
	height:40px;
	float:none;
}

h4.subpage_tableHeader_golf{background: url("image/subpage_tableHeader_golf.gif") no-repeat;}
h4.subpage_tableHeader_onpu{background: url("image/subpage_tableHeader_onpu.gif") no-repeat;}
h4.subpage_tableHeader_hospital{background: url("image/subpage_tableHeader_hospital.gif") no-repeat;}
h4.subpage_tableHeader_hula{background: url("image/subpage_tableHeader_hula.gif") no-repeat;}
h4.subpage_tableHeader_car{background: url("image/subpage_tableHeader_car.gif") no-repeat;}
h4.subpage_tableHeader_card{background: url("image/subpage_tableHeader_card.gif") no-repeat;}

* html h4.subpage_tableHeader,
* html h4.subpage_tableHeader_golf,
* html h4.subpage_tableHeader_onpu,
* html h4.subpage_tableHeader_hospital,
* html h4.subpage_tableHeader_hula,
* html h4.subpage_tableHeader_car,
* html h4.subpage_tableHeader_card{
	line-height:32px;
}


.subpageRound-top{
	background: url("image/subpageRound-top.gif") no-repeat;
	width: 530px;
	height: 30px;
}

.subpageRound-middle{
	background: url("image/subpageRound-middle.gif") repeat-y;
	width: 530px;
}

	.subpageRound-middle p{
		padding:0 10px 0 10px;
	}

.subpageRound-bottom{
	background: url("image/subpageRound-bottom.gif") no-repeat;
	width: 530px;
	height: 30px;
}




/* ---------------------------------------------------------- */
/* -------------------------多数流用------------------------- */
/* ---------------------------------------------------------- */

/* h1要素を画像で代替。画面外へと飛ばす */
.title{
	position:absolute;
	top:-200px;
}

.floatLeft{
	float:left;
	display:block;
	width:200px;
}

.cardView{
	margin:0px 0 20px 0 !important;
	width:530px;
}

.order{
	display:block;
	margin-top:15px;
	padding-top:1px;
	background:url("image/order.gif") no-repeat;
	width:166px;
	text-indent:33px;
	text-decoration:none;
	line-height:25px;
	float:left;
	font-weight:bold;
	color:#ffffff;
}

.both{
	clear:both;
	margin-bottom:20px;
}

.color{
	color:#aaaaaa;
}

.globalTable td{
}

.layoutTable{
	border-collapse:collapse;
	clear:both;
	margin:20px 0 20px 10px;
	width:96.5%;
}

.layoutTable td,
.layoutTable th{
	border:solid 1px #ccccff;
	padding:5px;
	font-weight:normal;
}

.layoutTable .head{
	font-size:16px;
	text-align:center;
	background:#eeeeff;
}

a.nyukai{
	display:block;
	text-align:center;
	margin:10px auto 10px auto;
	text-decoration:none;
	cursor:pointer;
	height:25px;
}

a.nyukai img,
a.nyukai div{
	float: left;
}

a.nyukai div{
	background:#8484FF;
	line-height:25px;
	padding:0 5px 0 5px;
	color:#ffffff;
	font-weight:bold;
}

.topPage{
	font:normal 14px/1em "Arial";
	margin:10px 0 0 20px;
	text-decoration:none;
	float:right;
}

.cursor{
	cursor:pointer;
}

.stNo{
	font-weight:normal;
}

.red{
	color:red;
}

.border01{
	border:solid 1px #cccccc;
	padding:2px 5px 2px 5px;
	color:#555555;
	clear:both;
}

.note{
	font-size:10px;
	line-height:1.5em;
	margin-bottom:10px !important;
}

.commercial{
	border:solid 1px #ccccff;
	padding:10px;
	background:#eeeeff;
	color:#777777;
}

.commercial p{margin:0 !important;}

.tel{
	vertical-align:-3px;
	padding-right:5px;
}

.layoutTableImage{
	margin:10px auto 10px auto;
	border-collapse:collapse;
	text-align:center;
}

.layoutTableImage td{
}

.floatLeft-photo{
	float:left;
	margin:0px 10px 10px 0;
}



table#categorysTable{
	border-collapse:collapse;
	border:solid 1px #aaaaaa;
	margin:auto;
	font-size:13px;
	line-height:1.7em;
	color:#555555;
	letter-spacing:-0.05em; 
}


table#categorysTable tr{
}

table#categorysTable td{
	padding:10px;
	border:solid 0px #aaaaaa;
	border-width:1px 0 1px 0;
	vertical-align:top;
}

table#categorysTable td.bgimg01{
	background:url("image/bgimg.gif") no-repeat;
}

table#categorysTable td.bgimg02{
	text-align:left;
	background:url("image/bgimg02.gif") no-repeat right bottom;
}

table#categorysTable td.bgimg02 img{
	margin-top:20px;
}

table#categorysTable td.ctHeader{
	background:url("image/ranking.gif") repeat-x;
	line-height:30px;
	padding:0;
	text-indent:15px;
	color:#FFFFFF;
}

table#categorysTable p{
	margin:0 0 10px 0;
}