* { margin: 0; padding: 0; }

body { width: 100%; height: 1024px; font-size: 75%; background: #8a9eff url(../img/bg.jpg) top center no-repeat; font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif; }
a img { border: 0; }
table { font-size: 100%; }
p { line-height: 1.4em; }
ul li { margin-bottom: 5px; }
ol li { margin-bottom: 5px; }

#main-wrap { width: 100%; height: 1024px; }

#main-box h1 { text-align: left; padding: 16px 0 0 100px; font-size: 140%; color: #339; width: 420px; }
* html #main-box h1 { width: 520px; }

#main-box .contents { text-align: left; padding: 25px 0 0 20px; font-size: 100%; color: #333; width: 550px; }
* html #main-box .contents { width: 570px; }

#left-box { position:absolute; top: 10px; left: 0; width: 283px; text-align: left;  }
#main-box { width: 100%;text-align: center; margin: 0 auto 0 auto; }
#right-box{ position:absolute; top: 10px; right: 0; width: 163px; text-align: left;  }

#left-boxset { width: 283px; height: 216px; background:url(../img/left_box.png) no-repeat; }
#right-boxset{ width: 163px; height: 446px; background:url(../img/right_box.png) no-repeat; }

#left-box h1 { font-size: 100%; font-weight: normal; margin-top: 10px; }
#left-box h2 { font-size: 100%; font-weight: normal; color: #666; }

#main-boxset-s { width: 580px; height: 189px; margin: 130px auto 0 auto; text-align: left;background:url(../img/main_bg_s.png) no-repeat; }
#main-boxset-ms { width: 580px; height: 289px; margin: 130px auto 0 auto; text-align: left;background:url(../img/main_bg_ms.png) no-repeat; }
#main-boxset-m { width: 580px; height: 389px; margin: 130px auto 0 auto; text-align: left;background:url(../img/main_bg_m.png) no-repeat; }
#main-boxset-l { width: 580px; height: 489px; margin: 130px auto 0 auto; text-align: left;background:url(../img/main_bg_l.png) no-repeat; }
#main-boxset-ll { width: 580px; height: 589px; margin: 130px auto 0 auto; text-align: left;background:url(../img/main_bg_ll.png) no-repeat; }

#right-boxset ul { padding: 30px 0 0 30px;list-style-type: none; }
#left-boxset .boxwrap { width: 240px; padding: 30px 0 0 8px; }

#top-comment { width: 500px; text-align: left; margin: 40px auto 0 auto; }
#top-comment h3 { font-size: 100%; font-weight: normal; }
#top-comment h4 { font-size: 100%; font-weight: normal; }

.bold { font-weight: bold; }
.fr { float: right; }
.fl { float: left; }
.mg10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.scope-list { list-style-type: none; }
.scope-list p { margin-left: 30px; }
.mysite-list li { list-style-type: none; margin-bottom: 20px; }
.mysite-list dt { font-weight: bold; font-size: 120%; color: #D55911; }

.table-form table { width: 550px; }
.table-form td { padding: 6px; }
.table-form th { color: #00375E; width: 110px; text-align: left; }
.table-form th span { padding-left: 5px; margin-left: 7px; border-left: 3px solid #f36; }
.input-m { width: 200px; }
.input-l { width: 400px; }
.hiss { color: #F90; }
.err { color: #F33; }
.align-c { text-align: center; }
.gray { color: #666; }
.red { color: red; font-weight: bold; padding-bottom: 10px; }