/*基本骨格*/
body { background-color:#ffffff; }

div#index {
 margin-left: auto;
 margin-right: auto;
 width: 1000px;
 background-color: #ffffff;
 }

/*トップタイトル*/
div#top {
 height: 60px;
 width: 1000px;
 padding: 0px;
 margin: 0px;
 text-align:left;
 background:#ffffff url(img/rogo.jpg) no-repeat left top ;
 }
div#top h1 { padding: 15px 0px 0px 60px; margin: 0px; font: 36px/1 Georgia;}

/*リストバー*/
div#listbar {
 background-color: #ffffff; 
 padding-left: 0px;
 margin-left: 0px;
 float: left;
 width: 1000px;
 }

div#listbar a { text-decoration: none; font: 12px monospace Georgia; color: #eeeeee; }
div#listbar a:link { color: #eeeeee; }
div#listbar a:visited { color: #eeeeee; }
div#listbar a:hover { color: rgb(250,110,140); }

div#listbar ul { padding: 0px; margin: 0px; float: left; width: 1000px;
 border-bottom: 1px solid #cccccc; background:#ffffff; }

div#listbar li { padding: 3px 20px; margin: 0px; float: left; width: 60px;  list-style-type: none; background-color: #555555; border-bottom: 2px solid #cccccc;}

div#listbar li.on { padding: 3px 20px; margin: 0px; float: left; width: 60px;  list-style-type: none; background-color: #555555; border-bottom: 2px solid rgb(250,110,140);}

/*レフトメニュー*/
div#leftmenu {
 background-color: #ffffff;
 padding: 0px;
 margin: 0px;
 float: left;
 width:150px;
}
div#leftmenu a { text-decoration: none; font: 12px monospace Georgia; color: #000000; }
div#leftmenu a:link { color: #000000; }
div#leftmenu a:visited { color: #000000; }
div#leftmenu a:hover { color: rgb(250,110,140); }

div#leftmenu ul { padding: 0px; margin: 20px 0px 0px 0px; float: left; width: 150px; height: 500px; background:#ffffff url(img/bgleft.jpg) no-repeat left top ; }

div#leftmenu li { padding: 0px 0px 0px 20px; margin: 10px 0px 0px 0px; float: left; width: 150px;  list-style-type: none; background-color: #ffffff; border-bottom: 1px solid #cccccc; border-left: 3px solid #ffffff;}

div#leftmenu li.on { border-left: 3px solid rgb(250,110,140);}

/*コンテンツ*/

div#contents { background-color: #ffffff; padding-left: 0px; margin-left: 0px; float: left; width:850px; }

div#contents a { font: bold medium monospace Georgia; text-decoration: none; }
div#contents a:link { color: rgb(30,100,140); }
div#contents a:visited { color: rgb(30,100,140); } 
div#contents a:hover { text-decoration: underline; color: rgb(250,110,140); }

div#contents h3 { padding: 0px 0px 5px 0px; margin: 30px 0px 10px 40px; color: #000000; letter-spacing: 4px; font: bold 18px/1 Georgia; border-bottom: 1px solid rgb(250,110,140);}
div#contents h4 { padding: 0px 0px 5px 0px; margin: 30px 0px 10px 40px; color: #000000; letter-spacing: 3px; font: bold 15px/1 Georgia; border-bottom: 1px solid rgb(250,110,140);}

div#contents p { padding: 0em; margin: 15px 60px 30px 60px; color: rgb(70,70,70); letter-spacing: 2px; font: 16px/1.6 Georgia; }
 
div#contents strong { padding: 0px; margin: 0px; color: rgb(70,70,70); font: bold 16px/1.6 Georgia; }

div#contents img { display:block; padding: 20px; margin: 0px; border: none; }

div#contents img.main { display:block; padding: 0px; margin: 0px auto 50px auto; border: none; }

div#contents textarea { display:block; padding: 0px; margin: 5px auto 50px auto; }

div#contents table {  margin-left: auto; margin-right: auto; }

div#line li{
 background-color: #ffffff; 
 padding-left: 0px;
 margin-left: 0px;
 list-style-type: none;
 float: left;
 font: 12px monospace Georgia;
 border: 1px solid rgb(0,0,0);
 width:60px;
}

div#line1 li{
 background-color: #cccccc; 
 padding-left: 0px;
 margin-left: 0px;
 list-style-type: none;
 float: left;
 font: 12px monospace Georgia;
 border: 1px solid rgb(0,0,0);
 width:60px;
}
div#hunter {  padding: 10px; margin: 10px; border: 1px solid black; background-color: #ffffff; float: left; width:350px;}
div#hunter li{ margin: 0px; padding: 5px 10px 5px 10px; font: 12px Georgia; background-color: #ffffff; width:120px; float: left; list-style-type: none; border-width: 0px 0px 1px 0px; border: solid rgb(190,190,190); }
div#hunter li.clubcolor { background-color: #eeeeee; }

div#merchant { border: 1px solid black; background-color: #ffffff; padding: 10px; font: 12px monospace; background-color: #ffffff; margin: 10px; float:               left; width:350px; }
div#merchant li{ margin: 0px; padding: 5px 10px 5px 10px; font: 12px Georgia; background-color: #ffffff; width:120px; float: left; list-style-type: none; border-width: 0px 0px 1px 0px; border: solid rgb(190,190,190); }
div#merchant li.clubcolor { background-color: #eeeeee; }

div#hunter h3.h3colorb {  padding: 5px 10px 5px 10px; margin: 10px; font: bold 18px Georgia; background-color: rgb(120,160,230); }
div#merchant h3.h3colorg {  padding: 5px 10px 5px 10px; margin: 10px; font: bold 18px Georgia; background-color: rgb(105,225,125); }

/*ボトム*/

div#bottom img{ border: none; float: right;}
div#bottom p { padding: 5px 15px 5px 15px; text-decoration: none; font: 12px monospace Georgia; color: #eeeeee; text-align: right;float: right;
background-color: #555555; }

div#bottom {
 margin: 0px;
 padding: 0px;
 background-color: #ffffff;
 float: left;
 width: 1000px;
  clear: left;
 }