/* CSS Document */

/*
初期設定
-------------------------------------------------------------*/

h1,h2,h3,h4,h5 {
    background:none;
}

a img{
    border:none;
    vertical-align: top;
}
dl,dt,dd{margin: 0;padding: 0;}
img {vertical-align: top;}

/*
ヘッドライン
-------------------------------------------------------------*/
h1 {
    margin:0 0 0 0;
    padding: 0;
    font-size: 100%;
    line-height: 100%;
    font-weight: normal;
    letter-spacing: 0px;
    width: 320px;
}


h2 {
    margin:0;
    padding: 0;
    font-size: 100%;
    line-height: 100%;
    font-weight: normal;
    letter-spacing: 0px;
    width: 320px;
}


h3 {
    margin:0 0 0 0;
    padding: 0;
    font-size: 100%;
    line-height: 100%;
    font-weight: normal;
    letter-spacing: 0px;
    width: 320px;
}


h4 {
    margin:0 0 0 0;
    padding: 0;
    font-size: 100%;
    line-height: 100%;
    font-weight: normal;
    letter-spacing: 0px;
    width: 320px;
}

/*
レイアウト
-------------------------------------------------------------*/

/*
本文・テキスト
-------------------------------------------------------------*/
p {
    margin: 0;
    padding: 0;
    line-height:115%;
    color:#231916;
    width: 320px;
    letter-spacing: -0.5px;
}

.center {
    text-align: center;
}

.small {
    font-size: 83%;
}

.middle {
    font-size: 93%;
}

.green {
    color: #1D654C;
}

.gray {
    color: #898989;
}

.letterS{
    letter-spacing: -1px;
}

.marginTopS {
    margin-top: 5px;
}

.marginTopM {
    margin-top: 10px;
}

.marginTopL {
    margin-top: 15px;
}

.marginBottomS{
    margin-bottom: 5px;
}

.marginBottomM{
    margin-bottom: 10px;
}

.marginBottomL{
    margin-bottom: 15px;
}

.marginBottomLL{
    margin-bottom: 20px;
}

.paddingS{
    padding: 5px;
    width: 315px;
}

.paddingM{
    padding: 10px;
    width: 310px;
}

.paddingMTLR{
    padding: 10px 10px 0px 10px;
    width: 300px;
}

.paddingLRM{
    padding-left :10px;
    width: 310px;
}

.paddingLM{
    padding-left :10px;
    width: 310px;
}

.paddingLS{
    padding-left :5px;
    padding-right: 0;
    width: 315px;
}

.paddingLRS{
    padding-left :5px;
    padding-right :5px;
    width: 310px;
}
.bold{
    font-weight: bold;
}

span.sikaku{
    background: url(../images/common/sikaku.png) no-repeat 0px 2px;
    padding-right: 12px;
}

span.kome{
    background: url(../images/common/kome.png) no-repeat 0px 2px;
    padding-right: 12px;
}
span.komesilver{
    background: url(../images/common/kome_silver.png) no-repeat 0px 2px;
    padding-right: 12px;
}
span.markr {
    background: url(../images/common/r.gif) no-repeat 0px 2px;
    padding-right: 6px;
}
/*
リスト・定義
-------------------------------------------------------------*/


/*
リンク
-------------------------------------------------------------*/


/*
csshack
-------------------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;  /*footerの隙間解決用*/
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*
COMMON
-------------------------------------------------------------*/
.pagebody {
    position: absolute;
    width: 100%;
}

.wrap {
	width:320px;
	margin:0 auto;
	background:#FFF;
}

.loading {
	position:absolute;
	z-index: 100;
	overflow:hidden;
	height: 40px;
	width: 40px;
	background-image: url(../images/common/loading-loader.gif) , url(../images/common/loading-bg.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}



.header-returntop{background:#FBF9F4;padding: 8px 0 5px 5px;}
.footer-returntop{background:#FBF9F4;padding: 5px 0 8px 5px;}
.headerbar{width: 320px;height:8px;
        background: url(../images/common/bar1.png) no-repeat bottom;}


.mousikomi{margin-top: 11px;margin-left: 5px;margin-bottom: 11px;}
.mousikomi .online{float: left;}
.mousikomi .tel{float: left;margin-left: 2px;}


.tokuten{}
.tokuten h4{}
.tokuten p{background: #FCFAF6;width: 291px;padding: 4px 4px 10px 4px;margin-left: 8px; text-align: center;}
.tokuten p .img{margin-bottom: 5px;}

.bar2{width: 320px;height: 2px;background: url(../images/common/bar1.png) no-repeat bottom;}

.mainimg{margin: 0;padding: 0;}

.copyright{padding: 0;margin: 0;height: 24px;background: url(../images/common/copyright.gif);}


ul.footermenu {margin: 4px 0 6px 3px;padding: 0}
ul.footermenu li {list-style: none;margin: 0;padding: 0;float: left;margin-left: 2px;}
ul.footermenu li a{margin: 0;padding: 0;}
ul.footermenu li.first{margin-left: 0px;}
ul.footermenu li.important{display: block;margin-left: 0px;margin-bottom: 3px;}

body{background: #efdeab;margin: 0;padding: 0;}
ul#home{background: #FFFFFF;width: 320px;}
ul#card{background: #FFFFFF;width: 320px;}
ul#travel{background: #FFFFFF;width: 320px;}
ul#membership{background: #FFFFFF;width: 320px;}
ul#special{background: #FFFFFF;width: 320px;}
ul#plus{background: #FFFFFF;width: 320px;}
ul#important{background: #FFFFFF;width: 320px;}


.bnrimg{width: 320px;margin-top: 5px;}

.roya{position: relative;}
.r{font-size: 75%;position: absolute;top: -2px;left: 1px;}

/*
HOME
-------------------------------------------------------------*/
.main{position: relative;height: 217px;}
.main .bg{position: absolute;}
.hometxtimg{position: absolute;left: 6px;top: 120px;}

ul.menu {margin: 0 0 12px 0;padding: 0;}
ul.menu li {list-style: none;margin: 0 0 1px 0;padding: 0;}
ul.menu li a{margin: 0;padding: 0;}
.jcb{margin: 18px 0 15px 2px;}

.note {
	margin:5px 0 0;
	border-top:#B8A835 2px solid;
	padding:10px;
	font-size:77%;
}

.note p { width:auto; }
.note p + p { margin:1em 0 0; }
/*
MEMBERSHIP
-------------------------------------------------------------*/
.membershipbox1{padding: 0 0 30px 0;
    background: url(../images/membership/bg1.png) repeat-y;
    margin-bottom: 10px;
}
.membershipbox1 h3{text-align: right;padding: 8px 0;}
.membershipbox1 .box h4{padding: 0;margin: 0;width: 304px;}
.membershipbox1 .box h4.topM{margin-top: 10px;}
.membershipbox1 .img{margin-left: 9px;}
.membershipbox1 .box{margin-left: 8px;background: #FFFFFF;width: 304px;padding-bottom: 3px;}

.membershipbox1 .box .silvertxt,
.membershipbox1 .box p{margin: 0;padding: 0;width: 304px;}
.membershipbox1 .box p.topM{margin-top: 10px;}
.membershipbox1 .box .txt1,
.membershipbox1 .box .txt2{
    margin: 0;
    padding: 2px 2px 2px 2px;
    line-height:130%;
    color:#000;
    font-size: 13px;
    width: 300px;
    letter-spacing: -0.5px;
}
.membershipbox1 .box .txt1{
    font-weight: bold;
}
.membershipbox1 .box .txt2{
    color: #595757;
    font-weight: normal;
}


.membershipbox1 .box .silvertxt{color:#595857;padding-bottom: 6px}
.membershipbox1 .box .boximg{margin-left: 3px;width: 296px;}

/*
TRAVEL
-------------------------------------------------------------*/
.travelbox{background: #FAFAFA;padding: 9px 0 4px 0;}
.travelbox p.img{margin-top: 7px;}
.travelbox p.txt{
    margin: 0;
    padding: 5px 0 5px 0;
    line-height:110%;
    color:#000;
    font-size: 11px;
    width: 320px;
    letter-spacing: -0.5px;
}

/*
CARD
-------------------------------------------------------------*/
.pro4box{background: #EBE4C6;padding-top: 10px;padding-bottom: 10px;width:320px;}
.pro4boxdetail{background: #FFFFFF;border: 1px solid #CCC6A4;width: 308px;
    margin-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 5px;
}
.pro4boxdetaillast{
    margin-bottom: 0px;
}
.pro4boxdetail h4{margin-left: 0px;width: 292px;padding: 2px 0 6px 0;}
.pro4boxdetail p.img{margin-left: 7px;margin-top: 5px;width: 292px;}
.pro4boxdetail p.txt,
.pro4boxdetail p.silver{
    margin: 0;
    padding: 5px 8px 10px 8px;
    line-height:110%;
    color:#000;
    font-size: 14px;
    width: 292px;
    letter-spacing: -0.5px;
}
.pro4boxdetail p.silver{
    color:#595857;
    font-size: 13px;
}
.pro4box .bango{
    text-align: right;
    color:#595857;
    font-size: 14px;
    width: 296px;
    margin: 0;
    padding: 0;
}
.pro4box .txtex{
    margin: 0;
    padding: 3px 6px 8px 8px;
    line-height:110%;
    color:#595857;
    font-size: 13px;
    width: 292px;
    letter-spacing: -0.5px;
}
#card h3.cardh3{margin-top: 18px;}


/*
SPECIAL
-------------------------------------------------------------*/
.spebox{background: #FAFAFA;padding-top: 10px;padding-bottom: 5px;margin-bottom: 14px;}
.spebox .box{margin-top: 5px;}
.spebox .left{
    float: left;
    width: 192px;
    margin-left: 6px;
    line-height:115%;
    color:#000;
    font-size: 13px;
    letter-spacing: -0.5px;
}
.spebox .right{float: left;width: 116px;margin-right: 6px;}

/*
PLUS
-------------------------------------------------------------*/
.plusbox{background: #FAFAFA;padding-top: 10px;padding-bottom: 5px;margin-bottom: 14px;}
.plusbox .img{margin-top: 7px;}
.plusbox .txt{
    margin: 0;
    padding: 6px 2px 5px 4px;
    line-height:115%;
    color:#000;
    font-size: 14px;
    width: 314px;
    letter-spacing: -0.5px;
}
.plusbox .box{width: 308px;margin-left: 6px;}
.plusbox .box h4{width: 308px;}
.plusbox .box .left{float: left;width: 149px;}
.plusbox .box .right{
    float: left;
    width: 155px;
    padding-left: 3px;
    padding-top: 3px;
    line-height:115%;
    color:#000;
    font-size: 14px;
    letter-spacing: -0.5px;

}


/*
IMPORTANT
-------------------------------------------------------------*/
ul#important h4.first{margin-top: 6px;}
.txtbox1,
.txtbox1end {background: #FBFAF4;
    margin: 0;
    padding: 5px 8px 10px 8px;
    line-height:115%;
    color:#000;
    font-size: 13px;
    width: 304px;
    letter-spacing: 0px;
}

.txtbox1end{background: #FFFFFF;padding-top: 10px;}