@charset "euc-jp";
/*
------------------------------------------------------------------------------------------ 
Iam DesignNetwork Corporation
stylesheet module.css
------------------------------------------------------------------------------------------ 
*/

/* --------------------------------------------------------------------------------------- */
/* header */
#header #header_inner h1 {
	float: left;
}

#header #header_inner h1 a {
	width: 220px;
	height: 82px;
	display: block;
	text-indent: -9999px;
	outline: none;
	background: url(../image/site/site_logo.jpg) top left no-repeat;
}

#header #header_inner p#site_message {
	width: 235px;
	height: 58px;
	float: left;
	margin: 16px 0 0 10px;
}

#header #header_inner #header_banner {
	width: 470px;
	height: 62px;
	float: right;
	margin: 16px 0 0;
}
/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */
/* menu */
#menu {
	width: 960px;
	height: 27px;
	margin: 0 auto;
}

#menu #menu_inner {}

#menu #menu_inner ul {
}

#menu #menu_inner ul li {
	float: left;
	display: inline;
	height: 27px;
	margin-left: 3px;
}

#menu #menu_inner ul li:first-child {
	margin-left: 0;
}
/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* alpha */
#alpha #alpha_inner .alpha_contents { width:700px; }

#alpha #alpha_inner .alpha_h h2 {
	font-size: 184%;
	padding-left: 8px;
	border-left: 7px solid #FF6600;
	background: #FFF7EC;
	margin-bottom: 15px;
}

#alpha #alpha_inner h3 { margin-bottom: 15px; }

#alpha #alpha_inner #genre {
	background: #FF6600;
	color: #FFFFFF;
	width: 150px;
	font-weight: bold;
	padding: 0 0 0 5px;
}

/* alpha - pagenation */
#alpha #alpha_inner .pagenation { overflow: hidden;}

#alpha #alpha_inner .pagenation ul {
	float: right;
	overflow: hidden;
}

#alpha #alpha_inner .pagenation ul li {
	float: left;
	display: inline;
	line-height: 0;
	margin: 0 1px;
	color: #999999;
}

#alpha #alpha_inner .pagenation ul li span,
#alpha #alpha_inner .pagenation ul li a {
	display: block;
	line-height: 1;
	text-align: center;
	padding: 5px;
	text-decoration: none;
	border: 1px solid #AAAAAA;
}

/* alpha - list_contents */
#alpha #alpha_inner #list_contents {
	margin-top: 10px;
}

#alpha #alpha_inner #list_contents .list_contents_inner {
	width: 700px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

#alpha #alpha_inner #list_contents .list_contents_inner:first-child {
	border-top: 1px solid #CCCCCC;
	padding-top: 20px;
}

#alpha #alpha_inner #list_contents .list_contents_inner:last-child { margin-bottom: 10px; }

#alpha #alpha_inner #list_contents .fll165 {
	float: left;
	display: inline;
	width: 165px;
	font-size: 77%;
}

#alpha #alpha_inner #list_contents .flr525 {
	float: right;
	display: inline;
	width: 525px;
}

#alpha #alpha_inner #list_contents .fll165 img { display: block; }

#alpha #alpha_inner #list_contents dl dt { font-size: 122%; }

/* alpha - no_result */
#alpha #alpha_inner .no_result{
}

#alpha #alpha_inner .no_result h3{
	font-size: 122%;
	margin: 10px 0 20px 0;
}

/* alpha - list_contents */
#alpha #alpha_inner #list_contents dl dd.tv_station,
#alpha #alpha_inner #list_contents dl dd.date {
	color: #0066CC;
}

/* alpha - ad_code */
#alpha .ad_code{
	width: 340px;
	overflow: hidden;
	text-align: center;
	margin: 10px 0;
}
#alpha .ad_code .ad_code_inner{
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

/* alpha - .index_rss_feed */
#alpha .index_rss_feed{
	position: absolute;
	width: 690px;
	height: 16px;
	padding-right: 10px;
	margin-top:-41px;
	text-align: right;
}

/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* beta */
#beta #beta_inner .beta_menu {
	background: #E4E4E4  url(../image/site/beta/beta_bg_bottom.gif) bottom left no-repeat;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#beta #beta_inner .beta_menu .beta_menu_inner {
	background: url(../image/site/beta/beta_inner_bg_top.gif) top left no-repeat;
	padding-top: 8px;
	margin: 10px 10px 0;
}

#beta #beta_inner .beta_menu .beta_menu_inner #search_information_tv,
#beta #beta_inner .beta_menu .beta_menu_inner #search_keywords,
#beta #beta_inner .beta_menu .beta_menu_inner #access_ranking {
	background: #FFFFFF url(../image/site/beta/beta_inner_bg_bottom.gif) bottom left no-repeat;
	padding: 0 5px 8px;
}

#beta #beta_inner .beta_menu .beta_menu_inner #access_ranking {
	padding: 0 3px 8px;
}

#beta #beta_inner #access_ranking {}
#beta #beta_inner #access_ranking ul {
	margin: 0 0 5px;
	font-size: 92%;
}

#beta #beta_inner #access_ranking ul li {
	padding-left: 28px;
	margin-bottom: 3px;
}

#beta #beta_inner #access_ranking ul li.no1 {
	background: url(../image/site/beta/access_ranking/icon_no1.gif) left -3px no-repeat;
}
#beta #beta_inner #access_ranking ul li.no2 {
	background: url(../image/site/beta/access_ranking/icon_no2.gif) left -3px no-repeat;
}
#beta #beta_inner #access_ranking ul li.no3 {
	background: url(../image/site/beta/access_ranking/icon_no3.gif) left -3px no-repeat;
}
#beta #beta_inner #access_ranking ul li.no4 {
	background: url(../image/site/beta/access_ranking/icon_no4.gif) left 0px no-repeat;
}
#beta #beta_inner #access_ranking ul li.no5 {
	background: url(../image/site/beta/access_ranking/icon_no5.gif) left 0px no-repeat;
}

#beta #beta_inner ul.banner_links li {
	width: 240px;
	height: 70px;
	margin: 0 0 10px;
}

#beta .twitter_widget{
	margin-bottom: 10px;
}
#beta .facebook_likebox{
	margin-bottom: 10px;
}
/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* page_scroll_navi */
#page_scroll_navi {
	width: 960px;
	margin: 0 auto 10px;
}

#page_scroll_navi p {
	text-align: right;
}
/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* footer */
#footer #footer_inner ul {
	padding-top: 15px;
	margin-bottom: 15px;
}

#footer #footer_inner ul li {
	font-size: 85%;
	display: inline;
	border-left: 1px solid #000000;
	padding: 0 7px;
}

#footer #footer_inner ul li:first-child {
	border-left: none;
}

#footer #footer_inner #copyright {
	font-size: 77%;
	color: #FFFFFF;
	padding-top: 57px;
	text-align: right;
}
/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* social_buttons */
.social_buttons{
	position: relative;
	overflow: hidden;

	padding: 10px;
	margin: 10px 0;
	overflow: hidden;
	zoom: 1;
	background: #F2F2F2;
	border: 1px solid #DDDDDD;
	box-shadow: 0 0 0 2px #FFFFFF inset;
	border-radius: 5px;
	
}
.social_buttons ul{
	float: left;
	text-align: center;
	
	position: relative;
	left: 50%;
}
.social_buttons ul li{
	float: left;
	display: inline;
	margin-left: 5px;
	line-height: 1;
	vertical-align: bottom;

	position: relative;
	left: -50%;
}
.social_buttons ul li.facebook{
	width: 70px;
	overflow: hidden;
}
.social_buttons ul li.twitter{
	width: 71px;
	overflow: hidden;
}
.social_buttons ul li.mixi{
	width: 70px;
	overflow: hidden;
}
/* --------------------------------------------------------------------------------------- */