@charset "UTF-8";


/*-------------------------------------------
Libertas Styles
2008.08.01
--------------------------------------------- */
/* =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:"メイリオ",Osaka,meiryo,Sans-Serif;
background-color:#fff;
background-image:url("http://libertatem.org/css/2flaming-august/img/bkcontainer.gif");
background-repeat: repeat-x;
}

#container{
margin:0 auto;
width:950px;
font-size:0.8em;
background-repeat: no-repeat;
}

#logo{
float:left;
margin-top:88px;
width:200px;
height:70px;
background:url("http://libertatem.org/css/2flaming-august/img/logo.gif") no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#logo a{
display:block;
width:200px;
height:70px;
}

#header li{
float:left;
text-indent:-9999px;
overflow:hidden;
}

#header li a{
display:block;
width:130px;
height:183px;
}

#navigation{
float:right;
}

#menuHome{background:url("http://libertatem.org/css/2flaming-august/img/navigation.gif") -10px 183px;
width:108px;
}
#menuHome strong a,#menuHome a:hover{background:url("http://libertatem.org/css/2flaming-august/img/navigation.gif") -10px 0px;
}

#menuPortfolio{background:url("http://libertatem.org/css/2flaming-august/img/navigation.gif") 425px 183px;
width:129px;
}
#menuPortfolio strong a,#menuPortfolio a:hover{background:url("http://libertatem.org/css/2flaming-august/img/navigation.gif") 425px 0px;
}

#menuLog{background:url("http://libertatem.org/css/2flaming-august/img/navigation.gif") 276px 183px;
width:122px;
}
#menuLog strong a,#menuLog a:hover{background:url("http://libertatem.org/css/2flaming-august/img/navigation.gif") 276px 0px;
}

#menuAbout{background:url("http://libertatem.org/css/2flaming-august/img/navigation.gif") 138px 183px;
width:112px;
}
#menuAbout strong a,#menuAbout a:hover{background:url("http://libertatem.org/css/2flaming-august/img/navigation.gif") 138px 0px;
}




/* =content
-------------------------------------------- */

#content{
clear:both;
}


#hotcontents,#recently,#contact,#Asite,#Apolicy,#Ame,#Awebs,#Pmcol{
float:right;
display:inline;
width:600px;

}

#contact,#Pmcol{
margin-bottom:3em;
}
h1,h2,h3,h4{
margin:0 0 12px 0;
font-size:1.1em;
font-weight: bold;
color:#111;
}



/* =welcome & =Acol
-------------------------------------------- */
#welcome,#Acol,#Pcol{
float:left;
display:inline;
margin:200px 0 0 0;
width:270px;
}

#welcome p,#Acol p,#Pcol p{
margin:0 0 0.8em 0px;
color:#222;
line-height:1.5em;
}
#Acol li,#Pcol li{
margin-bottom:0.5em;
}


#Acol h2,#Pcol h2{
margin-top:2em;
}

#Acol p,#Pcol p{
margin-top:-0.3em;
font-size:0.8em;
color:#aaa;
}



#welcome p a,#Acol li a,#Pcol li a{
text-decoration:underline;
color:#007f9e;
}
#welcome p a:hover,#Acol li a:hover,#Pcol li a:hover{
text-decoration:none;
color:#c31414;

}

#welcome .more{
margin-right:11px;
float:right;
}

#welcome .more a,#Acol #Ali a,#Pcol #Ali a{
font-family:"メイリオ",Osaka,meiryo,Sans-Serif;
padding-left:8px;
color:#c31414;
background:url("http://libertatem.org/css/2flaming-august/img/bkmore.gif") no-repeat 0 0.5em;
}

#welcome .more a:hover,#Acol #Ali a:hover,#Pcol #Ali a:hover{
font-family:"メイリオ",Osaka,meiryo,Sans-Serif;
background:#eee url("http://libertatem.org/css/2flaming-august/img/bkmore.gif") no-repeat 0 0.5em;
}
#welcome .more a{
text-decoration:none;
}


/* =hotcontents =(main cal top
-------------------------------------------- */
#hotcontents,#Asite,#Ame,#Pmcol{
margin-top:3em;
}
#hotcontents #game a,#hotcontents #pic a,#hotcontents #comic a{
display:block;
margin:0 0 0 0.3em;
float:left;
overflow:hidden;
height:118px;
width:196px;
text-indent:-9999px;
}

#hotcontents #game a{
background:url("http://libertatem.org/css/2flaming-august/img/bkgame.png") 0 0;
}
#hotcontents #game a:hover{
background:url("http://libertatem.org/css/2flaming-august/img/bkgame.png") 0 118px;
}

#hotcontents #pic a{
background:url("http://libertatem.org/css/2flaming-august/img/bkpic.jpg") 0 0;
}
#hotcontents #pic a:hover{
background:url("http://libertatem.org/css/2flaming-august/img/bkpic.jpg") 0 118px;
}
#hotcontents #comic a{
background:url("http://libertatem.org/css/2flaming-august/img/bkcomic.gif") 0 0;
}

#hotcontents #comic a:hover{
background:url("http://libertatem.org/css/2flaming-august/img/bkcomic.gif") 0 118px;
}


/* =recently
-------------------------------------------- */


#recently{
margin-top:2em;
}

#recently p span{
display:block;
margin-bottom:0.7em;
font-weight:bold;
color:#555;
}

#recently p{
color:#222;
margin:0 0 20px 10px;
padding:0 0 10px 0.7em;
line-height:1.5em;
width:570px;
border-bottom:1px solid #eee;
}
#recently .more{
float:right;
width:117px;
border-bottom:none;}

#recently .more a{
font-family:"メイリオ",Osaka,meiryo,Sans-Serif;
padding-left:8px;
color:#c31414;
background:url("http://libertatem.org/css/2flaming-august/img/bkmore.gif") no-repeat 0 0.5em;
}

#recently .more a:hover{
font-family:"メイリオ",Osaka,meiryo,Sans-Serif;
background:#eee url("http://libertatem.org/css/2flaming-august/img/bkmore.gif") no-repeat 0 0.5em;
}

.picture{
background:url("http://libertatem.org/css/2flaming-august/img/pictureicon.gif") no-repeat right bottom;
}

.weblog{
background:url("http://libertatem.org/css/2flaming-august/img/weblogicon.gif") no-repeat right bottom;
}
.weblog a, #about #Asite a, #about #Apolicy a,#Pmcol a{
display:block;
padding:0.3em 0 0.2em 0;
color:#007f9e;
}
.weblog a:hover, #about #Asite a:hover, #about #Apolicy a:hover,#Pmcol a:hover{
display:block;
padding:0.3em 0 0.2em 0;
color:#c31414;
}

#recently a,#Apolicy a{
text-decoration:underline;
color:#007f9e;
}
#recently a:hover,#Apolicy a:hover{
text-decoration:none;
color:#c31414;
}
#recently .more a,#Acol #Ali a{
text-decoration:none;
}
/* =contact
-------------------------------------------- */
#contact{
float:left;
margin-top:1.5em;
width:270px;
}
#contact p{
margin:0 0 1em 0;
}
#contact .msgbox{
margin:1em 0 0 0.1em;
}
#contact .msgbox #msg{
color:#222;
padding:0.3em 0 0.3em 0.4em;
width:200px;
border:1px solid #c31414;
}
#contact .msgbox #sbm{
background-color:#c31414;
color:#fff;
padding:0.3em 0.4em 0.3em 0.4em;
border:0px solid #c31414;
}


/* =Asite =Apolicy & =Ame =Awebs (about
-------------------------------------------- */
#Acol,#Aats,#Ame,#Awebs,#Pcol,#Pats{
width:160px;
}

#Asite,#Apolicy,#Ame,#Awebs,#Pmcol{
width:750px;
line-height:1.5em;
}

#Asite p, #Asite dd, #Apolicy p, #Apolicy dd,#Ame p,#Awebs p,#Ame dd,#Ame li,#Pmcol p,#Pmcol li{
margin:0 auto 0 auto;
width:700px;
line-height:1.5em;
}
#Asite dl,#Ame dl{
margin:1em 0 1em 0;
}
#Asite dd,#Ame dd{
margin-left:5em;
width:700px;
line-height:1.5em;
}

#Asite dt,#Ame dt{
margin-left:3em;
font-weight:bold;
width:700px;
line-height:1.5em;
}


#Apolicy dt{
font-weight:bold;
margin-left:0.7em;
line-height:1.5em;
}

#about h3,#portfolio h3{
padding:0.4em 1em;
background-color:#f5f1f1;
border-left:3px solid #c31414;
font-size:1.1em;
}

#about h4, #portfolio h4{
border-top:1px solid #eee;
padding-top:1.3em;
margin-top:0.9em;
}

#about ol{
margin:0.8em 0 0.8em 4em;
}
/* ie list bug */
#about #Asite li,#about #Ame li,#portflio #Pmcol li{
display:inline-block;
}
#about #Asite li,#about #Ame li,#portflio #Pmcol li{
display:block;
}
/* end */
#about #Apolicy li{

list-style-type: decimal;
}


#about blockquote{
border:1px solid #ccc;
margin:1em;
background-color:#eee;
}

#Ame li span{
color:#333;
font-weight:bold;
margin-right:2em;
}

#Apolicy,#Awebs{
margin:3em 0 3em 0;
}

.banner{
margin:1em 0 1em 0;
padding-left:0.4em;
color:#222;
width:193px;
border:1px solid #c31414;
}



/* =portfolio =(not about,top
-------------------------------------------- */

#Pmcol h3{
margin-top:1em;
}

#Pmcol h4{
border-top:none;
}

#Pmcol #Ppic{
margin-top:0;
}
#Pmcol .comic img{
margin-bottom:0.4em;
display:block;
overflow:hidden;
}
#Pmcol .comic img:hover{
margin-bottom:0.4em;
display:block;
overflow:hidden;
}


#Pmcol a{
text-decoration:underline;
display:inline;
}
#Pmcol a:hover{
display:inline;
}

#Pcol #Ali a{
text-decoration:none;
}

#pns a{
text-decoration:none;
color:#444;
padding:0 0.3em 0;
background:#eee;
outline:1px solid #ccc;
}
#pns .pnsNow{
color:#444;
padding:0 0.3em 0;
background:#eee;
outline:1px solid #ccc;
}
#pns a:hover{
color:#444;
padding:0 0.3em 0;
background:#e2e2e2;
outline:1px solid #ccc;
}

/* =comic
-------------------------------------------- */


#comic #pages img{
margin:0 auto 0 auto;
display:block;
}


#comic #contact a{
float:right;
background-color:red;
}

/* =link
-------------------------------------------- */


/* =footer
-------------------------------------------- */
#footer{
clear:both;
padding:1em 0 1em 0;
width:100%;
border-top:1px solid #ddd;
}
#footer p{
color:#222;
line-height:1.5em;
font-size:0.9em;
}

#footer p a{
color:#222;
}


/* =js effict
-------------------------------------------- */
#recently .hide{
width:580px;
margin:0 0.8em 1.5em 0.8em;
border-bottom:1px solid #eee;
}
#recently .show{
width:480px;
margin:0 0.8em 1.5em 0.8em;
border:none;
}

#recently .show .diary{
margin:0;
border:none;
}
#recently .hide .diary{
margin:0;
border:none;
}
#recently .hide .trigger{
padding-bottom:0.3em;
background:url("http://libertatem.org/css/2flaming-august/img/txtmore.gif") no-repeat right -9px;
color:#c31414;
}
#recently .hide .trigger:hover{
padding-bottom:0.3em;
background:url("http://libertatem.org/css/2flaming-august/img/txtmore.gif") no-repeat right 6px;
color:#c31414;
}

#recently .show .trigger{
margin-bottom:0;
background:url("http://libertatem.org/css/2flaming-august/img/txtmoreafter.gif") no-repeat 1.1em bottom;
color:#000;
}
#recently .show .trigger:hover{
color:#000;
}


.hide .article{
display:none;
}

.show{
margin:0 0 1em 0;
}

#recently .trigger{
cursor:pointer;
width:55px;
margin:0 0 0 485px;
border:none;
}

#recently .show .article{

background-color:#f2f2f2;
padding:1em;
margin:0 auto 0 -0.6em;
}