body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
img {  
    border:0; 
} 

a img {
	border:none;
}

a:link { color: #F60; 
text-decoration: none;
border:none;
}
a:visited { color: #F60; 
text-decoration: none;
border:none;
}
a:hover { color: #F60;
			text-decoration:underline;
			border:none;
			}
a:active { color: #F60;
			border:none;
			}

address,caption,cite,code,
dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
}  
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 

body  {
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #666;
	line-height:150%;
	background:url(images/index-bg.gif);
}
#container-wrap {
	/*background:#FFF;*/

} 



#container {
	width: 955px; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left;
	/*background:#D2CEB6;*/
	padding-top:10px;
	padding-bottom:10px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
#head-wrap { 
	height:54px;
	background:url(images/header.jpg) repeat-x;
}


#catch-wrap {
	
	background:url(images/bg.jpg);
	position:inherit;
	padding-top:20px;
} 

#cart{
	position:absolute;
	left: 847px;
	top: 117px;
}

#catch {
	width: 950px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
} 

#header {
	width: 950px;
	height:54px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}

#header-right{
padding:15px 0 0 0;
float:right;
}
#header-logo {
	margin: 0;
	padding: 0;
	position:absolute;
	float:left;
	left: 0px;
	top: 0px;
}
#sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 700px;
	margin:0;
	line-height:100%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}


#news{
	padding:5px;
	height:30px;
	background:url(images/news-bar-bg.jpg) no-repeat;
}

#news .imgleft{
	float:left;
}

#rightArea{
	padding:6px 10px 6px 10px;
	margin-left:100px;
	background-color:#FFF;
}


#sidebar1 p span{
	color:#900;
	font-weight:bold;
}
#sidetable{
	margin:10px;
	border:#CCC dotted 1px;
}

#sidetable td{
	padding:15px 10px;
	background-color:#F3EEDF;
	border:#333 dotted 1px;
}
#sidetable .leftblock{
	padding:15px 10px;
	background-color:#DFD8B4;
	border:#333 dotted 1px;
}

#mainContent {
	margin: 0 0 0 705px;
	padding:0;
	/*background-color:#FFF;*/
	
}

/* hide hack from Mac-IE5 \*/
* html #mainContent { height: 1%; }
/* end hiding */
#cateArea{
	background-color:#F90;
	padding:5px;
}

#formobile{
	padding:0;
}

#formobile h4{
	margin:0;
	padding:0;
}

#formobile img.floatimg{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

#formobile img.ad-small{
	margin-top:10px;
}


#formobile p{
	padding:10px;
	line-height:200%;
}

#formobile p.url{
	background-color:#F90;
	text-align:center;
	padding:5px;
}

#formobile p.url span{
	font-weight:bold;
	color:#FFF;
}

#formobile div.staff-blog{
	margin-top:10px;
	background-color:#FFF;
}

#formobile div.staff-blog a{
	color:#FFF;
	text-decoration:none;
}

#formobile div.staff-blog a{
	color:#FFF;
	text-decoration:underline;
}

#secoreco-wrap{
}


#secoreco {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	background:url(images/sub-bg.jpg);
	height:385px;
}
#secoreco ul {
	list-style: none;
	margin:0 0 0 5px ;
	padding:5px 0 0 0;
}
#secoreco li {
	float: left;
	list-style-type: none;
	width: 185px;
	height: 185px;
	display: block;
	margin-right:10px;
	margin-bottom:5px;
	padding:0;
	position:relative;
}

#secoreco li a {
	width: 185px;
	height: 185px;
	margin-bottom:5px;
	display: block;
	border: 0;
}

#secoreco li.secoreco1,
#secoreco li.secoreco1 a:hover {
	background-image:url(images/secoreco1_on.jpg);
}
#secoreco li.secoreco1 a {
background-image:url(images/secoreco1.jpg);
}
#secoreco li.secoreco2{
margin-right:0;
	
}
#secoreco li.secoreco2 a:hover {
	background-image:url(images/secoreco2_on.jpg);
}
#secoreco li.secoreco2 a {
margin-right:0;
	background-image:url(images/secoreco2.jpg);
}

#secoreco li.secoreco3,
#secoreco li.secoreco3 a:hover {
	background-image:url(images/secoreco3_on.jpg);
}
#secoreco li.secoreco3 a {
	background-image:url(images/secoreco3.jpg);
}

#secoreco li.secoreco4{
margin-right:0;
	
}
#secoreco li.secoreco4 a:hover {
	background-image:url(images/secoreco4_on.jpg);
}
#secoreco li.secoreco4 a {
margin-right:0;
	background-image:url(images/secoreco4.jpg);
}

.hide{
	display:none;
}
#info {height:30em;}
#info p {text-align:center;}
.menu {display:inline-block;}
.menu {display:inline;}
.holder {display:table;}

.menu {
  width:170px;
  height:170px;
  padding:5px;
  display:table-row;
  padding:0;
  margin:0;
  list-style-type:none;
  white-space:nowrap; 
  }
.menu li {display:inline;}

.mr10{
	margin-right:10px;
}
.m10{
	margin:10px 0;
}
.mt10{
	margin-top:10px;
}
.mb10{
	margin-bottom:10px;
}
.ml10{
	margin-left:10px;
}
.menu a, .menu a:visited {
  width:170px;
  height:170px;
  padding:5px;
  display:block;
  float:left;
  color:#000; 
  background:#d4d4d4; 
  border:1px solid #fff; 
  text-decoration:none;
  }
.menu a:hover {
  color:#fff; 
  background:#08c;
  }


#footer-wrap{
	background:url(images/bg2.jpg);
	border-top:#F90 solid 5px;
}
#footer {
	width:950px;
	text-align:left;
	color:#000;
	font-weight:normal;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
} 
#footer p {
	text-align:left;
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.floatLeft{
	float:left;
	padding:5px;
}
.floatRight{
	float:right;
	padding:0;
	margin:0;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#top-navi-wrap {
	/*background:url(images/bg.jpg);*/
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

#top-navi {
	width:950px;
	padding:0;
	height: 62px;
	margin:0 auto;
}
#top-navi ul {
	list-style: none;
	width:950px;
	height: 62px;
	padding:0;
	margin:0;
}
#top-navi li {
	float: left;
	list-style-type: none;
	width: 210px;
	height: 62px;
	display: block;
}
#top-navi li a {
	width:210px;
	height: 62px;
	display: block;
	border: 0;
}
#top-navi li.top-navi1,
#top-navi li.top-navi1 a:hover {
	background-image:url(images/top-navi1_on.jpg);
}
#top-navi li.top-navi1 a {
background-image:url(images/top-navi1.jpg);
}
#top-navi li.top-navi2,
#top-navi li.top-navi2 a:hover {
	background-image:url(images/top-navi2_on.jpg);
}
#top-navi li.top-navi2 a {
background-image:url(images/top-navi2.jpg);
}
#top-navi li.top-navi3,
#top-navi li.top-navi3 a:hover {
	background-image:url(images/top-navi3_on.jpg);
}
#top-navi li.top-navi3 a {
background-image:url(images/top-navi3.jpg);
}


#top-navi li.top-navi4{
	width:107px;
	
}
#top-navi li.top-navi4 a:hover {
	background-image:url(images/top-navi4.jpg);
}
#top-navi li.top-navi4 a {
	width:107px;
	background-image:url(images/top-navi4_on.jpg);
}

#top-navi li.top-navi5{
	width:106px;
	
}
#top-navi li.top-navi5 a:hover {
	background-image:url(images/top-navi5.jpg);
}
#top-navi li.top-navi5 a {
	width:106px;
	background-image:url(images/top-navi5_on.jpg);
}


#top-navi li.top-navi6{
	width:107px;
	
}
#top-navi li.top-navi6 a:hover {
	background-image:url(images/top-navi6.jpg);
}
#top-navi li.top-navi6 a {
	width:107px;
	background-image:url(images/top-navi6_on.jpg);
}

#navi {
	width:940px;
	padding:0;
	height: 40px;
	margin:0;
	position:absolute;
	left: 10px;
	top: 511px;
}
#navi ul {
	list-style: none;
	width:950px;
	height: 40px;
	padding:0;
	margin:0;
}
#navi li {
	float: left;
	list-style-type: none;
	width: 140px;
	height: 30px;
	padding-top:10px;
	margin-right:5px;
	display: block;
	text-align:center;
	font-weight:bold;
	color:#333;
}
#navi li a {
	width: 140px;
	height: 30px;
	padding-top:10px;
	display: block;
	margin-right:5px;
	border: 0;
	color:#333;
	background-image:url(images/navi-on.jpg);
}

#navi li a:hover {
	color:#666;
	width: 140px;
	height: 30px;
	padding-top:10px;
	display: block;
	border: 0;
	background-image:url(images/navi-bg.jpg);
	text-decoration:none;
}

#menuBox{
	width:700px;
	background-color: #FFF;
	background-image: url(images/menu-list-bg.jpg);
}
#menuBox ul{
	list-style: none;
	padding:0;
	margin:0;
}
#menuBox li {
	float:left;
	width: 140px;
	display: block;
	margin:0;
	padding:0;
	position:relative;
	color:#666;
	font-weight:bold;
	text-align:center;
}

#menuBox li a{
	color:#666;
	text-decoration:none;
	padding:10px 0 ;
	display:block;
	background:url(images/menu-bg.jpg) no-repeat;
}

#menuBox li a:hover{
	background:url(images/menu-bg_on.jpg) no-repeat;
}

#menuBox li.Menutitle{
	color:#FFF;
	font-weight:bold;
}
#menuBox li.Menutitle a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:10px 0 ;
	display:block;
	background:url(images/menu-bg-title.jpg) no-repeat;
}

#menuBox li.Menutitle a:hover{
	background:url(images/menu-bg-title.jpg) no-repeat;
}

#pickupBox-small{
	text-align:left;
	margin-top:10px;
}

#pickupBox-small ul {
	list-style: none;
	padding:0;
	margin:0;
}
#pickupBox-small li {
	float:left;
	width: 60px;
	height:60px;
	display: block;
	padding:0;
	background:#FFF;
	color:#000;
	text-align:center;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}

#pickupBox-small li.right {
	margin:0;
}

#pickupBox{
	text-align:left;
	margin-top:10px;
}

#pickupBox ul {
	list-style: none;
	padding:0;
	margin:0;
}
#pickupBox li {
	float:left;
	width: 325px;
	height:80px;
	display: block;
	margin:0 10px 10px 0;
	padding:10px;
	background:url(images/puckup-bg.jpg) no-repeat;
	border-bottom:#666 dotted 1px;
	border-top:#FFF dotted 1px;
	color:#000;
	text-align:left;
	position:relative;
}


#pickupBox li.youtube {
	width: 690px;
	height:250px;
	padding:5px;
	background:url(images/youtube-bg.jpg) no-repeat top #FFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#pickupBox li.title {
	width: 700px;
	height:40px;
	margin:0 0 10px 0;
	padding:0;
}


#youtube-ravel{
	position:absolute;
	width:80px;
	height:80px;
	left: -350px;
	top: 0px;
	margin:0;
	padding:0;
}


#pickupBox li.youtube div{
	margin-left:345px;
	height:250px;
}
#pickupBox li.youtube div table{
	margin-top:5px;
}

#pickupBox li.youtube div table td{
	padding:7px 5px;
	background-color:#F3EEDF;
	border:#333 dotted 1px;
	font-size:10px;
}
#pickupBox li.youtube div table td.pickleft{
	width:100px;
	padding:5px;
	background-color:#DFD8B4;
	font-weight:bold;
}


#pickupBox li div p{
line-height:200%;
font-size:10px;
}

#pickupBox li div p.intro{
	padding:5px 0;
}

#pickupBox li.youtube div p.time{
	text-align:right;
	font-style:italic;
	font-size:10px;
}

#pickupBox li div p.catebar{
	background-color:#F90;
	color:#FFF;
	padding:5px;
	font-size:11px;
	font-weight:bold;
}

#pickupBox li.youtube div h3{
	padding:10px 0;
	margin:5px 0 5px 0;
	font-weight:bold;
	font-size:15px;
	color:#F90;
	border-bottom:#F90 dotted 1px;
}

#pickupBox li.youtube div.youtube-left{
margin:10px 0 0 0;
	float:left;
	padding:0;
}

#pickupBox li img{
	float:left;
}

#pickupBox li div{
	margin-left:90px;
}

#pickupBox li div h3{
	padding:5px 0;
	margin:0 0 5px 0 ;
	font-weight:bold;
	font-size:12px;
	color:#F90;
	border-bottom:#F90 dotted 1px;
}

#pickupBox li div p{
line-height:150%;
font-size:10px;
}

#pickupBox li div p.catebar{
	background-color:#F90;
	color:#FFF;
	font-size:9px;
}

#pickupBox li.right {
	margin:0 0 10px 0;
}

#pickupBox-ravel{
	position:absolute;
	width:30px;
	padding:5px;
	background-color:#FF0;
	left: -80px;
	top: 6px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
}




#new{
	float:right;
	position:absolute;
	left: 243px;
	top: 2px;
}


#cateTitle{
	margin:10px 0;
	padding:10px;
	border-bottom:#FFF dashed 1px;
}
#listBox li.rightBox {
	margin:0 0px 10px 0;
	
}

#listBox h3{
	font-size:14px;
	font-weight:bold;
	color:#F90;
	padding:10px 0;
	margin:0;
	border-bottom:#CCC dotted 1px;
}
#listBox p.subtitle{
	padding:10px 0;
	margin:0;
}


#listtable{
	margin-top:5px;
}

#listtable td{
	padding:7px 5px;
	background-color:#F3EEDF;
	border:#333 dotted 1px;
	font-size:10px;
}
#listtable .leftblock{
	padding:5px;
	background-color:#DFD8B4;
	font-weight:bold;
}

#listtable .imageCenter{
	text-align:center;
}


#cateList{
	margin:0;
	padding:0;
	list-style-type:none;
}

#cateList li{
	border-bottom:#CCC dotted 1px;
	padding:5px 10px;
}

#cateList li.title{
	padding:10px;
	font-weight:bold;
	background-color:#900;
	color:#FFF;
	border-left:#D2CEB6 solid 30px;
}
.mtbr10{
	margin:10px 5px 10px 0;
}

.red{
	color:#F00;
}

#maininfo{
	padding:10px;
	line-height:200%;
	background-color:#EBE9DF;
	border:#666 dotted 1px;
	margin-top:10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}
#maininfo h3{
	padding:10px;
	margin:0;
	font-size:12px;
	font-weight:bold;
	border-bottom:#333 dotted 1px;
}
#maininfo h4{
	padding:10px;
	margin:0;
	font-size:12px;
	font-weight:normal;
}

.mtrl10{
	margin:10px 10px 0 10px;
}

#catch-name{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	position:absolute;
	background:#000;
	width:920px;
	color:#FFF;
	letter-spacing:2px;
	font-weight:bold;
	font-size:20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#catch-name span{
	color:#F60;
	font-weight:nomal;
	font-size:10px;
	vertical-align:middle;
	border-right:#FFF dotted 1px;
	margin-right:10px;
	padding-right:10px;
}

#pagetop-wrap{
	margin-top:20px;
}

#pagetop{
	width:950px;
	margin:0 auto;
	text-align:right;
}

#map{
	padding:0 10px;
	height:700px;
}

#map h4{
	padding:10px;
	font-size:13px;
	font-weight:bold;
	border-bottom:#666 dotted 1px;
	background:#EBE9DF;
	margin:0;
}

#map p{
	padding:10px;
	font-size:13px;
	font-weight:bold;
	background:#FFF;
	margin-bottom:20px;
}


#pickup-menu{
	padding:10px;
	height:700px;
	background:url(images/recotitle.jpg) right bottom no-repeat;
}

#pickup-menu h3{
	margin:0;
	padding:10px 0 0 0 ;
	font-size:15px;
	font-weight:bold;
}

#pickup-menu p{
	padding-top:10px;
}

#pickup-menu span{
	font-weight:bold;
	font-size:15px;
}

#money{
	font-size:13px;
	font-weight:bold;
	text-align:right;
	padding-top:20px;
}

#pickup-menu ul {
	list-style: none;
	margin:0;
	padding:0;
}
#pickup-menu li {
	float: left;
	list-style-type: none;
	width: 280px;
	height: 350px;
	display: block;
	margin-right:10px;
	margin-bottom:10px;
	border:#666 dotted 1px;
	background-color:#FFF;
	padding:10px;
}
#pickup-menu li a {
	width: 280px;
	height: 330px;
	margin-bottom:10px;
	display: block;
	border: 0;
}
#pickup-menu li.pickup1,
#pickup-menu li.pickup1 a:hover {
	background-image:url(images/pickup1_on.jpg);
}
#pickup-menu li.pickup1 a {
background-image:url(images/pickup1.jpg);
}

#pickup-menu li.pickup2,
#pickup-menu li.pickup2 a:hover {
	background-image:url(images/pickup1_on.jpg);
}
#pickup-menu li.pickup2 a {
background-image:url(images/pickup1.jpg);
}

#pickup-menu li.pickup3{
margin-right:0;
	
}
#pickup-menu li.pickup3 a:hover {
	background-image:url(images/pickup4_on.jpg);
}
#pickup-menu li.pickup3 a {
margin-right:0;
	background-image:url(images/pickup4.jpg);
}

#infomation{
	padding:0 10px;
	height:700px;
}


#mainContent-btm {
	margin: 0 0 0 550px;
	padding:0;
}

#sidebar-btm {
	float: left;
	width: 540px;
	margin:0;
	padding:0;
	line-height:100%;
}

#btm-shoplist ul {
	list-style: none;
	margin:0;
	padding:0;
}
#btm-shoplist li {
	float: left;
	list-style-type: none;
	width: 179px;
	display: block;
	border-right:#666 dotted 1px;
	line-height:200%;
}
#btm-shoplist li a {
	width: 179px;
	display: block;
	border: 0;
	line-height:200%;
}