@charset "utf-8";

/* =================================================
	Layout
================================================= */
#my_body { margin: 0 auto;  width : 980px ; text-align:left;}
#my_navigation {  float : left ; width : 300px ; }
#my_contents {  float : left ; width : 660px ; }

/* =================================================
	Search
================================================= */
#my_header .video_search {
	padding:10px 0;
}
#my_header .video_search .buttons {
	margin-bottom:5px;
}
#my_header .video_search select {
	margin-right:5px;
}

/* =================================================
	Header menu
================================================= */
#menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
}
#menu a {
	background: #333 url("images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:focus,
#menu a:hover {
	background: #2580a2 url("images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 7px; 
}

/* =================================================
	Category menu
================================================= */
#menu2 {
	float:left;
	width:100%;
	font-size:120%;
	line-height:normal;
	}
#menu2 ul {
	margin:5;
	padding:10px 10px 0 50px;
	list-style:none;
	}
#menu2 li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu2 a {
	float:left;
	background:url("images/tableftF.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 3px;
	text-decoration:none;
	}
#menu2 a span {
	float:left;
	display:block;
	background:url("images/tabrightF.gif") no-repeat right top;
	padding:5px 10px 4px 4px;
	color:#666;
	}

/* =================================================
	Main contents
================================================= */
#my_main {
	width:100%;
	margin:0 0 40px;
}
p.cmn_thumb_res { width:160px; height:45px;background:#FFF; font-size:12px; line-height:14px; font-weight:bold; border:solid 2px #CCC; margin-top:1px; padding:1px;}

/* category link */
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding:0 5px 5px;
font-size:11px;
}
.buttonwrapper a{
font-size:11px;
}

/* =================================================
	Side bar
================================================= */
#my_navigation .list_header {
	padding:4px 5px;
	font-size:16px;
	background:#555555;
	color:#FFFFFF;
}
#my_navigation .list_content {
	margin:0 0 10px;
}
#my_navigation .list_content li {
	overflow: hidden;
    width: 100%;
    padding: 8px 0;
	border-bottom: 1px dotted #BABABA;
}
/* FC2 Information */
#rss_convert .rss_fc2infolist {
	padding:5px 0;
	border-bottom: 1px dotted #BABABA;
	color:#6F6F6F;
}
#my_navigation .readmore {
	padding:10px 0 ;
	text-align:right;
}
#my_navigation .recommend_service .list_header {
	margin:0 0 5px;
}
#my_navigation .recommend_service ul li {
	list-style:disc outside;
	margin-left:15px;
}

/* =================================================
	FC2 Footer
================================================= */
#sh_fc2footer_fix {
	overflow:hidden;
	width:100%;
}