@charset "utf-8";

/** ブラウザ設定リセット------------------------------- **/
body, h1, h2, h3, h4, h5, h6, p, address,ul, ol, li, dl, dt, dd,table, caption, th, td, img, form {
margin: 0;
padding: 0;
border: none;
font-style: normal;
font-weight: normal;
font-size: 100%;
text-align: left;
list-style-type: none;
}

img {
border: none;
}
textarea {
font-size: 100%;
}
/** リセット追加 -------------------- **/
table {
padding: 0;
padding: 0;
border-collapse : collapse;
}
button {
cursor: pointer;
}
hr {
padding: 0;
margin: 0;
border: 0px;
}

/** 配置クラス ------------------------------- **/
.aline-right {
display: block;
text-align: right;
}
.aline-center {
display: block;
text-align: center;
}
.aline-left {
display: block;
text-align: l eft;
}
.float-left {
display: block;
float: left;
}
.float-right {
display: block;
float: right;
}
.both {
clear: both;
}
/** クリアーボス **/
.clearfix:after {
content: ".";/** 新しい要素を作る **/
display: block;/** ブロックレベル要素に **/
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
/** -------------------------------------------------------------------
フォント
------------------------------------------------------------------- **/
body {
color: #FFFFFF;
font-size: 100%;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",sans-serif;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}

h2 {
font-size: 15px;
text-decoration: bold;
}
h3 {
font-size: 14px;
text-decoration: bold;
line-height: 150%;
}
h4 {
font-size: 13px;
text-decoration: bold;
line-height: 150%;
}
p {
font-size: 12px;
text-decoration: none;
line-height: 130%;
}
.text-s {
font-size: 10px;
text-decoration: none;
line-height: 130%;
}
.text-b {
font-weight: bold;
}
.text-i {
font-style: italic;
}

.text-c1 {
color: #E05C62;
}
/** 基本テキストリンク -------------------- **/
a:link {
color: #FFFFFF;
text-decoration: underline;
}
a:visited {
color: #FFFFFF;
text-decoration: underline;
}
a:hover {
color: #4FC03D;
text-decoration: underline;
}
a:active {
color: #FFFFFF;
text-decoration: underline;
}
/** -------------------------------------------------------------------
大枠
------------------------------------------------------------------- **/
html {
background: url(../../img/sfe/bg.jpg) repeat-x 0px 0px #000000;
}
body {
min-height: 500px;
background: url(../../img/sfe/bg2.jpg) no-repeat 0px 0px;
}
#wrapper {
width: 888px;
padding: 0 0 0 0;
margin-left: auto;
margin-right: auto;
}
/** -------------------------------------------------------------------
扉ページ
------------------------------------------------------------------- **/
#wrap {
width: 888px;
padding: 0 0 50px 0;
margin-left: auto;
margin-right: auto;
}
#hd-index {
width: 888px;
height: 286px;
padding: 50px 0 0 0;
margin-bottom: 10px;
}
#hd-index h1 {
width: 888px;
height: 286px;
background: url(../../img/sfe/hd-index.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
float: left;
}
#hd-index h1 span {
display: none;
}
#enter-box {
width: 888px;
}
#enter-box p {
padding: 8px 0 8px 0;
text-align: right;
}
#btn-engage a {
width: 122px;
height: 29px;
margin: 0 0 70px 766px;
display: block;
background: url(../../img/sfe/btn-engage.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -99999px;
overflow: hidden;
}
#btn-engage a:hover {
width: 122px;
height: 29px;
margin: 0 0 70px 766px;
display: block;
background: url(../../img/sfe/btn-engage_f2.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -99999px;
overflow: hidden;
}
/** -------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------- **/
#header {
width: 888px;
height: 300px;
padding: 50px 0 0 0;
}
#header h1 {
width: 233px;
height: 300px;
background: url(../../img/sfe/hd.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
float: left;
}
#header h1 span {
display: none;
}
/** main image **/
#main_image {
float: right;
}
#flashcontent {
}
/** -------------------------------------------------------------------
フッター
------------------------------------------------------------------- **/
#footer {
clear: both;
width: 888px;
height: 22px;
margin-bottom: 50px;
background: url(../../img/sfe/ft.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
}
#footer address {
display: none;
}
/** -------------------------------------------------------------------
右
------------------------------------------------------------------- **/
#contents {
width: 638px;
background: url(../../img/sfe/bg-box02.jpg) repeat-x 0px 0px #0A0F14;
border: 1px #8CA9C3 solid;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
float: right;
}
#textbox01 {
min-height: 476px;
padding: 0 15px 15px 15px;
margin: 0 0 15px 0;
background-image: url(../../img/sfe/line02.jpg);
background-repeat: no-repeat;
background-position: bottom;
font-size: 12px;
}
#textbox02 {
min-height: 476px;
padding: 0 15px 15px 15px;
margin: 0 0 15px 0;
background-image: url(../../img/sfe/line02.jpg);
background-repeat: no-repeat;
background-position: bottom;
font-size: 12px;
}
/** invitation **/
#invitation {
}
#invitation h2 {
height: 37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title03c.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -99999px;
overflow: hidden;
}
#invitation h3 {
height: 14px;
padding: 0 0 0 20px;
margin: 0 15px 15px 15px;
background: url(../../img/sfe/title-bg01.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 14px;
}
#invitation #textbox01 h3 {
margin: 0 0 15px 0;
}
#invitation #textbox01 {
min-height: 0px;
}
#invitation ol {
padding: 5px 10px 5px 10px;
}
#invitation ol li {
list-style: outside decimal;
margin: 10px 0 10px 15px;
}
#invitation #invpay dd {
padding: 0px 7px 0px 7px;
}
#invitation #invpay dt {
margin-top: 10px;
}
/** mypage **/
.mypage {
}
.mypage:after {
content: ".";
display: block;
height: 11px;
margin: 0 0 15px 0;
background-image: url(../../img/sfe/line02.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -99999px;
overflow: hidden;
}
.mypage h2 {
height: 37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title06.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
.mypage h3 {
height: 14px;
padding: 0 0 0 20px;
margin: 0 15px 15px 15px;
background: url(../../img/sfe/title-bg01.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 14px;
}
.mypage #login {
width: 350px;
padding: 15px;
margin: 15px 0 25px 128px ;
background: url("../../img/sfe/bg-mailmagazine.jpg") repeat-x scroll;
border: 1px solid #b1d7f3;
}
.mypage #login p {
color: #393939;
font-weight: bold;
margin: 5px auto;
text-align: right;
}
.mypage #login p * {
vertical-align: middle;
}
.mypage #login p input.text {
width: 250px;
}
.mypage #login p a {
color: #393939;
font-size: 90%;
}
.mypage #login p a:hover {
color: #4FC03D;
text-decoration: underline;
font-size: 90%;
}
/** information **/
.information {
}
.information h2 {
height: 37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title05.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
ul.information_list {
}
li.information_unit {
padding: 0 0 15px 0;
background-image: url(../../img/sfe/line02.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
li.information_unit p.date {
padding: 0 15px 15px 15px;
color: #6F8FAE;
font-size: 16px;
font-weight: bold;
}
li.information_unit h3 {
padding: 0 15px 15px 15px;
color: #FFFFFF;
background: transparent;
}
li.information_unit div.information_text {
padding: 0 15px 20px 15px;
}
li.information_unit p.sequel {
padding: 0 15px 5px 15px;
text-align: right;
}
li.information_unit p.sequel a {
padding-left: 15px;
font-size: 12px;
background: transparent url("../../img/sfe/arrow_right_normal.gif") no-repeat scroll 0 center;
}
li.information_unit p.sequel a:hover {
background: transparent url("../../img/sfe/arrow_right_hover.gif") no-repeat scroll 0 center;
}
.information .textbox li {
vertical-align: middle;
font-size: 12px;
line-height: 22px;
}
.information .textbox li img {
vertical-align: middle;
margin-left: 10px;
}
/** login **/
.login {
}
.login:after {
content: ".";
display: block;
height: 11px;
margin: 0 0 15px 0;
background-image: url(../../img/sfe/line02.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -99999px;
overflow: hidden;
}
.login h2 {
height: 37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title10.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
.login h3 {
height: 14px;
padding: 0 0 0 20px;
margin: 0 15px 15px 15px;
background: url(../../img/sfe/title-bg01.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 14px;
}
.login #login {
width: 350px;
padding: 15px;
margin: 15px 0 25px 128px ;
background: url("../../img/sfe/bg-mailmagazine.jpg") repeat-x scroll #FFFFFF;
border: 1px solid #b1d7f3;
}
.login #login p {
color: #393939;
font-weight: bold;
margin: 5px auto;
text-align: right;
}
.login #login p * {
vertical-align: middle;
}
.login #login p input.text {
width: 250px;
}
.login #login p a {
color: #393939;
font-size: 90%;
}
.login #login p a:hover {
color: #4FC03D;
text-decoration: underline;
font-size: 90%;
}
/** signup **/
.signup {
}
.signup:after {
content: ".";
display: block;
height: 11px;
margin: 0 0 15px 0;
background-image: url(../../img/sfe/line02.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -99999px;
overflow: hidden;
}
.signup h2 {
height: 37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title11.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
.signup h3 {
height: 14px;
padding: 0 0 0 20px;
margin: 0 15px 15px 15px;
background: url(../../img/sfe/title-bg01.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 14px;
}
.signup #signup {
width: 350px;
padding: 15px;
margin: 15px 0 25px 128px ;
background: url("../../img/sfe/bg-mailmagazine.jpg") repeat-x scroll;
border: 1px solid #b1d7f3;
}
.signup #signup p {
color: #393939;
font-weight: bold;
margin: 5px auto;
text-align: right;
}
.signup #signup p * {
vertical-align: middle;
}
.signup #signup p input.text {
width: 250px;
}
.signup #signup p a {
color: #393939;
font-size: 90%;
}
.signup #signup p a:hover {
color: #4FC03D;
text-decoration: underline;
font-size: 90%;
}
.signup dl.textbox dt.title {
padding: 5px 7px 5px 7px;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
vertical-align: middle;
background: #000000;
}
/** paddword-set **/
.paddword-set {
}
.paddword-set:after {
content: ".";
display: block;
height: 11px;
margin: 0 0 15px 0;
background-image: url(../../img/sfe/line02.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -99999px;
overflow: hidden;
}
.paddword-set h2 {
height: 37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title12.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
.paddword-set h3 {
height: 14px;
padding: 0 0 0 20px;
margin: 0 15px 15px 15px;
background: url(../../img/sfe/title-bg01.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 14px;
}
.paddword-set #paddword-set {
width: 350px;
padding: 15px;
margin: 15px 0 25px 128px ;
background: url("../../img/sfe/bg-mailmagazine.jpg") repeat-x scroll;
border: 1px solid #b1d7f3;
}
.paddword-set #paddword-set p {
color: #393939;
font-weight: bold;
margin: 5px auto;
text-align: right;
}
.paddword-set #paddword-set p * {
vertical-align: middle;
}
.paddword-set #paddword-set p input.text {
width: 250px;
}
.paddword-set #paddword-set p a {
color: #393939;
font-size: 90%;
}
.paddword-set #paddword-set p a:hover {
color: #4FC03D;
text-decoration: underline;
font-size: 90%;
}
/** mailaddress-set **/
.mailaddress-set {
}
.mailaddress-set:after {
content: ".";
display: block;
height: 11px;
margin: 0 0 15px 0;
background-image: url(../../img/sfe/line02.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -99999px;
overflow: hidden;
}
.mailaddress-set h2 {
height: 37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title13.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
.mailaddress-set h3 {
height: 14px;
padding: 0 0 0 20px;
margin: 0 15px 15px 15px;
background: url(../../img/sfe/title-bg01.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 14px;
}
.mailaddress-set #mailaddress-set {
width: 350px;
padding: 15px;
margin: 15px 0 25px 128px ;
background: url("../../img/sfe/bg-mailmagazine.jpg") repeat-x scroll;
border: 1px solid #b1d7f3;
}
.mailaddress-set #mailaddress-set p {
color: #393939;
font-weight: bold;
margin: 5px auto;
text-align: right;
}
.mailaddress-set #mailaddress-set p * {
vertical-align: middle;
}
.mailaddress-set #mailaddress-set p input.text {
width: 250px;
}
.mailaddress-set #mailaddress-set p a {
color: #393939;
font-size: 90%;
}
.mailaddress-set #mailaddress-set p a:hover {
color: #4FC03D;
text-decoration: underline;
font-size: 90%;
}
/** update **/
.update {
}
.update:after {
content: ".";
display: block;
height: 11px;
margin: 0 0 15px 0;
background-image: url(../../img/sfe/line02.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -99999px;
overflow: hidden;
}
.update h2 {
height: 37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title14.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
.update h3 {
height: 14px;
padding: 0 0 0 20px;
margin: 0 15px 15px 15px;
background: url(../../img/sfe/title-bg01.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 14px;
}
.update #update {
width: 350px;
padding: 15px;
margin: 15px 0 25px 128px ;
background: url("../../img/sfe/bg-mailmagazine.jpg") repeat-x scroll;
border: 1px solid #b1d7f3;
}
.update #update p {
color: #393939;
font-weight: bold;
margin: 5px auto;
text-align: right;
}
.update #update p * {
vertical-align: middle;
}
.update #update p input.text {
width: 250px;
}
.update #update p a {
color: #393939;
font-size: 90%;
}
.update #update p a:hover {
color: #4FC03D;
text-decoration: underline;
font-size: 90%;
}
/** payment **/
.payment {
}
.payment:after {
content: ".";
display: block;
height: 11px;
margin: 0 0 15px 0;
background-image: url(../../img/sfe/line02.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -99999px;
overflow: hidden;
}
.payment h2 {
height: 37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title15.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
.payment h3 {
height: 14px;
padding: 0 0 0 20px;
margin: 0 15px 15px 15px;
background: url(../../img/sfe/title-bg01.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 14px;
}
.payment #payment {
width: 350px;
padding: 15px;
margin: 15px 0 25px 128px ;
background: url("../../img/sfe/bg-mailmagazine.jpg") repeat-x scroll;
border: 1px solid #b1d7f3;
}
.payment #payment p {
color: #393939;
font-weight: bold;
margin: 5px auto;
text-align: right;
}
.payment #payment p * {
vertical-align: middle;
}
.payment #payment p input.text {
width: 250px;
}
.payment #payment p a {
color: #393939;
font-size: 90%;
}
.payment #payment p a:hover {
color: #4FC03D;
text-decoration: underline;
font-size: 90%;
}
/** notice **/
.notice {
padding: 10px;
margin: 15px;
color: #333;
background: #EBEBEB;
}
.notice li {
list-style: disc inside;
padding: 0 0 5px 0;
font-size: 12px;
}
.notice li.strong {
list-style: none;
color: #D00;
font-size: 16px;
font-weight: bold;
}
/** text box **/
.textbox {
padding: 10px 10px 5px 10px;
margin: 15px;
background: #000000;
border: 1px solid #b1d7f3;
}
ul.textbox li {
font-size: 12px;
margin-bottom: 5px;
}
ul.textbox li a {
}
ul.textbox li em {
font-style: normal;
}
ul.textbox .more {
padding: 5px 0 0 0;
}
dl.textbox dt.title {
height: 20px;
padding: 7px;
color: #069;
font-weight: bold;
background: url("../../img/sfe/bg-mailmagazine.jpg") repeat-x scroll;
}
dl.textbox dd.data {
padding: 10px;
}
div.textbox {
padding: 10px;
}
/** news **/
.news {
}
.news h2 {
height: 37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title07.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
ul.news_list {
}
li.news_unit {
padding: 0 0 15px 0;
background-image: url(../../img/sfe/line02.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
li.news_unit p.date {
padding: 0 15px 15px 15px;
color: #6F8FAE;
font-size: 16px;
font-weight: bold;
}
li.news_unit h3 {
padding: 0 15px 15px 15px;
color: #FFFFFF;
background: transparent;
}
li.news_unit div.news_text {
padding: 0 15px 20px 15px;
}
li.news_unit p.sequel {
padding: 0 15px 5px 15px;
text-align: right;
}
li.news_unit p.sequel a {
padding-left: 15px;
font-size: 12px;
background: transparent url("../../img/sfe/arrow_right_normal.gif") no-repeat scroll 0 center;
}
li.news_unit p.sequel a:hover {
background: transparent url("../../img/sfe/arrow_right_hover.gif") no-repeat scroll 0 center;
}
/** page_navi **/
ul.page_navi {
position: relative;
font-size: 12px;
height: 12px;
margin: 10px 15px 17px 15px;
}
ul.page_navi li.next {
position: absolute;
top: 0;
right: 0;
}
ul.page_navi li.prev {
position: absolute;
top: 0;
left: 0;
}
/** attention **/
.attention {
margin: 15px;
font-weight: bold;
}
.attention p {
padding: 5px 0 5px 0;
}
.attention .note {
color: #DD4C36;
font-weight: normal;
}
/** error **/
p.error {
clear: both;
color: #F00;
font-size: 12px;
background: #FEE;
}
#login .error {
color: #FF0000;
font-size: 12px;
text-align: center;
}
/** form_sheet **/
table.form_sheet {
width: 606px;
border-bottom: 1px dotted #6F8FAE;
margin: 15px;
font-size: 12px;
}
table.form_sheet tr {
}
table.form_sheet th {
width: 150px;
border-bottom: 1px dotted #6F8FAE;
text-align: left;
}
table.form_sheet td {
padding: 10px 0 10px 0;
border-bottom: 1px dotted #6F8FAE;
}
table.form_sheet th em {
color: #DD4C36;
font-weight: bold;
font-style: normal;
}
table.form_sheet td p.note {
padding-top: 5px;
color: #DD4C36;
}
table.form_sheet td p.error {
clear: both;
color: #FFFFFF;
margin-top: 5px;
border: #2F333E solid 1px;
padding: 7px 5px 5px 5px;
background: #48586A;
}
table.form_sheet td label {
display: block;
width: 120px;
float: left;
}
table.form_sheet td.nofloat label {
	display:          block;
	width:            auto;
	margin:           0 0 3px;
	float:            none;
}
table.form_sheet td label * {
vertical-align: middle;
}
/** rule/privacy **/
#rule ,
#privacy {
height: 150px;
border: 1px solid #B8B8B8;
margin: 5px 10px 5px 20px;
font-size: 12px;
color: #393939;
background-color: #E7E7E7;
overflow-y: scroll;
overflow-x: auto;
}
#privacy p {
font-size: 12px;
}
#rule dl {
padding: 5px 15px;
}
#rule dl dt {
font-weight: bold;
}
#rule dl dd {
margin: 5px 0 10px 1.0em;
}
#rule dl dd ol {
margin: 5px 0 5px 20px;
}
#rule dl dd ol li {
list-style: outside decimal;
}
#rule dl dd ul {
margin: 5px 0 5px 20px;
}
#rule dl dd ul li {
list-style: outside disc;
}
#rule a {
color: #666666;
}
#privacy ol {
padding: 5px 15px 5px 20px;
}
#privacy ol li {
list-style: outside decimal;
margin: 10px 0 10px 15px;
}
#privacy ol li p {
}
#privacy ol li ul {
margin-top: 10px;
}
#privacy ol li ul li {
list-style: none;
margin: 1px 0;
}
#privacy ol li ol {
margin: 5px 0 5px;
}
#privacy ol li ol li {
list-style: outside lower-roman;
margin: 1px 0;
}
#privacy a {
color: #666666;
}
#rule_check,
#privacy_check {
margin-left: 20px;
}
#rule_check *,
#privacy_check * {
font-size: 13px;
vertical-align: middle;
}
/** contact list **/
#contact_list {
margin: 10px 24px;
}
#contact_list p.error {
padding: 5px 5px 3px;
margin: 0 0 5px;
background: #fee;
}
#contact_list p.entry {
padding: 5px 0 3px;
text-align: right;
}
#signup_agreement p.error {
color: #FFFFFF;
margin-top: 5px;
margin-right: 10px;
border: #2F333E solid 1px;
padding: 7px 5px 5px 5px;
background: #48586A;
}
/** 見出し -------------------- **/
#textbox01 .title-bg01 {
height: 14px;
padding: 0 0 0 20px;
margin-bottom: 15px;
background: url(../../img/sfe/title-bg01.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 14px;
}
#textbox01 .title-bg02 {
height: 23px;
padding: 0 0 0 20px;
margin-bottom: 15px;
background: url(../../img/sfe/title-bg02.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 23px;
}
#textbox02 .title-bg01 {
height: 14px;
padding: 0 0 0 20px;
margin-bottom: 15px;
background: url(../../img/sfe/title-bg01.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 14px;
}
#textbox02 .title-bg02 {
height: 23px;
padding: 0 0 0 20px;
margin-bottom: 15px;
background: url(../../img/sfe/title-bg02.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
font-size: 14px;
line-height: 23px;
}
/** テーブルtop -------------------- **/
.table01 {
margin: 0 10px 0 0;
}
.tbg01 {
padding: 12px;
border: #BCBCBC solid 1px;
background: url(../../img/sfe/bg-table01.jpg) repeat-x 0px 0px #48586A;
}
.tbg02 {
padding: 12px;
border: #BCBCBC solid 1px;
background: #0A0F14;
}
.table02 {
width: 500px;
margin: 0 0 0 69px;
}
.table03 {
width: 592px;
margin: 10px 0 10px 0;
}
.table03 .tbg01 {
width: 110px;
background: #4C4C4C;
}
.table03 .tbg02 {
letter-spacing: -1px;
}
/** テーブルother -------------------- **/
#contact_list table {
width: 100%;
margin: 0 0 10px 0;
}
#contact_list table thead tr {
}
#contact_list table thead tr th {
padding: 12px;
border: #BCBCBC solid 1px;
background: url(../../img/sfe/bg-table01.jpg) repeat-x 0px 0px #48586A;
font-size: 12px;
}
#contact_list table tbody tr {
}
#contact_list table tbody tr td {
padding: 12px;
border: #BCBCBC solid 1px;
background: #0A0F14;
font-size: 12px;
}
#contact_list table .status,
#contact_list table .button {
text-align: center;
}
/** ボタン -------------------- **/
button {
cursor: pointer;
}
/** button **/
div.btns {
padding: 0 15px 5px 15px;
text-align: right;
}
div.btns form {
display: inline;
}
div.btns button {
padding: 0;
border: 0;
background-color: transparent;
overflow: visible;
}
div.btns a,
div.btns button span {
display: block;
width: 105px;
height: 30px;
background: transparent url("../../img/sfe/btn-bg01.jpg") repeat-x scroll 0 center;
border: 1px solid #666666;
text-decoration: none;
}
div.btns button span em {
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 30px;
color: #333333;
}
div.btns a span {
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 30px;
color: #333333;
text-decoration: none;
}
div.btns a {
margin: 0 auto;
text-decoration: none;
text-align: center;
text-decoration: none;
}
/* firefox only */
html: not([lang*=""]) .btns {
padding-left: 12px;
}

#link-signup {
}
#link-signup a {
width: 167px;
height: 32px;
margin:0 0 10px 458px;
display: block;
background: url(../../img/sfe/btn-signup.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
#link-signup a:hover {
width: 167px;
height: 32px;
margin: 0 0 10px 458px;
display: block;
background: url(../../img/sfe/btn-signup_f2.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
/** パンくず -------------------- **/
#topicpath {
background: url(../../img/sfe/bg-box02.jpg) repeat-x 0px 0px #0A0F14;
padding: 10px 8px 10px 8px;
font-size: 10px;
}
/** databank **/
#databank h2 {
height:37px;
margin:0 0 15px 0;
background:url(../../img/sfe/title04.jpg) no-repeat 0px 0px;
text-indent:-99999px;
overflow:hidden;
}
#textbox01 ul {
margin-left: 25px;
margin-bottom: 30px;
}
#textbox01 li {
font-size:12px;
text-decoration:none;
line-height:140%;
}

.hrline01{
width:608px;
border-bottom:1px #8CA9C3 solid;
margin-top:5px;
margin-bottom:5px;
}
.hrline02{
width:508px;
border-bottom:1px #8CA9C3 solid;
margin-left:50px;
margin-top:5px;
margin-bottom:10px;
}
/** gallery **/
#gallery h2 {
height:37px;
margin:0 0 15px 0;
background:url(../../img/sfe/title08.jpg) no-repeat 0px 0px;
text-indent:-99999px;
overflow:hidden;
}
#gallery #textbox02 ul {
padding: 25px;
}
#gallery #textbox02 li {
width: 558px;
padding: 15px 0 15px 0;
float: left;
border-top: 1px dotted #FFFFFF;
}
#gallery .gallery-img a {
display: block;
text-align: center;
border: 1px #CCCCCC solid;
float: left;
margin-right: 20px;
}
#gallery .gallery-img a:hover {
border: 1px #4FC03D solid;
}
#gallery .gallery-name2 {
width: 380px;
display: block;
float: left;
padding-top: 10px;
}
#gallery .gallery-name2 h1 {
font-size: 14px;
margin-bottom: 10px;
vertical-align: middle;
line-height: 22px;
}
#gallery .gallery-name2 h1 img {
vertical-align: middle;
margin-left: 10px;
}
#gallery .gallery-img2 img {
display: block;
text-align: center;
border: 5px #FFFFFF solid;
float: left;
margin-right: 20px;
}
#gallery .gallery-img2 a:hover img {
border: 5px #4FC03D solid;
}
#gallery .gallery-img3 img {
display: block;
text-align: center;
border: 5px #FFFFFF solid;
margin: 0 auto;
}
#gallery .gallery-img3 .movie {
display: block;
text-align: center;
margin: 0 auto;
}
#gallery .gallery-text {
background-color: #000000;
border: 1px #6F8FAE solid;
margin: 25px 25px 0px 25px;
padding: 15px;
}
#gallery .gallery-text p {
line-height: 145%;
}
#gallery #gallery-text2 {
padding: 25px;
}
#gallery #gallery-text2 h4 {
border-bottom: 1px #6F8FAE solid;
}
#gallery #gallery-text2 ul {
padding: 0;
}
#gallery #gallery-text2 li {
float: left;
width: 558px;
padding: 15px 0 15px 0;
border-top: 0px dotted #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}
/** goods **/
#goods h2 {
height:37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title09.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
#goods #textbox02 ul {
padding: 25px;
}
#goods #textbox02 li {
width: 558px;
padding: 15px 0 15px 0;
float: left;
border-top: 1px dotted #FFFFFF;
}
#goods .goods-img img {
display: block;
text-align: center;
border: 1px #CCCCCC solid;
float: left;
margin-right: 20px;
}
#goods .goods-img a:hover img {
border: 1px #4FC03D solid;
}
#goods .goods-name {
width: 380px;
padding: 15px 0 0 0;
display: block;
float: left;
vertical-align: middle;
line-height: 22px;
}
#goods .goods-name img {
vertical-align: middle;
margin-left: 10px;
}
#goods .goods-img2 img {
display: block;
text-align: center;
border: 5px #FFFFFF solid;
float: left;
margin-right: 20px;
}
#goods .goods-img2 a:hover img {
border: 5px #4FC03D solid;
}
#goods .goods-name2 {
width: 380px;
padding: 35px 0 0 0;
display: block;
float: left;
vertical-align: middle;
line-height: 22px;
}
#goods .goods-name2 img {
vertical-align: middle;
margin-left: 10px;
}
#goods .goods-img3 {
display: block;
border: 1px #FFFFFF solid;
float: left;
margin: 0 0 15px 0;
}
#goods .goods-box1 {
display: block;
margin: 7px 0 0 15px;
float: right;
}
#goods .goods-img-list {
width: 240px;
height: 336px;
margin: 0 0 15px 0;
background: url(../../img/sfe/bg-goods.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
}
#goods .goods-img-list ul {
width: 240px;
margin: 0;
padding: 0;
}
#goods .goods-img-list li {
float: left;
margin: 0 0 15px 12px;
}
#goods .goods-img-list ul li a {
display:block;
text-align:center;
border: 1px #6F8FAE solid;
}
#goods .goods-img-list ul li a:hover {
border: 1px #4FC03D solid;
}
#goods .goods-img-list ul li a img {
}
#goods .goods-text {
background-color: #000000;
border: 1px #6F8FAE solid;
margin: 0 15px 0 15px;
padding: 15px;
}
#goods .goods-text p {
line-height: 145%;
}
/** page-list **/
#page-list {
padding: 0 0 15px 0;
}
#page-list ul {
text-align: center;
}
#page-list li {
display: inline; 
padding: 0 15px 0 0;
}
#page-list li a {
font-size: 12px;
text-decoration: none;
background-color: #4E5F73;
padding: 4px;
border: 1px #6F8FAE solid;
}
#page-list li a:hover {
background-color: #000000;
}


 /** -------------------------------------------------------------------
左
------------------------------------------------------------------- **/
#navi {
width: 233px;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
float: left;
}
/** ログイン -------------------- **/
#navi #login {
width: 231px;
background: url(../../img/sfe/bg-box-login.jpg) no-repeat 0px 0px #182944;
border: 1px #8CA9C3 solid;
margin-bottom: 15px;
}
#navi #login .title-login object {
border: 0;
margin: 0;
padding: 0;
}
#navi #login .title-login embed {
border: 0;
margin: 0;
padding: 0;
}
#navi #login table {
width: 231px;
margin: 8px 0 0 0;
background: url(../../img/sfe/login-text.png) no-repeat 0px 0px;
behavior: expression(IEPNGFIX.fix(this));
}
#navi #login table tbody tr {
}
#navi #login th {
width: 60px;
font-size: 1px;
text-indent: -99999px;
overflow: hidden;
}
#navi #login td input {
width: 154px;
vertical-align: middle;
margin-bottom: 15px;
}
#navi #login td input#chk-cookie {
font-size: 12px;
vertical-align: middle;
margin-left: 33px;
width: auto;
margin-bottom: 0px;
}
#navi #login label {
font-size:75%;
}
#navi #login p {
margin: 0 auto;
font-size: 75%;
margin: 15px 0 12px 0;
text-align: center;
}
#navi #login p a {
display: block;
height: 30px;
background-image: url(../../img/sfe/line01.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
/** layout **/
#layout {
}
/** banner **/
#layout li.banner {
width: 231px;
border: 1px #8CA9C3 solid;
margin-bottom: 15px;
}
/** stepchart **/
#stepchart {
width: 231px;
border: 1px #8CA9C3 solid;
margin-bottom: 15px;
background: #182944 url("../../img/sfe/step_arrow.jpg") repeat-y scroll center 0;
}
#stepchart li {
margin-bottom: 30px;
border-top: 1px dotted #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}
#stepchart li.start {
margin-bottom: 30px;
border-top: 0px dotted #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}
#stepchart li.last {
margin-bottom: 0;
border-top: 1px dotted #FFFFFF;
border-bottom: 0px dotted #FFFFFF;
}
#stepchart li p {
height: 30px;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
line-height: 30px;
text-align: center;
}
#stepchart li.active {
border-top: 0px dotted #FFFFFF;
border-bottom: 0px dotted #FFFFFF;
}
#stepchart li.active p {
color: #000000;
font-weight: bold;
background: #8CA9C3;
}
/** -------------------------------------------------------------------
メニュー
------------------------------------------------------------------- **/
#layout #menu {
width: 231px;
background: url(../../img/sfe/bg-box01.jpg) repeat-x 0px 0px #182944;
border: 1px #8CA9C3 solid;
margin-bottom: 15px;
}
#layout #menu h2 {
height: 36px;
background: url(../../img/sfe/title02.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
#layout #menu ul {
display: block;
margin: 10px 0 13px 0;
}
#layout #menu li {
display: block;
height: 24px;
}
#layout #menu li a img {
cursor: pointer;
}
#layout #menu ul:after {
content: ".";
display: block;
height: 11px;
background-image: url(../../img/sfe/line01.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -99999px;
overflow: hidden;
}
#layout #menu menu li {
padding: 0;
margin: 0 0 4px 0;
}
/** -------------------------------------------------------------------
プライバシー
------------------------------------------------------------------- **/
#p_logo {
float: left;
}
#p_mark {
height:110px!important;
padding: 10px;
margin: 10px;
border: thin solid #666666!important;
}
#p_text{
float: right;
padding: 0px 10px 10px 10px;
width: 320px;
}


/** membership card **/


.membership h2 {
height: 37px;
margin: 0 0 15px 0;
background: url(../../img/sfe/title18.jpg) no-repeat 0px 0px;
text-indent: -99999px;
overflow: hidden;
}
.membership #membership {
width: 350px;
padding: 15px;
margin: 15px 0 25px 128px ;
background: url("../../img/sfe/bg-mailmagazine.jpg") repeat-x scroll #FFFFFF;
border: 1px solid #b1d7f3;
}
.membership #membership p {
color: #393939;
font-weight: bold;
margin: 5px auto;
text-align: center;
}
.membership #membership p input.text {
width: 250px;
}
.membership #membership .btn {
margin-top: 15px;
}
.membership #textbox01 .textbox-a {
margin: 0 5px 0 5px;
}


/** jazzWiki **/
.jazzWiki {
}
/** jazzWiki：ヘッダ **/
.jazzWiki h3 {
margin-top: 1.5em;
font-size: 120%;
font-weight: bold;
}
.jazzWiki h4 {
margin-top: 1.5em;
font-size: 110%;
font-weight: bold;
}
.jazzWiki h5 {
margin-top: 1.5em;
font-size: 105%;
font-weight: bold;
}
/** jazzWiki：インライン要素 **/
.jazzWiki strong {
font-weight: bold;
}
.jazzWiki em {
font-style: italic;
}
.jazzWiki strike {
color: #666;
text-decoration: line-through;
}
.jazzWiki u {
text-decoration: underline;
}
/** jazzWiki：段落 **/
.jazzWiki p {
margin: 1.0em 0;
}
/** jazzWiki：引用 **/
.jazzWiki blockquote {
margin: 1.0em 0;
padding: 0.5em 1.0em;
color: #336;
border: 1px solid #ddd;
}
/** jazzWiki：整形済みテキスト **/
.jazzWiki pre {
margin: 1.0em 0;
padding: 0.5em 1.0em;
color: #336;
border: 1px solid #ddd;
}
/** jazzWiki：水平線 **/
.jazzWiki hr {
margin: 1.0em 0;
}
/** jazzWiki：順序なしリスト **/
.jazzWiki ul {
margin: 1.0em 0 1.0em 1.0em;
}
.jazzWiki ul li {
list-style: disc;
margin: 0.2em 0 0.2em;
}
.jazzWiki ul ul {
margin: 0.2em 0 0.2em 2.3em;
}
.jazzWiki ul ul li {
list-style: circle;
}
.jazzWiki ul ul ul {
margin: 0.2em 0 0.2em 2.3em;
}
.jazzWiki ul ul ul li {
list-style: square;
}
/** jazzWiki：順序つきリスト **/
.jazzWiki ol {
margin: 1.0em 0 1.0em 1.5em;
}
.jazzWiki ol li {
list-style: decimal;
margin: 0.2em 0 0.2em;
}
.jazzWiki ol ol {
margin: 0.2em 0 0.2em 2.0em;
}
.jazzWiki ol ol li {
list-style: upper-roman;
}
.jazzWiki ol ol ol {
margin: 0.2em 0 0.2em 2.0em;
}
.jazzWiki ol ol ol li {
list-style: lower-roman;
}
/** jazzWiki：定義リスト **/
.jazzWiki dl {
margin: 1.0em 2.0em 1.5em 0;
}
.jazzWiki dl dt {
padding: 0 0 0 0.3em;
border-left: 0.5em solid #ccc;
margin-top: 1.5em;
font-weight: bold;
}
.jazzWiki dl dd {
padding-left: 1.5em;
margin: -0.5em 0;
}
/** jazzWiki：テーブル **/
.jazzWiki table {
margin: 1.0em 0;
border-collapse: collapse;
}
.jazzWiki table td {
border: 1px solid #666;
padding: 3px 5px;
}
.jazzWiki table thead td {
font-weight: bold;
background: #eef6f6;
text-align: center;
}
.jazzWiki table tfoot td {
background: #eef6f6;
}
/** jazzWiki：align処理 **/
.jazzWiki al-left,
.jazzWiki al-left p {
text-align: left;
}
.jazzWiki al-right,
.jazzWiki al-right p {
text-align: right;
}
.jazzWiki al-center,
.jazzWiki al-center p {
text-align: center;
}
.jazzWiki al-center table {
margin: auto;
}
.jazzWiki al-right table;
margin: auto;
margin-right: 0;
}
.jazzWiki p,
.jazzWiki blockquote {
text-align: inherit;
}
/** jazzWiki：画像 **/
.jazzWiki img.wikiImage {
float: left;
display: block;
margin: 0.5em;
}
/** thickbox loading image **/
#tbLoadingImage {
	display:          none;
}
/** iframe for SBPS **/
#sbps {
	position:         relative;
	padding:          0;
	border:           0;
	margin:           0;
}
#sbps iframe {
	width:            100%;
	height:           45px;
	padding:          0;
	border:           0;
	margin:           0;
}
body#service_sbps_form {
	padding:          0;
	border:           0;
	margin:           0;
	color:            #fff;
	line-height:      100%;
	overflow-y:       hidden;
	background:       transparent;
}
body#service_sbps_form #sbps {
	text-align:       center;
}
body#service_sbps_form #sbps .btns{
	text-align:       center;
}