@charset "UTF-8";

/*-----------------------------------------------------------------------------
 ■ インポート
-----------------------------------------------------------------------------*/
@import "import/common.css";
@import "import/table.css";
@import "import/text-decoration.css";
@import "import/jquery-ui.dialog.css";

/*-----------------------------------------------------------------------------
 ■ サイドテンプレート
-----------------------------------------------------------------------------*/

#side{
    float : left;
    width : 20%;
}

#side .menu{
    margin : 25px 0px 5px 15px;
}

#side .menu-title{
    width: auto;
    padding: 4px 6px;
    background-image : url(../images/bg/head.jpg);
    background-repeat : repeat-x;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size:1.0em;
}

#side ul{
    width: auto;
}

#side li a{
    height : 16px;
    display : block;
    padding : 5px 0px 5px 25px;
    background : url(../images/arrow.gif) no-repeat 8px 9px;
    border-left : solid 1px #000000;
    border-right : solid 1px #000000;
    border-bottom : solid 1px #000000;
}

#side li a:link{ color: #666; }

#side li a:hover{
    color : #f00;
    background : #fd4 url(../images/arrow.gif) no-repeat 8px 9px;
}

#side li a:active{
    color : #f00;
    background : #ff9 url(../images/arrow.gif) no-repeat 8px 9px;
}

#side li a:visited{ color: #dc143c; }

/*国際ブランドの画像の表示*/
#visa a:link{
    padding : 5px 0px 5px 40px;
    color : #00f;
    background : url(../images/brand/visa.gif) no-repeat 7px 3px;
}

#visa a:visited{
    padding : 5px 0px 5px 40px;
    color : #00f;
    background : url(../images/brand/visa.gif) no-repeat 7px 3px;
}

#master a:link{
    padding : 5px 0px 5px 40px;
    color : #00f;
    background : url(../images/brand/master.gif) no-repeat 7px 3px;
}

#master a:visited{
    padding : 5px 0px 5px 40px;
    color : #00f;
    background : url(../images/brand/master.gif) no-repeat 7px 3px;
}

#jcb a:link{
    padding : 5px 0px 5px 40px;
    color : #00f;
    background : url(../images/brand/jcb.gif) no-repeat 7px 3px;
}

#jcb a:visited{
    padding : 5px 0px 5px 40px;
    color : #00f;
    background : url(../images/brand/jcb.gif) no-repeat 7px 3px;
}

#amex a:link{
    padding : 5px 0px 5px 40px;
    color : #00f;
    background : url(../images/brand/amex.gif) no-repeat 7px 3px;
}

#amex a:visited{
    padding : 5px 0px 5px 40px;
    color : #00f;
    background : url(../images/brand/amex.gif) no-repeat 7px 3px;
}

#diners a:link{
    padding : 5px 0px 5px 40px;
    color : #00f;
    background : url(../images/brand/diners.gif) no-repeat 7px 3px;
}

#diners a:visited{
    padding : 5px 0px 5px 40px;
    color : #00f;
    background : url(../images/brand/diners.gif) no-repeat 7px 3px;
}


/*-----------------------------------------------------------------------------
 ■ コンテンツ部分
-----------------------------------------------------------------------------*/

#main{
    float : right;
    width : 80%;
    margin: 25px 0px;
}

#contents p{
    margin : 15px 20px;
    text-align : left;
}

#contents ul{
    margin : 20px;
}

#contents li{
    line-height : 1.5em;
    list-style-type : disc;
}

#contents .return{
    margin : 35px 20px 10px 20px;
    text-align : right;
}

#copyright{
    margin: 5px 0px 20px 0px;
    text-align: center;
    color: #777;
    font-size: 10pt;
}

#contents a:link{ color: #00f; }
#contents a:hover{ color: #f00; }
#contents a:active{ color: #f00; }
#contents a:visited{ color: #00f; }

#notice{
    padding: 15px 0 10px 35px;
    background: #fffacd;
}

#notice li{
    list-style-type: decimal;
    margin: 0px 15px 10px 0px;
}

#readme {
    margin: 25px;
    border:1px solid #ccc;
    height:200px;
    overflow-x:hidden;
    overflow-y:auto;
}


/*-----------------------------------------------------------------------------
 ■ フッターテンプレート
-----------------------------------------------------------------------------*/

#footer{
    clear : both;
    width : 100%;
    padding-top : 30px;
}

#footer .issuer{
    text-align : center;
    margin-bottom : 40px;
}

#footer .issuer a:link{ color: #00f; }
#footer .issuer a:hover{ color: #f00; }
#footer .issuer a:active{ color: #f00; }
#footer .issuer a:visited{ color: #00f; }

#footer .footer-navi{
    padding-left : 20px;
    text-align : left;
    font-size : 12px;
    background-image : url(../images/bg/navi.jpg);
    background-repeat : repeat-x;
    color : #fff;
}

#footer a:link{ color: #fff; }
#footer a:hover{ color: #f00; }
#footer a:active{ color: #f00; }
#footer a:visited{ color: #fff; }

#top-menu{
    position: absolute;
    left : 920px;
    top : 1px;
    /*_top : 2px; /*IE6のバグ回避*/
    width : auto;
    text-align : right;
    color : #fff;
}

#top-menu a:link{ color: #fff; }
#top-menu a:hover{ color: #f00; }
#top-menu a:active{ color: #f00; }
#top-menu a:visited{ color: #fff; }



/*-----------------------------------------------------------------------------
 ■ 各ページのスタイル
-----------------------------------------------------------------------------*/

/*前後のページへのリンク*/

.zengo{
    margin : 30px 15px;
}

.current{
    margin : 3px;
    padding : 2px 5px;
    border : 1px solid #000;
    background: #333;
    color: #fff;
}

.page{
    margin : 3px;
    padding : 2px 5px;
    border : 1px solid #000;
    background : #eee;
    color : #f00;
}


/*詳細ページのバナー回り込み設定*/
.banner{
    float : left;
    margin : 20px 15px 0px 15px;
}


/*よくある質問ページ*/
#faq p{
    text-indent : -15px;
}

#faq p:first-letter{
    margin-right : 2px;
    font-size : 15px;
    font-weight : bold;
}


/*クレジットカード用語集*/
#yougo td{
    margin : 0px;
    padding : 0px;
    text-align : left;
    vertical-align : top;
    border : none;
}

#yougo ul{
    margin : 0px 0px 20px 0px;
    padding : 0px;
}

#yougo li{
    margin-left : 15px;
    list-style-type : disc;
}

#yougo p{
    margin : 0px;
    padding-left: 3px;
}


/*相互リンク*/
#sougo td{
    text-align : left;
    padding : 7px;
}

#sougo .url{
    color : #008000;
    font-size : 10px;
}

/*お問い合わせフォーム*/
#mail th{
    background : #eee;
    padding : 5px;
    text-align : left;
}

#mail td{
    padding : 5px;
    text-align : left;
}