@charset "euc-jp";

/*-------------------------------------------------------------------
    * base.css
    * site name : GetMoney!
    * description : 共通部品指定
    * import : web_root/pc/***.php
-------------------------------------------------------------------*/

/* --------------------------------------------------------
 * font-size一覧（px : %）
 *
 *  10 px : 77%
 *  11 px : 85%
 *  12 px : 93%(was 93)
 *  13 px : 100%
 *  14 px : 108%(was 107)
 *  15 px : 116%(was 114)
 *  16 px : 123.1%(was 122)
 *  17 px : 131%(was 129)
 *  18 px : 138.5%(was 136)
 *  19 px : 1146.5%(was 144)
 *  20 px : 153.9%(was 152)
 *  22 px : 161.6%(was 159)
 *  24 px : 167%
 *  26 px : 174%
 *  28 px : 182%
 *  30 px : 189%
 *  32 px : 197%
-------------------------------------------------------- */

/*-- header
-------------------------------------------------------- */

#header {
    margin:0 0 10px;
    text-align:center;
    background:url(../../img/base/bg_header.gif) 0 0 repeat-x;
}

/*-- global menu
-------------------------------------------------------- */

#header #navi {
    margin: 0 auto;
    width: 948px;
    height: 33px;
    border: 1px solid #333;
    border-bottom: 5px solid #006;
    background: url("../../img/base/btn_navi.gif") 0 -33px repeat-x;
}

#header #navi li {
    border-right: 1px solid #333;
    display: inline;
    float: left;
}

#header #navi li a {
    padding: 11px 8px 9px;
    _padding: 11px 8px 9px;
    height: 13px;
    font-size: 100%;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    background: url("../../img/base/btn_navi.gif") 0 -33px repeat-x;
    display: block;
    float: left;
}

#header #navi li.line2 a {
    padding: 3px 8px 9px;
    _padding: 2px 8px 5px;
    height: 21px;
    font-size: 100%;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    background: url("../../img/base/btn_navi.gif") 0 -33px repeat-x;
    display: block;
    float: left;
}

#header #navi li .at,
#header #navi li a:hover,
#header #navi li.tab-new .at,
#header #navi li.tab-new a:hover,
#header #navi li.line2 .at,
#header #navi li.line2 a:hover {
    color: #fff;
    background: url("../../img/base/btn_navi.gif") 0 0 repeat-x;
}

#header #navi li a.beginners {
    height: 33px;
    width: 17px;
    display: block;
    padding: 0 0 0 5px;
    position: relative;
    overflow: hidden;
}

#header #navi li a.beginners img {
    position: absolute;
    top: -33px;
    left: 0;
}

#header #navi li a.beginners:hover img  {
    position: absolute;
    top: 0;
    left: 0;
}

#header #navi li.bokin a {
    background: #090;
    color: #FF6;
}

#header #navi li.bokin a:hover {
    background: #FC0;
    color: #093;
}

#header #navi li.tab-new a {
    background: url("../../img/base/tab-new.gif") no-repeat left top;
}

#header #navi li.tab-new-star a {
    background: url("../../img/base/tab-new-star.gif") no-repeat left top;
    position: relative;
    top: -5px;
    padding: 16px 10px 9px;
    _padding: 16px 10px 4px;
}

#header #navi li.tab-new-star a:hover {
    position: relative;
    top: 0;
    padding: 10px 10px 10px;
    _padding: 10px 10px 10px;
}

#header #navi li.tab-new-star .at,
#header #navi li.tab-new-star a:hover {
    color: #fff;
    background: url("../../img/base/btn_navi-appli.gif") 0 0 repeat-x;
    position: relative;
    top: 0;
    padding: 10px 10px 10px;
    _padding: 10px 10px 10px;
}

#header #navi li.tab-camp-star a {
    background: url("../../img/base/tab_camp_icon.gif") no-repeat left top;
    position: relative;
    top: -5px;
    padding: 16px 10px 9px;
    _padding: 16px 10px 4px;
}

#header #navi li.tab-camp-star a:hover {
    color: #fff;
    background: url("../../img/base/btn_navi.gif") 0 0 repeat-x;
    position: relative;
    top: 0;
    padding: 10px 10px 10px;
    _padding: 10px 10px 10px;
}

#header #navi li.tab-camp-star .at {
    color: #fff;
    background: url("../../img/base/btn_navi.gif") 0 0 repeat-x;
    position: relative;
    top: 0;
    _top: -1px;
    padding: 10px 10px 10px;
    _padding: 10px 10px 10px;
}


/*-- search-bar
-------------------------------------------------------- */
#search-bar {
    width: 950px;
    height: 34px;
    margin: 0 auto 10px;
    background: url("../../img/base/bg_search.gif") 0 bottom no-repeat;
}

#search-bar #search-form{
	padding-left: 217px;
}

#search-bar form #searchbox {
    overflow: hidden;
}

#search-bar form #searchbox #textbox {
    float: left;
    width: 610px;
    margin: 7px 10px 7px 0;
}

#search-bar form #searchbox .button {
    float: right;
    width: 92px;
    height: 24px;
	background:url(../../img/base/btn_search_bar.png) no-repeat;
	border: 0;
	margin: 5px 10px 0 2px;
	cursor: pointer;
}

/*-- wrapper
-------------------------------------------------------- */

#wrapper {
    margin: 0 auto 10px;
    width: 950px;
    clear: both;
}


/*-- sub
-------------------------------------------------------- */

#wrapper #sub {
    width: 160px;
    float: left;
}

#wrapper #sub #logout-box {
    margin: 0;
}

#wrapper #sub #logout-box p {
    margin: 0 0 10px;
}

#wrapper #sub #enter-iphone {
    margin: 0 0 10px;
}

#wrapper #sub .jipc-box,
#wrapper #sub #enter-mobile {
    margin: 15px 0 10px;
    text-align: center;
}

#wrapper #sub #pmark-box {
    margin: 0 0 10px;
    text-align: center;
}

/*-- my-menu-box
-------------------------------------------------------- */

#my-menu-box {
    margin: 0 0 12px;
    background: url("../../img/change/bg_mymenu.gif") 0 0 repeat-y;
}

#my-menu-box h2 {
    padding: 7px 0 0 30px;
    width: 130px;
    height: 21px;
    font-size: 100%;
    font-weight: bold;
    color: #006;
    background: url("../../img/change/h2_mymenu.gif") 0 0 no-repeat;
}

#my-menu-box ul {
    padding: 0 0 4px;
    background: url("../../img/change/btm_mymenu.gif") 0 bottom no-repeat;
}

#my-menu-box ul li {
    margin: 0 5px;
    padding: 5px 0 0 18px;
    height: 19px;
    border-bottom: 1px dashed #666;
/*  font-size: 93%;*/
    background: url("../../img/base/list_mark.gif") 7px 9px no-repeat;
}

/*-- main
-------------------------------------------------------- */

#wrapper #main {
    width: 780px;
    float: right;
}

/*-- footer
-------------------------------------------------------- */

#footer {
    clear: both;
    margin: 30px 0 0;
    padding: 10px 0 0;
    border-top: 8px solid #DFDFDF;
}

#footer #ft-logo {
    margin: 0 auto 10px;
    width: 142px;
    height: 25px;
}

#footer #ft-logo a {
    width: 142px;
    height: 25px;
    text-indent: -9999px;
    background: url("../../img/base/ft_logo.gif") 0 0 no-repeat;
    display: block;
}

#footer #ft-link {
    margin: 0 auto;
    width: 950px;
    text-align: center;
}

#footer #ft-link span {
    padding: 0 6px 0 4px;
    border-right: 1px solid #333;
    line-height: 1.6;
}

#footer #ft-link .first {
    border-left: 1px solid #333;
}

#footer #ft-link span a {
    font-size: 93%;
    color: #333;
    text-decoration: underline;
}
#footer #ft-link span a:hover {
    font-size: 93%;
    color: #039;
    text-decoration: none;
}

#footer #copyright {
    margin: 0 auto 10px;
    padding: 1px 0;
    width: 950px;
    text-align: center;
}

#footer #associated-link{
    margin: 0 auto;
    padding: 10px 0;
    background: #DFDFDF;
}

#footer #associated-link #in-associated-box {
    margin: 0 auto;
    padding: 0;
    width: 790px;
    height: 59px;
}

#footer #associated-link #in-associated-box #img-link {
    width: 69px;
    float: left;
}

#footer #associated-link #in-associated-box #txt-link {
    width: 710px;
    text-align: left;
    float: right;
}

#footer #associated-link #in-associated-box #txt-link h2 {
    margin: 2px 0 3px;
    padding: 1px 0 5px;
    font-size: 77%;
}

#footer #associated-link #in-associated-box #txt-link h2 span{
    padding: 1px;
    border: 1px solid #666;
    font-weight: normal;
    color: #fff;
    background: #999;
}

#footer #associated-link #in-associated-box #txt-link p {
    font-size: 77%;
    line-height: 200%;
    text-align: center;
}

#footer #associated-link #in-associated-box #txt-link p span {
    margin: 0 1px 0 0;
    padding: 0 2px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#footer #associated-link #in-associated-box #txt-link p span a {
    color: #039;
}

#footer #associated-link #in-associated-box #txt-link p span a:hover {
    color: #36c;
}

img {
    vertical-align: bottom;
}

.left-box,.in-left-box {
    float: left;
}

.right-box,.in-right-box {
    float: right;
}

.mark-point {
    padding: 0 0 0 15px;
    font-weight: bold;
    color: #f00;
    background: url("../../img/icon/point.gif") 0 1px no-repeat;
}


.point,
.pt {
    font-weight: bold;
    color: #f00;
}

.star-yl,
.star-bl {
    padding: 0 0 2px 15px;
    line-height: 1.3;
    font-weight: bold;
}
.star-yl-search,
.star-bl-search {
    padding: 0 0 2px 15px;
    line-height: 1.3;
    font-weight: normal;
}

.no-star {
    padding: 3px 0;
    line-height: 1.3;
    font-weight: bold;
}

.star-yl,
.star-yl-search,
* html #header #text-navi #conts-pr .star-yl{
    background: url("../../img/icon/star_yl.gif") no-repeat;
}
.star-bl,
.star-bl-search,
* html #header #text-navi #conts-pr .star-bl{
    background: url("../../img/icon/star_bl.gif") no-repeat;
}

* html .star-yl {
    background: url("../../img/icon/star_yl.gif") left 4px no-repeat;
}
* html .star-bl {
    background: url("../../img/icon/star_bl.gif") left 4px no-repeat;
}


.prevpage {
    padding: 0 74px 0 15px;
    background: url("../../img/base/img_prev.gif") 0 50% no-repeat;
    line-height: 15px;
}

.number {
    padding: 0 6px;
    line-height: 15px;
}

.atnumber {
    padding: 0 2px;
    font-weight: bold;
    line-height: 15px;
}

.nextpage {
    padding: 0 15px 0 74px;
    background: url("../../img/base/img_next.gif") right 50% no-repeat;
    line-height: 15px;
}

.prevpage a,.number a,.nextpage a {
    font-size: 100%;
    color: #333;
}

.prevpage a:hover,.number a:hover,.nextpage a:hover {
    color: #03c;
    text-decoration: none;
}

/*-- explanation-box
-------------------------------------------------------- */

#explanation-box h2 {
    margin: 0 0 8px;
    padding: 6px 0 0 39px;
    width: 741px;
    height: 22px;
    font-size: 123.1%;
    font-weight: bold;
    color: #fff;
    background: url("../../img/base/h2_explanation_box.gif") 0 0 no-repeat;
}

#explanation-box p {
    padding: 10px;
    width: 760px;
    background: #efefef;
}

/*-- error
-------------------------------------------------------- */
div#etcpage-main {
    width: 900px;
    margin: 5px auto;
}

div#etcpage-main p {
    padding-top: 100px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.8;
}
div#etcpage-main p#error-msg {
    background: url("../../img/base/error.gif") no-repeat center top;
}
div#etcpage-main p#success-msg {
    background: url("../../img/base/success.gif") no-repeat center top;
}
div#etcpage-main p#error-404 {
    background: url("../../img/base/bg-404.gif") no-repeat center top;
    margin: 0 auto;
    width: 590px;
    height: 170px;
}

div#etcpage-main p#error-404 span.error-txt {
    display: block;
    margin: 0 0 10px 300px;
    font-weight: bold;
}
div#etcpage-main p#error-404 span.error-list {
    display: block;
    margin: 90px 0 10px 150px;
    line-height: 1.5;
}

div#etcpage-main p#re-top {
    text-align: center;
    padding-top: 10px;
}

div#etcpage-main p.fs_m {
    font-size: 18px;
}

div#etcpage-main p.fs_l {
    font-size: 24px;
}

div#etcpage-main p.fw_b {
    font-weight: bold;
}

div#etcpage-main p.fc_01 {
    color: #5a9fdf;
}
div#etcpage-main p.fc_02 {
    color: #f23d52;
}

div#etcpage-main form#not-login {
    margin: 0 auto;
    width: 600px;
    border: #009 solid 5px;
}

div#etcpage-main form#not-login h2 {
    background: url("../../img/base/login-attention.gif") no-repeat left center;
    padding: 15px 0;
    margin: 5px auto;
    width: 300px;
    font-weight: bold;
    text-indent: 50px;
}

div#etcpage-main form#not-login p#login-input {
    margin: 8px auto;
    padding-top: 15px;
    width: 80%;
    text-align: center;
}

div#etcpage-main form#not-login span.item {
    display: block;
    padding-bottom: 10px;
}
div#etcpage-main form#not-login span.item input {
    width: 70%;
}

div#etcpage-main form#not-login p a#regist-btn {
    display: block;
    background: url("../../img/base/regist-btn-off.gif") no-repeat 0 0;
    margin: 8px auto;
    width: 200px;
    height: 35px;
    text-indent: -9999px;
    /*\*/
    overflow: hidden;
    /**/
}
div#etcpage-main form#not-login p a:hover#regist-btn {
    background: url("../../img/base/regist-btn-on.gif") no-repeat 0 0;
}

/*-- nosidemenu
-------------------------------------------------------- */
#noside-main {
    width: 800px;
    margin: 5px auto;
    clear: both;
}


/*-- pass setting
-------------------------------------------------------- */
#pass-send {
    width: 550px;
    margin: 0 auto;
    padding: 5px;
    border: #666 solid 5px;
    text-align: center;
}

#pass-send p {
    background: #F0F0F0;
    padding: 6px;
    margin-bottom: 10px;
}

#pass-send form {
    margin: 0 auto;
    padding: 8px;
}

#pass-reset {
    width: 550px;
    margin: 0 auto;
    padding: 5px 5px 10px 5px;
    border: #CCC solid 5px;
    text-align: center;
}

#pass-reset dfn {
    display: block;
    background: #F0F0F0;
    padding: 6px;
    margin: 2px 2px 8px 2px;
}

#pass-reset p {
    padding: 10px 100px;
    text-align: left;
    line-height: 1.3;
}

#pass-reset p#pass-reform {
    padding: 5px 50px 10px;
    text-align: center;
}

#pass-reset table#new-pass-set {
    width: 450px;
    margin: 0 auto;
    text-align: left;
}

#pass-reset table td,
#pass-reset table th {
    padding: 5px 3px;
}

#pass-reset table th {
    width: 35%;
}

#pass-reset table td#pass-btn {
    padding-top: 8px;
    text-align: center;
}

#add-favorite {
    background: #FFF url("../../img/15/mypage/favorite/img-favorite2.gif") no-repeat center;
    width: 280px;
    height: 240px;
    padding: 10px 10px 15px 10px;
    border: #006 solid 4px;
}

#add-favorite p {
    font-size: 131%;
    font-weight: bold;
    text-align: center;
    color: #009;
}

#add-favorite span {
    display: block;
    padding-top: 5px;
    font-weight: normal;
    font-size: 85%;
    color: #666;
}

#add-favorite p.close {
    margin-top: 222px;
    font-weight: normal;
    font-size: 87%;
}

/* star */
#detail-star {
    text-align: right;
    padding-bottom: 5px;
}
#detail-star a {
    background: url("../../img/base/stars.gif") no-repeat left center;
    padding: 0 3px 0 30px;

}

#window-close {
    text-align: center;
}

/*-- text
-------------------------------------------------------- */

a {
    color: #03C;
    text-decoration: underline;
    padding-bottom: 1px;
}

a:hover {
    color: #0cf;
    text-decoration: none;
}

.red {
    color: #f00;
}

.add-pt {
    color: #666;
    font-size: 85%;
    font-weight: normal !important;
}

/*-- 時限爆弾・山分けなどボタン
-------------------------------------------------------- */
ul.prime-btn {
    margin: 5px 0;
}

ul.prime-btn li {
    float: left;
    margin: 0 12px 0 0;
    display: block;
    width: 126px;
    height: 32px;
    overflow: hidden;
    position: relative;
}

ul.prime-btn li img {
    position: absolute;
    top: 0;
    left: 0;
}

ul.prime-btn li a:hover img {
    position: absolute;
    top: 1px;
    left: 1px;
}

/*-- 会員登録・ログインボタン
-------------------------------------------------------- */
.reglogin-box {
    width: 777px;
    height: 252px;
    margin: 0 0 10px;
    background: url("../../img/base/bg_reglogin.gif") no-repeat 0 0;
    overflow: hidden;
    position: relative;
}

.reglogin-box .btn-reg {
    position: absolute;
    top: 122px;
    left: 24px;
    width: 361px;
    height: 116px;
}

.reglogin-box .btn-login {
    position: absolute;
    top: 122px;
    left: 386px;
    width: 361px;
    height: 116px;
}

.reglogin-box .btn-reg a,
.reglogin-box .btn-login a {
    display: block;
    width: 361px;
    height: 116px;
    overflow: hidden;
    position: relative;
}

.reglogin-box .btn-reg a img,
.reglogin-box .btn-login a img {
    position: absolute;
    top: 0;
    left: 0;
}

.reglogin-box .btn-reg a:hover img,
.reglogin-box .btn-login a:hover img {
    position: absolute;
    top: -116px;
    left: 0;
}

/*==========================================================
social icon
==========================================================*/
.social li {
    display: inline-block;
	margin: 0 10px 0 0;
}


/*==========================================================
フローティングバナー
==========================================================*/
#floating {
    clear: both;
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1100;
}

#floating .btn {
    width: 100%;
    height: 29px;
    margin: 0 auto;
    text-align: right;
    bottom: 0;
}

#floating .btn img {
    width: 87px;
    height: 29px;
    margin: 0 15px 0 0;
    cursor: pointer;
    bottom: 0;
}

#floating .content {
    width: 100%;
    height: 98px;
    margin: 0 auto;
    padding: 6px 0;
    border-top: #39AC21 3px solid;
    text-align: center;
    background: url("../../img/base/bg_floating.png") no-repeat center 0;
}

#floating .content a {
    display: block;
    overflow: hidden;
    width: 728px;
    height: 90px;
    margin: 0 auto;
    padding: 4px;
    background-color: #FFF;
}

#floating .content a:hover img {
    opacity: 0.7;
}