/* body style */
body {
margin:0px;padding:0px;
background:#ffffff url(../images/bg.gif) top center no-repeat;
}
body,td {color:#333333; font-size:14px; line-height:20px;}

body.ifr-white {
margin:0px 0px 0px 0px;
padding:0px;
color:#666666;
background-color:#FFFFFF;
background-image:url("../images/spacer.gif");
scrollbar-track-color: #CCCCCC;
scrollbar-face-color: #999999;
scrollbar-shadow-color: #CCCCCC;
scrollbar-darkshadow-color: #B2B2B2;
scrollbar-highlight-color: #CCCCCC;
scrollbar-3dlight-color: #B2B2B2;
scrollbar-arrow-color: #FFFFFF;
}



/* link style */
a:link,a:visited {text-decoration: underline; color: #0033FF;}
a:active {text-decoration: underline; color: #FF6600;}
a:hover {text-decoration: underline; color: #FF6600;}

/* font style */
.txt10 {font-size: 10px; line-height: 16px;}
.txt12 {font-size: 12px; line-height: 18px;}
.txt12-white {font-size: 12px; line-height: 18px; color: #FFFFFF;}
.txt12-red {font-size: 12px; line-height: 18px; color: #FF0000;}
.txt16b {font-size: 16px; line-height: 24px; font-weight: bold;}
.txt12-read {font-size: 12px; line-height: 24px;}
.txt14-read {font-size: 14px; line-height: 30px;}


#main {margin: 0px auto; padding: 0px; width: 950px;}
#main h1 {margin: 0px; padding: 0px;}
.pagetop {margin: 20px 10px 0px 0px; padding-bottom: 10px; font-size: 10px;}

.pglist{margin:0; padding-bottom:10px; font-size:10px; color:#666666; text-align:left;}

/* header */
#headerbox {margin: 0px auto; padding: 0px; width: 950px; height: 90px; position:relative;}
#title {background:url(../images/header_title.gif); width: 375px; height: 90px; float: left;}
#headerbg {background:url(../images/header_bg.gif); width: 575px; height: 90px; float: left;}
#header-btn {padding-top: 56px; padding-left: 85px;}
#header-btn a {background-image:url(../images/header_btn.gif); width: 316px; height: 30px; display: block;}
#header-btn a:hover {background-image:url(../images/header_btn_on.gif);}
#header-btn span {display: none;}
#headerbox .toppage h1{position:absolute; top:0px; left:50px; color:#cc0000; font-size:10px;margin:0;padding:0; font-weight:400;}
#headerbox p{position:absolute; top:0px; left:50px; color:#cc0000; font-size:10px;margin:0;padding:0;}

/* footer */
#footerbox {margin: 0px auto; padding: 0px; background-image:url(../images/footer_bg.gif); width: 950px; height: 56px;}
#footer-txt {padding-top: 2px; padding-left: 21px; float: left; font-size: 10px; text-align: left;line-height: 16px;}
#footer-btn {padding-top: 12px; padding-right: 15px; float: right;}
#footer-mail a {background-image:url(../images/footer_mail.gif); width: 175px; height: 19px; display: block;}
#footer-mail a:hover {background-image:url(../images/footer_mail_on.gif);}
#footer-mail span {display: none;}

/* form */
#form-l {margin: 0px auto; padding: 0px; width: 720px; float: left; text-align: left; background:#ffffff url(../images/form_bg.gif) top repeat-y;}
#form-r {margin: 0px auto; padding: 0px; margin-bottom: 150px; width: 218px; float: right; position:relative;}
.form-box1 {width: 200px; background-color:#eeeeee; font-size: 14px; line-height: 20px;}
.form-box2 {width: 447px; background-color:#ffffff; font-size: 14px; line-height: 20px;}

/* menu */
#menu {margin-bottom: 20px; padding: 0px; background-image:url(../images/menu_bg.gif); width: 950px; height: 82px;}
#menu a {display: block;}
#menu span {display: none;}

#menu01 a {background-image: url(../images/menu01.gif);width: 155px;height: 39px;float: left;}
#menu01 a:hover {background-image:url(../images/menu01_on.gif);}
#menu01h a {background-image: url(../images/menu01_on.gif);width: 155px;height: 39px;float: left;}
#menu02 a {background-image: url(../images/menu02.gif);width: 154px;height: 39px;float: left;}
#menu02 a:hover {background-image:url(../images/menu02_on.gif);}
#menu02h a {background-image: url(../images/menu02_on.gif);width: 154px;height: 39px;float: left;}
#menu03 a {background-image: url(../images/menu03.gif);width: 154px;height: 39px;float: left;}
#menu03 a:hover {background-image:url(../images/menu03_on.gif);}
#menu03h a {background-image: url(../images/menu03_on.gif);width: 154px;height: 39px;float: left;}
#menu04 a {background-image: url(../images/menu04.gif);width: 154px;height: 39px;float: left;}
#menu04 a:hover {background-image:url(../images/menu04_on.gif);}
#menu04h a {background-image: url(../images/menu04_on.gif);width: 154px;height: 39px;float: left;}
#menu05 a {background-image: url(../images/menu05.gif);width: 154px;height: 39px;float: left;}
#menu05 a:hover {background-image:url(../images/menu05_on.gif);}
#menu05h a {background-image: url(../images/menu05_on.gif);width: 154px;height: 39px;float: left;}
#menu06 a {background-image: url(../images/menu06.gif);width: 154px;height: 39px;float: left;}
#menu06 a:hover {background-image:url(../images/menu06_on.gif);}
#menu06h a {background-image: url(../images/menu06_on.gif);width: 154px;height: 39px;float: left;}
#menu07 a {background-image: url(../images/menu07.gif);width: 154px;height: 39px;float: left;}
#menu07 a:hover {background-image:url(../images/menu07_on.gif);}
#menu07h a {background-image: url(../images/menu07_on.gif);width: 154px;height: 39px;float: left;}
#menu08 a {background-image: url(../images/menu08.gif);width: 154px;height: 39px;float: left;}
#menu08 a:hover {background-image:url(../images/menu08_on.gif);}
#menu08h a {background-image: url(../images/menu08_on.gif);width: 154px;height: 39px;float: left;}
#menu09 a {background-image: url(../images/menu09.gif);width: 154px;height: 39px;float: left;}
#menu09 a:hover {background-image:url(../images/menu09_on.gif);}
#menu09h a {background-image: url(../images/menu09_on.gif);width: 154px;height: 39px;float: left;}
#menu10 a {background-image: url(../images/menu10.gif);width: 154px;height: 39px;float: left;}
#menu10 a:hover {background-image:url(../images/menu10_on.gif);}
#menu10h a {background-image: url(../images/menu10_on.gif);width: 154px;height: 39px;float: left;}
#menu11 a {background-image: url(../images/menu11.gif);width: 154px;height: 39px;float: left;}
#menu11 a:hover {background-image:url(../images/menu11_on.gif);}
#menu11h a {background-image: url(../images/menu11_on.gif);width: 154px;height: 39px;float: left;}
.mline {background-image: url(../images/menu_line.gif);width: 5px;height: 39px;float: left;}
#menu00 {background-image: url(../images/spacer.gif);width: 155px;height: 39px;float: left;}





/* top */
#topbox {margin: 0px auto; padding: 0px; width: 950px; background:#ffffff;}
#top-l {margin: 0px auto; padding: 0px; width: 680px; float: left;}
#top-r {margin: 0px auto; padding: 0px; width: 252px; float: right; text-align: left;}

.top-event {background-image:url(../images/top/event_bg.gif);width: 320px;}

#chara-btn a {background-image: url(../images/top/chara.gif);width: 250px;height: 80px;float: right;display: block;}
#chara-btn a:hover {background-image:url(../images/top/chara_on.gif);}
#chara-btn span {display: none;}

/* top-menu */
#top-m1 a {background-image:url(../images/top/menu01.gif); width: 160px; height: 175px; display: block;}
#top-m1 a:hover {background-image:url(../images/top/menu01_on.gif);}
#top-m1 span {display: none;}
#top-m2 a {background-image:url(../images/top/menu02.gif); width: 171px; height: 86px; display: block;}
#top-m2 a:hover {background-image:url(../images/top/menu02_on.gif);}
#top-m2 span {display: none;}
#top-m3 a {background-image:url(../images/top/menu03.gif); width: 171px; height: 86px; display: block;}
#top-m3 a:hover {background-image:url(../images/top/menu03_on.gif);}
#top-m3 span {display: none;}
#top-m4 a {background-image:url(../images/top/menu04.gif); width: 171px; height: 86px; display: block;}
#top-m4 a:hover {background-image:url(../images/top/menu04_on.gif);}
#top-m4 span {display: none;}
#top-m5 a {background-image:url(../images/top/menu05.gif); width: 171px; height: 86px; display: block;}
#top-m5 a:hover {background-image:url(../images/top/menu05_on.gif);}
#top-m5 span {display: none;}
#top-m6 a {background-image:url(../images/top/menu06.gif); width: 171px; height: 86px; display: block;}
#top-m6 a:hover {background-image:url(../images/top/menu06_on.gif);}
#top-m6 span {display: none;}
#top-m7 a {background-image:url(../images/top/menu07.gif); width: 171px; height: 86px; display: block;}
#top-m7 a:hover {background-image:url(../images/top/menu07_on.gif);}
#top-m7 span {display: none;}

/* news */
.news-line {background-image: url(../news/images/line.gif);height: 31px;}
.news-box {width: 815px; text-align: left;}

/* sitemap */
.sitemap-box {width: 215px; text-align: left;}

/* form */
#form-sort1 {background:url(../form/images/sort1.jpg); width: 340px; height: 331px;}
#form-sort1-btn {padding-top: 137px; padding-left: 21px;}
#form-sort1-btn a {background-image:url(../form/images/sort1_btn.gif); width: 295px; height: 73px; display: block;}
#form-sort1-btn a:hover {background-image:url(../form/images/sort1_btn_on.gif);}
#form-sort1-btn span {display: none;}
#form-sort2 {background:url(../form/images/sort2.jpg); width: 340px; height: 331px;}
#form-sort2-btn {padding-top: 137px; padding-left: 21px;}
#form-sort2-btn a {background-image:url(../form/images/sort2_btn.gif); width: 295px; height: 73px; display: block;}
#form-sort2-btn a:hover {background-image:url(../form/images/sort2_btn_on.gif);}
#form-sort2-btn span {display: none;}

/* sheet */
.sheet-bg {width:684px;background:url(../form/images/sheet_bg.gif) repeat-y;}
.sheet-le {width:125px;}
.sheet-ri {width:544px;padding:10px 0px 10px 15px;}
#sheet-btn a {background-image: url(../form/images/sheet_btn.gif);width: 267px;height: 70px;display: block;}
#sheet-btn a:hover {background-image:url(../form/images/sheet_btn_on.gif);}
#sheet-btn span {display: none;}

/* seminar */
#semi-main {margin: 0px; padding: 0px; width: 656px;}
#semi-menu {margin: 0px; padding: 0px; width: 696px; height: 40px;}
#semi-menu a {display: block;}
#semi-menu span {display: none;}
#semi-menu1 a {background-image: url(../seminar/images/menu_s.gif);width: 348px;height: 40px;float: left;}
#semi-menu1 a:hover {background-image:url(../seminar/images/menu_s_on.gif);}
#semi-menu1h a {background-image: url(../seminar/images/menu_s_here.gif);width: 348px;height: 40px;float: left;}
#semi-menu2 a {background-image: url(../seminar/images/menu_k.gif);width: 348px;height: 40px;float: left;}
#semi-menu2 a:hover {background-image:url(../seminar/images/menu_k_on.gif);}
#semi-menu2h a {background-image: url(../seminar/images/menu_k_here.gif);width: 348px;height: 40px;float: left;}

#setsu-bg {margin: 0px; padding: 0px; width: 696px; background:#ffffff url(../seminar/images/setsu_bg.gif) top repeat-y;}
.setsu-box {margin: 0px; padding: 0px; width: 656px; background:#e9f7ff url(../seminar/images/setsu_bg2.gif) top repeat-y;}
.setsu-box1 {width: 202px; text-align: left;}
.setsu-box2 {padding-left: 16px; font-size: 14px; line-height: 20px; text-align: left;}
#setsu-grbox {background-image:url(../seminar/images/setsu_grbox.gif); width: 408px; height: 353px; text-align: left;}
#setsu-mail {padding-top: 299px; padding-left: 88px;}
#setsu-mail a {background-image:url(../seminar/images/setsu_mail.gif); width: 273px; height: 21px; display: block;}
#setsu-mail a:hover {background-image:url(../seminar/images/setsu_mail_on.gif);}
#setsu-mail span {display: none;}

#kouza-bg {margin: 0px; padding: 0px; width: 696px; background:#ffffff url(../seminar/images/kouza_bg.gif) top repeat-y;}
.kouza-box {margin: 0px; padding: 0px; width: 656px; background:#e9f7ff url(../seminar/images/kouza_bg2.gif) top repeat-y;}
.kouza-box1 {width: 326px; padding-bottom: 10px; font-size: 14px; line-height: 20px;text-align: left;}
.kouza-box2 {padding-left: 6px;}
.kouza-box3 {padding-right: 10px;}
.kouza-st {border-top:1px solid #fdb465; border-bottom:1px solid #fdb465; width: 624px; margin:10px 0px 5px 0px; padding:5px 0px; text-align: left; font-weight: bold;}
#kouza-grbox {background-image:url(../seminar/images/kouza_grbox.gif); width: 408px; height: 295px; text-align: left;}
#kouza-mail {padding-top: 239px; padding-left: 90px;}
#kouza-mail a {background-image:url(../seminar/images/kouza_mail.gif); width: 232px; height: 21px; display: block;}
#kouza-mail a:hover {background-image:url(../seminar/images/kouza_mail_on.gif);}
#kouza-mail span {display: none;}

/* ring */
#ring-l {margin: 0px auto; padding: 0px; width: 720px; float: left; text-align: left; font-size: 14px; line-height: 30px; background:#ffffff url(../ring/images/bg.gif) top repeat-y;}
#ring-r {margin: 0px auto; padding: 0px; width: 230px; float: right; text-align: left; background:#ffffff url(../ring/images/bn_bg.gif) top repeat-y;}
#ring-stbg {margin: 0px auto; padding: 0px; width: 720px; height: 90px; text-align: left; background:#ffffff url(../ring/images/st_bg.gif);}
.ring-st {padding-top: 20px; padding-left: 60px; font-size: 16px; font-weight: bold;}
.ring-main {width: 690px; text-align: left; float: left;}
.ring-txt {padding-left: 20px;}
.ring-bg1 {margin: 0px; padding: 0px; width: 30px; float: left;}
.ring-bg2 {margin: 0px; padding: 0px; width: 25px; float: left;}
.ring-rtxt {width: 184px; font-size: 12px; line-height: 24px; text-align: left; float: left;}

/* toranomaki */
#tora-l {margin: 0px auto; padding: 0px; width: 730px; float: left; text-align: left; background:#ffffff url(../toranomaki/images/bg.jpg) top repeat-y;}
#tora-r {margin: 0px auto; padding: 0px; width: 202px; float: right; text-align: left;}
.tora-main {padding-left: 16px;}
.tora-left1 {background:#ffffff url(../toranomaki/images/ta_left1.gif) no-repeat; width: 32px;}
.tora-left2 {background:#ffffff url(../toranomaki/images/ta_left2.gif) no-repeat; width: 32px;}
.tora-right {background:#ffffff url(../toranomaki/images/ta_right.gif); width: 32px;}

/* kakuaruku */
#kaku-main {margin: 0px auto; padding: 0px; width: 950px; background:#ffffff url(../kakuaruku/images/bg_pict.gif) left bottom no-repeat;}
#kaku-l {margin: 0px auto; padding: 0px; width: 717px; float: left; text-align: left; font-size: 14px; line-height: 30px;}
#kaku-r {margin: 0px auto; padding: 0px; width: 202px; float: right;}
.kaku-st {padding: 3px; font-size: 16px; font-weight: bold;}
.kaku-rbg {background:#ffffff url(../kakuaruku/images/ta_bg.gif) repeat-y; width: 202px;}
.kaku-rtxt {width: 180px; font-size: 12px; line-height: 24px; text-align: left;}

/* recommend */
.reco-bg1 {background:#ffffff url(../recommend/images/bg1.gif) top repeat-y;width: 470px;}
.reco-bg2 {background:#ffffff url(../recommend/images/bg2.gif) top repeat-y;width: 470px; vertical-align: top; text-align: center;}
.reco-box1 {padding-right: 10px;}
.reco-box2 {width: 276px; font-size: 12px; line-height: 18px; vertical-align: bottom;}
.reco-box3 {margin: auto; width: 423px; text-align: left;}

/* Q&A */
.qa-pagetop1 {width: 696px; padding: 10px 0px; font-size: 10px;}
.qa-pagetop2 {width: 672px; padding-top: 10px; font-size: 10px;}
.qa-line {background-image: url(../qa/images/line.gif);height: 31px;}
.qa-box1 {width: 672px; padding-bottom: 15px; font-weight: bold;}

/* character */
.chara-prof-bg {margin: 0px; padding: 0px; width: 797px; background:#ffffff url(../character/images/profile_bg.gif) top repeat-y;}
.chara-prof-box1 {padding: 0px 13px; width: 424px; text-align: left; float: left;}
.chara-prof-box2 {padding-right: 5px; width: 328px; text-align: left; float: right;}

/* campaign-renewal */
#campaign01-bg {margin: 0px; padding: 0px; width: 697px; background:#ffffff url(../campaign/images/bg.gif) top repeat-y;}
.campaign01-box1 {width: 574px; font-size: 14px; line-height: 20px; font-size: 16px; line-height: 24px; font-weight: bold;}
.campaign01-box2 {width: 574px; font-size: 14px; line-height: 20px; font-weight: bold;}
.campaign01-sort1 {background-color:#cccccc; padding:2px 10px; margin-bottom:5px;}
.campaign01-sort2 {border:1px solid #cccccc; background-color:#f0f0f0; padding:2px 10px; margin:10px 0px 5px 0px;}

.campaign01-sort3 {background-color:#fce3ac; padding:2px 10px; margin-bottom:5px;}
.campaign01-sort4 {border:1px solid #e2c49a; background-color:#fff3d8; padding:2px 10px; margin:10px 0px 5px 0px;}