@charset "Shift_JIS";

/*
-----------------------------------------------
全体のcss
-----------------------------------------------
*/

body{
    font-size:small;
    color:#947a58;
    background-image:url(../image/usiro2.gif);
    background-repeat:repeat;
    background-attachment:fixed;}

body a{
    color:#d4826e;
    text-decoration:none;
}
body a:visited{
    color:#e8a294;
    text-decoration:none;
}
body a:hover{
    color:#cfcfa0;
    text-decoration:none;}



body #zentai{
    width:700px;
    height:580px;
    margin:40px auto auto;
    padding:0;
    background-image:url(../image/haikei.gif);
    background-repeat:no-repeat;
    position:relative;
}

body#uta #zentai, 
body#utanaka #zentai, 
body#e #zentai 
{
    background-image:url(../top/cobitouta/image/haikei.gif);
}


body #logo{
    position:absolute;
    top:7px;
    right:0;
}

body #zentai #utigawa{
    margin:0px 15px;
    padding:0px;
    position:absolute;
    top:57px;
    height:520px;
    width:670px;
    overflow:auto;
}


body #zentai #utigawa2{
    margin:0px 15px;
    padding:0px;
    position:absolute;
    top:57px;
    height:520px;
    width:670px;
    overflow:visible;
}



body #zentai #cr 
{
    font-size:x-small;
    color:#947a58;
    position:absolute;
    bottom:-30px;
    right:0px;
}

body img{
    border:0;
}

body ul#navi{
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:15px;
    left:0;
}
body li.navina{
    display:inline;

}

body #zentai #modoru{
    position:absolute;
    right:3px;
    bottom:5px;
}


div.tdftdiv{
    position:absolute;
    bottom:-5em;
}

/*
-----------------------------------------------
indexページのcss
-----------------------------------------------
*/

body#index #enter{
    position:absolute;
    bottom:30px;
    left:40px;
}

body#index #enter a{
    width:95px;
    height:10px;
    display:block;
    background-image:url(../image/index000.jpg);
    background-repeat:no-repeat;
    padding:190px 15px 0px;
}

body#index #enter 
a:link{
    background-position:0px 0px;
}
body#index #enter 
a:hover{
    background-position:-125px 0px;
}


/*
-----------------------------------------------
topページのcss
-----------------------------------------------
*/


body#top #meme1 #me01{
    position:absolute;
    top:185px;
    right:465px;
}

body#top #meme1 #me02{
    position:absolute;
    top:185px;
    right:265px;
}
body#top #meme1 #me03{
    position:absolute;
    top:185px;
    right:65px;
}

body#top #meme2 #me04
{
    position:absolute;
    right:65px;
    bottom:-1px;
}
body#top #meme2 #me05{
    position:absolute;
    right:280px;
    bottom:-2px;
}
body#top #meme2 #me06
{
    position:absolute;
    right:-15px;
    bottom:-3px;
}
body#top #meme2 #me07
{
    position:absolute;
    top:0px;
    left:20px;
}





body#top #meme1 #me01 a, 
body#top #meme1 #me02 a, 
body#top #meme1 #me03 a
{
    width:71px;
    height:15px;
    padding:102px 45px 0px;
    border:none;
    display:block;
    background-image:url(../top/image/menu001-1.gif);
    background-repeat:no-repeat;
}



body#top #meme1 #me01 
a:link{
    background-position:0px 0px;
}
body#top #meme1 #me01 
a:hover{
    background-position:-161px 0px;
}
body#top #meme1 #me02 
a:link{
    background-position:-323px 0px;
}
body#top #meme1 #me02 
a:hover{
    background-position:-484px 0px;
}
body#top #meme1 #me03 
a:link{
    background-position:-646px 0px;
}
body#top #meme1 #me03 
a:hover{
    background-position:-807px 0px;
}





body#top #meme2 #me04 a 
{
    width:51px;
    height:10px;
    padding:0px 30px 105px;
    border:none;
    display:block;
    background-image:url(../top/image/menu003.gif);
    background-repeat:no-repeat;
}
body#top #meme2 #me04 
a:link{
    background-position:0px 0px;
}
body#top #meme2 #me04 
a:hover{
    background-position:-111px 0px;
}

body#top #meme2 #me05 a 
{
    width:43px;
    height:10px;
    padding:0px 0px 60px 80px;
    border:none;
    display:block;
    background-image:url(../top/image/menu004.gif);
    background-repeat:no-repeat;
}
body#top #meme2 #me05 
a:link{
    background-position:0px 0px;
}
body#top #meme2 #me05 
a:hover{
    background-position:-123px 0px;
}

body#top #meme2 #me06 a 
{
    width:60px;
    height:15px;
    padding:0px 15px 170px;
    border:none;
    display:block;
    background-image:url(../top/image/menu002.gif);
    background-repeat:no-repeat;
}
body#top #meme2 #me06 
a:link{
    background-position:0px 0px;
}
body#top #meme2 #me06 
a:hover{
    background-position:-90px 0px;
}

body#top #meme2 #me07 a 
{
    width:60px;
    height:15px;
    padding:50px 124px 61px 0px;
    border:none;
    display:block;
    background-image:url(../top/image/tori.gif);
    background-repeat:no-repeat;
}
body#top #meme2 #me07 
a:link{
    background-position:0px 0px;
}
body#top #meme2 #me07 
a:hover{
    background-position:-185px 0px;
}



body#top #kousin 
{
    background-image:url(../top/image/kousin.gif);
    padding-bottom:46px;
    padding-left:226px;
    padding-right:10px;
    padding-top:52px;
    background-repeat:no-repeat;
    width:150px;
    height:72px;
    color:#947a58;
    font-size:x-small;
    position:absolute;
    left:-100px;
    bottom:-5px;
}
body#top #kousin strong 
{
    color:#ffffff;
    font-weight:600;
}

/*
-----------------------------------------------
aboutページのcss
-----------------------------------------------
*/


body#about h1{
    font-size:medium;
    margin:10px 0px 5px;
    border-bottom:#caab85 dashed 1px;
}
body#about p#ab{
    margin:0px 0px 0px;
    padding:0;
}
body#about p#bb{
    margin:1em 0px 3em;
    padding:0;
}
body#about h2{
    font-size:small;
    margin:0px 0px 0px;
    padding:0;
    border-bottom:#caab85 dashed 1px;
}


body#about #seisaku{
    margin:8em 0px 0px;
    padding:0;
}
body#about #cr0{
    margin:0.5em 0px 0px;
    padding:0;
}


body#about #e{
    position:absolute;
    bottom:80px;
    right:-20px;
}

/*
---------------------
about登場人物紹介ページのcss
---------------------
*/

body#about2 h2{
    font-size:small;
    margin:0px 0px 2em;
    padding:0;
    border-bottom:#caab85 dashed 1px;
}
body#about2 .text{
    float:left;
    margin-left:120px;
}
body#about2 .text h3{
    font-size:small;
    font-weight:400;
    margin-top:2em;
}
body#about2 .kao{
    margin-top:2em;
}

body#about2 #zentai #modoru{
    right:3px;
    bottom:5px;
    position:relative;
    text-align:right;
}


/*IE用ハック*/
*html body#about2 .text{
    float:left;
    margin-left:60px;
}
*html body#about2 #kao2{
    3;
    padding-bottom:3em;
}




/*
-----------------------------------------------
コビト歌ページのcss
-----------------------------------------------
*/


body#uta #kanban01 {
    position:absolute;
    top:79px;
    left:20px;
}
body#uta #kanban02 {
    position:absolute;
    top:98px;
    left:278px;
}
body#uta #kanban03 {
    position:absolute;
    top:231px;
    right:-40px;
}
body#uta #kanban04 {
    position:absolute;
    top:90px;
    left:175px;
}


body#uta #ruru {
    position:absolute;
    top:343px;
    left:30px;
    padding:14px 70px 36px 14px;
    width:157px;
    height:137px;
    background-image:url(../top/cobitouta/image/top02.gif);
    background-repeat:no-repeat;
    margin:0;
}

body#uta #kotoba {
    position:absolute;
    bottom:100px;
    right:20px;
    width:300px;
    height:3em;
}

/*
---------------------
コビト歌投稿ページのcss
---------------------
*/
#toukou1 #ue {
    margin-bottom:1em;
}
#toukou1 #migi {
    position:absolute;
    right:0px;
    bottom:3em;
    text-align:right;
}

/*
---------------------
コビト歌中身ページのcss
---------------------
*/
body#utanaka #main{
    margin:0;
    padding:0;
}
body#utanaka #mm01{
    position:absolute;
    left:420px;
    top:85px;
    font-size:medium;

}
body#utanaka #mm02{
    position:absolute;
    left:460px;
    top:125px;
}
body#utanaka #mm03{
    position:absolute;
    left:590px;
    top:217px;
    font-size:medium;
}

body#utanaka #come{
    position:absolute;
    right:0px;
    top:317px;
    font-size:x-small;
}



body#utanaka #c00{
    margin:60px 0px 0px 220px;
}


/*
-----------------------------------------------
イラストページのcss
-----------------------------------------------
*/
body#e .kukuri {
    float:left;
    padding-right:20px;
}

body#e .kukuri a {
    display:block;
}

body#e #top {
    position:absolute;
    bottom:2em;
    right:-20px;
}




/*
---------------------
イラスト中身ページのcss
---------------------
*/

body#e2 #hon {
    position:absolute;
    top:0px;
    left:10px;
}
body#e2 #hon h1 {
    font-size:small;
    font-weight:400;
    padding:0;
    margin-bottom:1em;
}
body#e2 #hon p {
    margin:0;
    padding:0;
}

body#e2 #yaji {
    position:absolute;
    top:361px;
    right:10px;
}



/*
-----------------------------------------------
ハナシページのcss
-----------------------------------------------
*/
body#hanasi #kari {
    position:absolute;
    bottom:-10px;
    left:55px;
}

/*
-----------------------------------------------
リンクページのcss
-----------------------------------------------
*/

body#link{
    line-height:150%;
}

body#link h1{
    font-size:medium;
    margin:10px 0px 5px;

}
body#link p{
    margin:0px 0px 0px;
    padding:0;
}

body#link h2{
    font-size:small;
    margin:0px 0px 0px;
    padding:0;}

body#link h3{
    font-size:small;
    margin:0px 0px 0px;
    padding:0;
    font-weight:400;
}
body#link ul#li01{
    margin:0px 0px 0px;
    padding-left:2em;
}

body#link #e{
    position:absolute;
    bottom:80px;
    right:-20px;
}