* {
  margin:0; 
  padding:0;
  font-size:100%;
  line-height:1.5;
  font-weight:normal;
  font-style:normal;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
body{
  background-color:#ccc;
  font-size:13px;
  color: #333;
}

.Coution{
  padding:1em;
  border:3px dotted #f00;
  background-color:#fffafa;
}
div.FloatClear{
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
}

/*--フォーム要素----------------*/

.TextBox{
  padding:0.5em 0.5em 0.25em 0.5em;
  width:90%;
}
.MailBox{
  padding:0.5em 0.5em 0.25em 0.5em;
  width:90%;
  font-size:large;
  font-weight:bold;
}
.Button{
  padding:0 1em;
}

/* --------------------------------- */

p{
  margin-bottom:1em;
}
p.Last {
  margin-bottom:0;
}
strong{
  font-weight:bold;
  color:Red;
}
img{
  border-style:none;
}
p img{
  vertical-align:middle;
}
a{
  color:#00f; 
  text-decoration:underline;
}
a:hover{
  background-color:#69f;
  color:#fff; 
}

/* --------------------------------- */

span.ScriptLink {
  cursor:pointer;
  color:#00f; 
  text-decoration:underline;
}
span.ScriptLink:hover {
  background-color:#69f;
  color:#fff; 
}

/* -- リスト --------------------- */

ul{
  list-style-type:none;
  margin-bottom:1em;
}
ul.Mark{
  list-style-type:disc;
  padding-left:1.25em;
}
ol{
  padding-left:1.5em;
  margin-bottom:1em;
}

/* -- データリスト --------------------- */

dl{
  margin-bottom:1em;
}
dl dt{
  font-weight:bold;
}
dl dd{
  margin-bottom:1em;
}

/* -- 見出し --------------------- */

h1{
  font-weight:bold;
  font-size:110%;
  text-align:center;
  background-color:#39f;
  padding:0.125em 0;
  margin-bottom:1em;
  color:#fff;
}
h1.Error{
  color:#fff;
  background-color:#f00;
}
h2 {
  font-weight: bold;
  margin-bottom:1em;
  background-color: #ccc;
  text-indent: 1em;
}

/*---Stdテーブル-----------------*/

table.Standard {
  background-color: #999;
  margin-bottom:1.5em;
  width:100%;
}
table.Standard th {
  background-color: #ddd;
  padding: 0.5em 1em;
  font-weight: bold;
}
table.Standard td{
  padding:1em;
  background-color:#fff;
}
table.Standard td.ButtonArea{
  text-align:center;
}

/* -- ページャー ------------------ */

div.PagerBox{
  text-align:center;
  padding:0.5em 0;
}
div.PagerBox span{
  font-weight:bold; 
  padding:0 0.5em;
  cursor:pointer;
  text-decoration:underline;
  color:#66f;
}
div.PagerBox .Current{
  background-color:#ccf;
  color:#000;
  text-decoration:none;
}

/*---Stdデータリスト--------------*/

dl.Standard{
  margin-bottom:2em;
}
dl.Standard dt{
  margin-bottom:0.5em;
  color:#699;
  font-weight:bold;
}
dl.Standard dd{
  padding-bottom:1em;
  margin-bottom:1em;
  border-bottom:1px dotted #aaa;
}

/* ********************************************* */
/* -- 骨組み ------------------------ */
/* ********************************************* */

div#Wrapper{
  margin: 0 auto;
  width:980px;
  padding:0;
  position:relative;
  background-color:#fff;
  border:5px solid #39f;
}

div#Header{
  position:absolute;
  top:0;
  left:0;
  width:980px;
  height:89px;
  border-bottom:1px solid #39f;
}
div#Header a.HeaderLogo{
  position:absolute;
  top:10px;
  left:10px;
}
div#Header table.Navi{
  position:absolute;
  top:65px;
  right:010px
}
div#Header table.Navi a{
  padding:0 10px;
  text-decoration:none;
  font-weight:bold;
  color:#000;
}

div#Extra{
  float:right;
  width:200px;
  padding:105px 10px 0 0;
}

div#Main{
  float:right;
  width:200px;
  width:560px;
  padding:105px 10px 0 0;
}
#Menu{
  float:right;
  width:200px;
  width:180px;
  padding:105px 10px 0 0;
}

#Menu table{
  margin-bottom:1.5em;
}
#Menu table td{
  vertical-align:top;
}

#Menu table span.ScriptLink{
  display:block;
  padding:0.25em 5px;
  width:80px;
}

div#NoSupport{
  padding:2em 0; 
  border:1em solid #f00; 
  background-color:#fff;
  position:absolute;
  top:0;
  left:-1em;
  text-align:center;
  width:100%;
}
div#NoSupport p{
  margin:0;
  font-weight:bold; 
  color:Red;
}
div#Footer{
  width:980px;
  margin:0 auto;
  background-color:#fff;
  text-align:center;
  padding:1em 0;
  border-bottom:5px solid #39f;
  border-left:5px solid #39f;
  border-right:5px solid #39f;
}

/* ********************************************************************* */
/* サイト固有  */
/* ********************************************************************* */


/* -- 商品アイコン画像 --------------*/

p.Icon{
  width:100px;
  height:150px;
  background-color:#666;
  color:#fff;
}
p.Icon img{
  width:100px;
  height:150px;
  font-weight:bold;
}
p.Icon a{
  display:block;
  width:100px;
  height:150px;
  color:#fff;
  text-decoration:none;
}

/* -- 商品リスト --------------*/

table.ItemList td{
  vertical-align:top;
  width:171px;
  padding:0.25em 0;
}
table.ItemList p{
  margin:0;
}
table.ItemList td.Icon{
  width:100px;
}
table.ItemList p.Title {
  margin-bottom: 0.25em;
  border-bottom: 1px dotted #aaa;
  font-weight:bold;
}

/* -- Login.aspx ------------------ */

table.Login{
  width:100%;
  margin:0 auto 1em auto;
}
table.Login h2{
  margin-top:0;
}
table.Login td{
  vertical-align:top;
  padding:1em;
  width:50%;
}
table.Login div{
  border:1px solid #960;
  padding:2em;
}

/* -- ItemDetail.aspx ------------- */

div.ItemDetail p.Icon{
  float:left;
}
div.ItemDetail ul{
  float:left;
  width:400px;
  padding-left:1em;
}

div.ItemDetail div.AddCart{
  float:right;
  border:1px solid #f63;
  background-color:#fff;
  color:#000;
  width:200px;
  padding:1em;
  text-align:center;
  margin-bottom:1em;
}

/*-- Join.aspx -------------*/

div.AgreeBox{
 height:14em;
 overflow:auto;
}

/* -- CartView ----------------*/

table.Cart{
  border:1px solid #666;
  border-width:0 0 1px 1px;
  width:100%;
  text-align:center;
  margin-bottom:1em;
}
table.Cart th{
  background-color:#333;
  border:1px solid #666;
  border-width:1px 1px 0 0;
}
table.Cart td{
  border:1px solid #666;
  border-width:1px 1px 0 0;
  padding:0.5em;
}

/* -- MyPage ----------------*/

table.MyPage{
  margin-bottom:2em;
}
table.MyPage td{
  width:190px;
  vertical-align:top;
  padding:0 5px;
}