@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Questrial|Ubuntu+Mono|Paytone+One|Amatic+SC|Jura|Changa+One|Comfortaa|Actor|Jockey+One|Dorsa|Shanti|Spinnaker|Allerta|Geo|Orbitron|Six+Caps|Raleway:100);

*{margin:0; padding:0; list-style:none; word-break:break-all;}

#cssChange {font-size:30px!important; padding:15px 0; line-height:12px; margin:0;}
#cssChange {display:inline-block; margin:0; float:left;}

a,input[type=submit],img{
    -webkit-transition-property:background,background-image,width,height,text-shadow,box-shadow,color,img;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -moz-transition-property:background,background-image,width,height,text-shadow,box-shadow,color,img;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease;
    -moz-transition-delay: 0s;
}

a:hover img {
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}

a:active img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}



article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block; }

html { overflow-y:scroll; }

body {
    font-size: 12px;
    text-align: left;
    font-family: "Noto Sans Japanese","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",sans-serif;
    font-weight: normal;
}

img { border:0; }
a { text-decoration:none; color:#0066aa; }
h1, h2 { font-size:13px; }
/*h1,h2,h3,h4,h5,h6{font-family: メイリオ, meiryo, Arial, Helvetica;}*/

.floatLeft{float:left;}
.floatRight{float:right;}
.error{line-height:1.5;color:red; padding:10px; margin:10px 0;}

::-moz-selection {
    background: #1a358c;
    color: #ffffff;
    text-shadow: none;
}
::selection {
    background: #1a358c;
    color: #ffffff;
    text-shadow: none;
}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999999!important;}


/*==============================================
ヘッダー
==============================================*/
header {
    display: block;
    background: url() repeat #fff!important;
}

header .ue {
    width: 100%;
    height: 48px;
    background: url(/userfiles/images/head_bg.jpg) repeat-x bottom #2d2d2d;
    text-align: right;
    color: #fff;
}

header .ue02 {
    width: 1080px;
    margin: 0 auto;
}

header .ue02 p {
    margin: 0 auto;
}

header .ue02 p.hghg {
    float: left;
    padding-top: 13px;
}

header hgroup {
    display: block;
    width: 1080px;
    height: 120px;
    margin: 10px auto 0;
}

header h1 {
    display: block;
    float: left;
    width: 278px;
    height: 70px;
    margin-top: 15px;
}

header h1 a {
    display: block;
    width: 278px;
    height: 70px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/userfiles/images/logo_01.png) no-repeat 0 0px;
}

header h1 a:hover {
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}

header h1 a:active {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

header h2 {
    display: block;
    float: right;
    width: 471px;
    height: 95px;
    background:url(/userfiles/images/head_tel.png) no-repeat;
    padding: 5px;
    border-bottom: 0;
    margin-top: 8px;
}

header h2 a {
    display: block;
    margin: 12px 0 0 357px;
}
.coutioninfo {
    display: block;
    text-align: center;
    margin: 15px auto;
    background: #ffed00;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 5px;
}
/*ナビゲーションバー*/
#navigation {
    width: 100%;
    border-top: 2px solid #e1d7d2;
    border-bottom: 1px solid #e1d7d2;
    margin: 0 auto;
    overflow: hidden;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 50%, rgba(252, 230, 218, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 45%,rgba(255, 255, 255, 1) 50%,rgba(252, 230, 218, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 45%,rgba(255, 255, 255, 1) 50%,rgba(252, 230, 218, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffebd7',GradientType=0 ); /* IE6-9 */
}

#navigation ul {
    width: 1075px;
    margin: 0 auto;
}

#navigation ul.mae {
    width: 900px;
}

#navigation li {
    float: left;
    line-height: 1.2;
    font-size: 16px;
    border-left: 1px dotted #adabab;
}

#navigation li:last-child {
    border-right: 1px dotted #adabab;
}

#navigation li a {
    position: relative;
    display: block;
    width: 178px;
    color: #666;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px #fff;
    vertical-align: middle;
    padding: 42px 0 7px;
    overflow: hidden;
    transition: background 0.3s ease-out , color 0.3s ease-out;
    -moz-transition: background 0.3s ease-out , color 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out , color 0.3s ease-out;
    -ms-transition: background 0.3s ease-out , color 0.3s ease-out;
}

#navigation li a img {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 7px;
    left: 50%;
    margin-left: -16px;
}

#navigation li a:hover {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 45%, rgba(252, 230, 218, 1) 96%, rgba(235, 85, 10, 1) 96%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 45%,rgba(252, 230, 218, 1) 96%,rgba(235, 85, 10, 1) 96%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 45%,rgba(252, 230, 218, 1) 96%,rgba(235, 85, 10, 1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eb550a',GradientType=0 ); /* IE6-9 */
}


/*============================================================================================
----------------------------------------------------------------------------------------------
メイン
----------------------------------------------------------------------------------------------
============================================================================================*/
#main {
    width: 1200px;
    font-size: 14px;
    text-align: center;
    margin: 50px auto;
    overflow: hidden;
}

#main a:hover {
    text-decoration: underline;
}

#contents {
    float: left;
    width: 860px;
}

#centerContents {
    float: left;
    width: 860px;
    margin: 0 auto 30px;
}

#tablet {
    display: none!important;
}

#main h1{
    color: #FFF;
    font-size: 30px;
    font-weight: normal;
    text-align: left;
    line-height: 1;
    padding: .5em 1em;
    border-bottom: 2px solid #8bc501;
    margin: 0;
    background: #333;
    border-radius: 5px 5px 0 0;
}

#main h1.mb20 {
    margin-bottom: 20px;
}


/*==============================================
スライドショー
==============================================*/
#topimg{
    width: 100%;
    margin: 0 auto;
    /*background: #e3e3e3;*/
    background: #ffffff url(/userfiles/images/006-subtle-light-patterns.jpg) repeat;
}
	
#toparea{
    position: relative;
    width: 1080px;
    height: 325px;
    padding: 20px 20px 30px;
    margin: 0 auto;
    background: url() no-repeat top center;
}


/*==============================================
TOPページ
==============================================*/

/*---登録フォーム--*/
.secti02 {
    display: block;
    width: 800px;
    height: 430px;
    text-align: center;
    padding: 213px 35px 10px;
    margin-bottom: 25px;
    background: url(/userfiles/images/entry_bg.png) no-repeat;
    background-size: contain;
}
.secti02 form{
    margin: 0;
}

.secti02 input[type="text"] {
    width: 95%;
    padding: 2% 2.5%;
    font-size: 25px;
}

.fl {
    padding: 1.75em .75em .5em;
}
.fr {
    margin-top: 24px;
}
p.reg_form_content {
    width: 97%;
    color: #333;
    font-weight: bold;
    line-height: 1.3;
    text-align: justify;
    text-justify: inter-ideograph; 
    text-indent: -1.5em;
    padding-left: 1.5em;
    margin-bottom: .4em;
}

.secti02 input[type="checkbox"] {
    width: 17px;
    height: 17px;
    margin-top: -3px;
}

/* news */
#news iframe {
    width: 728px;
    height: 350px;
    padding: 0;
    border: 1px solid #ccc;
    margin-top: -1px;
}

#newss {
    width: 648px;
    margin: 0 auto;
}

#newss .news {
    width: 96%;
    text-align: justify;
    text-justify: inter-ideograph; 
    padding: 0 1em 10px;
    border-bottom: 2px solid #8bc501;
    margin-bottom: 20px;
}

/*お知らせフリーページ*/
#freeUpdate {
    width: 860px;
    clear: both;
    margin: 0 auto;
}

#freeUpdate div.areaF {
    line-height: 1;
    margin-bottom: 25px;
}

#freeUpdate div.areaF a img:hover {
    box-shadow: 0 3px 9px rgba(0, 0, 0, .3);
}

#freeUpdate div.areaF {
    line-height: 1;
    margin-bottom: 25px;
}

#freeUpdate div.areaF a img:hover {
    box-shadow: 0 3px 9px rgba(0, 0, 0, .3);
}
  .newmbox {
      border: solid 1px #cdcdcd;
      padding: 10px;
  }
  
  .mtitlebox {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-content: flex-end;
      border-bottom: solid 2px rgb(0 71 143);
  }
  
  .mtitlebox p {
      display: inline-block;
      width: fit-content;
      padding: 10px;
      font-size: 26px;
      font-family: 'Sawarabi Mincho', sans-serif;
  }
  /* link list 02 */
  .link-list-02 {
    display: inline-block;
    align-self: flex-end;
  }
  .link-list-02 > .item {
    line-height: 1.75;
  }
  .link-list-02 > .item a, .link-list-02 > .item button {
    width: 77px;
    background: #d9e3ee;
    padding: 3px 18px 3px 30px;
    display: inline-block;
    color: #000;
    font-size: .8rem;
    text-decoration: none;
    transition: background 0.2s ease-out;
    position: relative;
    margin-bottom: 5px;
  }
  .link-list-02 > .item a::before, .link-list-02 > .item button::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #00478f;
    border-right: 2px solid #00478f;
    border-radius: 3px;
    position: absolute;
    top: 10px;
    left: 13px;
    transform: rotate(45deg) translate3d(0, 0, 0);
  }
  .link-list-02 > .item a:hover, .link-list-02 > .item button:hover {
    background-color: #00478f;
    color: #fff;
    text-decoration: none;
  }
  .link-list-02 > .item a:hover::before, .link-list-02 > .item button:hover::before {
    border-color: #FFF;
  }
  .link-list-02 > .item:last-child {
    margin-bottom: 0;
  }
  .link-list-02._white > .item a, .link-list-02._white > .item button {
    background-color: #FFF;
  }
  .link-list-02._white > .item a:hover, .link-list-02._white > .item button:hover {
    background-color: #00478f;
  }
.mcontebox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

.mrightconte {
    width: calc(260px - 80px);
    padding: 10px 15px 10px 20px;
}
.mleftconte {
    flex-basis: 76%;
    overflow: hidden;
}
.mleftconte a,.infoboxconte a {
    text-decoration: none;
    color: #000;
}
.mleftconte a:hover {
    text-decoration: none!important;
    background: #dffff9;
    display: block;
}
.mlconte p {
    line-height: 1.5;
}
p.meigaratitle {
    background: #f3ee49;
    display: inline-block;
    padding: 1px 4px;
}
p.meigaraname {
    font-size: 124%;
}
span.newitem {
    background: #dc3545;
    display: inline-block;
    padding: 1px 4px;
    color: #fff;
    border-radius: 5px;
    font-size: .4rem;
}
.mlconte {
    padding: 10px 10px 5px 10px;
    border-bottom: dotted 1px;
    width: 100%;
}
.newallinfobox {
    display: flex;
    justify-content: space-between;
    text-align: left;
}
.infobox {flex-basis: 55%;}
.infobox02 {flex-basis: 38%;}
.infoboxconte {
    width: 96%;
}

/*提供銘柄実績*/
.mleftconte h2 {
    background: #00478f;
    padding: 2px;
    line-height: 1.8;
    color: #fff;
    width: 97%;
    margin-top: 3px;
}
.topmeigara {
    width: 97%;
}
.topmeigara dl {
    display: flex;
    flex-wrap: wrap;
}
.topmeigara dl dt {
    flex-basis: 35%;
    margin: 3px;
    background: #cde2f7;
    padding: 5px;
}
.topmeigara dl dd {
    flex-basis: 50%;
    margin: 3px;
    padding: 5px;
}
/*無料銘柄相談*/
.contetitle {
    border-bottom: solid 2px rgb(0 71 143);
    text-align: left;
    margin-bottom: 10px;
}

.contetitle p {
    display: inline-block;
    width: fit-content;
    padding: 10px;
    font-size: 26px;
    font-family: "Sawarabi Mincho", sans-serif;
}
/*動画*/
p.youtubetitle {
    padding: 10px;
    font-size: 170%;
    font-weight: bold;
    background: #e7e7e7;
    margin: 10px 0;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* サポート */
#support {
    border: 1px solid #e3e3e3;
}

#support img {
    width: 100%;
}

.supmail {
    width:445px;
    height: 74px;
    background: url(/userfiles/images/support_mail.jpg) no-repeat;
    padding: 50px 0 11px 295px;
}

.supmail a {
    display: block;
    width: 424px;
    height: 74px;
    text-indent: -10000px;
    background: url(/userfiles/images/support_btn.jpg) no-repeat;
}


/*==============================================
ログインフォーム
==============================================*/
#login {
    width: 750px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0 auto;
}

#login h2{
    width: 100%;
    color: #FFF;
    font-size: 21px;
    text-align: center;
    line-height: 1;
    padding: .3em 0 .4em;
    border-bottom: 3px solid #eb5505;
    margin: 0;
    background: -webkit-linear-gradient(top, rgb(45, 45, 45) 0%, rgb(45, 45, 45) 100%);
    background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
    background: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
    background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
    background: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
    -pie-background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
}

#login form {
    width: 94%;
    margin: 2em auto;
}

#login table {
    clear: both;
    width: 92%;
    padding: 1em 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0 auto 2em;
    background: #EFEFEF center;
    overflow: hidden;
}

#login th, #login td {
    color: #1e4892;
    font-size: 15px;
    padding: 1em 2em 1em 1em;
}

#login th {
    width: 8em;
    text-align: right;
    padding: 1em 1em 1em 2em;
}

#login input[type=text], #login input[type=password] {
    position: relative;
    width: 94%;
    font-size: 15px;
    padding: 3%;
    border: 1px solid #a7b4c0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f4f5), to(#fff));
    background: -moz-linear-gradient(#f0f4f5, #fff);
    -pie-background: linear-gradient(#f0f4f5, #fff);
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#f0f4f5', endColorstr='#ffffff', GradientType=0);
}

#login .btn_submit {
    text-align: center;
}

#login form p{
    padding: 10px 20px;
    border-left: 10px solid #EFEFEF;
    margin: 15px 15px 15px 0;
}

#login form p.lostPass {
    text-align: center;
    padding-top: 1em;
    border: none;
    border-top: 1px dotted #CCC;
    margin: 0;
}

#login form div{border-bottom:dotted 1px #CCC; margin:15px;}


/*==============================================
よくある質問
==============================================*/
.question1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 20px;
}

#pages1 {
    width: 700px;
    line-height: 1.5;
    text-align: justify;
    text-justify: inter-ideograph; 
    padding: 20px 20px 0;
    margin-bottom: 10px;
    background:  #f3efef;
}

ol.qa {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ol.qa dl {
    font-size: 17px;
    list-style-type: none;
    padding: 12px 15px 7px 15px;
    border-top:3px solid #8bc501;
    border-bottom:3px solid #8bc501;
    margin: 0 20px 20px;
    background:#fff;
}

/* --- Questionエリア --- */
ol.qa dt {
    font-weight: bold;
    padding: 2px 0 15px 50px;
    background: url("/userfiles/images/question.png") no-repeat; /* Questionエリアの背景 */
}

/* --- Answerエリア --- */
ol.qa dd {
    padding: 10px 0 15px 50px;
    margin: 0;
    background:url("/userfiles/images/answer.png") no-repeat 0 7px; /* Answerエリアの背景 */
}


/*==============================================
利用規約
==============================================*/
#pages {
    float: left;
    width: 700px;
    line-height: 1.8;
    text-align: justify;
    text-justify: inter-ideograph;
    padding: 0 20px;
    margin: 0 auto;
}

#pages h2 {
    color: #333;
    font-size: 13px;
    padding: .5em .5em .6em 1em;
    border: 1px solid #CCC;
    margin-bottom: .75em;
}

#pages h3 {
    color: #EB5604;
    font-size: 14px;
    padding-bottom: 4px;
    border-bottom: 2px solid #EB5604;
    margin-bottom: 10px;
}

#pages p {
    line-height: 1.4;
    margin: 0 5px 20px;
}

#pages ol {
    margin: 0 5px 20px;
}

#pages ol li {
    list-style: decimal;
    line-height: 1.4;
    margin-left: 1.5em;
    margin-bottom: .5em;
}

#pages ol li ul li {
    list-style: upper-roman;
    margin-left: 2.1em;
    margin-bottom: .25em;
}


/*==============================================
「書面の電子交付サービス」
==============================================*/
.delivery {
    margin: 0 1em;
}

.delivery hr {
    clear: left;
    border: none;
    border-bottom: 1px dotted #CCC;
    margin: 0;
}

.delivery dl {
    margin-bottom: 3em;
}

.delivery dd {
    display: block;
    text-align: justify;
    text-justify: inter-ideograph; 
    line-height: 1.8;
    padding: 1em;
}


/*==============================================
お問合わせ等々
==============================================*/
#diary {
    float: left;
    width: 860px;
    font-size: 17px;
}

#diary h1 {
    margin-bottom: 1em;
}

#diary h4 {
    color: #0066aa;
    font-size: 14px;
    margin: 0 1em;
}

#diary .write {
    margin: 20px 15px 25px;
}

#diary .write table {
    width: 100%;
}

#diary .write tr {
    border-top: 1px dotted #bfbfbf;
}

#diary .write tr:last-child {
    border-bottom: 1px dotted #bfbfbf;
}

#diary .write th, #diary .write td {
    line-height: 1.5;
    vertical-align: middle;
    padding: 1em 2em 1em 1em;
}

#diary .write th { 
    width: 11em;
    color: #333;
    background: #eee;
    padding: 1em 1em 1em 2em;
}

#diary .write th span {
    color: red;
    font-size: 13px;
}

#diary .write td input[type=text], #diary .write td input[type=password] {
    width: 94%;
    font-size: 17px;
    padding: .5em 3%;
    border: 1px solid #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.buttonBox {
    text-align: center;
    margin: 20px auto 50px;
}

#diary .kihonjoho li {
    width: 55%;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    padding: .5em 0 .6em;
    border-radius: 25px;
    margin: 0 auto;
    background: #8bc501;
}

#diary .kihonjoho a {
    color: #fff;
    text-decoration: none;
}

/*日記を書く*/
#diary .write td label{vertical-align:middle; margin:5px 15px 5px 0; display:inline-block;}
#diary .write td textarea{width:400px; height:150px; padding:5px; font-size:12px;border:solid 1px #999; border-radius:2px;}
#diary .write td .description{margin-top:2px; color:#999; font-size:11px;}
#diary .write td input[type=file]{margin-top:15px;}
#diary .write td input[type=file]:first-child{margin:0;}
#diary .write td label{text-align:center;}
#diary .write td label img{margin-bottom:2px;}
#diary .write td label input[type=checkbox]{border:1px solid #999; padding:5px;}
#diary .arrow{margin:0 auto; width:25px; font-size:25px; font-weight: bold; color:#8bc501;}
#diary .Mailreply{margin:0 auto; width:590px; background:#8bc501; font-size:17px; font-weight: bold; color:#fff; padding: 7px 15px 7px 15px; border-radius: 25px; text-align:center;}

#pagenation{color:#333; text-align:center; padding-bottom:10px;ont-size:12px;}

/*paging*/
.paging{
	margin:10px auto;
	width:auto;
	font-size:13px;
	font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "VL Pゴシック", "Takao Pゴシック", "IPA Pゴシック", sans-serif !important;
	font-weight:bold;
	text-align:center;
}

#pagenation span,#pagenation a:active{
	padding:7px 9px!important;
	border:1px solid #cccccc;
	margin:0 1px;
	text-decoration:none;
	display:inline-block;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	text-shadow:0 1px 1px #FFFFFF;
	box-shadow:0 1px 3px #bebebe inset!important;
	background: #eeeeee;
	background: #dddddd;
	background: -moz-linear-gradient(top, #dddddd 0%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#e0e0e0));
	background: -webkit-linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
	background: -o-linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
	background: -ms-linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
	background: linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#e0e0e0',GradientType=0 );
}

#pagenation a{
	padding:7px 9px!important;
	border:1px solid #e5e5e5;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	text-shadow:0 1px 1px #FFFFFF;
	margin:0 1px;
	text-decoration:none;
	color:#555555;
	display:inline-block;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
}

#pagenation a:hover{
	border:1px solid #cccccc;
	padding:1px;
	margin:0 1px;
	text-decoration:none;
	box-shadow:0 1px 2px #ccc;
}
.paging .current{
	border:1px solid #999999;
	background:#CCC;
	padding:1px;
	margin:0 1px;
	text-decoration:none;
	color:#fff;
}

.top_title {
    display: block;
    margin-bottom: 20px;
}

a.registbutton{
	display:inline-block;
	border:1px solid #6C6;
	text-align:center!important;
	width:240px;
	padding:13px 0;
	font-weight:bold;
	letter-spacing:0px;
	font-size:15px;
	color:#FFF;
	box-shadow:0px 0px 2px #FFF inset;
	text-shadow:0 0 3px rgb(41,154,11);
	font-weight:bold;	
	background: rgb(158,226,106);
	background: -moz-linear-gradient(top, rgba(158,226,106,1) 0%, rgba(97,196,25,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,226,106,1)), color-stop(100%,rgba(97,196,25,1)));
	background: -webkit-linear-gradient(top, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
	background: -o-linear-gradient(top, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
	background: -ms-linear-gradient(top, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
	background: linear-gradient(to bottom, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ee26a', endColorstr='#61c419',GradientType=0 );	
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	/****kokoni itsuka htc wo***/
	position:relative;
}

a:hover.registbutton{
	border:1px solid rgb(41,154,11);
	box-shadow:0px 0px 3px #FFF inset,0px 0px 2px #FFF inset,0px 0px 2px #FFF inset,0px 0px 2px #FFF inset;
	text-decoration:none!important;
	background: rgb(143,200,0);
	background: -moz-linear-gradient(top, rgba(143,200,0,1) 0%, rgba(143,200,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(143,200,0,1)));
	background: -webkit-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
	background: -o-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
	background: linear-gradient(to bottom, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=0 );
}

#aboutesta{
	margin:20px 0 10px 0;
	width:240px;
	line-height:1.4em;
}


/*============================================================================================
----------------------------------------------------------------------------------------------
 js-disabled class - set image sizes so they all fit in the viewer
 ----------------------------------------------------------------------------------------------
============================================================================================*/
.js-disabled img {width:100px!important; height:100px!important; display:block; float:left; margin:0 5px!important; border-right:2px #FFFFFF solid;}
.wrapper{margin:0 5px;}
#outerContainer {width:980px; bottom:10px; height:112px; margin:auto;  position:absolute; float:left; background:#FFFFFF; z-index:7340709;}
#imageScroller {width:980px; height:112px; position:relative;}
#viewer {width:980px; height:92px; overflow:hidden; margin:auto; position:relative; top:10px;}
#imageScroller a:active, #imageScroller a:visited {color:#000000;}
#imageScroller a img {border:0;}
#controls {width:980px; height:47px; background:url(../images/controlsBG.png) no-repeat; position:absolute; top:4px; left:4px; z-index:10;}
#controls a {width:37px; height:35px; position:absolute; top:3px;}
#controls a:active, #controls a:visited {color:#0d0d0d;}
#title {color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px;}
#rtl {background:url(../images/rtl.png) no-repeat; left:100px;}
#rtl:hover {background:url(../images/rtl_over.png) no-repeat; left:99px;}
#ltr {background:url(../images/ltr.png) no-repeat; right:100px;}
#ltr:hover {background:url(../images/ltr_over.png) no-repeat;}

table#about {
	wifth:100%;
	margin:15px auto;
}
#about td{width:310px;}
#about td.ta01 h3{background:url(/userfiles/images/top_about01.jpg) no-repeat left top;}
#about td.ta02 h3{background:url(/userfiles/images/top_about02.jpg) no-repeat left top;}
#about td.ta03 h3{background:url(/userfiles/images/top_about03.jpg) no-repeat left top;}

#about td:nth-child(2){
	width:320px;
	padding:0 15px;
}
#about p{
	color:#666666;
	font-size:12px;
	line-height:15px;
	letter-spacing:0;
}
#about h3{
	padding:140px 0 5px 0;
	margin:0 0 5px 0;
	color:#036;
	font-size: 10px!important; text-indent: -10000px!important;
}
.resetPass{
	color:#ff3333;
	font-size: 13px;
}
.over18{
	color:#F00;
	padding:5px 0;
	font-size: 14px;
}


#contactHistory .select .readMail:hover{text-decoration:none; color:#fff; background:#8bc501; border-color:#557d00; box-shadow:none;}
#contactHistory{margin:15px 5px;}
#contactHistory .select{margin-bottom:30px}
#contactHistory .select .readMail{
	display:block;
	float:left;
	color:#fff;
	font-weight:bold;
	background: #8bc501;
	border-radius: 28px;
	box-shadow: 1px 1px 4px #646464;
	margin: 0 22px 0 5px;
	padding: 7px 12px 7px 12px;
}
/*自分の日記*/


/*日記エントリー表示*/
#entry{padding:5px 15px; border-bottom:solid 1px #557d00; margin-bottom:5px;overflow:hidden}
#entry h2{ border-left:solid 5px #EEE; font-size:18px; color:#333; padding:5px 5px 5px 10px;}
#entry .date{border-left:solid 5px #8bc501; font-size:11px; color:#999; line-height:1.5; padding:5px 5px 5px 10px; margin-bottom:20px;}
#entry .body{margin:20px 0; font-size:13px; line-height:1.5; font-weight:normal;}
#entry .images img{margin-right:15px; vertical-align:middle;}
#entry .images .thumb01,#entry .images .thumb02,#entry .images .thumb03{cursor:pointer;}

/*簡易プロフ*/


/*==============================================
年齢認証
==============================================*/
#verify{width:765px; float:left;margin-right:15px;}
#verify h3 {
	font-size:13px;
	color:#333;
	line-height:30px;
	padding-left:10px;
	background: -webkit-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	-pie-background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
	/****kokoni itsuka htc wo***/
	border:solid 1px #CCC; border-top:solid 2px #68c823; margin-bottom:15px;
}
#verify .verifyCredit{overflow:hidden; width:375px;float:left;margin-bottom:15px;}
#verify .verifyRight{overflow:hidden;width:375px;border:solid 1px #CCC; float:right;margin-bottom:15px;}
#verify .verifyCredit .sel,#verify .verifyRight .sel{display:block;overflow:hidden;border:solid 1px #CCC;padding:15px;}
#verify .verifyCredit .sel h4,#verify .verifyRight h4{text-decoration:none; font-size:18px; margin-bottom:20px; color:#1E4892;}
#verify .verifyCredit .sel img,#verify .verifyRight img{display:block; margin:0 auto 20px auto;}
#verify .verifyCredit .sel p,#verify .verifyRight p{line-height:1.5; color:#666;margin-bottom:20px;}
#verify .button{margin:0 auto;}
#verify .buttonBox{text-align:center; margin:0;}
#verify .buttonBox a:hover{text-decoration:none;}

.verifyIdList{margin-bottom:15px;}
.verifyIdList tr{border-top:dotted 1px #CCC;}
.verifyIdList tr:last-child{border-bottom:dotted 1px #CCC;}
.verifyIdList td{vertical-align:middle; text-align:center; padding:15px 0;line-height:1.5;}
.verifyIdList td strong{margin-top:15px; font-size:14px; font-weight:bold;color:#666;}
.verifyIdList .excerpt{color:#666; line-height:1.4;}

/*==============================================
メール送信ボックスjavascript無し
==============================================*/
/*注意事項*/
#attention {
    clear: both;
    width: 650px;
    padding: 30px 30px 20px;
    border-radius: 10px;
    margin: 0 auto 20px;
    background: #FDECEC center;
    overflow: hidden;
}

#attention div {
    margin-left: 1.5em;
}

#attention h5 {
    font-size: 23px;
    color: #ff3333;
    margin-bottom: .5em;
}

#attention ul.check {
    font-size: 16px;
    margin-left: .5em;
    text-align: left;
}

#attention ul.check li {
    list-style: disc;
    line-height: 1.5;
    margin-bottom: .5em;
}


/*完了表示*/
#succeed {
    clear: both;
    width: 650px;
    padding: 30px 30px 20px;
    border-radius: 10px;
    margin: 0 auto 20px;
    background: #d8f275 center;
    overflow: hidden;
}

#succeed h5 {
    font-size: 23px;
    color: #0066aa;
    text-align: center;
    margin-bottom: .5em;
}

#succeed p {
    line-height: 1.25;
    text-indent: -1em;
    padding-left: 1em;
    margin: 0 auto .3em;
}

#attentionLeft{padding:10px; border:solid 3px #E10A7F; border-radius:10px;}
#attentionLeft h5{font-size:14px; color:#E10A7F;margin-bottom:5px;border-bottom:solid 2px #E10A7F;padding-bottom:5px;margin-bottom:10px;line-height:1;}
#attentionLeft div{line-height:1.5; color:#666;}
#attentionLeft div p{margin-bottom:5px;padding-bottom:5px; border-bottom:#EEE solid 1px;}

/*更新表示*/
#update{clear:both; overflow:hidden; background:url(/img/images/update.gif) no-repeat 16px center; padding:16px; border:solid 3px #00afbc; border-radius:10px;margin-bottom:20px;}
#update h5{font-size:23px; color:#0066aa; margin-bottom:5px; text-align: center;}
#update div span{color:red; font-weight:bold;}


/*==============================================
マイページ
==============================================*/
#leftContents .profile{border:solid 1px #CCC; padding:10px 15px;margin-bottom:15px;}
#leftContents .profile h3{margin-bottom:10px; font-size:14px; color:#1E4892;}
#leftContents .profile img{margin-bottom:10px;}
#leftContents .profile li{line-height:1.5;}
#leftContents .point{border:solid 1px #CCC; padding:15px;margin-bottom:15px;}
#userid{display: inline-block; padding:0px 0 0 0; font-size: 13px; font-family: sans-serif; color:#636262; letter-spacing: 1px;}
#userrank{background: #efefef; padding: 10px; text-shadow:-1px -1px 0 #ffffff; text-align: center; margin-bottom: 6px; border-radius: 5px;}

#centerContents .diaryList{clear:both;}
#centerContents .diaryList tr{border-top:dotted 1px #CCC;}
#centerContents .diaryList tr:last-child{border-bottom:dotted 1px #CCC;}
#centerContents .diaryList td{vertical-align:top; padding:15px 0;}
#centerContents .diaryList td:first-child{width:110px;}
#centerContents .diaryList h4{font-size:16px; margin-bottom:10px;float:left;}
#centerContents .diaryList .date{float:right; font-size:11px; color:#999;}
#centerContents .diaryList .profile{clear:both; margin-bottom:10px;}
#centerContents .male{color:blue;margin-right:2px;}
#centerContents .female{color:red;margin-right:2px;}
#centerContents .diaryList .excerpt{color:#666; line-height:1.4;}


/*==============================================
ポイント購入
==============================================*/
#payment {
    width: 860px;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 auto;
}

#payment h3 {
    color: #333;
    font-size: 20px;
    text-shadow: 1px 1px #fff;
    padding: .5em 1em;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 3px solid #8bc501;
    margin-bottom: 1em;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#eee), color-stop(51%,#ddd), color-stop(100%,#fff)); /* webkit */
    -pie-background:linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%);
}

#payment p {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: .5em;
}

#payment h4 {
    font-size: 15px;
    text-shadow: 1px 1px 1px #FFFFFF;
    padding: .5em 1em;
    margin-bottom: 1em;
    background: #EFEFEF;
}

#payment form {
    margin-bottom: 20px;
}

#payment .buyform {
    padding: 5px;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    background: #FCFCFC;
}

#payment .buyform table {
    width:100%;
    line-height: 1;
}

#payment .buyform th, #payment .buyform td {
    font-size: 14px;
    vertical-align: middle;
    padding: 1em;
    border: 1px solid #CCC;
}

#payment .buyform th {
    width: 31%;
    color: #666;
    font-size: 15px;
    font-weight: 600;
}

#payment .buyform th span {
    color:red;
}

#payment .buyform td {
    line-height: 1.25;
    background: #FFF;
}

#payment .buyform td span {
    color:red;
}

#payment label {
    vertical-align: middle;
}

#payment .buyform input[type=radio] {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -1px 5px 0 0;
}

#payment input[type=checkbox] {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -1px 3px 0 0;
}

#payment .buyform td input[type=text] {
    width: 96%;
    font-size: 14px;
    padding: .5em 2%;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#payment .buyform td select {
    width: 50%;
    font-size: 14px;
    padding: .3em 2% .5em;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#payment .cyui {
    line-height: 1.5;
}

#payment .cyui p {
    font-size: 14px;
}

#payment .pay_atten {
    color: #666;
    line-height: 1.4;
    padding: 1em;
    border: 4px solid #999;
    margin: 1em auto;
}

#payment input[type=submit] {
    margin: 1em auto;
}

#payment #contract {
    width: 96%;
    height: 300px;
    color: #434343;
    padding: 2%;
    border: solid 1px #808080;
    margin: 0 auto;
    background: #f3f3f3;
    overflow-y: auto;
    overflow-x: hidden;
}

#payment #contract .tit {
    padding: 0 1em .75em;
    border-bottom: 1px dotted #797979;
}

#payment #contract .tit span {
    font-size: 20px;
    border-left: 4px solid #0066aa;
    font-weight: bold;
    padding-left: 1em;
}

#payment #contract .box1 {
    color: #eb5505;
    line-height: 1.25;
    padding: 1em 1em 1em 2em;
    border: 1px solid #eb5505;
    margin: 2em 1em 1em;
    background: #fff;
}

#payment #contract .box1 p {
    display: block;
    width: 330px;
    font-size: 17px;
    text-align: center;
    padding: 3px 0 5px 5px;
    border: 2px solid #eb5505;
    margin: -2em 0 1em;
    background: #fff;
}

#payment #contract .box1 th {
    width: 9em;
    font-weight: normal;
    text-align: right;
}

#payment #contract .box1 th.ta_left {
    text-align: left;
    padding-bottom: .5em;
}

#payment #contract .box1 strong {
    font-size: 17px;
    font-weight: bold;
}

#payment #contract .box1 td {
    padding: .25em 0;
}

#payment #contract p#contract_link {
    margin: 0 1em 1em;
}

#payment #contract .box2 {
    line-height: 1.5;
    padding: 1.5em 1em;
    border: 1px solid #333;
    margin: 0 1em 1em;
}

#payment #contract .box2 h3 {
    font-size: 17px;
    line-height: 1.25;
    text-shadow: none;
    padding: 0;
    border: none;
    margin-bottom: .5em;
    background: none;
}

#payment #contract .box2 ol, #payment #contract .box2 ul {
    margin: 0 1.3em 1.5em;
}

#payment #contract .box2 ul.none li {
    list-style: none;
    text-indent: -1.3em;
    padding-left: 1.3em;
    margin: 0 .4em .5em .4em;
}

#payment #contract .box2 ol li {
    list-style: decimal;
    margin-left: 1.3em;
    margin-bottom: .5em;
}

#payment #contract .box2 ol li ul {
    margin: 0;
}

#payment #contract .box2 ol li ul li {
    list-style: none;
    text-indent: -1.5em;
    padding-left: 1.5em;
    margin: 0 0 .5em;
}

#payment #contract .box2 #advice {
    border: 1px solid #333;
    margin: 0 1em 1.5em;
}

#payment #advice th {
    width : calc(100% / 6) ;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    padding: .5em 0;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    background: #ddd;
}

#payment #advice td {
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    padding: .5em;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

#payment .back a {
    display: inline-block;
    cursor: pointer;
    width: 70%;
    color: #E6EAEF;
    font-size: 30px;
    text-align: center;
    padding: .6em 0 .7em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    margin: 0 auto;
    background-color: #0B44EF;
    background-image: linear-gradient(0deg, #0939c8, #0B44EF, #1f54f5);
    box-shadow: 0 2px 0 0 #07288d, 0 1.31em 2em 0 rgba(255, 255, 255, 0) inset, 0 2px 1px 0 rgba(255, 255, 255, 0.1) inset, 0 2px 3px 1px rgba(0, 0, 0, 0.4), 0 2px 1px -1px transparent inset;
    transition: box-shadow 0.15s, transform 0.15s, color 0.15s;
}


#payment li p{margin:10px; padding-top:50px; height:3em;}
#payment a.button,#payment span.button{margin:10px auto; font-weight:bold;}
#payment span.button{background:#CCCCCC; color:#999999;}
#payment a:hover.button{text-decoration:none;}
#payment li p.credit{background:url(/img/images/payment/img_credit.gif) no-repeat top left;}
#payment li p.credit0{background:url(/img/images/payment/img_credit0.gif) no-repeat top left;}
#payment li p.bank{background:url(/img/images/payment/img_bank.gif) no-repeat top left;}
#payment li p.bitcash{background:url(/img/images/payment/img_bitcash.gif) no-repeat top left;}
#payment li p.cvs{background:url(/img/images/payment/img_cvs.gif) no-repeat top left;}
#payment li p.ccheck{background:url(/img/images/payment/img_ccheck.gif) no-repeat top left;}
#payment li p.edy{background:url(/img/images/payment/img_edy.gif) no-repeat top left;}
#payment li p.securitymoney{background:url(/img/images/payment/img_securitymoney.gif) no-repeat top left;}
#payment li p.gmoney{background:url(/img/images/payment/img_gmoney.gif) no-repeat top left;}
#payment li p.chocom{background:url(/img/images/payment/img_chocom.gif) no-repeat top left;}
#payment li p.gigapoint{background:url(/img/images/payment/img_gigapoint.gif) no-repeat top left;}
#payment li p.netride{background:url(/img/images/payment/img_netride.gif) no-repeat top left;}
#payment li p.payeasy{background:url(/img/images/payment/img_payeasy.gif) no-repeat top left;}
#payment li p.paycash{background:url(/img/images/payment/img_paycash.gif) no-repeat top left;}
#payment li p.transcheck{background:url(/img/images/payment/img_transcheck.gif) no-repeat top left;}
#payment li p.smartpit{background:url(/img/images/payment/img_smartpit.gif) no-repeat top left;}
#payment li p.loan{background:url(/img/images/payment/img_loan.gif) no-repeat top left;}

/*購入画面*/
#payment .buyform td textarea{width:491px; height:150px; padding:5px; font-size:12px;border:solid 1px #999; border-radius:2px;}
#payment .buyform td .description{margin-top:2px; color:#999; font-size:11px;}
#payment .buyform td input[type=file]{margin-top:15px;}
#payment .buyform td input[type=file]:first-child{ margin:0;}
#payment .buyform label:hover{background:#CFF;}

/*購入完了画面*/
#payment div.done{width:750px; margin:20px 0; font-size:16px; color:#F03; line-height:1.6em; letter-spacing:1px;}

/*銀行振込*/
table#rateBank td strong{font-size:14px;}
table#rateBank td{border:double 1px #CCC; padding:10px; vertical-align:middle; line-height:1.4;}
table#rateBank th{background:#efefef; color:#666; text-align:left; padding:10px; border:1px solid #CCC;}
table#rateBank th span{margin-left:5px; color:red;}
table#rateBank td{background:#FFF;}
table#rateBank{width:400px; float:right;}
table#infoBank{width:300px; float:left;}
table#infoBank td{border-bottom:dotted 1px #CCC; padding:10px; vertical-align:middle; line-height:1.4;}
table#infoBank th{background:#efefef; color:#666; text-align:left; padding:10px; border-bottom:1px solid #CCC;}


/*==============================================
サイド
==============================================*/
/*ポイント確認*/

#rightContents .ptpt{text-align:center;}
#rightContents .point h2{margin:0px 0 10px 0; font-size:12px; color:#1E4892;}
#rightContents .point .currentPoint{font-size:13px; font-weight:bold; text-align:center; margin-bottom:10px; color:#0098ce;}
#rightContents .point .currentPoint strong{margin-right:2px;font-size:18px;}
#rightContents .point .limit{display:block; text-align:center;padding:10px; border:dotted 1px #CCC; border-width:1px 0 1px 0; margin-bottom:10px;}
#rightContents .point .showPoint,
#rightContents .point .getPoint{display:block; color:#E10A7F; font-weight:bold; text-align:center; margin:0 35px; background:#FFFCFE; margin-bottom:10px; border-radius:5px; padding:5px; border:solid 2px #E10A7F; cursor:pointer;}
#rightContents .point .showPoint{margin-bottom:0;color:#00AFBC; border-color:#00AFBC;background-color:#FCFFFF;}
#rightContents .point .showPoint:hover{background-color:#DEF9F8;}
#rightContents .point .getPoint:hover{text-decoration:none;background-color:#FFDCF1;}
/*#rightContents .point .pointStat{display:none;}*/

#side{width:200px;float:right;}
#rightContents #help {margin-bottom:15px;}

#help {border:1px solid #CCCCCC;}
#help li{padding:10px; border-bottom:1px dotted #CCCCCC;}

#help h3{
	padding:5px 10px;
	font-size:13px;
	background:#f7f7f7;
	color:#555555;
	text-shadow:1px 1px 0px #FFFFFF;
	border-bottom:1px solid #CCC;	
}
#help li strong{display:inline-block; padding:5px 0;}
#help li p{font-size:10px; line-height:13px;}

/******************
フォームスタイル
 *****************/
a.button {
    text-decoration: none;
}

.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50%;
    color:#333;
    font-size: 15px;
    line-height:normal;
    text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
    padding: .7em 0;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color:#e6e6e6;
    background-repeat:no-repeat;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
    background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition:0.1s linear all;
    -moz-transition:0.1s linear all;
    -ms-transition:0.1s linear all;
    -o-transition:0.1s linear all;
    transition:0.1s linear all;
}

.button:hover {
    text-decoration: none;
    background-position: 0 -15px;
}

.button:focus {
    outline:1px dotted #666;
}

.button:active {
    position: relative;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
}

.button.disabled {
	cursor:default;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter:alpha(opacity=65);
	-khtml-opacity:0.65;
	-moz-opacity:0.65;
	opacity:0.65;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	/****kokoni itsuka htc wo***/
	position:relative;
}

.btn[disabled] {
	cursor:default;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter:alpha(opacity=65);
	-khtml-opacity:0.65;
	-moz-opacity:0.65;
	opacity:0.65;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	/****kokoni itsuka htc wo***/
	position:relative;
}
.button.large {
	font-size:15px;
	line-height:normal;
	padding:9px 14px 9px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	/****kokoni itsuka htc wo***/
	position:relative;
}
.button.small {
	padding:7px 9px 7px;
	font-size:11px;
}

:root .alert-message,:root .btn {
	border-radius:0 \0;
}

button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner {
	padding:0;
	border:0;
}


/*form*/
input[type=text],
input[type=password]{
	padding:3px;
	border:1px solid #CCC;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	/****kokoni itsuka htc wo***/
	position:relative;
}


/*==============================================
登録フォーム
==============================================*/
#regist {
    width: 830px;
    margin: 0 auto 0;
}

#regist #step {
    float: left;
    margin: 10px 0;
}

#regist #step li {
    position: relative;
    width: 265px;
    height: 28px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    padding: 2px 0 24px 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #DBF1A6;
}

#regist #step li#stepactive {
    position: relative!important;
    background: #8BC501!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8BC501', endColorstr='#8BC501',GradientType=0 )!important;
}

#regist #step .stepcount {
    color: #FFF;
    font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Verdana,"ＭＳ Ｐゴシック","MS PGothic","VL Pゴシック","Takao Pゴシック","IPA Pゴシック",sans-serif;
    line-height: 20px;
    text-align: center;
    padding: 5px 0 15px 0;
}

#step li.steparrow {
    width: 40px!important;
    height: 0;
    text-align: center;
    background: #FFFFFF!important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0)!important;
}

#regist #step .arrowmark {
    border-top: 24px solid #ccc;
    border-left: 19px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 19px solid transparent;
    margin: 12px 0 0 106px;
}

#regist #messege {
    width: 530px;
    letter-spacing: 1px;
    margin: 2px 0 0 305px;
}

#regist #messege p{
    display:block;
    line-height:1.7;
    margin: 10px 0 0 0;
}

#regist form, #registed {
    position: relative;
    font-size: 15px;
    padding: 0 0 0 305px;
}

#regist .regist th {
    color: rgb(30, 72, 146);
    font-size: 15px;
    text-align: right;
    vertical-align: middle;
    padding: .5em 0;
}

#regist .regist th.regith {
    text-align: left;
}

#regist .regist td {
    text-align: left;
    font-size: 15px;
    vertical-align: middle;
    padding: .5em 0;
}

#regist .regist strong {
    color: #1e4892;
    font-size: 13px;
}

#regist .regist td span {
    color: #F33;
    margin-left: 5px;
}

#regist input[type=text],#regist input[type=password]{
    position: relative;
    width: 500px;
    font-size: 20px;
    padding: .5em;
    border: 1px solid #a7b4c0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 20px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f4f5), to(#fff));
    background: -moz-linear-gradient(#f0f4f5, #fff);
}

#regist input[type=submit]{
    font-size: 20px;
    font-weight: bold;
    padding: .5em 2em;
    margin: 10px auto;
}

.formTable {
    margin: 0 auto;
}

#regist .selectbox{
	font-size:15px;
	margin:30px;
	padding:30px;
	border:1px solid #CCC;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	/****kokoni itsuka htc wo***/
	line-height:1.5;
}

.stepcount strong{
	font-size:26px!important;
	font-style:italic;
	color:#FFF!important;
}
.stepabout{
	background:#FFFFFF;
	float:right;
	text-align:left;
	font-weight:bold;
	font-size:15px;
	height:20px;
	width:190px;
	padding:20px 10px;
	color:#CCCCCC;
}

#registed p {
    font-size: 20px;
    line-height: 1.5;
}

#registed strong{
	color:#1e4892;
	font-size:24px!important;
}
#regist strong{
	color:#1e4892;
	font-size:15px;
}
#regist .regist {}
#regist .regist td.btn_submit{text-align:center;}
  

#regist input[type=text]:focus{
	background:#FFFFFF;
}

#registinfo{
	width:310px;
	float:right;
	position:relative;
}
#registinfo h2{font-size:15px;padding:15px;color:#1e4892;text-shadow: -1px 1px 2px rgba(255,255,255,0.8); border-bottom:solid 1px #CCC;}
#registinfo a{display:inline-block;}
#registinfo .about{display:block; margin:15px 15px 0 15px; background:#FFF;border-radius: 5px; padding:15px;color:#444; line-height: 1.7em;}
#registinfo .about strong{display:block;margin-bottom:15px; font-size:14px; color:#1e4892;}

#registinfo a.registBtn{
	display:block;
	margin:15px;
	padding:15px;
	font-weight:bold;
	text-align:center;
	color:#666666;
	font-size:18px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	/****kokoni itsuka htc wo***/
	border:1px solid #999;
	border-radius: 5px;
	/****kokoni itsuka htc wo***/
}
#registinfo a.registBtn:hover{
	text-decoration:none;
	background: #febbbb;
	background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c));
	background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
	background: -o-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
	background: -ms-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
	background: linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 );
	color:#FFF;
	text-shadow:none;
	/****kokoni itsuka htc wo***/
}

/*page all*/
.left{float:left;text-align:left;}
.right{float:right;text-align:right;}
.center{text-align:center!important; margin:auto;}
.red{color:#FF0000;}
.grey{color:#999999;}
.noborder{border:none!important;}

.big{font-size:14px!important;}
.normal{font-size:12px!important;}
.xxsmall{font-size:9px!important;}
.xsmall{font-size:10px!important;}
.small{font-size:11px!important;}
.normal{font-weight:normal!important;}
.bold{font-weight:bold!important;}
.clear{clear:both; font-size:1px; height:1px;}
.clear hr{display:none;}


/*==============================================
メールボックス
==============================================*/
#mailbox{width:650px; float:left;}

/*タブナビゲーション*/
nav#tab a:hover{text-decoration:none;}
nav#tab ul{display:block; border-bottom:solid 2px #ff6bb7; height:36px;padding-left:8px;}
nav#tab li{text-align:center; font-size:12px; line-height:35px;float:left; display:block; width:10em; height:35px;  margin-right:8px; border:solid 1px #ff6bb7; border-bottom:solid 2px #ff6bb7; border-radius:5px 5px 0 0; background:#ffdcee;}
nav#tab li.selected{border-bottom:solid 2px #FFF; background:#FFF;font-weight:bold;}
nav#tab li:hover{border-bottom:solid 2px #FFF; background:#FFF;}
nav#tab li a{display:block; color:#FF66CC;}
nav#tab li.selected a{color:#666;}

/*表示フィルタ*/
#mailbox .filter{margin-top:15px; font-weight:bold; color:#666;}
#mailbox .filter a{margin:0 10px; font-weight:normal;}
#mailbox .filter a.selected{font-weight:bold;color:#444;}
#mailbox .select{margin:15px 0;}

/*メールリスト*/
#mailbox .mailList{clear:both;}
#mailbox .mailList tr{border-bottom:dotted 1px #CCC; }
#mailbox .mailList tr:first-child{border-top:dotted 1px #CCC;}
#mailbox .mailList td{vertical-align:middle; padding:15px 0;}
#mailbox .mailList .date{display:block;  color:#999; font-size:11px; margin:0 24px 0 14px; float:left; line-height:1.5}
#mailbox .mailList h3{font-size:16px; float:left; margin-top:12px;}

#mailbox .mailList td.check{width:15px;}
#mailbox .mailList td.mailStat{text-align:center; width: 5.5em;}
#mailbox .mailList td.mailStat strong{float:left; background:#CCC; color:#FFF; font-size:13px; font-weight:normal; -webkit-border-radius:50; -moz-border-radius: 50;text-align:center; border-radius:50px; padding: 14px 10px 15px 10px; margin:0 9px;}
#mailbox .mailList td.mailStat strong.r0{background:#e10a7f;}
#mailbox .mailList td.mailStat strong.r1{background:#0066aa;}
#mailbox .mailList td.mailStat strong.r2{background:#999;}

#mailbox .mailList td.profImg{width:65px;}
#mailbox .mailList td .profile{float:left; line-height:1; font-size:13px; color:#666; margin-top:7px;}
#mailbox .mailList td .profile .male{color:blue; margin-right:3px;}
#mailbox .mailList td .profile .female{color:red; margin-right:3px;}
#mailbox .mailList td .readMail{display: block; float:left; color:#fff; font-weight:bold; background:#8bc501; -webkit-border-radius:28; -moz-border-radius:28; border-radius:28px; -webkit-box-shadow:1px 1px 4px #646464; -moz-box-shadow:1px 1px 4px #646464; box-shadow:1px 1px 4px #646464; margin:0 22px 0 5px; padding:7px 12px 7px 12px;}
#mailbox .mailList td .readMail:hover{text-decoration:none; color:#fff; background:#8bc501; border-color:#557d00; box-shadow:none;}


/*戻るリンク*/
#mailbox .back{margin-top:30px; color:#666;}
#mailbox .back a{font-weight:normal;}

/*お相手のプロフィール*/
/*簡易プロフ*/
#mailbox .profTbl{width:100%; border-bottom: dotted 1px #CCC;}
#mailbox .profTbl td{vertical-align:top; text-align:left; padding-bottom:15px;}
#mailbox .profTbl td:first-child{width:188px;}
#mailbox .profTbl td:last-child{width:170px;}
#mailbox .profTbl td .name{font-size:16px; margin-bottom:10px; margin-top:0; padding-top:0;}
#mailbox .profTbl td .female{font-size:14px; font-weight:normal; color:red;}
#mailbox .profTbl td .male{font-size:14px; font-weight:normal; color:blue;}
#mailbox .profTbl td dl{line-height:1.5;}
#mailbox .profTbl td dt{clear:left; float:left; width:5em; margin-right:10px;}
#mailbox .profTbl td dd{float:left;}

#mailbox .profTbl td .sendMail,
#mailbox .profTbl td .sendMail,
#mailbox .profTbl td .viewProf,
#mailbox .profTbl td .viewProf{display:block;text-align:center;cursor:pointer; font-size:12px; font-weight:bold; color:#666; padding:15px 10px; border:solid 2px #CCC; border-radius:5px; margin:0 0 10px 0;}
#mailbox .profTbl td .sendMail:hover,
#mailbox .profTbl td .viewProf:hover{text-decoration:none; color:#00AFBC; border-color:#00AFBC;background-color:#FCFFFF;}

/*==============================================
料金案内
==============================================*/
#priceTop{height:150px; border:solid 1px #CCC; background:#FEFEFE url(/img/images/topimg_price2.jpg)no-repeat 0 0;; color:#666; margin-bottom:20px;}
#priceTop h2{font-size:26px;letter-spacing:0.5em;background:rgba(255,255,255,0.4); text-shadow : 0 1px 4px rgba(255,255,255,0.3);margin-top:15px; line-height:30px; padding: 10px 30px;color:#ff5cbd;}
#priceTop p{line-height:1.5;margin:10px 0 0 30px;}

#pages h2.female{border-top-color:#E10A7F;}
#pages table{width:100%; margin-bottom:30px;}
#pages table tr:first-child th{background:#EEE;}
#pages table tr:first-child td.female{background:#FFDCF1; font-weight:bold; color:#E10A7F;}
#pages table tr:first-child td.male{background:#DEF9F8; font-weight:bold; color:#007691;}
#pages table tr:first-child td.vip{background:#F2F2A5; font-weight:bold; color:#C18102;}
#pages table th,#pages table td{border:solid 1px #CCC; padding:10px 15px; vertical-align:middle; line-height:1.4;}
#pages table th{color:#666;}
#pages table td.female{width:140px;background:#FFFCFE; text-align:center;}
#pages table td.male{width:140px;background:#FCFFFF; text-align:center;}
#pages table td.vip{width:140px;background:#FFFFE1; text-align:center;}

/*
青0.1　FCFFFF
青0.5　DEF9F8
青1.0　00AFBC

赤0.1　FFFCFE
赤0.5　FFDCF1
赤1.0　E10A7F
*/

select:focus, textarea:focus, input[type=password]:focus, input[type=text]:focus {
	border-color:#F3C!important;
	outline:none;
	background:#FFFFFF!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.4);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.4);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(102, 102, 102, 0.4);
}

textarea{resize:vertical;}
/*==============================================
決済ページ
==============================================*/
#top_tit {margin-bottom: 30px;}
#main_clm {
	width: 860px;
	min-height: 500px;
	float: left;
	margin-bottom: 30px;
}
#main_clm #main_conts {
	width: 100%;
	min-height: 803px;
	float: left;
	background: url(/userfiles/images/upfile/hfb_left_bg_main.gif) repeat-y;
	background-size: contain;
}
#main_clm #main_conts_box {
	width: 680px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
	line-height: 1.5em;
}
#main_clm #point p.title {
	float: left;
	width: 100%;
	color: #000;
	background: url(/userfiles/images/upfile/hfb_plan_cfirm_bg.jpg) no-repeat;
	height: 55px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#main_clm #point table.pt_conf {float: left;}
#main_clm #top_tit {margin-bottom: 30px;}

#main_clm tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}
#main_clm tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}
#main_clm #point table.pt_conf th {
	text-align: left;
	font-size: 14px;
	width: 40%;
}
#main_clm #point table.pt_conf th span {
	display: block;
	text-indent: 15px;
	background: #f2f2f2;
	padding: 10px 0;
}
#main_clm  element.style {
	margin-top: 5px;
	padding: 10px;
	border: 2px solid #000;
}
#main_clm #point div.btn {
	float: left;
	width: 100%;
	padding: 0 !important;
	margin: 20px 0;
}
#main_clm .pay_atten {
	color: #666;
	padding: 20px;
	border: 5px solid #999;
	margin-top: 10px;
	margin-bottom: 10px;
}
#main_clm #point div.btn input[type="image"] {margin: 10px 0;}
#main_clm div#contract {
	width: 96%;
	margin: 0 auto;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px #808080;
	padding: 2%;
	color: #434343;
	background: #f3f3f3;
}
#main_clm div#contract p.tit {
	padding: 10px 0 30px 8px;
	margin: 0 0 10px;
	border-bottom: 1px dotted #797979;
}
#main_clm div#contract p.tit span {
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	border-left: 4px solid #041E53;
}
#main_clm div#contract div.box4 {
	border: solid 1px #f00;
	color: #f00;
	background: #fff;
	margin: 25px 15px 15px 15px;
	padding: 10px;
}
#main_clm div#contract div.box4 p {
	width: 170px;
	border: solid 1px #f00;
	color: #f00;
	background: #fff;
	text-align: center;
	margin: -20px 0 10px -5px;
}
#main_clm div#contract strong {
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
}
#main_clm div .details {
	height: auto;
	margin: 0 auto;
	font-weight: bold;
}
#main_clm .pla1 {
	width: 400px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	font-weight: bold;
}

#main_clm img {vertical-align: bottom;}
#main_clm span.aka {color: red;}
#main_clm #point table.pt_conf td {padding-left: 20px;}

#main_clm div .details {
	height: auto;
	margin: 0 auto;
	font-weight: bold;
}
#main_clm table.item_5{
	width:600px;
	border: 1px solid #000;
	font-weight:normal;
}
#main_clm .pla1 {
	width: 400px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	font-weight:bold;
}
#main_clm .pla2 {
	width: 400px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	font-weight:bold;
}
#main_clm .pla3 {
	width: 280px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	font-weight:bold;
}
#main_clm .pla4 {
	width: 450px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	font-weight:bold;
}
#main_clm .pla1_1 {
	height: 40px;
	border: 1px solid #000;
	padding: 1px;
	font-weight:normal;
	text-align: center;
}
#main_clm .hi {display: none;}
#main_clm div.CompanyProfile{line-height: 20px;}

#pagesTop_2{height:150px; border:solid 1px #CCC; background:#FEFEFE url(/userfiles/images/topimg_banner02.jpg)no-repeat 0 0;; color:#666; margin-bottom:20px;}
#pagesTop_3{height:150px; border:solid 1px #CCC; background:#FEFEFE url(/userfiles/images/topimg_banner02.jpg)no-repeat 0 0;; color:#666; margin-bottom:20px;}
#pagesTop_2 h2{font-size:26px;letter-spacing:0.5em; text-shadow : 0 1px 4px rgba(255,255,255,0.3);margin-top:85px; line-height:30px; padding: 10px 30px;color:#000;}
#pagesTop_3 h2{font-size:26px;letter-spacing:0.5em; text-shadow : 0 1px 4px rgba(255,255,255,0.3);margin-top:85px; line-height:30px; padding: 10px 30px;color:#000;}
#pagesTop p{line-height:1.5;margin:10px 0 0 30px;}
#pagesTop_2 p{line-height:1.5;margin:10px 0 0 30px;}
#pagesTop_3 p{line-height:1.5;margin:10px 0 0 30px;}

#pages dt {
	display: block;
	float: left;
	width: 150px;
	color:#666;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 1em;
}

#pages .question{cursor:pointer; padding:12px 0;}
#pages .question:hover{text-decoration:underline;cursor:pointer;}
#pages .answer{padding-bottom:10px;display:none;}
#pages .answer p{ background:#FAFAFA;padding:10px;}


/*==============================================
ブラウザアップデート
==============================================*/
#updateBrowser{
	width:970px;
	_width:980px;
	margin:10px auto;
	border:1px solid #F00;
	height:85px;
	_height:75px;
	padding:10px;
	text-align:left;
}
#icoWarning{width:90px; height:85px; float:left; background:url(../images/ico_warning.gif) no-repeat center; text-indent:-6327987px; margin:0 10px 0 0;}
#textWarning{float:left; width:480px; margin:0 10px; border:0px dashed #CCCCCC;}
#textWarning strong{display:inline-block; font-size:20px; color:#FF0000; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
#textWarning p{font-size:11px; line-height:14px; letter-spacing:2px; color:#666;}
#textWarning em{font-style:normal; color:#63C; font-weight:bold;}
#textWarning em:hover{font-style:normal; color:#3333CC; border-bottom:1px dotted #CCCCCC; font-weight:bold;}

#updateBrowser ul{float:right; width:360px;}
#updateBrowser li{float:left; width:90px; height:85px; background-image:url(../images/ico_browser.jpg); background-repeat:no-repeat;}
#updateBrowser li a{display:block; width:90px; height:85px; text-indent:-23769px;}
#updateBrowser li:hover{filter: alpha(opacity=65); -moz-opacity:0.65;	opacity:0.65;}
#updateBrowser li:active{filter: alpha(opacity=85); -moz-opacity:0.85;	opacity:0.85;}
#updateBrowser li.ie{background-position:-90px 0;}
#updateBrowser li.ff{background-position:-180px 0;}
#updateBrowser li.gc{background-position:0 0;}
#updateBrowser li.sf{background-position:-270px 0;}

.emoji{width: 12px!important; height: 12px!important; padding: 0!important; border:none!important; float: none!important; margin: 0!important;}
/*    追加CSS    */
div.areaF img {width:100%; height: 100%;}

p.aps{font-size: 12px; line-height: 1.7em;}

#mset {
	display: block;
	margin: 20px auto;
	border-top: 2px #e8e8e8 double;
	border-right: 2px #e8e8e8 double;
	border-bottom: 2px #e8e8e8 double;
	border-left: 2px #e8e8e8 double;
}
#mset dt {
	font-size: 12px;
	font-weight: bold;
	color: #e71b1e;
	padding: 15px 0 0 0px;
	text-align: center;
}
#mset dd{
	font-size:12px;
	padding: 14px 0 0 0;
	line-height: 1.5em;
}

.soudan {
	border:3px double #ccc;
	padding:10px; 
	margin-bottom:5px;
	line-height:17px;
}

.kaijou {
	text-align:center;
	font-size:14px;
}


/*==============================================
共通アイコン（16px）
==============================================*/
/*共通*/
.icons{display:inline-block;width:16px;height:16px; text-indent:-9999px; overflow:hidden; vertical-align:middle; }
/*メール*/
.icn_01{background:url(/userfiles/images/icons16.gif) no-repeat 0 0;}
.icn_02{background:url(/userfiles/images/icons16.gif) no-repeat -16px 0;}
.icn_03{background:url(/userfiles/images/icons16.gif) no-repeat -32px 0;}
.icn_04{background:url(/userfiles/images/icons16.gif) no-repeat -48px 0;}
.icn_05{background:url(/userfiles/images/icons16.gif) no-repeat -64px 0;}
.icn_06{background:url(/userfiles/images/icons16.gif) no-repeat -80px 0;}
.icn_07{background:url(/userfiles/images/icons16.gif) no-repeat -96px 0;vertical-align:top;margin-right:3px;}
.icn_08{background:url(/userfiles/images/icons16.gif) no-repeat -112px 0;vertical-align:top; margin-right:3px;}

.icn_100{background:url(/userfiles/images/icons16.gif) no-repeat -128px 0; margin-right:5px;vertical-align:top;}
.icn_101{background:url(/userfiles/images/icons16.gif) no-repeat -144px 0; margin-right:5px;vertical-align:top;}
.icn_102{background:url(/userfiles/images/icons16.gif) no-repeat -160px 0; margin-right:5px;vertical-align:top;}
.icn_103{background:url(/userfiles/images/icons16.gif) no-repeat -176px 0; margin-right:5px;vertical-align:top;}
.icn_104{background:url(/userfiles/images/icons16.gif) no-repeat -192px 0; margin-right:5px;vertical-align:top;}
.icn_105{background:url(/userfiles/images/icons16.gif) no-repeat -208px 0; margin-right:5px;vertical-align:top;}

.icn_500{background:url(/userfiles/images/icons16.gif) no-repeat -224px 0; margin-right:5px;vertical-align:top;}
.icn_501{background:url(/userfiles/images/icons16.gif) no-repeat -240px 0; margin-right:5px;vertical-align:top;}
.icn_502{background:url(/userfiles/images/icons16.gif) no-repeat -256px 0; margin-right:5px;vertical-align:top;}
.icn_503{background:url(/userfiles/images/icons16.gif) no-repeat -272px 0; margin-right:5px;vertical-align:top;}
.icn_504{background:url(/userfiles/images/icons16.gif) no-repeat -288px 0; margin-right:5px;vertical-align:top;}
.icn_505{background:url(/userfiles/images/icons16.gif) no-repeat -304px 0; margin-right:5px;vertical-align:top;}

.icn_09{background:url(/userfiles/images/icons16.gif) no-repeat -320px 0;vertical-align:top; margin-right:3px;}
.icn_10{background:url(/userfiles/images/icons16.gif) no-repeat -336px 0;vertical-align:top; margin-right:3px;}
.icn_11{background:url(/userfiles/images/icons16.gif) no-repeat -352px 0;vertical-align:top; margin-right:3px;}
.icn_12{background:url(/userfiles/images/icons16.gif) no-repeat -368px 0;vertical-align:top; margin-right:3px;}

.icn_13{background:url(/userfiles/images/icons16.gif) no-repeat -384px 0;vertical-align:top; margin-right:3px;}
.icn_14{background:url(/userfiles/images/icons16.gif) no-repeat -400px 0;vertical-align:top; margin-right:3px;}

.icn_15{background:url(/userfiles/images/icons16.gif) no-repeat -416px 0;vertical-align:top; margin-right:0;}
.icn_16{background:url(/userfiles/images/icons16.gif) no-repeat -432px 0;vertical-align:top; margin-right:0;}

.icn_17{background:url(/userfiles/images/icons16.gif) no-repeat -448px 0;vertical-align:top; margin-right:3px;}
.icn_18{background:url(/userfiles/images/icons16.gif) no-repeat -464px 0;vertical-align:top; margin-right:3px;}
.icn_19{background:url(/userfiles/images/icons16.gif) no-repeat -480px 0;vertical-align:top; margin-right:3px;}
.icn_20{background:url(/userfiles/images/icons16.gif) no-repeat -496px 0;vertical-align:top; margin-right:3px;}