←キャンペーン詳細
Top » default.css
/* 全体の設定 */
*{
margin:0px;
padding:0px;
}
body{
background-color:#bcbec0;
font-size:12px;
font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
}
#container {
width: 904px;
margin-right: auto;
margin-left: auto;
}
a{
color:#d66600;
}
a:hover{
color:#f6b37f;
}
/***************************************************
ヘッダー部分の設定
****************************************************/
#container #header {
background-image: url(images/body_top.gif);
background-repeat:no-repeat;
background-position:top left;
height: 60px;
width: 904px;
}
#container #header #header-menu{
margin-top:31px;
height:29px;
width:904px;
float:left;
}
#container #header #header-menu ul{
margin:0px;
padding:0px;
float:right;
padding-right:2px;
}
#container #header #header-menu ul li{
margin:0px;
padding:0px;
float:left;
list-style-type:none;
}
#container #header #header-menu ul li span.header-menu-text{
display:none;
}
#container #header #header-menu ul li a{
display:block;
width:120px;
height:29px;
background-position:24px 0px;
background-repeat:no-repeat;
}
#container #header #header-menu ul li#header-menu1{
background-image:url(images/top-menu1.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}
#container #header #header-menu ul li#header-menu2{
background-image:url(images/top-menu2.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}
#container #header #header-menu ul li#header-menu3{
background-image:url(images/top-menu3.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}
#container #header #header-menu ul li#header-menu4{
background-image:url(images/top-menu4.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}
#container #header #header-menu ul li#header-menu5{
background-image:url(images/top-menu5.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}
#container #header #header-menu ul li#header-menu6{
background-image:url(images/top-menu6.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}
/* メニューを追加・変更する場合ば以下を修正
表示させたいメニュー画像に変更する。
:hoverの部分はマウスカーソルを当てた場合の画像名 */
#container #header #header-menu ul li #m-introduction{
background-image:url(images/m-introduction.gif);
}
#container #header #header-menu ul li #m-introduction:hover{
background-image:url(images/m-introduction_on.gif);
}
#container #header #header-menu ul li #m-lesson{
background-image:url(images/m-lesson.gif);
}
#container #header #header-menu ul li #m-lesson:hover{
background-image:url(images/m-lesson_on.gif);
}
#container #header #header-menu ul li #m-usersvoice{
background-image:url(images/m-usersvoice.gif);
}
#container #header #header-menu ul li #m-usersvoice:hover{
background-image:url(images/m-usersvoice_on.gif);
}
#container #header #header-menu ul li #m-contact{
background-image:url(images/m-contact.gif);
}
#container #header #header-menu ul li #m-contact:hover{
background-image:url(images/m-contact_on.gif);
}
#container #header #header-menu ul li #fees{
background-image:url(images/fees.gif);
}
#container #header #header-menu ul li #fees:hover{
background-image:url(images/fees_on.gif);
}
#container #header #header-menu ul li #teacher{
background-image:url(images/teacher.gif);
}
#container #header #header-menu ul li #teacher:hover{
background-image:url(images/teacher_on.gif);
}
/***************************************************
ボディ（メイン）部分の設定
****************************************************/
#container #body {
background-image: url(images/body_back.gif);
background-repeat:repeat-y;
background-position:top left;
width: 904px;
min-height:600px;
}
#container #body #back-image {
background-repeat:no-repeat;
background-position:2px 0px;
}
/***************************************************
ボディ（メイン）部分の左側コンテンツの設定
****************************************************/
#container #body #body-left {
float: left;
width: 420px;
padding-left: 2px;
min-height:600px;
}
#container #body #body-left #spacer{
height:180px;
float:left;
width:1px;
}
/* RLSのロゴ部分の設定 */
#container #body #body-left #rls-title {
background-image: url(images/title.png);
background-repeat:no-repeat;
background-position:10px 10px;
height: 180px;
width: 260px;
}
#container #body #body-left #rls-title a{
display:block;
height: 180px;
width: 260px;
}
#container #body #body-left #rls-title h1{
display:none;
}
/* ログアウト用ボックスの設定 */
#container #body #body-left #logout-box {
float: none;
position: relative;
left: 10px;
top: 180px;
}
#container #body #body-left #logout-top {
background-image: url(images/login_box_top.png);
background-repeat: no-repeat;
background-position: center bottom;
height: 7px;
width: 248px;
}
#container #body #body-left #logout-bottom {
background-image: url(images/login_box_bottom.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 9px;
width: 248px;
}
#container #body #body-left #logout-body {
background-image: url(images/login_box_back.png);
background-repeat: repeat-y;
background-position: 0px 0px;
width: 248px;
}
#container #body #body-left #logout-body .title {
background-image: url(images/logout_box_title.png);
background-repeat: no-repeat;
background-position: 10px 0px;
height: 24px;
width: 248px;
}
#container #body #body-left #logout-body .title h3{
display:none;
}
#container #body #body-left #logout-body ul{
margin:0px;
padding:0px;
clear:both;
padding-left:20px;
padding-right:20px;
padding-top:10px;
}
#container #body #body-left #logout-body ul li{
background-image:url(images/arrow02.gif);
background-repeat:no-repeat;
background-position:0px 4px;
list-style-type:none;
padding-left:15px;
padding-bottom:10px;
}
#container #body #body-left #logout-body ul li a{
text-decoration:none;
}
#container #body #body-left #logout-body ul li a:hover{
text-decoration:underline;
}
/* メンバーログイン用ボックスの設定 */
#container #body #body-left #login-box {
float: none;
position: relative;
left: 10px;
top: 180px;
line-height:12px;
width: 248px;
}
#container #body #body-left #login-top {
background-image: url(images/login_box_top.png);
background-repeat: no-repeat;
background-position: center bottom;
height: 7px;
width: 248px;
}
#container #body #body-left #login-bottom {
background-image: url(images/login_box_bottom.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 9px;
width: 248px;
}
#container #body #body-left #login-body {
background-image: url(images/login_box_back.png);
background-repeat: repeat-y;
background-position: 0px 0px;
width: 248px;
}
#container #body #body-left #login-body .title {
background-image: url(images/login_box_title.png);
background-repeat: no-repeat;
background-position: 10px 0px;
height: 24px;
width: 248px;
}
#container #body #body-left #login-body .title h3{
display:none;
}
#container #body #body-left #login-body dl{
margin:0px;
padding:0px;
position: relative;
left: 10px;
top: 10px;
}
#container #body #body-left #login-body dt{
margin:0px;
padding:0px;
float:left;
clear:both;
}
#container #body #body-left #login-body dt p{
display:none;
}
#container #body #body-left #login-body dl dt.id-title{
background-image: url(images/login_box_id.png);
background-repeat: no-repeat;
background-position: 2px 4px;
height: 20px;
width: 60px;
}
#container #body #body-left #login-body dl dt.pass-title{
background-image: url(images/login_box_passwd.png);
background-repeat: no-repeat;
background-position: 0px 4px;
height: 20px;
width: 60px;
}
#container #body #body-left #login-body dl dd{
margin:0px;
padding:0px;
height:34px;
float:left;
}
#container #body #body-left #login-body dl dd input{
width:160px;
height:20px;
border:1px solid #999999;
font-size:12px;
color:#000000;
}
#container #body #body-left #login-body p{
margin:0px;
padding:0px;
clear:both;
padding-left:10px;
padding-right:20px;
padding-top:10px;
line-height:12px;
}
#container #body #body-left #login-body #login-button{
text-align:right;
padding-right:20px;
padding-top:10px;
}
#container #body #body-left #login-body #login-button input{
height:20px;
width:89px;
border:1px solid #999999;
font-size:12px;
}
/* 新規登録用用ボックスの設定 */
#container #body #body-left #new-member {
background-image: url(images/newaccount.png);
background-repeat: no-repeat;
background-position: 0px 0px;
float: none;
height: 39px;
width: 248px;
position: relative;
left: 10px;
top: 180px;
}
#container #body #body-left #new-member h3{
display:none;
}
#container #body #body-left #new-member a{
display:block;
width:248px;
height:39px;
}
/***************************************************
ボディ（メイン）部分の右側コンテンツの設定
****************************************************/
#container #body #body-right {
float: right;
width: 455px;
padding-right: 22px;
padding-left: 5px;
}
#container #body #body-right #contents{
padding-top:20px;
}
#container #body #body-right #contents p{
margin-top:1em;
margin-bottom:1em;
}
/* ボディ（メイン）部分の右側上部に表示するメニューの設定 */
#container #body #body-right #body-right-menu{
padding-top:20px;
float:left;
}
#container #body #body-right #body-right-menu ul{
margin:0px;
padding:0px;
float:left;
}
#container #body #body-right #body-right-menu ul li{
margin:0px;
padding:0px;
float:left;
list-style-type:none;
}
#container #body #body-right #body-right-menu ul li.left{
padding-right:5px;
}
#container #body #body-right #body-right-menu ul li.right{
}
#container #body #body-right #body-right-menu ul li a{
display:block;
width:225px;
height:50px;
background-position:0px 0px;
background-repeat:no-repeat;
}
#container #body #body-right #body-right-menu ul li span.body-right-menu-text{
display:none;
}
/* メニューを増やす場合はここに追加/変更 */
#container #body #body-right #body-right-menu ul li #m-teachers{
background-image:url(images/m-teachers.gif);
}
#container #body #body-right #body-right-menu ul li #m-teachers:hover{
background-image:url(images/m-teachers_on.gif);
}
#container #body #body-right #body-right-menu ul li #m-fees{
background-image:url(images/m-fees.gif);
}
#container #body #body-right #body-right-menu ul li #m-fees:hover{
background-image:url(images/m-fees_on.gif);
}
/* ボディ（メイン）部分の右側上部に表示するバナーの設定 */
#container #body #body-right #body-right-banner{
padding-top:5px;
padding-bottom:20px;
float:left;
}
#container #body #body-right #body-right-banner ul{
margin:0px;
padding:0px;
float:left;
}
#container #body #body-right #body-right-banner ul li{
margin:0px;
padding:0px;
float:left;
list-style-type:none;
}
#container #body #body-right #body-right-banner ul li.left{
padding-right:5px;
}
#container #body #body-right #body-right-banner ul li.right{
}
#container #body #body-right #body-right-banner ul li a{
display:block;
width:225px;
height:60px;
background-position:0px 0px;
background-repeat:no-repeat;
}
#container #body #body-right #body-right-banner ul li span.body-right-banner-text{
display:none;
}
/* メニューを増やす場合はここに追加/変更 */
#container #body #body-right #body-right-banner ul li #b-skype{
background-image:url(images/b-skype.gif);
}
#container #body #body-right #body-right-banner ul li #b-skype:hover{
background-image:url(images/b-skype_on.gif);
}
#container #body #body-right #body-right-banner ul li #b-freelesson{
background-image:url(images/free.gif);
}
#container #body #body-right #body-right-banner ul li #b-freelesson:hover{
background-image:url(images/free_on.gif);
}
/* ボディ（メイン）部分の右側に表示するRLSとは？の設定 */
#container #body #body-right #about-rls{
clear:both;
border:1px solid #dacdb7;
padding:5px;
}
#container #body #body-right #about-rls h3{
display:none;
}
#container #body #body-right #about-rls h2{
color:red;
}
#container #body #body-right #about-rls h4{
color:#000000;
}
#container #body #body-right #about-rls .title{
background-image:url(images/aboutrls-title.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:28px;
padding:0px;
margin:0px;
width:350px;
}
#container #body #body-right #about-rls p{
font-size:12px;
color:#736257;
line-height:130%;
}
#container #body #body-right #about-rls .link{
background-image:url(images/arrow01.gif);
background-repeat:no-repeat;
background-position:top right;
padding-right:15px;
text-align:right;
font-size:12px;
color:#736257;
}
/* ボディ（メイン）部分の右側に表示するInformationの設定 */
#container #body #body-right #information{
clear:both;
margin-top:20px;
}
#container #body #body-right #information h3{
display:none;
}
#container #body #body-right #information .title{
background-image:url(images/information-title.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:22px;
}
#container #body #body-right #information ul{
margin:0px;
padding:0px;
border:1px solid #dacdb7;
padding:5px;
margin-top:10px;
}
#container #body #body-right #information ul li{
margin:0px;
padding:0px;
list-style-type:none;
padding-left:15px;
background-image:url(images/arrow01.gif);
background-repeat:no-repeat;
background-position:0px 3px;
line-height:130%;
padding-top:3px;
padding-bottom:3px;
}
/* ボディ（メイン）部分の右側に表示するWhat's newの設定 */
#container #body #body-right #whatsnew{
clear:both;
margin-top:20px;
}
#container #body #body-right #whatsnew h3{
display:none;
}
#container #body #body-right #whatsnew .title{
background-image:url(images/whatsnew-title.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:22px;
}
#container #body #body-right #whatsnew dl{
margin:0px;
padding:0px;
margin-top:10px;
border-top:1px solid #dacdb7;
float:left;
}
#container #body #body-right #whatsnew dl dt{
margin:0px;
padding:0px;
clear:both;
padding-top:5px;
line-height:130%;
width:90px;
text-align:center;
float:left;
}
#container #body #body-right #whatsnew dl dd{
margin:0px;
padding:0px;
padding-top:5px;
padding-left:10px;
line-height:130%;
border-left:1px solid #dacdb7;
float:left;
width:350px;
}
/***************************************************
ボディ（メイン）部分の下部の設定（基本的にはフロート解除用）
****************************************************/
#container #body #body-bottom {
clear: both;
height:10px;
}
/***************************************************
フッター部分の設定
****************************************************/
#container #footer {
background-image: url(images/body_bottom.gif);
background-repeat:no-repeat;
background-position:top left;
height: 60px;
width: 904px;
}
#container #footer #footer-menu{
float:left;
}
#container #footer #footer-menu ul{
margin:0px;
padding:0px;
float:left;
padding-top:5px;
padding-left:10px;
background-image:url(images/slash.gif);
background-repeat:no-repeat;
background-position:5px 5px;
}
#container #footer #footer-menu ul li{
margin:0px;
padding:0px;
float:left;
color:#3f3627;
padding-left:10px;
padding-right:15px;
list-style-type:none;
background-image:url(images/slash.png);
background-repeat:no-repeat;
background-position:top right;
}
#container #footer #footer-menu ul li a{
color:#3f3627;
text-decoration:none;
}
#container #footer #footer-menu ul li a:hover{
color:#d66600;
text-decoration:underline;
}
#container #footer #copyright{
float:right;
width:300px;
height:20px;
background-image:url(images/copyright.gif);
background-repeat:no-repeat;
background-position:0px 5px;
}
#container #footer #copyright p{
display:none;
}
/***************************************************
下部コンテンツの内容設定
****************************************************/
#container #body #body-right .title{
margin-top:20px;
background-repeat:no-repeat;
background-position:0px 0px;
width:455px;
height:64px;
}
#container #body #body-right .title h2{
display:none;
}
#container #body #body-right .B_crumbBox{
color:#a6937c;
}
#container #body #body-right #contents{
line-height:1.5em;
margin-top:20px;
color:#59493f;
}
#container #body #body-right #contents ol{
margin:0px;
padding:0px;
margin-left:20px;
}
#container #body #body-right #contents ol li{
margin:0px;
padding:0px;
padding-bottom:1em;
}
#container #body #body-right #contents ul{
margin:0px;
padding:0px;
margin-left:15px;
}
#container #body #body-right #contents ul li{
margin:0px;
padding:0px;
padding-bottom:1em;
list-style-type:square;
}
#container #body #body-right #contents h2{
font-size:24px;
}
#container #body #body-right #contents h3{
font-size:18px;
padding-top:20px;
padding-bottom:5px;
padding-left:25px;
border-bottom:1px dotted #bcbec0;
color:#362e2b;
clear:both;
background-image:url(images/box.gif);
background-repeat:no-repeat;
background-position:0px 20px;
}
#container #body #body-right #contents h4{
padding-top:10px;
padding-left:15px;
font-size:14px;
color:#362e2b;
background-image:url(images/square.gif);
background-repeat:no-repeat;
background-position:0px 15px;
clear:both;
}
#container #body #body-right #contents h5{
margin:0px;
padding:0px;
font-size:12px;
}
#container #body #body-right #contents h6{
margin:0px;
padding:0px;
font-size:12px;
}
#container #body #body-right #contents h7{
margin:0px;
padding:0px;
font-size:10px;
}
#container #body #body-right #contents .size-l{
font-size:18px;
}
#container #body #body-right #contents .size-m{
font-size:16px;
}
#container #body #body-right #contents .size-s{
font-size:12px;
}
#container #body #body-right #contents .size-ss{
font-size:10px;
}
#container #body #body-right #contents .bold{
font-weight:bold;
}
#container #body #body-right #contents p{
font-size:12px;
font-weight:normal;
line-height:1.5em;
}
#container #body #body-right #contents table{
border:1px solid #dacdb7;
border-collapse:collapse;
margin:15px;
}
#container #body #body-right #contents table th{
border:1px solid #dacdb7;
padding:5px;
background-color:#7e6b5a;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}
#container #body #body-right #contents table td{
border:1px solid #dacdb7;
padding:5px;
}
#container #body #body-right #contents .right{
text-align:right;
}
#container #body #body-right #contents .center{
text-align:center;
}
#container #body #body-right #contents .box{
border:1px solid #dacdb7;
padding:10px;
margin:20px;
background-color:#7e6b5a;
color:#FFFFFF;
}
/* その他のスタイル */
.log-table{
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
width:90%;
}
.log-table th{
border:1px solid #777;
padding:3px;
background-color:#999;
color:#FFFFFF;
}
.log-table td{
border:1px solid #777;
padding:3px;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.log-table a{
display:block;
text-decoration:none;
}
.log-table tr.log-row:hover{
background-color:#ffffDD;
color:#d66600;
}
.log-info{
text-align:right;
}
h3.user-name{
padding:5px;
border-bottom:1px solid #999999;
font-size:16px;
font-weight:bold;
}
.graph-back{
width:100%;
height:20px;
background-color:#BBBBBB;
border-right:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
}
.graph-bar{
height:20px;
background-color:#7777FF;
}
.info-table{
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
width:90%;
}
.info-table th{
border:1px solid #777;
padding:3px;
background-color:#999;
color:#FFFFFF;
width:30%;
}
.info-table td{
border:1px solid #777;
padding:3px;
}
.info-table td.right{
text-align:right;
}
.info-table td.center{
text-align:center;
}
.info-table td input{
border:1px solid #99999;
padding:3px;
}
.button-area{
text-align:center;
padding:10px;
clear:both;
}
.button-area input{
border:1px solid #99999;
padding:5px;
}
.necessary{
color:#FF9977;
font-weight:bold;
font-size:14px;
}
.info-box{
border:1px solid #DDDDDD;
padding:10px;
margin:5px;
clear:both;
}
.iframe{
border:1px solid #DDDDDD;
padding:5px;
width:440px;
height:300px;
overflow:auto;
}
dl.regist-form{
}
dl.regist-form dt{
padding:0px;
margin:0px;
float:left;
clear:both;
width:150px;
padding:3px;
background-color:#dacdb7;
border:1px solid #999999;
font-weight:bold;
}
dl.regist-form dd{
padding:0px;
margin:0px;
float:left;
width:200px;
padding:3px;
border:1px solid #999999;
text-align:center;
}
dl.regist-form dd input{
width:180px;
}
.point{
color:#FF5500;
font-weight:bold;
}
.user-photo{
float:right;
margin-left:10px;
margin-bottom:10px;
border:1px solid #CCCCCC;
}
ul.link li{
clear:both;
}
ul.link li img{
float:left;
margin-right:10px;
}
.introduction-banner {
background-image: url(images/introduction/banner.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
height: 84px;
width: 455px;
}
.introduction-banner p{
display:none;
}
#container #body #body-right #contents ul.faq{
margin:0px;
padding:0px;
}
#container #body #body-right #contents ul.faq li.q{
padding:0px;
margin:0px;
background-image: url(images/faq/q.gif);
background-repeat:no-repeat;
background-position:0px 0px;
padding-left:20px;
list-style-type:none;
margin-bottom:10px;
}
#container #body #body-right #contents ul.faq li.a{
padding:0px;
margin:0px;
background-image: url(images/faq/a.gif);
background-repeat:no-repeat;
background-position:0px 0px;
padding-left:20px;
list-style-type:none;
margin-bottom:20px;
}
#container #body #body-right #contents .staff-list{
padding:0px;
margin:0px;
float:left;
}
#container #body #body-right #contents .staff-list ul{
padding:0px;
margin:0px;
}
#container #body #body-right #contents .staff-list ul li{
list-style-type:none;
float:left;
width:140px;
margin-left:5px;
margin-right:5px;
background-color:#7e6b5a;
color:#FFFFFF;
margin-bottom:10px;
}
#container #body #body-right #contents .staff-list ul li .staff-img{
text-align:center;
padding-top:5px;
padding-bottom:5px;
}
#container #body #body-right #contents .staff-list ul li .staff-img img{
border:1px solid #ddd0bc;
}
#container #body #body-right #contents .staff-list ul li .staff-name{
font-weight:bold;
text-align:center;
}
#container #body #body-right #contents .staff-list ul li .staff-name a{
color:#FFFFFF;
text-decoration:none;
}
#container #body #body-right #contents .staff-list ul li .staff-name a:hover{
text-decoration:underline;
color:#f6b37f;
}
#container #body #body-right #contents .staff-info{
padding:0px;
margin:0px;
}
#container #body #body-right #contents .staff-info .staff-img{
background-color:#7e6b5a;
float:left;
margin-right:10px;
margin-bottom:10px;
}
#container #body #body-right #contents .staff-info .staff-img img{
border:1px solid #ddd0bc;
margin:5px;
}
#container #body #body-right #contents .staff-info dl{
padding:0px;
margin:0px;
float:left;
}
#container #body #body-right #contents .staff-info dl dt{
padding:0px;
margin:0px;
padding-left:15px;
color:#362e2b;
background-image:url(images/square.gif);
background-repeat:no-repeat;
background-position:0px 4px;
font-weight:bold;
}
#container #body #body-right #contents .staff-info dl dd{
padding:0px;
margin:0px;
padding-left:15px;
padding-bottom:10px;
}
#container #body #body-right #contents .error{
font-size:14px;
font-weight:bold;
color:#FF3300;
padding:5px;
}