@charset "utf-8";

/*ｽﾀｲﾙ初期化*/
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;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/*ﾜｲﾔｰﾌﾚｰﾑ*/
* html body          {text-align:center; } /*IE6のセンタリング対応*/
* #wrapper           {text-align:left;}    /*IE6のセンタリング対応*/
#wrapper             {width:812px; margin:0 auto;padding: 0 6px;}
#header              {height:160px;width:800px;}
#container           {margin-top:20px;height:auto;width:800px;}
#container #sidemenu {float:left; width:200px;}
#container #main     {float:right; width:580px;}
#footer              {width:800px;}

/*float解除ｸﾗｽ*/
.clear {clear:both;}

/*ﾃﾞｻﾞｲﾝ指定*/
body {
  font-family:"ＭＳ Ｐゴシック";
  font-size:13px;
}

#wrapper {
  background-image: url("img/backkage.gif");
  background-repeat: repeat-y;
}

#header{
  background-image: url("img/header.jpg");
}
#header h1{
  display:none;
}

#footer{
  border-top:1px solid #299AFF;
  border-bottom:3px solid #299AFF;
  margin-top:20px;
  padding:30px 0;
  text-align:center;
}
#footer .copyright{
  margin-top:10px;
}


/*サイドバー*/
#sidemenu .block{
  margin-bottom:20px;
}

#sidemenu .block .title{
  padding-left:25px;
}

#sidemenu .block .content{
}

#sidemenu .block .title{
  background: url("img/side-title.jpg") left bottom no-repeat;
  padding-top:5px;
  height:30px;
}

#sidemenu .block .title h3{
  font-size:20px;
  font-weight:bold;
  color:white;
  line-height:30px;
}

#sidemenu .block .content li{
  background-image: url("img/side-menu.jpg");
  height:28px;
  padding-left:25px;
  line-height:27px;
}

/*メインコンテンツ*/
#main {
  padding-left:20px;
}

#main .block{
  margin-bottom:20px;
}

#main .block .title,
#main .block .content{
  padding-left:25px;
}
#main .block .title{
  background: url("img/main-title.jpg") left bottom no-repeat;
  padding-top:5px;
  height:30px;
}
#main .block .title h2{
  font-size:20px;
  font-weight:bold;
  color:white;
  line-height:30px;
}

#main .block .content{
  padding-top:20px;
  padding-right:40px;
}

#main .block .content h3{
  margin-top:20px;
  margin-bottom:10px;
  font-weight:bold;
  border:1px solid black;
  background-color:#63B2FF;
  line-height:25px;
}

/*会員規約*/
#main .block .content.kiyaku p{
  padding:5px;
}

#main .block .content.kiyaku p.sub{
  padding-top:0px;
  padding-left:20px;
}

#main .block .content.kiyaku h4{
  font-size:18px;
  font-weight:bold;
}

/*会員証*/
#main .block .content .cardm{
  margin:0 auto;
  width:400px;
  height:250px;
  position:relative;
  font-size:23px;
}

#main .block .content .cardm img{
  position:absolute;
  border:1px solid black;
  top:0;
  left:0;
}

#main .block .content .cardm .cardid{
  position:absolute;
  top:135px;
  left:150px;
}
#main .block .content .cardm .cardname{
  position:absolute;
  top:95px;
  left:150px;
}
#main .block .content .cardm .cardlimit{
  position:absolute;
  top:225px;
  left:5px;
  font-size:15px;
  font-weight:bold;
}
  #main .block .content .cards img{
    position:absolute;
    border:1px solid black;
    top:0;
    left:0;
  }
  #main .block .content .cardl img{
    position:absolute;
    border:1px solid black;
    top:0;
    left:0;
  }

  /*Lサイズ会員証*/
#main .block .content .cardl{
  font-size:30px;
  position:relative;
  font-weight:bold;
  width:680px;
  height:310px;
}
#main .block .content .cardl .cardname{
    position:absolute;
  top:108px;
  left:190px;
}
#main .block .content .cardl .cardid{
    position:absolute;
  top:158px;
  left:190px;
}
#main .block .content .cardl .cardlimit{
  position:absolute;
  top:265px;
  left:5px;
  font-size:17px;
  font-weight:bold;
}

/*Sサイズ会員証*/
#main .block .content .cards{
  font-size:20px;
  font-weight:bold;
  position:relative;
  width:680px;
  height:250px;
}
#main .block .content .cards .cardname{
  position:absolute;
  top:83px;
  left:130px;
}
#main .block .content .cards .cardid{
  position:absolute;
  top:115px;
  left:130px;
}
#main .block .content .cards .cardlimit{
  position:absolute;
  top:190px;
  left:5px;
  font-size:13px;
  font-weight:bold;
}


/*Mサイズ以外非表示*/
#main .block .content .cardl,#main .block .content .cards{
  display:none;
}

/*トップ*/
#main iframe.news{
  width:500px;
  height:200px;
  border:none;
}

#main iframe.oshirase{
  width:500px;
  height:200px;
  border:none;
}

#main .formblock {
  margin-bottom:10px;
}

#main .formtitle {
  font-weight:bold;
}

#main .formtext {
  font-size:10px;
  color:gray;
}







#other #wrapper{
  text-align:center;
}

#other #main{
  width:800px;
}

#other #main .content{
  text-align:center;
}