@charset "utf-8"; 

body {
	margin : 0;
	padding : 0;
	font-size : 75%;
	background : #252525;
}

#top{
	padding : 1em 10%;
	background : #000;
	border-bottom : 1px solid #555;
}
#top h1{
	font-size : 120%;
	letter-spacing : 0.2em;
}
#top h1 a{
	margin : 0;
	padding : 0;
	color : #fff;
	text-decoration : none;
}
#top h1 a:hover{
	color : #f00;
}

#menu {
	padding : 2em 10%;
	background : #222;
	

}


#menu ul,
#menu li {
	margin : 0;
	padding : 0;
	list-style : none;
}

#menu ul{
	float: left;
}
#menu li {
	float : right;
	display : block;
	height : 100%;
	width : 100px;
	text-align : center;
}

#menu h1 a{
	color : #fff;
	text-decoration : none;
}

#menu li a{
	display : block;
	padding : 0.5em 0;
	margin-top : 0.5em;
	color : #999;
	text-decoration : none;
}
#menu li a:hover{
	color : #fff;
}

#header {
	padding : 5em 10%;
	text-align : right;
	background : url("http://file.popntic.blog.shinobi.jp/s1.png") no-repeat #44617b;
}
#content {
	width : 80%;
	margin : auto;
	padding : 1em 0;
	color : #fff;
}




#main {
	float : left;
	width : 60%;
	line-height : 2;
	border-right : 1px solid #333;
}

#main h2 {
	font-size : 120%;
	color : #7b8d42;
	font-weight : bold;
	margin-bottom: 0;
	margin-top : 2em;
}

#main #title{
	border-left : 3px solid #7b8d42;
	padding-left : 0.5em;
}

#main .date {
	
}

#main h2 a{
	color : #7B8D42;
}

#main a{
	color : #928c36;
}
#main a:hover {
	color : #e2041b;
}

#main img{
margin : 2em;
}

#main font{
font-size : inherit !important;
}

#main dl dt{
	margin-top : 1em;
}

#main input{
	background : #2b2b2b;
	border : 1px solid #333;
	color : #fff;
	width : 100px;
}
#main textarea{
	background : #2b2b2b;
	border : 1px solid #333;
	color : #fff;
	font-size: 95%;
	width : 60%;
	height : 50px;
}

#main textarea:focus{
background : #fff;
color : #222;
}
#main input:focus{
	background : #fff;
	color : #222;
}

#main form{
	margin-top : 5em;
	}


#sidebar{
	float : right;
	line-height : 2;
	width : 30%;
}

#sidebar h3{
	color : #7b8d42;

}

#sidebar a{
	color : #fff;
}

#sidebar a:hover {
	color : #f00;
}

#footer {
	clear : both;
	background : #897858;
	padding : 1em 10%;
	padding-bottom : 2em;
	color : #fff;
	line-height : 2.5;
	border-top : 1px solid #444;
}

#footer h3{
	color : #543f32;
}

#footer a{
	color : #eee;
}

#footer a:hover {
	color : #f00;
}

#footer div{
	margin-right : 5em;
}
#footer #one {
	float : left;
	margin-right : 10em;
}

#footer #two,
#footer #three{
	float : left;
}

#footer #copyright{
	padding-top : 3em;
	clear : both;
	text-align : right;
	line-height :1.2;
}

.cc{
	border : 1px solid #444;
	background : #333;
	width : 80%;
	padding : 1em;
	margin : 1em;
}
.ct{
	float : left;
	width : 10%;
	border-right : 1px solid #aaa;
	padding-right : 2em;
}

.ct2{
	float : right;
	
	width : 80%;
	padding-left : 2em;
	color : inherit!important;
}

/*bugfix


#sidebar {border:1px solid red;}
#main {border:1px solid red;}*/

/*clearfix*/
.cc,
#footer,
#content,
#menu{
	zoom : 1;
 }
 .cc:after,
#footer:after,
#menu:after,
#content:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}