@charset 'utf-8';

/* initialize Setting *********************************** */
article, aside, dialog, figure, footer,
 header, hgroup, nav, section { display: block; }
ul, ol, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5 {
 margin:  0;
 padding: 0;
 font-size:   100%;
 font-weight: normal;
 }
html, body {
 margin:  0;
 padding: 0;
 width:  100%;
 }
img { border: none; }
li { list-style-type: none; }


/* document Default ************************************* */
body, input, textarea {
 font-family: "Segoe UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif; /*Helvetica,*/
 color: #333;
 font-size:   10.5pt;
 line-height: 1.2;
 }
a {
 color: #555;
 text-decoration: none;
 }
a:hover {
 text-decoration: underline;
 }


/* shell Design ***************************************** */

html { background-color: #fdfdfd; }
body { text-align: center; }
.shell{
 position: relative;
 width:  760px;
 margin: 0 auto;
 background-color: #fff;
 text-align: left;
 }



/* contents Design ************************************** */


div.header {
 width: 760px;
 height: 90px;
/* background:url(images/hobe-title.jpg) no-repeat;*/
 }

div.contents {
 padding: 20px 76px;
 border-bottom: #aaa 1px solid;
 }

div.rules {
 padding: 20px 25px 20px 76px;
 }
div.policy {
 padding: 20px 25px 20px 56px;
 }


h2 {
 text-indent:-555em;
 height:43px;
 border-bottom: #FF9933 1px solid;
 }
h2.finally, h2.info { background: url(images/title_info.gif) no-repeat 0 9px; }
h2.policy { background: url(images/title_policy.gif) no-repeat 0 9px; }
h2.membersrule { background: url(images/title_membersrule.gif) no-repeat 0 9px; }


h3 {
 font-weight:bold;
 margin-bottom: 20px;
 }

p {
 margin-bottom: 10px;
 }

p.signature {
 padding-top: 5px;
 text-align: right;
 }

dl.heading dt {
 color: #3366ff;
 font-weight: bold;
 }

dl.heading dt.subTitle {
 color: #555;
 padding-left: 20px;
 }

dl.heading dd {
 margin: 10px 0 10px 20px;
 }

.footer {
 padding: 20px 0 20px 76px;
 font-size: 8pt;
 color: #555;
 background: url(images/justsystems.gif) no-repeat right 20px;
 }

.footer li {
 display: inline-block;
 padding-right: 10px;
 }

dl.heading li {
 margin-left: 1.1em;
 text-indent: -1.1em;
 margin-bottom: 3px;
 }

dl.heading li ul { margin: 3px 0; }

dl.heading li ul li {
 margin-left: 1.5em;
 text-indent: -1.5em;
 }

.inn {
 margin: 3px 0;
 padding-left:1.1em;
 }

dl.heading ul.inn li {
 margin-left:1.5em;
 text-indent:-1.5em;
 }

div.pmark {
 float:right;
 margin:0 1em 1em 1.5em;
 }

.lead { margin: 2em 1.5em 1em 1.5em; }
.lead p { padding-bottom:1em; }