@charset "UTF-8";


/*-------------------------------------------
Libertas Styles ver2
2009.07.08
--------------------------------------------- */
/* =Style Reset
--------------------------------------------- */

*{
margin:0;
padding:0;
font-size: 100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
text-decoration:none;
list-style:none;
}

img{
border: none;
}

hr{
display: none;
}



/* =body & =header
-------------------------------------------- */

body{
font-family:meiryo,"メイリオ",Osaka,Sans-Serif;
background:url("http://libertatem.org/css/metaball/img/bgbody.jpg") #eee;
}

#container{
font-size:0.8em;
background:url("http://libertatem.org/css/metaball/img/bgheader.png") no-repeat;
}

#logo{
float:left;
margin:50px 0 0 31px;
width:119px;
height:25px;
background:url("http://libertatem.org/css/metaball/img/logo.png") no-repeat;
text-indent:-9999px;
overflow:hidden;
display: inline;
}

#logo a{
display:block;
width:120px;
height:27px;
}

#navigation{
float:left;
margin:0 0 0 36px;
height:180px;
background:url("http://libertatem.org/css/metaball/img/dotted.gif") repeat-y;
display: inline;
/*IE6 hack*/
height: 180px !important;  
height: 0; /* for only IE6 style */
}

#home #navigation{
height:180px;
}

#navigation ul{
margin:13px 0 0 17px;
}

#navigation li{
margin:0 0 3px 0;
width:110px;
height:20px;
text-indent:-9999px;
overflow:hidden;
}

#navigation li a{
display:block;
width:130px;
line-height:normal;
}


#menuHome a{background:url("http://libertatem.org/css/metaball/img/nav.png") -240px 0;}
#menuHome a:hover{background:url("http://libertatem.org/css/metaball/img/nav.png") 0 0px;}
#menuHome strong a,#menuHome strong a:hover{background:url("http://libertatem.org/css/metaball/img/nav.png") 0px 0px;}

#menuPortfolio a{background:url("http://libertatem.org/css/metaball/img/nav.png") -240px -23px;}
#menuPortfolio a:hover{background:url("http://libertatem.org/css/metaball/img/nav.png") 0 -23px;}
#menuPortfolio strong a,#menuPortfolio strong a:hover{background:url("http://libertatem.org/css/metaball/img/nav.png") 0px -23px;}

#menuWeblog a{background:url("http://libertatem.org/css/metaball/img/nav.png") -240px -46px;}
#menuWeblog a:hover{background:url("http://libertatem.org/css/metaball/img/nav.png") 0 -46px;}
#menuWeblog strong a,#menuWeblog strong a:hover{background:url("http://libertatem.org/css/metaball/img/nav.png") -120px -46px;}

#menuAbout a{background:url("http://libertatem.org/css/metaball/img/nav.png") -240px -69px;}
#menuAbout a:hover{background:url("http://libertatem.org/css/metaball/img/nav.png") 0 -69px;}
#menuAbout strong a,#menuAbout strong a:hover{background:url("http://libertatem.org/css/metaball/img/nav.png") 0 -69px;}

#menuContact a{background:url("http://libertatem.org/css/metaball/img/nav.png") -240px -90px;}
#menuContact a:hover{background:url("http://libertatem.org/css/metaball/img/nav.png") 0 -90px;}
#menuContact strong a,#menuContact strong a:hover{background:url("http://libertatem.org/css/metaball/img/nav.png") 0 -90px;}



/* =content
-------------------------------------------- */
#content{
clear:both;
margin:0 0 0 186px;
background:url("http://libertatem.org/css/metaball/img/dotted.gif") repeat-y;
}

#content p, #content dd, #content dt,#content li{
font-size: 90%;
line-height:180%;
color:#333;
letter-spacing:0.01em;
}

#content h1,#content h2{
margin:0 0 20px 0;
font-weight:bold;
font-size:110%;
}

#hotcontents,#recently,#sitemap,#about,#contact,#portfolio{
padding-top:50px;
margin:0 0 0 17px;
}

#recently p,#about p,#contact p,#portfolio p{
margin:0 0 50px 18px;
}

#content a{
color:#007f9e;
text-decoration:underline;
}

#content a:hover{
color:#930000;
text-decoration:none;
}


/*============home=================== */

#hotcontents a,#recently a{
display:block;
padding:0.3em 0 0.2em 0;
color:#007f9e;
text-decoration:underline;
}

#hotcontents a:hover,#recently a:hover{
color:#930000;
text-decoration:none;
}

#hotcontents{
width:570px;
}

#hotcontents a{
display:inline;
}

#hotcontents ul{
margin:0 0 0 18px;
}

#hotcontents li{
float:left;
width:210px;
height:46px;
font-size: 90%;
margin:0 0 27px 0;
padding:7px 0 0 53px;
color:#333;
}

#hotcontents li span{
display:block;
margin:3px 0 11px 0;
}

#hotcontents #game{background:url("http://libertatem.org/css/metaball/img/noesis.gif") no-repeat 0 100%;}
#hotcontents #drawer{background:url("http://libertatem.org/css/metaball/img/carpediem.gif") no-repeat 0 100%;}
#hotcontents #manga{background:url("http://libertatem.org/css/metaball/img/sabat.gif") no-repeat 0 100%;}
#hotcontents #fgron{background:url("http://libertatem.org/css/metaball/img/fgron.gif") no-repeat 0 100%;}



#recently{
clear:both;
}

#recently p span{
display:block;
margin-bottom:0.7em;
font-weight:bold;
color:#222;
font-family:Georgia, serif;
}

#home p{
width:570px;
}

.weblog a:hover{
display:block;
padding:0.3em 0 0.2em 0;
color:#930000;
}

/*============portfolio===================== */

#portfolio h2{
margin-left:36px;
}

#portfolio .create p{
margin-left:54px;
}

#portfolio .create p span{
display:block;
margin:0 0 27px 0;
padding:18px 0 0 53px;
}

/*局所変更*/
#sabat{
margin-bottom:10px !important;
}

#portfolio #noesis{background:url("http://libertatem.org/css/metaball/img/noesis.gif") no-repeat;}
#portfolio #carpediem{background:url("http://libertatem.org/css/metaball/img/carpediem.gif") no-repeat;}
#portfolio #sabat{background:url("http://libertatem.org/css/metaball/img/sabat.gif") no-repeat;}
#portfolio #lff{background:url("http://libertatem.org/css/metaball/img/lff.gif") no-repeat;}



/*============sitemap======================= */

#sitemap dl{
font-size:110%;

}

#sitemap dt {
width:120px;
}

#sitemap dt a{
margin-bottom:7px;
padding-left:18px;
text-decoration:none;
font-weight:bold;
color:#222;
}

#sitemap dt a{background:url("http://libertatem.org/css/metaball/img/listlink.png") no-repeat -4px -26px;}
#sitemap dt a:hover{background:url("http://libertatem.org/css/metaball/img/listlink.png") no-repeat -6px -47px;}


#sitemap dd dl dt a{
font-weight:bold;
color:#222;
padding-left:18px;
}

#sitemap dd dl dt a{background:url("http://libertatem.org/css/metaball/img/listlink.png") no-repeat -4px -1px;}
#sitemap dd dl dt a:hover{background:url("http://libertatem.org/css/metaball/img/listlink.png") no-repeat -6px -47px;}

#sitemap dd{
margin:0 0 20px 0;
padding:0 0 20px 36px;
width:534px;
background:url("http://libertatem.org/css/metaball/img/dotted.gif") repeat-x 0 100%;
}

#sitemap dd dl dd{
padding:0 0 0 36px;
width:498px;
background:none;
}

#sitemap .end{
padding-bottom:0;
margin-bottom:0;
}

#map{
margin:0 0 50px 0;
padding-left:18px;
}



/*============about========================= */

#about #profile{
margin-bottom:10px;
}

#about ul{
margin:0 0 50px 18px;
}

#about li{
margin:0 0 12px 0;
}

#about li span{
margin-right:2em;
font-weight:bold;
}

#about li a{
color:#007f9e;
text-decoration:underline;
}

#about li a:hover{
color:#930000;
text-decoration:none;
}

#about #twitter{
padding-left:18px;
height:16px;
background:url("http://libertatem.org/css/metaball/img/twitter.png") no-repeat;
}

#about #smartfm{
padding-left:18px;
height:16px;
background:url("http://libertatem.org/css/metaball/img/smartfm.png") no-repeat;
}

#about #book{
padding-left:18px;
background:url("http://libertatem.org/css/metaball/img/book.png") no-repeat;

}

#about #tumblr{
padding-left:18px;
background:url("http://libertatem.org/css/metaball/img/tumblr.gif") no-repeat;

}


/*============contact======================= */

#contactBody #contact p{
margin-bottom:20px;
}

#contact .msgbox{
margin:0 0 20px 18px;
}
#contact .msgbox #msg{
font-family:meiryo,"メイリオ",osaka;
color:#333;
padding:0.3em 0 0.3em 0.4em;
width:230px;
border:1px solid #930000;
}
#contact .msgbox #sbm{
font-family:meiryo,"メイリオ",osaka;
background-color:#930000;
color:#fff;
padding:0.3em 0.4em 0.3em 0.4em;
border:0px solid #930000;
}
/*局所変更*/
#contactBody p{
margin-bottom:0 !important;
padding-bottom:20px !important;
}
#contactBody #footer{
padding-top:70px !important;
}

#content .upperlink{
margin:5px 0 0 600px;
padding-bottom:55px;
line-height:0;
width:31px;
height:27px;
text-indent:-9999px;
overflow:hidden;
}

#content .upperlink a{
display:block;
width:130px;
height:27px;
background:url("http://libertatem.org/css/metaball/img/upperlink.png") no-repeat 0 -33px;
}

#content .upperlink a:hover{
background:url("http://libertatem.org/css/metaball/img/upperlink.png") no-repeat;
}




/* =footer
-------------------------------------------- */
#footer{
margin:0 0 0 186px;
width:700px;
padding:20px 0 50px 0;
background:url("http://libertatem.org/css/metaball/img/dotted.gif") repeat-y;
}
#footer img{
float:left;
opacity:0.8;
margin:0 0 8px 17px;
padding-top:12px;
}

#footer p{
float:left;
width:320px;
font-size:0.8em;
margin:0 0 0 17px;
padding-top:11px;
}

#footer p a{
color:#333;
text-decoration:underline;
}

#footer p a:hover{
color:#930000;
text-decoration:none;
}

#footer #rss{
float:right;
width:46px;
height:35px;
text-indent:-9999px;
overflow:hidden;
margin:0 50px 0 0;
padding-top:0;
}

#footer #rss a{
display:block;
width:46px;
height:35px;
background:url("http://libertatem.org/css/metaball/img/rss.png") no-repeat;
}