* {
	margin: 0;
	padding: 0;
}

html{
	height:100%;
}

body{
	height:100%;
}	

ul{
	list-style: none;
}

li{
	
}

img{
	border:none;
}

.button {
 margin:5px;
 background: #EFEFEF;
 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 background: -moz-linear-gradient(top, #ffffff, #cccccc);
 padding: 5px 10px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
 box-shadow: rgba(0,0,0,1) 0 1px 0;
 color: #000000;
 font-size: 14px;
 text-decoration: none;
 vertical-align: middle;
 margin-bottom:10px;
 width:750px;
 }

.button span a{
	width:200px;
}

ul.nav {
   width:200px;
   background:#999999;
   margin:0;
   padding:0 10px;
}

ul.nav li {
   list-style:none;
   border-bottom:#524139 1px solid;
}

ul.nav li:last-child {
   border-bottom:none;
}

ul.nav li a {
   display:block;
   padding:5px 0 5px 30px;
   color:#F7F3EF;
   font-size:14px;
   text-shadow:2px 2px 2px rgba(0,0,0,0.6);
   -moz-text-shadow:2px 2px 2px rgba(0,0,0,0.6);
   -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.6);
   line-height:1.4;
   letter-spacing:1px;
   background:url("./i/bg_list.gif") 10px 50% no-repeat;
   text-decoration:none;
   outline: none;
}

ul.nav li a span {
   color:#080808;
   font-size:10px;
   text-shadow:none;
   -moz-text-shadow:none;
   -webkit-text-shadow:none;
   -webkit-transition-duration:0.4s;
}

ul.nav li a:hover span {
   color:#F79239;
}

#container{
	width:1050px;
	min-height:100%;
	height: auto !important;
	//height:100%;
	margin-top:40px;
	display: -webkit-box;
	display: -moz-box;
}
#main	{
	width: 750px;
	height:100%;
}
#leftBox	{
	width: 250px;
	min-height:100%;
	height:100%;
	background-color: #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.boxarea{
	width: 100%;
	height:100%;
	display: -webkit-box;
	display: -moz-box;
}

.site_name{
	width:550px;
}
.title{
	width:550px;
}

/* 読んだよリンク-関連記事 */
.title a:link {
background:transparent url(./i/checkbox_small_blank.png) center left no-repeat;
padding-left:20px;
}

.title a:hover {
background:transparent url(./i/checkbox_small_black.gif) center left no-repeat;
padding-left:20px;
}

.title a:visited {
background:transparent url(./i/checkbox_small_red.gif) center left no-repeat;
padding-left:20px;
}

.icon{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .15em 1em .2em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.icon2ch {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.icon2ch a{
	text-decoration:none;
	color: #fef4e9;
}	

.icongame{
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.icongame a{
	text-decoration:none;
	color: #d9eef7;
}

.iconanime{
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');

}

.iconanime a{
	text-decoration:none;
	color: #e8f0de;
}

.iconlifehack{
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}

.iconlifehack a{
	text-decoration:none;
	color: #feeef5;
}

.iconnews{
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');

}

.iconnews a{
	text-decoration:none;
	color: #faddde;
}

.icontwitter{
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.icontwitter a{
	text-decoration:none;
	color: #e9e9e9;
}

.iconniconico{
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}	

.iconniconico a{
	text-decoration:none;
	color: #606060;
}

.iconfun{
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}

.iconfun a{
	text-decoration:none;
	color: #fae7e9;
}

#filter_area{
	margin:10px;
}
#filter_area li{
	list-style: none;
	color: #FFFFFF;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
	margin:5px;
	padding: 5px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	vertical-align: middle;
	cursor:pointer;
}

#filter_area span{
	font-size:10px;
}

#tab{
	margin:3px 0px 0px 15px;
}

#tab li{
	float: left;
	width:40px;
	height:20px;
	border:1px solid #cccccc;
	border-bottom:none;
	padding:5px 15px 2px 15px;
	margin-right:3px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	text-align:center;
}


#tab li a{
	display: block;
	width:40px;;
	height:20px;
	text-align:center;
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

#tab li:last-child{
}

#top_nav{
    height:35px;
    border-bottom:1px solid #ddd;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    background:#fff url(../images/nav.png) repeat-x center left;
}
#top_nav ul{
    height:25px;
    list-style:none;
    margin:6px 0px 0px 15px;
    width:1000px;   
}
#top_nav ul li{
    display:inline;
    float:left;
    margin:0px 2px;
}
#top_nav a{
    font-size:11px;
    font-weight:bold;
    float:left;
    padding: 2px 4px;
    color:#999;
    text-decoration: none;
    border:1px solid #ccc;
    cursor: pointer;
    background:transparent url(../images/overlay.png) repeat-x center left;
    height:16px;
    line-height:16px;
}
#top_nav a:hover{
    background:#D9D9DA none;
    color: #fff;
}
#top_nav a.top span, #top_nav a.bottom span{
    float:left;
    width:16px;
    height:16px;
}
#top_nav a.top span{
    background:transparent url(../images/top.png) no-repeat center center;
}
#top_nav a.bottom span{
    background:transparent url(../images/bottom.png) no-repeat center center;
}

#top_nav ul li.search{
    float:right;
}
#top_nav input[type="text"]{
    float:left;
    border:1px solid #ccc;
    margin:0px 1px 0px 0px;
    padding:2px 2px 2px 2px;
}
input.searchbutton{
    border:1px solid #ccc;
    padding:1px;
    cursor:pointer;
    width:30px;
	height:22px;
    background:#E8E9EA url(../images/search.png) no-repeat center center;
}
input.searchbutton:hover{
    background-color:#D9D9DA;
}

select.categoryselect{
    border:1px solid #ccc;
    padding:1px;
    cursor:pointer;
	height:22px;
    background:#E8E9EA url(../images/search.png) no-repeat center center;
}


#setting div{
	background: #EFEFEF;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	padding: 5px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	margin:15px;
	width:750px;
}

#categoryfilter li{
	line-height:150%;
}