﻿@charset "UTF-8";

* {
	margin:0;
	padding:0;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", Verdana,Arial, Helvetica, sans-serif;
	}

body{
	text-align:center;
	margin:0 auto;
	font-size:12px;
	line-height:1.6;
	color:#666;
}

a img{border:none;}
a:link,a:active,a:visited{color:#996600;text-decoration:none;}
a:hover{color:#ff6600;}

a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

/* ------------------------------
	header
------------------------------ */

.head_alert{
	text-align:center;
	margin:0 auto;
}

.head_alert ul{
	text-align:center;
	margin:0 auto;
	width:470px;
	padding:10px;
}

.head_alert li{
	float:left;
	text-align:center;
	margin:0 auto;
	width:150px;
}

header {
	background:url(../img/headbg.gif) top center repeat-x #55452a;
	text-align:center;
	margin:0 auto;
}

#headerin{
	width:980px;
	height:113px;
	position: relative;
	text-align:center;
	margin:0 auto;
}

#headlogo{
	position:absolute;
    top:10px;
    left:0px;
}

#headerin h1{
	text-align:right;
	position:absolute;
    top:10px;
    right:400px;
	color:#fff;
	font-size:10px;
	font-weight:normal;
}

#headsoryo{
	text-align:right;
	position:absolute;
    top:29px;
    right:400px;
}

#headtel{
	text-align:right;
	position:absolute;
    top:10px;
    right:87px;
}

#headkago{
	position:absolute;
    top:10px;
    right:0;
}

#headmypage{
	position:absolute;
    top:56px;
    right:180px;
}

#headkaiin{
	position:absolute;
    top:56px;
    right:88px;
}

#headmenu{
	text-align:right;
	position:absolute;
    top:57px;
    right:284px;
}

#headmenu li{
	float:right;
	padding-right:10px;
}

nav ul{
	width:980px;
	position:absolute;
    top:80px;
    left:0;
}

nav li{
	float:left;
}

/* ------------------------------
	content
------------------------------ */

#content{
	width:980px;
	margin:10px auto 0 auto;
	text-align:left;
}

#main{
	width:810px;
	float:right;
}

aside{
	width:155px;
	float:left;
}

#pan{
	font-size:14px;
	margin-bottom:10px;
}

#pan h1{
	display:inline;
	font-weight:normal;
}

/* ------------------------------
	aside
------------------------------ */
aside section{
	margin-bottom:15px;
}

aside h2{
	line-height:0;
}

.sideborder{
	border-left:1px solid #d1ba71;
	border-right:1px solid #d1ba71;
	border-bottom:1px solid #d1ba71;
}

.formlist{
	font-size:10px;
	line-height:16px;
	padding:3px 5px 10px 5px;
}

.sideform{
	width:97%;
}

.loginbtn{
	text-align:center;
	margin-bottom:10px;
}

.asidecatlist{
	border-left:1px solid #d1ba71;
	border-right:1px solid #d1ba71;
	border-bottom:1px solid #d1ba71;
}

.asidecatlevel1{
	padding:5px 0 5px 10px;
	font-weight:bold;
	color:#49330b;
	background:url(../img/asidecatlistdt.gif) top center no-repeat;
}

.asidecatlevel1 a:link,
.asidecatlevel1 a:active,
.asidecatlevel1 a:visited{
	color:#49330b;
}

.asidecatlevel1 a:hover{
	color:#ff6600;
}

.asidecatlevel2{
	padding:4px 0 3px 20px;
	background:url(../img/listarrows.gif) 5px 8px no-repeat;
}


.asidecatlevel3{
	padding:4px 0 3px 23px;
	background:url(../img/listicon.gif) 9px 8px no-repeat;
}

#tabArea,
#tab {
	width:155px;
	overflow:hidden;
}

#tab li {
	float:left;
	line-height:0;
}

#tabBox {
	border-left:1px solid #d1ba71;
	border-right:1px solid #d1ba71;
	border-bottom:1px solid #d1ba71;
	padding:5px;
}

.ranklist li{
	border-bottom:1px dashed #cccccc;
	margin-top:5px;
}

.ranklistR{
	float:right;
	padding-top:19px;
	width:83px;
	font-weight:bold;
	line-height:16px;
}

.rank1{
	background:url(../img/rank1.gif) top left no-repeat;
}
.rank2{
	background:url(../img/rank2.gif) top left no-repeat;
}
.rank3{
	background:url(../img/rank3.gif) top left no-repeat;
}
.rank4{
	background:url(../img/rank4.gif) top left no-repeat;
}
.rank5{
	background:url(../img/rank5.gif) top left no-repeat;
}

.asidebnrlist li{
	margin-bottom:5px;
	line-height:0;
}

/* ------------------------------
	お買い物ガイド
------------------------------ */

.fgcontact{
	width:810px;
	height:80px;
	position: relative;
}

.fgtel{
	position:absolute;
    top:0;
    left:0;
}

.fgfax{
	position:absolute;
    top:0;
    left:476px;
}

.fgpdf01{
	position:absolute;
	top:0;
	left:690px;
}

.fgpdf02{
	position:absolute;
    top:0;
    left:738px;
}

.fgfaxdisc{
	position:absolute;
    top:59px;
    left:476px;
}

.footgide{
	width:263px;
	float:left;
}

.footgide dt{
	background:url(../img/pagettlbg.gif) top left repeat-y;
	padding:3px 3px 3px 15px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.footgide p{
	margin-bottom:5px;
}

/* ------------------------------
	フッター
------------------------------ */

footer{
	width:980px;
	text-align:center;
	margin:0 auto;
}

#pagetop{
	text-align:right;
	line-height:0;
	margin-bottom:10px;
}

footer h3{
	width:980px;
	text-align:left;
	line-height:0;
}

#footergroup{
	text-align:left;
	border-left:1px solid #d1ba71;
	border-right:1px solid #d1ba71;
	border-bottom:1px solid #d1ba71;
	padding:10px 15px 15px 15px;
}


#footergroup dt{
	margin-bottom:10px;
}

#footergroup dd{
	float:left;
	padding:0 10px 10px 0;
	line-height:0;
}

#footerlink{
	margin:30px auto 10px auto;
}

/* ------------------------------
	共通
------------------------------ */

.clear{
	height:1%;
}
.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ol, ul {
		list-style			: none;
}

li {
	list-style-type			: none;
}

.fleft{	float:left;}
.fright{float:right;}
.clearboth{clear:both;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.t-m5{margin-top:5px;}
.t-m10{margin-top:10px;}
.t-m15{margin-top:15px;}
.t-m20{margin-top:20px;}
.t-m30{margin-top:30px;}
.t-m40{margin-top:40px;}
.b-m5{margin-bottom:5px;}
.b-m10{margin-bottom:10px;}
.b-m15{margin-bottom:15px;}
.b-m20{margin-bottom:20px;}
.b-m30{margin-bottom:30px;}
.l-m5{margin-left:5px;}
.l-m10{margin-left:10px;}
.l-m15{margin-left:15px;}
.l-m20{margin-left:20px;}
.l-m25{margin-left:25px;}
.l-m30{margin-left:30px;}
.l-m40{margin-left:40px;}
.r-m5{margin-right:5px;}
.r-m10{margin-right:10px;}
.r-m15{margin-right:15px;}
.r-m20{margin-right:20px;}
.r-m30{margin-right:30px;}
.h-m5{margin-top:5px;margin-bottom:5px;}
.h-m10{margin-top:10px;margin-bottom:10px;}
.h-m15{margin-top:15px;margin-bottom:15px;}
.h-m20{margin-top:20px;margin-bottom:20px;}
.h-m25{margin-top:25px;margin-bottom:25px;}
.h-m30{margin-top:30px;margin-bottom:30px;}
.w-m5{margin-left:5px;margin-right:5px;}
.w-m10{margin-left:10px;margin-right:10px;}
.w-m15{margin-left:15px;margin-right:15px;}
.w-m20{margin-left:20px;margin-right:20px;}
.w-m30{margin-left:30px;margin-right:30px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.t-p5{padding-top:5px;}
.t-p10{padding-top:10px;}
.t-p15{padding-top:15px;}
.t-p20{padding-top:20px;}
.t-p25{padding-top:25px;}
.t-p30{padding-top:30px;}
.t-p50{padding-top:50px;}
.b-p5{padding-bottom:5px;}
.b-p10{padding-bottom:10px;}
.b-p15{padding-bottom:15px;}
.b-p20{padding-bottom:20px;}
.b-p30{padding-bottom:30px;}
.l-p5{padding-left:5px;}
.l-p10{padding-left:10px;}
.l-p15{padding-left:15px;}
.l-p20{padding-left:20px;}
.l-p30{padding-left:30px;}
.l-p40{padding-left:40px;}
.l-p65{padding-left:65px;}
.l-p130{padding-left:130px;}
.l-p190{padding-left:190px;}
.r-p5{padding-right:5px;}
.r-p8{padding-right:8px;}
.r-p10{padding-right:10px;}
.r-p15{padding-right:15px;}
.r-p20{padding-right:20px;}
.r-p30{padding-right:30px;}
.lh50{line-height:50px;}
.h-p5{padding-top:5px;padding-bottom:5px;}
.h-p10{padding-top:10px;padding-bottom:10px;}
.h-p15{padding-top:15px;padding-bottom:15px;}
.h-p20{padding-top:20px;padding-bottom:20px;}
.h-p25{padding-top:25px;padding-bottom:25px;}
.h-p30{padding-top:30px;padding-bottom:30px;}
.w-p5{padding-left:5px;padding-right:5px;}
.w-p10{padding-left:10px;padding-right:10px;}
.w-p15{padding-left:15px;padding-right:15px;}
.w-p20{padding-left:20px;padding-right:20px;}
.w-p30{padding-left:30px;padding-right:30px;}
.tcenter{text-align:center;}
.tright{text-align:right;}
.tleft{text-align:left;}
.fbold{font-weight:bold;}
.flinkcolor{color:#704C32;}
.font10{font-size:10px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.red{color:#F00;font-weight:bold;}
.orange{color:#ff9900;font-weight:bold;}
.brown{color:#59441f;font-weight:bold;}

.grad_kimidori {  
    background: -moz-linear-gradient(top, #e6f475, #ddec5d);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#e6f475), to(#ddec5d));　/* Safari,Google Chrome用 */ 
}

.point {
    color: #f00;
    font-weight: bold;
}
.user_name {
    font-weight: bold;
}
.recommend_level {
    color: #ecbd00;
}

.attention {
    color: #f00;
}
.attentionSt {
    color: #f00;
    font-weight: bold;
}
.st {
    font-weight: bold;
}
.mini {
    font-size: 90%;
}


.w100{ width: 100%;}
.w90{ width: 90%;}
.w60{ width: 60%;}
.w50{ width: 50%;}
.w40{ width: 40%;}
.w45{ width: 45%;}
.w30{ width: 30%;}
.w25{ width: 25%;}
.w20{ width: 20%;}
