@charset "UTF-8"; 

/* -----------------------------------------------------------------*/
/* 共通設定 */
/* -----------------------------------------------------------------*/
html{
    height:100%;
   overflow-y:scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,from,fieldset,input,textarea,p,blockquote,th,td{
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,address,em,strong,p,dl,li,a,th,td,caption,label,div{
    font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo", sans-serif;
    font-style: normal;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    line-height: 1.5;
}

ol,ul{
    list-style: none;
}

table{
     border-collapse: collapse;
     border-spacing: 0;
}

caption,th {
     text-align: left;
}

img{
    border: 0;
    vertical-align: bottom;
}


body {
    background-color: #FFF;
    height:100%;
}

body {
    background: url('../images/bg.jpg');
}

/* -----------------------------------------------------------------*/
/* リンク設定 */
/* -----------------------------------------------------------------*/
a:link    { color: #FF4556; }
a:visited { color: #FF4556; }
a:hover   { color: #9D469D; }

/* -----------------------------------------------------------------*/
/* 扉ページ設定 */
/* -----------------------------------------------------------------*/

.index {
    background: url('') no-repeat;
    background-color: #FFF;
}

#door {
    width: 600px;
    margin: 0 auto;
    height:100%;
    min-height: 100%;
}

body > #door {
    height: auto;
}

#door img {
    margin:30px 0 0;
}

#door h1 {
    color:#FF4556;
    text-align:center;
}

#door p {
    margin:20px 0 0;
    color:#666666;
    text-align:center;
    font-size:12px;
}


#door #over_20{
    width: 180px;
    height:60px;
    margin:0 0 10px 140px;
    text-indent: -9999px;
    display:inline;
    float:left;
    background-color: #FFF;
    overflow: hidden;
}

#door #over_20 a{
    text-indent: -9999px;
    display: block;
    width: 180px;
    height: 60px;
    background-image: url(../images/20over.jpg);
}

#door #over_20 a:hover{
    background-position: left bottom;
}

#door #under_20{
    width: 150px;
    height:40px;
    margin:14px 0 10px 0;
    text-indent: -9999px;
    display:inline;
    float:left;
    background-color: #FFF;
    overflow: hidden;
}

#door #under_20 a{
    text-indent: -9999px;
    display: block;
    width: 150px;
    height: 40px;
    background-image: url(../images/20under.jpg);
}

#door #under_20 a:hover{
    background-position: left bottom;
}

    /* -----------------------------------------------------------------*/
    /* フッター設定 */
    /* -----------------------------------------------------------------*/
    #door #footer {
        clear: both;
        width: 600px;

    }

        #door #footer p{
            padding:30px 0 0 ;
            font-size: 10px;
            text-align:center;
            color:#333333;
        }


/* -----------------------------------------------------------------*/
/* コンテナ設定 */
/* -----------------------------------------------------------------*/
#container {
    width: 950px;
    margin: 0 auto;
    padding: 0 6px;
    background: url('../images/bg-m.png') repeat-y;
    height:100%;
    min-height: 100%;
}

body > #container {
    height: auto;
}

/* -----------------------------------------------------------------*/
/* ヘッダー設定 */
/* -----------------------------------------------------------------*/
#header {
    width: 950px;
    height:100px;
    background: url('../images/header.jpg') no-repeat;

}

    #header h1{
        margin: 0 0 0 50px;
        padding: 1px 0 0 0;
        font-size: 18px;
        color:#333333;
    }

/* -----------------------------------------------------------------*/
/* メニュー設定 */
/* -----------------------------------------------------------------*/
#menu_box {
    margin: 0 auto;
    width: 950px;
    height:30px;
    background-color: #dddddd;
}

        #menu_box #menu {
        }
            #menu_box #menu li {
                display: inline;
                text-indent: -9999px;
                overflow: hidden;
            }
            #menu_box #menu li ,
            #menu_box #menu li a {
                height: 30px; 
                float: left;
                overflow: hidden;
                background: url(../images/menu.jpg) no-repeat;
            }

                #menu_box #menu li#home ,
                #menu_box #menu li#home a       { width: 100px;  background-position: 0 0; }
                #menu_box #menu li#donfuan ,
                #menu_box #menu li#donfuan a    { width: 130px;  background-position: -100px 0; }
                #menu_box #menu li#dandy ,
                #menu_box #menu li#dandy a      { width: 120px;  background-position: -230px 0; }
                #menu_box #menu li#qa ,
                #menu_box #menu li#qa a     { width: 140px; background-position: -350px 0; }
                #menu_box #menu li#voice ,
                #menu_box #menu li#voice a        { width: 150px; background-position: -490px 0; }
                #menu_box #menu li#interview ,
                #menu_box #menu li#interview a    { width: 140px;  background-position: -640px 0; }
                #menu_box #menu li#inquiry ,
                #menu_box #menu li#inquiry a   { width: 170px;  background-position: -780px 0; }

                #menu_box #menu li#home a:hover       { background-position: 0  -30px; }
                #menu_box #menu li#donfuan a:hover    { background-position: -100px  -30px; }
                #menu_box #menu li#dandy a:hover   { background-position: -230px -30px; }
                #menu_box #menu li#qa a:hover     { background-position: -350px -30px; }
                #menu_box #menu li#voice a:hover        { background-position: -490px -30px; }
                #menu_box #menu li#interview a:hover    { background-position: -640px -30px; }
                #menu_box #menu li#inquiry a:hover   { background-position: -780px -30px; }

    /* -----------------------------------------------------------------*/
    /* メイン設定 */
    /* -----------------------------------------------------------------*/
    #main {
        clear: both;
        width: 930px;
        margin: 10px 10px;
    }

        #main #main_box{
        }

        #main h2{
            text-align:center;
            color:#b37878;
            font-size: 24px;
            font-weight:bold;
        }

        #main #box1{
            margin: 10px 10px 0 0;
            width:630px;
            height:200px;
            background-color: #f7f5f2;
            float:left;
            display:inline;
        }

            #main #box1 h3{
                width:630px;
                height:50px;
                text-indent: -9999px;
                background-image: url(../images/ttl01.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }

            #main #box1 ul{
                margin: 10px 10px;
                padding:0 0 0 20px;
                list-style-image:url('../images/ico02.jpg');
            }


            #main #box1 ul li{
                margin: 15px 5px 15px 10px;
                padding:0;
                color:#FD669B;
                font-size: 20px;
                font-weight:bold;
                background-color: #f7f5f2;
            }

        #main #box2{
            margin: 10px 0 0 0;
            width:290px;
            height:200px;
            background-color: #f7f5f2;
            float:left;
            display:inline;
            background: url('../images/dial.jpg') no-repeat;
        }

        #main #box3{
            margin: 10px 10px 0 0;
            width:630px;
            height:200px;
            background-color: #f7f5f2;
            float:left;
            display:inline;
        }

            #main #box3 ul{
                margin: 10px 10px;
                padding:0;
            }

            #main #box3 ul li{
                margin: 7px 10px;
                padding:0;
                color:#3399cc;
                font-size: 14px;
                font-weight:bold;
                background-color: #f7f5f2;
            }

        #main #box4{
            margin: 10px 0 0 0;
            width:290px;
            height:200px;
            background-color: #f7f5f2;
            float:left;
            display:inline;
            background: url('../images/keitai.jpg') no-repeat left bottom;
        }

            #main #box4 h4{
                width:290px;
                height:50px;
                text-indent: -9999px;
                background-image: url(../images/ttl02.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }

            #main #information{
                margin: 0 auto;
                width:900px;
            }

            #main #information h2#donfuan{
                padding : 10px 0 0 0;
                text-indent: -9999px;
                background-image: url(../images/ttl_df.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }

            #main #information h2#dandy{
                padding : 10px 0 0 0;
                text-indent: -9999px;
                background-image: url(../images/ttl_md.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }

            #main #information table{
                margin: 10px auto 15px;
                width:750px;
            }

            #main #information table tr{
                border-bottom:3px solid #ffffff;
            }

            #main #information table td{
                font-size: 16px;

                padding:5px 15px;
            }

            #main #information table td.label{
                background-color: #FFF6F6;
                color:#FF4556;
            }

            #main #qa{
                margin: 10px auto;
                width:900px;
            }

            #main #qa h2{
                padding : 10px 0 0 0;
                text-indent: -9999px;
                background-image: url(../images/ttl_qa.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }

            #main #qa #box1{
                margin: 15px 75px;
                width:750px;
                height:1130px;
                background-color: #ffffff;
                float:left;
                display:inline;
            }

            #main #qa #box1 img{
                width:187px;
                height:360px;
                float:left;
                display:inline;
            }

            #main #qa #box1 p{
                clear:both;
                padding: 15px 0 0;
                text-align:center;
            }

            #main #qa #box1 a{
                font-size:24px;
                font-weight:bold;
            }


            #main #interview{
                margin: 10px auto;
                width:900px;
            }

            #main #interview h2{
                padding : 10px 0 0 0;
                text-indent: -9999px;
                background-image: url(../images/ttl_iv.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }


            #main #interview #box1{
                margin: 15px 75px;
                width:750px;
                height:1300px;
                background-color: #ffffff;
                float:left;
                display:inline;
                background-image: url(../images/interview.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }

            #main #voice{
                margin: 10px auto;
                width:900px;
            }

            #main #voice h2{
                padding : 10px 0 0 0;
                text-indent: -9999px;
                background-image: url(../images/ttl_vc.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }

            #main #voice h3.title{
                clear:both;
                margin:10px 0 5px 75px;
                width;750px;
                color:#40AFEB;
                font-size: 24px;
                font-weight:bold;
            }

            #main #voice h3.wait{
                clear:both;
                margin:10px 0 60px 75px;
                width;750px;
                color:#ff6699;
                font-size: 36px;
                font-weight:bold;
                text-align:center;
            }

            #main #voice #box1_1{
                margin: 0 10px 20px 75px;
                width:490px;
                background-color: #FFFAF9;
                float:left;
                display:inline;
            }

            #main #voice #box1_1 p{
                padding:10px 15px;
                color:#FD669B;
                font-size: 16px;
                line-height: 1.8;
            }

            #main #voice #box1_2{
                margin: 0;
                width:250px;
                height:400px;
                background-color: #ffffff;
                float:left;
                display:inline;
                background-image: url(../images/voice_1.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }


            #main #voice #box2_1 h3{
                padding:10px 0 0 15px;
                color:#40AFEB;
                font-size: 20px;
                font-weight:bold;
            }

            #main #voice #box2_1{
                margin: 0 75px 20px 10px;
                width:490px;
                background-color: #FFFAF9;
                float:right;
                display:inline;
            }


            #main #voice #box2_1 p{
                padding:10px 15px;
                color:#FD669B;
                font-size: 16px;
                line-height: 1.8;
            }

            #main #voice #box2_2{
                margin: 0;
                width:250px;
                height:400px;
                background-color: #ffffff;
                float:right;
                display:inline;
                background-image: url(../images/voice_2.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }

            #main #inquiry{
                margin: 10px auto;
                width:900px;
            }

            #main #inquiry h2#entry{
                padding : 10px 0 0 0;
                text-indent: -9999px;
                background-image: url(../images/ttl_iq.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }

            #main #inquiry table{
                margin: 10px auto;
                width:750px;
            }

            #main #inquiry h2#confirm{
                padding : 10px 0 0 0;
                text-indent: -9999px;
                background-image: url(../images/ttl_cf.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }

            #main #inquiry table{
                margin: 10px auto;
                width:750px;
            }

            #main #inquiry h2#send_ok{
                padding : 10px 0 0 0;
                text-indent: -9999px;
                background-image: url(../images/ttl_ok.jpg);  
                background-repeat: no-repeat;  
                background-position: left center;
            }

            #main #inquiry table{
                margin: 10px auto;
            width:750px;
            }

            #main #inquiry table tr{
                border-bottom:3px solid #ffffff;
            }

            #main #inquiry table td{
                font-size: 16px;
                padding:5px 15px;
                    border-right:3px solid #ffffff;
            }

            #main #inquiry table td.label{
                width:200px;
                background-color: #FFF6F6;
                color:#FF4556;
            }

            #main #inquiry table td.label2{
                background-color: #FFFAF9;
                color:#000000;
            }

            #main #inquiry td.confirm{
                background-color: #FFF6F6;
                color:#FF4556;
                text-align: center;
            }

            #main #inquiry input, textarea{
                font-size: 14px;
            }

            #main #inquiry span.must{
                font-size: 12px;
                color:#A0A0A0;
            }

            #main #inquiry div#err_message{
                font-size: 14px;
                color:#ff0000;
                text-align: center;
            }

            #main #inquiry input.btn_confirm{
                width: 200px;
                height:30px;
                color:#ff0000;
                font-weight:bold;
            }

            #main #inquiry td.send{
                background-color: #FFF6F6;
                color:#FF4556;
                text-align: center;
            }

            #main #inquiry form.box_f{
                display:inline;
            }


            #main #inquiry input.btn_back{
                width: 80px;
                height:30px;
                color:#0000ff;
            }

            #main #inquiry input.btn_send{
                margin:0 0 0 5px;
                width: 200px;
                height:30px;
                color:#ff0000;
                font-weight:bold;
            }

            #main #inquiry p{
                margin:20px;
                font-size: 16px;
                text-align: center;
            }


    /* -----------------------------------------------------------------*/
    /* フッター設定 */
    /* -----------------------------------------------------------------*/
    #footer {
        clear: both;
        width: 930px;
        margin: 10px 0 0 0;
    }

        #footer #menu_footer {
            text-align: center;
            font-size: 14px;
            padding: 15px 0 0;
        }

            #footer #menu_footer li {
                padding: 2px 10px 2px 10px;
                display: inline;
            }

                #footer #menu_footer li#home { border-right:1px solid #313131; }
                #footer #menu_footer li#donfuan { border-right:1px solid #313131; }
                #footer #menu_footer li#dandy { border-right:1px solid #313131; }
                #footer #menu_footer li#qa { border-right:1px solid #313131; }
                #footer #menu_footer li#voice { border-right:1px solid #313131; }
                #footer #menu_footer li#interview { border-right:1px solid #313131; }
                #footer #menu_footer li#inquiry   { }

        #footer p{
            font-size: 12px;
            text-align:center;
            color:#333333;
            padding: 10px 10px;
        }