/* ------------------------ 
        　common
 ------------------------ */

a {
	text-decoration: none;
	color: #336699;
}
a:visited {
	text-decoration: none;
	color: #222;
}
a:hover {
	text-decoration: underline;
}


/* --- clearfix --- */

.clearfix{
	zoom:1;/*for IE 5.5-7*/
	overflow: hidden;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/* --- container-div --- */

#container {
	margin: 0 auto;
	width: 960px;
}


/* --- head --- */

#head {
	margin-bottom: 20px;
}
#head h1 {
	float: left;
	margin: 18px 10px 10px 0;
	font-size: 80%;
}
#head .search {
	float: right;
	margin-top: 15px;
	width: 260px;
	text-align: right;
}
#head .text {
	font-size: 80%;
	margin-top: 40px;
	width: 480px;
	float: left;
}
#head .search .social {
	margin-top: 20px;	/*margin-left: 65px;*/
}



/* --- navi --- */

#head ul#gnavi {
	background-color: #6699cc;
	clear: both;
}
#gnavi li {
	list-style: none;
	color: #FFF;
	float: left;
}
#gnavi li a {
	display: block;
	padding: 7px 20px;
	color: #FFF;
}
#gnavi li .active {
	background-color: #336699;
}
#gnavi li a:hover {
	background-color: #85a8cc;
	text-decoration: none;
}


/* --- side--- */

#side {
	width: 300px;
	float: right;
	margin-bottom: 30px;
}
#side .topics {
	border: solid #e0e0e0 1px;
	margin-top: 10px;
}
#side h2 {
	color: #FFF;
	background-color: #336699;
	padding: 5px 10px;
	font-size: 80%;
	font-weight: bold;
}
#side .topics ul li {
	list-style: none;
	font-size: 80%;
	margin-bottom: 10px;
}
#side .topics ul li a {
	background-image: url(../img/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
	color: #6699cc;
	display: block;
	font-weight: bold;
}
#side .topics ul {
	padding: 20px 10px 10px;
}

#side .column {
	border: solid #e0e0e0 1px;
	margin-top: 10px;
}
#side .column h3 {
	border-bottom: solid #336699 1px;
	font-size: 80%;
	color: #336699;
	font-weight: bold;
	margin-bottom: 5px;
	clear: both;
}
#side .column p {
	font-weight: bold;
	font-size: 80%;
}
#side .column p a {
	color: #6699cc;
}
#side .column .thum {
	float: right;
}
#side .column .inner {
	padding: 10px;
}
#side .facebook {
	border: solid #e0e0e0 1px;
	margin-top: 10px;
	padding: 10px;
}
/*#side .recommend {
	border: solid #e0e0e0 1px;
	margin-top: 10px;
	padding: 10px;
	margin-bottom: 10px;
}*/
#side .fb-recommendations {
	margin-top: 10px;
	margin-bottom: 10px;
}

#side .ranking {
	border: solid #e0e0e0 1px;
	margin-top: 10px;
	#padding-bottom:10px;
}
#side .ranking dl {
	margin: 10px;
	border-bottom: solid #336699 1px;
	padding-bottom: 5px;
}
#side .ranking dl dt {
	float: left;
	margin-right: 10px;
}
#side .ranking dl dd {
	font-size: 80%;
	font-weight: bold;
	overflow: auto;      /* for modern browser */
	zoom: 1;  /* for ie6 */
}
#side .ranking dl dd a {
	color: #6699cc;
}
#side li,
#side dd,
#side p {
	line-height: 150%;
}






/* --- contents--- */

#contents {
	width: 640px;
	float: left;
	margin-bottom: 30px;
}
#contents .more {
	float: left;
	font-size: 80%;
	margin-top: 10px;
}
#contents .date {
	float: right;
	font-size: 80%;
	color: #666;
	margin-top: 10px;
}




/* --- foot--- */

#foot {
	clear: both;
	background-color: #336699;
	color: #FFF;
	padding: 10px 20px 170px;
}
#foot ul li {
	float: left;
	list-style: none;
	font-size: 80%;
	margin-right: 17px;
}
#foot ul li a {
	color: #FFF;
	background-image: url(../img/bullet_white.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
#foot .copyright {
	font-size: 80%;
	color: #FFF;
	float: right;
}
#head .search FORM #btn {
	margin-left: 5px;
	vertical-align:middle;
}
/*#head .search .social .twitter-follow-button {
	margin-top: 2px;
}*/
#head .search form {
	text-align: right;
}

#head .search FORM #s {
	padding:2px;
}
	
#head .search .social .fb-like {
	float: right;
}
#head .search .social .head-twitter-btn {
	float: right;
	margin-left: 5px;
}