@charset "shift-jis";
/* タグ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body{
    margin:0px;
    padding:0px;
    text-align:center;
    line-height:120%;
    background-color:#000000;
    background-image:url(/images/body_back.gif);
    font-size:14px;
    color:#FFFFFF;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
blockquote{
    margin:1em;
    padding:0.5em;
    background-color:#EEEEEE;
    border:1px dotted #DDDDDD;
}
table{
    word-break:break-all;
    table-layout:fixed;
}
hr{
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#000000;
    height:1px;
}
img{
    border:none;
    vertical-align:bottom;
}
p{
    text-indent:1em;
}
/* レイアウト +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ページ -------------------------------------------------------------------*/
#page{
    margin:0px auto 0px auto;
    width:940px;
    padding:0px;
    border-right:3px solid #DDDDDD;
    border-bottom:2px solid #DDDDDD;
    background-color:#000000;
}
    /* ヘッダ ---------------------------------------------------------------*/
    #page .header{
        float:top;
        margin:0px 0px 10px 0px ;
    }
    /* センター -------------------------------------------------------------*/
    #page .center{
        width:940px;
        margin-left:0px;
        background-color:#555555;
    }
        /* メニュー -----------------------------------------------------*/
        #page .center .menu{
            float:left;
        }
            /* メニュー(ボタン) -----------------------------------------*/
            #page .center .menu ul{
                float:left;
                margin:0px;
                padding:0px;
                list-style:none;
                color:#000000;
            }
            #page .center .menu li{
                float:left;
                margin:0px;
                padding:0px;
                list-style:none;
                color:#000000;
                width:235px;
            }
        /* コンテンツ -------------------------------------------------------*/
        #page .center .contents{
            float:right;
            width:920px;
            padding:10px 10px 6px 10px;
            text-align:left;
            font-size:12px;
            background-color:#000000;
        }
            #page .center .contents .BlockA{
                width:420px;
            }
            #page .center .contents .BlockB{
                width:280px;
            }
            #page .center .contents .BlockC{
                width:310px;
            }
            #page .center .contents .BlockD{
                width:640px;
            }
            /* タイトル -----------------------------------------------------*/
            #page .center .contents .title{
                padding-top:2px;
                padding-left:9px;
                font-size:12px;
                margin:0px 0px 8px 0px ;
                color:#C30000;
                background-color:#EEEEEE;
                border-left:12px solid #C30000;
                border-bottom:1px solid #C30000;
            }
            /* 大タイトル ---------------------------------------------------*/
            #page .center .contents .bigTitle{
                padding-top:2px;
                padding-left:9px;
                font-size:12px;
                margin:0px 0px 8px 0px ;
                color:#ffffff;
                background-color:#292929;
                border-left:12px solid #555555;
            }
            /* ページタイトル -----------------------------------------------*/
            #page .center .contents #pageTitle{
                padding-top:4px;
                padding-bottom:2px;
                padding-left:8px;
                font-size:16px;
                margin:0px 0px 8px 0px ;
                color:#ffffff;
                background-color:#292929;
                border-top:3px solid #C30000;
                border-bottom:3px solid #FFFFFF;
                vertical-align:center;
            }
            /* 画像タイトル -------------------------------------------------*/
            #page .center .contents .ImageTitleA{
                width:700px;
                height:26px;
                padding-top:5px;
                padding-left:8px;
                font-size:16px;
                margin:0px 0px 8px 0px ;
                color:#ffffff;
                background:url(/technostyle/images/TitleBgA.png) no-repeat;
            }
            /* アンカー -----------------------------------------------------*/
            #page .center .contents a{
                color:#FF0000;
            }
            #page .center .contents a:link{
                color:#FF0000;
            }
            #page .center .contents a:visited{
                color:#FF0000;
            }
            /* フォーム(TypeA) ----------------------------------------------*/
            #page .center .contents .tableTypeA{
            }
                #page .center .contents .tableTypeA td{
                    vertical-align:top;
                }
                #page .center .contents .tableTypeA .itemHeader{
                    padding-left:5px;
                    color:#ffffff;
                    background-color:#292929;
                }
                    #page .center .contents .tableTypeA .itemHeader a{
                        color:#ffffff;
                    }
                    #page .center .contents .tableTypeA .itemHeader a:link{
                        color:#ffffff;
                    }
                    #page .center .contents .tableTypeA .itemHeader a:visited{
                        color:#ffffff;
                    }
                #page .center .contents .tableTypeA .itemName{
                    padding-left:5px;
                    vertical-align:top;
                    background-color:#D3D3D3;
                }
                #page .center .contents .tableTypeA .itemValue{
                    vertical-align:top;
                    background-color:#E7E7E7;
                }
                #page .center .contents .tableTypeA .listOdd{
                }
                    #page .center .contents .tableTypeA .listOdd td{
                        vertical-align:top;
                        padding-left:5px;
                        background-color:#222222;
                    }
                #page .center .contents .tableTypeA .listEven{
                }
                    #page .center .contents .tableTypeA .listEven td{
                        vertical-align:top;
                        padding-left:5px;
                        background-color:#333333;
                    }
            /* レイアウト用テーブル -----------------------------------------*/
            #page .center .contents .tableLayoutA{
            }
                /* バックグラウンドカラーの指定 -----------------------------*/
                #page .center .contents .tableLayoutA .textColor{
                    background-color:#000000;
                }
                /* バックグラウンドカラーの指定 -----------------------------*/
                #page .center .contents .tableLayoutA .bgColor{
                    background-color:#FFFFFF;
                }
                /*アイテム --------------------------------------------------*/
                #page .center .contents .tableLayoutA .item{
                    padding:5px;
                    vertical-align:top;
                }
            /* サムネイル画像とテキスト -------------------------------------*/
            #page .center .contents .itemList{
                margin:0 0 0 20px;
                padding:0 0 50px 0;
            }
                #page .center .contents .itemList .itemBox{
                    width:212px;
                    margin:0 10px 10px 0;
                    padding:0px;
                    float:left;
                }
                    #page .center .contents .itemList .itemBox .itemPhoto{
                        border:1px dotted #CCCCCC;
                        margin:0;
                        padding:5px;
                        text-align:center;
                    }
                    #page .center .contents .itemList .itemBox .itemText{
                        border:1px dotted #CCCCCC;
                        border-top:0px;
                        margin:0;
                        padding:5px;
                        height:60px;
                    }
                        #page .center .contents .itemList .itemBox .itemText p{
                            margin:0;
                            padding:0px;
                        }
            /* 小見出しと文章 -----------------------------------------------*/
            #page .center .contents .article{
                margin-bottom:10px;
                padding:0px 5px 0px 10px;
                /* padding:0px 5px 5px 10px; */
                /* background-color:#EEEEEE; */
            }
                #page .center .contents .article p{
                    margin-top:0px;
                    margin-bottom:0px;
                    margin-left:10px;
                    text-indent:0em;
                }
            /* 引用とタイトル -----------------------------------------------*/
            #page .center .contents .blockquote{
            }
                #page .center .contents .blockquote h5{
                    margin-top:0px;
                    margin-bottom:0px;
                    margin-left:1em;
                    font-weight:bold;
                    font-size:12px;
                }
                #page .center .contents .blockquote blockquote{
                    font-family:'ＭＳ ゴシック';
                    margin-top:0px;
                    border:1px solid #DDDDDD;
                    border-left:5px solid #CCCCCC;
                    padding-left:10px;
                }
            /*お問い合わせ ---------------------------*/
            #page .center .contents .support{
                background:#000000;
                overflow:hidden;
            }
                #page .center .contents .support img{
                    float:left;
                    margin:0 20px 0 0;
                }
                #page .center .contents .support .top{
                    font-size:14px;
                    margin:5px 10px 20px 0;
                }
                #page .center .contents .support .messageBoxError{
                    margin-left:220px;
                    color:#FF5559;
                }
                #page .center .contents .support .tableDesign1{
                    border:1px #535353 solid;
                    border-collapse:collapse;
                    border-spacing:0;
                    border-width:1px 0 0 0;
                    width:680px;
                    margin:0 0px 0 220px;
                }
                    #page .center .contents .support .tableDesign1 th{
                        padding:15px;
                        vertical-align:top;
                        border:1px #535353 solid;
                        border-width:0 0 1px 0;
                        width:150px;
                        font-weight:normal;
                    }
                    #page .center .contents .support .tableDesign1 td{
                        padding:15px;
                        vertical-align:top;
                        border:1px #535353 solid;
                        border-width:0 0 1px 0;
                    }
                    #page .center .contents .support .tableDesign1 .end_line{
                        border-bottom:0px;
                    }
                #page .center .contents .support .button{
                    font-size:18px;
                    margin-top:10px;
                }
                #page .center .contents .support textarea{
                }
                #page .center .contents .support input{
                }
/* フッター -------------------------------------------------------------*/
.footer_container{
    clear:both;
    margin:0px 0px 0px 0px;
    background-image:url(/images/footer_back.gif);
    background-repeat:no-repeat;
    width:940px;
    height:50px;
}
    .footer_container img{
        display:block;
    }
    .footer_container .menu_color{
        background-repeat:repeat-y;
        height:5px;
        line-height:0px;
    }
    .footer_container ul{
        margin:7px 1px 0px 1px;
        width:900px;
    }
        .footer_container ul li{
            float:left;
            margin-left:0px;
            list-style:none;
        }
/* 注意書き -----------------------------------------------------------------*/
.notice{
    background-color:#FF9595;
    border:1px solid #FF5757;
}
.listImageA{
}
    /* 画像付きリスト -----------------------------------------------------------*/
    .listImageA li{
        margin:0;
        padding:2px 0 2px 18px;
        list-style:none;
        background:url(/images/ListImage1.png) left 3px no-repeat;
    }
.listImageB{
}
    .listImageB li{
        margin:0;
        padding:2px 0 2px 18px;
        list-style:none;
        background:url(/technostyle/images/ListImage2.png) left 3px no-repeat;
    }
.listImageNone{
}
    .listImageNone li{
        margin:0;
        padding:2px 0 2px 0px;
        list-style:none;
        background:none;
    }
.ulIndent0{
    padding:0;
    margin:0 0 0 0;
}
.ulIndentS{
    padding:0;
    margin:0 0 0 1em;
}
.ulIndentM{
    padding:0;
    margin:0 0 0 2em;
}
/* float --------------------------------------------------------------------*/
.right{
    float:right;
}
.left{
    float:left;
}
.clear{
    clear:both;
}
.floatLeftMargin{
    float:left;
    margin-left:0px;
    margin-right:10px;
    margin-bottom:10px;
}
.floatRightMargin{
    float:right;
    margin-left:10px;
    margin-right:0px;
    margin-bottom:10px;
}
/*Display ---------------------------------------------------------------*/
.dispBlock{
    display:block;
}
/* インデント ---------------------------------------------------------------*/
.blockIndentS{
    margin-left:5px;
}
.blockIndent{
    margin-left:10px;
}
.blockIndentL{
    margin-left:20px;
}
.blockIndentLL{
    margin-left:40px;
}
/* テキストインデント -------------------------------------------------------*/
.textIndent1{
    text-indent:1em;
}
.textIndent0{
    text-indent:0em;
}
.textIndent-1{
    text-indent:-1em;
}
/* マージン -----------------------------------------------------------------*/
.verticalMargin0{
    margin-top:0px;
    margin-bottom:0px;
}
.horizonMargin0{
    margin-left:0px;
    margin-right:0px;
}
.allMargin0{
    margin:0px 0px 0px 0px;
}
.allMargin5{
    margin:5px 5px 5px 5px;
}
.allMargin10{
    margin:10px 10px 10px 10px;
}
.leftM10{
    margin-left:10px;
}
.rightM10{
    margin-right:10px;
}
.topM10{
    margin-top:10px;
}
.bottomM10{
    margin-bottom:10px;
}
.leftM5{
    margin-left:5px;
}
.rightM5{
    margin-right:5px;
}
.topM5{
    margin-top:5px;
}
.bottomM5{
    margin-bottom:5px;
}
.rightM20{
    margin-right:20px;
}
/* パディング -----------------------------------------------------------------*/
.padding0{
    padding:0px 0px 0px 0px;
}
/* スペーサ -----------------------------------------------------------------*/
.space_5px{
    height:5px;
}
.space_10px{
    height:10px;
}
.space_20px{
    height:20px;
}
.space_40px{
    height:40px;
}
.space_50px{
    height:50px;
}
/* Text位置 -----------------------------------------------------------------*/
.textCenter{
    text-align:center;
}
.textRight{
    text-align:right;
}
.textLeft{
    text-align:left;
}
/* 文字色 -------------------------------------------------------------------*/
.colorA{
    color:#C30000;
}
.colorB{
    color:#002EC2;
}
.colorC{
    color:#7A3A00;
}
/* コメント的なもの ---------------------------------------------------------*/
.comment{
    color:#049100;
    text-indent:0em;
}
/* フォントサイズ -----------------------------------------------------------*/
.fontSS{
    font-size:10px;
}
.fontS{
    font-size:11px;
}
.fontL{
    font-size:14px;
}
.fontLL{
    font-size:16px;
}
.fontLLL{
    font-size:20px;
}
/* 文字装飾 -----------------------------------------------------------------*/
.ornamentA{
    border:2px dotted #C30000;
    padding:3px 10px 3px 10px;
    color:#C30000;
    line-height:42px;
}
.ornamentAs{
    border:2px dotted #C30000;
    padding:3px 3px 3px 3px;
    color:#C30000;
    line-height:42px;
}
.ornamentB{
    padding:3px 10px 3px 10px;
    color:#000000;
    background-color:#FFAE00;
    line-height:42px;
}
.ornamentBs{
    padding:3px 3px 3px 3px;
    color:#000000;
    background-color:#FFAE00;
    line-height:42px;
}
/*パネル ---------------------------------------------*/
.panel{
    background-color:#232323;
    border:solid 1px #AFAFAF;
    padding:5px;
    margin:0 0 10px 0;
}
/* フォント -----------------------------------------------------------------*/
.fixedFont{
    font-family:'ＭＳ ゴシック';
}
.listStyleNone{
}
    /* リスト(ポチなし) ---------------------------------------------------------*/
    .listStyleNone li{
        list-style:none outside;
    }
/* 画像にドロップシャドウを適用する(Start) ----------------------------------*/
.shadow{
    background-color:#DDDDDD;
    /* background:url(/technostyle/images/DropShadow.png) right bottom; */
    float:left;
    margin-left:5px;
    margin-top:5px;
}
    .shadow img{
        position:relative;
        left:-5px;
        top:-5px;
        /* 縁取り    padding:3px; */
        /* background:#EFEFEF; */
        /* border:1px solid #DDDDDD; */
    }
/* 画像にドロップシャドウを適用する(End) ------------------------------------*/
/* Form制御 -----------------------------------------------------------------*/
input{
    font-size:12px;
    color:#000000;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
select{
    font-size:12px;
    color:#000000;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
textarea{
    width:90%;
    color:#000000;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
input.text{
    width:90%;
}
input.widthAuto{
    width:auto;
}
textarea.widthAuto{
    width:auto;
}
input.fixedFont{
    font-family:'ＭＳ ゴシック';
}
/* IME制御 ------------------------------------------------------------------*/
.auto{
    ime-mode:auto;
}
.active{
    ime-mode:active;
}
.inactive{
    ime-mode:inactive;
}
.disable{
    ime-mode:disabled;
}
